Add photo + about layout

.jekyll-cache/Jekyll/Cache/Jekyll--Cache/b7/9606fb3afea5bd1609ed40b622142f1c98125abcfe89a76a661b0e8e343910

@@ -1,2 +1 @@
-I"p
-{"source"=>"/Users/lukefretwell/Documents/lukefretwell/lukefretwell.github.io", "destination"=>"/Users/lukefretwell/Documents/lukefretwell/lukefretwell.github.io/_site", "collections_dir"=>"", "cache_dir"=>".jekyll-cache", "plugins_dir"=>"_plugins", "layouts_dir"=>"_layouts", "data_dir"=>"_data", "includes_dir"=>"_includes", "collections"=>{"posts"=>{"output"=>true, "permalink"=>"/posts/:title"}, "pages"=>{"output"=>true, "permalink"=>"/:title"}, "work"=>{"output"=>true, "permalink"=>"/work/:title"}}, "safe"=>false, "include"=>[".htaccess"], "exclude"=>["Gemfile", "Gemfile.lock", "node_modules", "vendor", "_site", ".sass-cache", ".DS_Store", ".gitignore", ".jekyll-metadata", ".env", "config.local.yml", "config.production.yml", ".jekyll-cache", "gemfiles", "vendor/bundle/", "vendor/cache/", "vendor/gems/", "vendor/ruby/"], "keep_files"=>[".git", ".svn"], "encoding"=>"utf-8", "markdown_ext"=>"markdown,mkdown,mkdn,mkd,md", "strict_front_matter"=>false, "show_drafts"=>nil, "limit_posts"=>0, "future"=>false, "unpublished"=>false, "whitelist"=>[], "plugins"=>["jekyll-feed", "jekyll-seo-tag", "jekyll-sitemap", "jekyll-paginate", "jekyll-assets", "jekyll-redirect-from"], "markdown"=>"kramdown", "highlighter"=>"rouge", "lsi"=>false, "excerpt_separator"=>"\n\n", "incremental"=>false, "detach"=>false, "port"=>"4000", "host"=>"127.0.0.1", "baseurl"=>nil, "show_dir_listing"=>false, "permalink"=>"date", "paginate_path"=>"/page:num", "timezone"=>"America/Los_Angeles", "quiet"=>false, "verbose"=>false, "defaults"=>[{"scope"=>{"path"=>"", "type"=>"pages"}, "values"=>{"layout"=>"default"}}, {"scope"=>{"path"=>"", "type"=>"posts"}, "values"=>{"layout"=>"default"}}, {"scope"=>{"path"=>"_work", "type"=>"work"}, "values"=>{"layout"=>"work", "folder"=>"work"}}], "liquid"=>{"error_mode"=>"warn", "strict_filters"=>false, "strict_variables"=>false}, "kramdown"=>{"auto_ids"=>true, "toc_levels"=>[1, 2, 3, 4, 5, 6], "entity_output"=>"as_char", "smart_quotes"=>"lsquo,rsquo,ldquo,rdquo", "input"=>"GFM", "hard_wrap"=>false, "guess_lang"=>true, "footnote_nr"=>1, "show_warnings"=>false}, "title"=>"Luke Fretwell", "description"=>"Entrepreneur, writer, civic hacker focused on the intersection of design, technolgoy and democracy.", "avatar"=>"avatar.png", "url"=>"http://localhost:4000", "email"=>"mailto:luke@lukefretwell.com", "calendar"=>"https://lukefretwell.com/calendar", "twitter"=>"https://twitter.com/lukefretwell", "linkedin"=>"https://www.linkedin.com/in/lukefretwell", "github"=>"https://github.com/lukefretwell", "rss"=>"https://lukefretwell.com/feed.xml", "date"=>"%B %-d, %Y", "livereload"=>true, "livereload_port"=>35729, "serving"=>true, "watch"=>true}:ET
+I"{"source"=>"/Users/lukefretwell/Documents/lukefretwell/lukefretwell.github.io", "destination"=>"/Users/lukefretwell/Documents/lukefretwell/lukefretwell.github.io/_site", "collections_dir"=>"", "cache_dir"=>".jekyll-cache", "plugins_dir"=>"_plugins", "layouts_dir"=>"_layouts", "data_dir"=>"_data", "includes_dir"=>"_includes", "collections"=>{"posts"=>{"output"=>true, "permalink"=>"/posts/:title"}, "pages"=>{"output"=>true, "permalink"=>"/:title"}, "work"=>{"output"=>true, "permalink"=>"/work/:title"}}, "safe"=>false, "include"=>[".htaccess"], "exclude"=>["Gemfile", "Gemfile.lock", "node_modules", "vendor", "_site", ".sass-cache", ".DS_Store", ".gitignore", ".jekyll-metadata", ".env", "config.local.yml", "config.production.yml", ".jekyll-cache", "gemfiles", "vendor/bundle/", "vendor/cache/", "vendor/gems/", "vendor/ruby/"], "keep_files"=>[".git", ".svn"], "encoding"=>"utf-8", "markdown_ext"=>"markdown,mkdown,mkdn,mkd,md", "strict_front_matter"=>false, "show_drafts"=>nil, "limit_posts"=>0, "future"=>false, "unpublished"=>false, "whitelist"=>[], "plugins"=>["jekyll-feed", "jekyll-seo-tag", "jekyll-sitemap", "jekyll-paginate", "jekyll-assets", "jekyll-redirect-from"], "markdown"=>"kramdown", "highlighter"=>"rouge", "lsi"=>false, "excerpt_separator"=>"\n\n", "incremental"=>false, "detach"=>false, "port"=>"4000", "host"=>"127.0.0.1", "baseurl"=>nil, "show_dir_listing"=>false, "permalink"=>"date", "paginate_path"=>"/page:num", "timezone"=>"America/Los_Angeles", "quiet"=>false, "verbose"=>false, "defaults"=>[{"scope"=>{"path"=>"", "type"=>"pages"}, "values"=>{"layout"=>"default"}}, {"scope"=>{"path"=>"", "type"=>"posts"}, "values"=>{"layout"=>"default"}}, {"scope"=>{"path"=>"_work", "type"=>"work"}, "values"=>{"layout"=>"work", "folder"=>"work"}}], "liquid"=>{"error_mode"=>"warn", "strict_filters"=>false, "strict_variables"=>false}, "kramdown"=>{"auto_ids"=>true, "toc_levels"=>[1, 2, 3, 4, 5, 6], "entity_output"=>"as_char", "smart_quotes"=>"lsquo,rsquo,ldquo,rdquo", "input"=>"GFM", "hard_wrap"=>false, "guess_lang"=>true, "footnote_nr"=>1, "show_warnings"=>false, "syntax_highlighter"=>"rouge", "syntax_highlighter_opts"=>{:default_lang=>"plaintext", :guess_lang=>true}, "coderay"=>{}}, "title"=>"Luke Fretwell", "description"=>"Entrepreneur, writer, civic hacker focused on the intersection of design, technology and democracy.", "avatar"=>"avatar.png", "photo"=>"photo.png", "photo-alt"=>"Luke Fretwell", "url"=>"http://localhost:4000", "email"=>"mailto:luke@lukefretwell.com", "calendar"=>"https://lukefretwell.com/calendar", "twitter"=>"https://twitter.com/lukefretwell", "linkedin"=>"https://www.linkedin.com/in/lukefretwell", "github"=>"https://github.com/lukefretwell", "rss"=>"https://lukefretwell.com/feed.xml", "date"=>"%B %-d, %Y", "livereload"=>true, "livereload_port"=>35729, "serving"=>true, "watch"=>true}:ET

