First steps to simplify example Jekyll one-pager site

chuckgroom · Jan 5, 2018 · 3c83629 · 3c83629
1 parent 26efd63
commit 3c83629
Show file tree

Hide file tree

Showing 28 changed files with 54 additions and 384 deletions.
diff --git a/_config.yml b/_config.yml
@@ -1,48 +1,31 @@
 # Site settings
-title: Chuck Groom
-email: chuck.groom+portfolio@gmail.com
-url: https://chuckgroom.com
-description: "Chuck Groom, an experienced software entrepreneur and CTO in New York City"
-keywords: "CTO, Architect, Engineering Manager, Software Engineer, Python, Ruby, Machine Learning, Deep Learning, VR, AR, New York City, NYC, Startups"
-skills: "Entrepreneur, CTO in New York City"
-meta_author: Groom Charles
+name: Edwin E. Exemplar
+email: edwin+contactme@someemail.com
+#canonical_url: https://edwinexemplar.com
+keywords: "Software Engineer, Python, Ruby, Machine Learning, Deep Learning, Startups, Agile, Pair Programming"
+skills: "Principal Software Engineer in Durham, NC"
+meta_author: Examplar Edwin
 
 # Google webmaster tools
 google_verify:
 
 # https://ssl.bing.com/webmaster/configure/verify/ownership Option 2 content= goes here
 bing_verify:
 
-# Contact form:
-# - static : pass through formspree.io to validate email sending
-# - disqus : replace contact form by disqus thread
-# - comment the line below if you want to stick with the default PHP contact form
-contact: static
-
-# If you use disqus you need disqus shortname
-# https://help.disqus.com/customer/portal/articles/466208
-disqus_shortname: myshortname
-
 # Color settings (hex-codes without the leading hash-tag)
 color:
-  primary: 18bc9c #80B3FF
-  primary-rgb: "24,288,156" #"128,179,255"
-  secondary: 2c3e50 #FD6E8A
-  secondary-dark: 233140 #A2122F
+  primary: 2196F3
+  primary-rgb: "33, 150, 243"
+  secondary: 285172
+  secondary-dark: 29455b
+  section-tout: eaf1f1
 
 # Footer settings
 footer:
   copyright: Chuck Groom
-  location: 
+  location:
   social: Around the Web
-  credits: 
-
-# Social networks usernames (many more available: google-plus, flickr, dribbble, pinterest, instagram, tumblr, linkedin, etc.)
-social:
-  - title: linkedin
-    url: https://www.linkedin.com/in/cgroom/
-  - title: medium
-    url: https://medium.com/@cgroom
+  credits:
 
 # Postal address (add as many lines as necessary)
 address:
@@ -51,6 +34,17 @@ address:
 # Credits content
 credits: ''
 
+# Social networks usernames (many more available: google-plus, flickr, dribbble, pinterest, instagram, tumblr, linkedin, etc.)
+# You should replace these with your social networks, of course. :)
+social:
+  - title: linkedin
+    url: https://www.linkedin.com/in/cgroom/
+  - title: medium
+    url: https://medium.com/@cgroom
+  - title: twitter
+    url: https://twitter.com/chuck_groom
+    # e.g. https://twitter.com/chuck_groom
+
 # Build settings
 markdown: kramdown
 permalink: pretty
diff --git a/_includes/bio.html b/_includes/bio.html
@@ -3,7 +3,7 @@
         <div class="row">
             <div class="col-lg-12 text-center">
                 <h2>About Me</h2>
-                <hr class="star-primary">
+                <hr />
             </div>
         </div>
         <div class="row">
@@ -16,20 +16,13 @@ <h2>About Me</h2>
 		<p>
 		    I'm a hands-on technical leader who has built
 		    software products from the ground up, run large
-		    engineering teams, and provided 
+		    engineering teams, and provided
 		    guidance at the executive and board level.  I'm
 		    motivated by product success and business growth,
