adding hero images, content image

scottpdawson · Nov 29, 2020 · a004893 · a004893
1 parent 5e58de9
commit a004893
Show file tree

Hide file tree

Showing 9 changed files with 17 additions and 1 deletion.
diff --git a/_includes/assets/css/inline.css b/_includes/assets/css/inline.css
@@ -194,3 +194,9 @@ button {
 		font-size: 1.1rem;
 	}
 }
+
+img.rt {
+	float: right;
+	margin-left: 1rem;
+	max-width: 300px;
+}
diff --git a/_includes/layouts/base.njk b/_includes/layouts/base.njk
@@ -10,6 +10,9 @@
 				<a href="{{ '/' | url }}">{{ metadata.title }}</a>
 			</em>
 			{% include "components/nav.njk" %}
+			{% if (hero) %}
+			<img class="page-hero" src="{{ hero }}" alt="Hero image for {{ title }}" />
+			{% endif %}
 		</header>
 
 		<main>

diff --git a/pages/about.md b/pages/about.md
@@ -2,12 +2,17 @@
 title: About
 metaDescription: This is a sample meta description. If one is not present in your page/post's front matter, the default metadata.description will be used instead.
 date: 2017-01-01T00:00:00.000Z
+hero: /static/img/about.jpg
 permalink: /about/index.html
 eleventyNavigation:
   key: About
   order: 1
 ---
-![IMG_4209](https://elizabethrdawson.files.wordpress.com/2016/08/img_4209-e1472206568595.jpg?w=235)I am a 16 year old student at Trumansburg High School. I've studied piano for 10 years and achieved high scores in performances at NYSSMA _(New York State School Music Association)_ events. My scores include 27/28 2013 _(level 3), 27/28_ 2014 _(level 4),_ 96/100 2015 _(level 5), and 98/100 2016 (level 6)_.
+
+<img src="/static/img/elizabeth.jpg" alt="Elizabeth Dawson"
+	title="Elizabeth Dawson" class="rt" />
+
+I am a 16 year old student at Trumansburg High School. I've studied piano for 10 years and achieved high scores in performances at NYSSMA _(New York State School Music Association)_ events. My scores include 27/28 2013 _(level 3), 27/28_ 2014 _(level 4),_ 96/100 2015 _(level 5), and 98/100 2016 (level 6)_.
 
 I am also a percussionist. I am a member of the  of the Trumansburg High School band and jazz band.
 

diff --git a/pages/contact.md b/pages/contact.md
@@ -4,6 +4,7 @@ title: Contact
 metaDescription: This is a sample meta description. If one is not present in your page/post's front matter, the default metadata.description will be used instead.
 section: contact
 date: 2016-08-24
+hero: /static/img/contact.jpg
 permalink: /contact/index.html
 eleventyNavigation:
   key: Contact

diff --git a/pages/home.md b/pages/home.md
@@ -3,6 +3,7 @@ layout: layouts/home.njk
 title: Performance
 date: 2016-08-24
 permalink: /
+hero: /static/img/performance.jpg
 eleventyNavigation:
   key: Home
   order: 0

diff --git a/static/img/about.jpg b/static/img/about.jpg
diff --git a/static/img/contact.jpg b/static/img/contact.jpg
diff --git a/static/img/elizabeth.jpg b/static/img/elizabeth.jpg
diff --git a/static/img/performance.jpg b/static/img/performance.jpg