_config.yml

@@ -1,6 +1,6 @@
 # General
 title: Luke Fretwell
-description: "Entrepreneur, writer, civic hacker focused on the intersection of design, technolgoy and democracy."
+description: "Entrepreneur, writer, civic hacker focused on the intersection of design, technology and democracy."
 avatar: avatar.png
 url: https://lukefretwell.com
 

_layouts/about.html

@@ -0,0 +1,42 @@
+---
+layout: about
+---
+{% include header.html %}
+{% include nav.html %}
+<main>
+  {% include jumbotron.html %}
+  <div class="container">
+    {% if page.img %}
+      <div class="row">
+        <div class="col-sm-12 col-md-12 col-lg-2 col-xl-2"></div>
+        <div class="col-sm-12 col-md-12 col-lg-8 col-xl-8">
+          <div class="mb-5">
+            <img
+              src="{{ baseurl }}/assets/img/{{ page.img }}"
+              alt="{{ page.img-alt }}"
+              class="border">
+            {% if page.img-download %}
+              <div class="mt-3">
+                <small>
+                  <a href="{{ baseurl }}/assets/img/{{ page.img-download }}" class="text-decoration-none">
+                    <i class="fa-solid fa-download"></i>
+                    Download high-resolution image
+                  </a>
+                </small>
+              </div>
+            {% endif %}
+          </div>
+        </div>
+        <div class="col-sm-12 col-md-12 col-lg-2 col-xl-2"></div>
+      </div>
+    {% endif %}
+    <div class="row">
+      <div class="col-sm-12 col-md-12 col-lg-2 col-xl-2"></div>
+      <div class="col-sm-12 col-md-12 col-lg-8 col-xl-8">
+        {{ content }}
+      </div>
+      <div class="col-sm-12 col-md-12 col-lg-2 col-xl-2"></div>
+    </div>
+  </div>
+</main>
+{% include footer.html %}

_pages/about.md