-		    not technology for technology's sake. 
-		    <!-- 
-		    and speed, so I'm largely technology agnostic;
-			 though I'm strongest in Linux and Python.
-		       -->
-		    <!-- I have a computer
-		    science degree from Swarthmore College ('00).
-		    -->
+		    not technology for technology's sake.
 		</p>
 		<p>
-		    I recently moved from Seattle to New York City, and 
+		    I recently moved from Seattle to New York City, and
 		    <strong>I am looking for a full-time CTO role or
 		    consulting opportunities.</strong>
 		</p>
@@ -50,10 +43,10 @@ <h3 style="margin-top:0;">Hilights</h3>
 			    Was a <a href="http://www.businessinsider.com/amazon-bar-raisers-2014-1">bar-raiser</a> at Amazon, conducted 200+ interviews.
 			</li>
 			<li>
-			    Presented to Jeff Bezos at Amazon, awarded <a href="https://encrypted.google.com/patents/US8112324?cl=un">patent</a> for this work. 
+			    Presented to Jeff Bezos at Amazon, awarded <a href="https://encrypted.google.com/patents/US8112324?cl=un">patent</a> for this work.
 			</li>
 			<li>
-			    Chair of technical leadership council as 
+			    Chair of technical leadership council as
 			    SurveyMonkey grew from 50 to 700 people.
 			</li>
 			<li>

diff --git a/_includes/contact.html b/_includes/contact.html
diff --git a/_includes/contact_disqus.html b/_includes/contact_disqus.html
diff --git a/_includes/contact_static.html b/_includes/contact_static.html
diff --git a/_includes/css/main.css b/_includes/css/main.css
@@ -186,9 +186,8 @@ section h3 {
     font-size: 1.75em;
 }
 
-section.success {
-    color: #fff;
-    background: #{{ site.color.primary }};
+section.tout {
+    background: #{{ site.color.section-tout }};
 }
 
 @media(max-width:767px) {
@@ -462,3 +461,13 @@ footer .footer-below {
     transform: translateZ(0);
     -webkit-transform: translateZ(0);
 }
+
+header img.profile-image {
+    max-width: 240px;
+    border-radius: 50%;
+    border: 0.4em solid rgba(255, 255, 255, 0.75);
+}
+
+header .intro-text .name {
+    font-size: 2.25em;
+}
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -1,40 +1,10 @@
     <!-- Footer -->
     <footer class="text-center">
-	<!--
-        <div class="footer-above">
-            <div class="container">
-                <div class="row">
-                    <div class="footer-col col-md-4">
-                        <h3>{{ site.footer.location }}</h3>
-                        <p>
-                            {% for adress in site.address %}
-                                {{ adress.line }} <br>
-		                    {% endfor %}
-                        </p>
-                    </div>
-                    <div class="footer-col col-md-4">
-                        <h3>{{ site.footer.social }}</h3>
-                        <ul class="list-inline">
-                            {% for network in site.social %}
-                            <li>
-                                <a href="{{ network.url }}" class="btn-social btn-outline"><i class="fa fa-fw fa-{{ network.title }}"></i></a>
-                            </li>
-		            {% endfor %}
-                        </ul>
-                    </div>
-                    <div class="footer-col col-md-4">
-                        <h3>{{ site.footer.credits }}</h3>
-                        <p>{{ site.credits }}</p>
-                    </div>
-                </div>
-            </div>
-        </div>
-	-->
         <div class="footer-below">
             <div class="container">
                 <div class="row">
                     <div class="col-lg-12">
-                        Copyright &copy; {{ site.footer.copyright }} 20{{ site.time | date: '%y' }}
+                        Copyright &copy; {{ site.name }} 20{{ site.time | date: '%y' }}
                     </div>
                 </div>
             </div>

diff --git a/_includes/head.html b/_includes/head.html
@@ -1,14 +1,14 @@
 <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
+    <title>{% if page.title %}{{ page.title }}{% else %}{{ site.name }}{% endif %}</title>
     <meta name="viewport" content="width=device-width">
-    <meta name="description" content="{{ site.description }}">
+    <meta name="description" content="{{ site.name }} {{ site.skills }}">
     <meta name="keywords" content="{{ site.keywords }}" />
     {% if site.meta_author %}<meta name="author" content="{{ site.meta_author }}">{% endif %}
-    <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.url }}">
+    <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.canonical_url }}">
     <link rel="alternate" type="application/rss+xml" title="RSS" href="/feed.xml">
-    <link rel="icon" type="image/png" href="/img/face.png" sizes="16x16" />
+    <link rel="icon" type="image/png" href="/img/icon.png" sizes="16x16" />
 
     <!-- Custom CSS & Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ -->
     <link rel="stylesheet" href="{{ "/style.css" }}">

diff --git a/_includes/header.html b/_includes/header.html
@@ -3,9 +3,9 @@
         <div class="container">
             <div class="row">
                 <div class="col-lg-12">
-                    <img class="img-responsive" src="img/profile.png" alt="">
+                    <img class="profile-img" src="img/profile.png" alt="{{ site.name }}">
                     <div class="intro-text">
-                        <span class="name">{{ site.title }}</span>
+                        <span class="name">{{ site.name }}</span>
                         <hr>
                         <span class="skills">{{ site.skills }}</span>
                     </div>

diff --git a/_includes/interests.html b/_includes/interests.html
@@ -1,9 +1,9 @@
-<section class="success" id="projects">
+<section class="tout" id="projects">
     <div class="container">
         <div class="row">
             <div class="col-lg-12 text-center">
                 <h2>Projects</h2>
-                <hr class="star-light">
+                <hr />
             </div>
         </div>
             <div class="row">

diff --git a/_includes/js_disqus.html b/_includes/js_disqus.html