@@ -1,6 +1,10 @@
 ---
+layout: about
 title: About
-description: "Entrepreneur, writer, civic hacker focused on the intersection of design, technolgoy and democracy."
+description: "Entrepreneur, writer, civic hacker focused on the intersection of design, technology and democracy."
+img: luke-fretwell.jpg
+img-alt: Luke Fretwell
+img-download: luke-fretwell-high-res.jpg
 permalink: /about/
 ---
 

_site/404.html

@@ -77,10 +77,10 @@
 <meta name="theme-color" content="#ffffff">
 
     <!-- Created date -->
-    <meta property="article:published_time" content="2024-06-01 11:22:26 -0700" />
-    <meta name="dc.date" content="2024-06-01 11:22:26 -0700">
-    <meta name="dc.date.created" content="2024-06-01 11:22:26 -0700">  
-    <meta name="dcterms.created" content="2024-06-01 11:22:26 -0700">
+    <meta property="article:published_time" content="2024-06-01 20:02:28 -0700" />
+    <meta name="dc.date" content="2024-06-01 20:02:28 -0700">
+    <meta name="dc.date.created" content="2024-06-01 20:02:28 -0700">  
+    <meta name="dcterms.created" content="2024-06-01 20:02:28 -0700">
 
 
 

_site/about/index.html

@@ -5,7 +5,7 @@
   <!-- Meta tags -->
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-  <meta name="description" content="Entrepreneur, writer, civic hacker focused on the intersection of design, technolgoy and democracy.">
+  <meta name="description" content="Entrepreneur, writer, civic hacker focused on the intersection of design, technology and democracy.">
   <meta name="keywords" content="">
   <meta name="author" content="">
   <meta name="robots" content="index, follow">
@@ -77,10 +77,10 @@
 <meta name="theme-color" content="#ffffff">
 
     <!-- Created date -->
-    <meta property="article:published_time" content="2024-06-01 11:22:26 -0700" />
-    <meta name="dc.date" content="2024-06-01 11:22:26 -0700">
-    <meta name="dc.date.created" content="2024-06-01 11:22:26 -0700">  
-    <meta name="dcterms.created" content="2024-06-01 11:22:26 -0700">
+    <meta property="article:published_time" content="2024-06-01 20:02:28 -0700" />
+    <meta name="dc.date" content="2024-06-01 20:02:28 -0700">
+    <meta name="dc.date.created" content="2024-06-01 20:02:28 -0700">  
+    <meta name="dcterms.created" content="2024-06-01 20:02:28 -0700">
 
 
 
@@ -90,7 +90,7 @@
     <meta name="twitter:site" content="https://twitter.com/lukefretwell">
     <meta name="twitter:card" content="summary_large_image">
     <meta name="twitter:title" content="About">
-    <meta name="twitter:description" content="Entrepreneur, writer, civic hacker focused on the intersection of design, technolgoy and democracy.">
+    <meta name="twitter:description" content="Entrepreneur, writer, civic hacker focused on the intersection of design, technology and democracy.">
 
     <meta property="twitter:image" content="http://localhost:4000/assets/img/avatar-twitter.png">
 
@@ -179,7 +179,7 @@
         <div class="col-sm-12 col-md-12 col-lg-8 col-xl-8">
 
           <h1 class="display-5 mb-3">About</h1>
-          <p class="lead">Entrepreneur, writer, civic hacker focused on the intersection of design, technolgoy and democracy.</p>
+          <p class="lead">Entrepreneur, writer, civic hacker focused on the intersection of design, technology and democracy.</p>
         </div>
         <div class="col-sm-12 col-md-12 col-lg-2 col-xl-2"></div>
       </div>
@@ -194,10 +194,33 @@ <h1 class="display-5 mb-3">About</h1>
   </div>
 
   <div class="container">
+
+      <div class="row">
+        <div class="col-sm-12 col-md-12 col-lg-2 col-xl-2"></div>
+        <div class="col-sm-12 col-md-12 col-lg-8 col-xl-8">
+          <div class="mb-5">
+            <img
+              src="/assets/img/luke-fretwell.jpg"
+              alt="Luke Fretwell"
+              class="border">
+
+              <div class="mt-3">
+                <small>
+                  <a href="/assets/img/luke-fretwell-high-res.jpg" class="text-decoration-none">
+                    <i class="fa-solid fa-download"></i>
+                    Download high-resolution image
+                  </a>
+                </small>
+              </div>
+
+          </div>
+        </div>
+        <div class="col-sm-12 col-md-12 col-lg-2 col-xl-2"></div>
+      </div>
+
     <div class="row">
-      <div class="col-sm-12 col-md-2 col-lg-2 col-xl-2"></div>
-      <div class="col-sm-12 col-md-8 col-lg-8 col-xl-8 post">
-
+      <div class="col-sm-12 col-md-12 col-lg-2 col-xl-2"></div>
+      <div class="col-sm-12 col-md-12 col-lg-8 col-xl-8">
         <p>Luke Fretwell is a champion of open, accessible technologies that drives inclusive and collaborative democracy.</p>
 
 <p>He is the co-founder and CEO of <a href="https://proudcity.com/">ProudCity</a>, a platform empowering local governments across the nation to deliver better digital services. In its esteemed GovTech 100 list, <em>Government Technology</em> annually recognizes ProudCity as one of the nation’s leading civic technology companies.</p>
@@ -223,7 +246,7 @@ <h1 class="display-5 mb-3">About</h1>
 <p>Luke graduated from George Mason University with degrees in government and politics and tnternational studies. He was editor-in-chief of the GMU newspaper, <em>The Broadside</em>, where he led staff to win the university’s first national Associated Collegiate Press honors.</p>
 
       </div>
-      <div class="col-sm-12 col-md-2 col-lg-2 col-xl-2"></div>
+      <div class="col-sm-12 col-md-12 col-lg-2 col-xl-2"></div>
     </div>
   </div>
 </main>

_site/calendar/index.html

@@ -77,10 +77,10 @@
 <meta name="theme-color" content="#ffffff">
 
     <!-- Created date -->
-    <meta property="article:published_time" content="2024-06-01 11:22:26 -0700" />
-    <meta name="dc.date" content="2024-06-01 11:22:26 -0700">
-    <meta name="dc.date.created" content="2024-06-01 11:22:26 -0700">  
-    <meta name="dcterms.created" content="2024-06-01 11:22:26 -0700">
+    <meta property="article:published_time" content="2024-06-01 20:02:28 -0700" />
+    <meta name="dc.date" content="2024-06-01 20:02:28 -0700">
+    <meta name="dc.date.created" content="2024-06-01 20:02:28 -0700">  
+    <meta name="dcterms.created" content="2024-06-01 20:02:28 -0700">
 
 
 

_site/colophon/index.html

@@ -77,10 +77,10 @@
 <meta name="theme-color" content="#ffffff">
 
     <!-- Created date -->
-    <meta property="article:published_time" content="2024-06-01 11:22:26 -0700" />
-    <meta name="dc.date" content="2024-06-01 11:22:26 -0700">
-    <meta name="dc.date.created" content="2024-06-01 11:22:26 -0700">  
-    <meta name="dcterms.created" content="2024-06-01 11:22:26 -0700">
+    <meta property="article:published_time" content="2024-06-01 20:02:28 -0700" />
+    <meta name="dc.date" content="2024-06-01 20:02:28 -0700">
+    <meta name="dc.date.created" content="2024-06-01 20:02:28 -0700">  
+    <meta name="dcterms.created" content="2024-06-01 20:02:28 -0700">
 
 
 

_site/connect/index.html

@@ -77,10 +77,10 @@
 <meta name="theme-color" content="#ffffff">
 
     <!-- Created date -->
-    <meta property="article:published_time" content="2024-06-01 11:22:26 -0700" />
-    <meta name="dc.date" content="2024-06-01 11:22:26 -0700">
-    <meta name="dc.date.created" content="2024-06-01 11:22:26 -0700">  
-    <meta name="dcterms.created" content="2024-06-01 11:22:26 -0700">
+    <meta property="article:published_time" content="2024-06-01 20:02:28 -0700" />
+    <meta name="dc.date" content="2024-06-01 20:02:28 -0700">
+    <meta name="dc.date.created" content="2024-06-01 20:02:28 -0700">  
+    <meta name="dcterms.created" content="2024-06-01 20:02:28 -0700">
 
 
 

_site/contact/index.html

@@ -77,10 +77,10 @@
 <meta name="theme-color" content="#ffffff">
 
     <!-- Created date -->
-    <meta property="article:published_time" content="2024-06-01 11:22:26 -0700" />
-    <meta name="dc.date" content="2024-06-01 11:22:26 -0700">
-    <meta name="dc.date.created" content="2024-06-01 11:22:26 -0700">  
-    <meta name="dcterms.created" content="2024-06-01 11:22:26 -0700">
+    <meta property="article:published_time" content="2024-06-01 20:02:28 -0700" />
+    <meta name="dc.date" content="2024-06-01 20:02:28 -0700">
+    <meta name="dc.date.created" content="2024-06-01 20:02:28 -0700">  
+    <meta name="dcterms.created" content="2024-06-01 20:02:28 -0700">
 
 
 

_site/css/style.css

@@ -200,7 +200,7 @@ a.navbar-brand, .navbar-brand {
 }
 
 .post p, .post ul, .post h2 {
-    margin-bottom: var(--size-6);
+    margin-bottom: var(--size-5);
 }
 
 .post h2 {