New header style.

evansosenko · Dec 30, 2013 · 3defefb · 3defefb
1 parent fdf8aca
commit 3defefb
Show file tree

Hide file tree

Showing 7 changed files with 30 additions and 18 deletions.
diff --git a/_assets/stylesheets/_style.sass b/_assets/stylesheets/_style.sass
@@ -26,23 +26,29 @@ pre code
     text-align: right
     opacity: 0.5
 
+h2.tagline
+  +simple_emboss(#fff)
+  font-size: 0.9em
+  text-align: center
+
 #top
   text-align: center
   margin-bottom: $top_margin-bottom
+  background-color: $clr_blue_green
 
 #banner
   width: 100%
   height: $banner_height
   margin: 0.2 * $banner_height auto
-  margin-bottom: $banner_margin-bottom
   padding-top: 0.3 * $banner_height
-  background-color: $clr_blue_green
 
 #title
+  margin-bottom: $title_margin-bottom
   color: $site_title_clr
   font-family: $site_title_font
   font-weight: $site_title_font_weight
   text-transform: lowercase
+  +simple_emboss
   &:before
     content: "{"
   &:after
@@ -56,7 +62,9 @@ pre code
       content: "|"
 
 #personal_links
+  +simple_emboss
   display: inline-block
+  color: $site_title_clr
   a.icon
     line-height: normal
     font-size: 1.3em
@@ -77,10 +85,13 @@ section.posts
     li
       text-transform: lowercase
       list-style-type: none
+      $local_margin: rem-calc(5)
       &:before
-        content: "« "
+        margin-right: $local-margin
+        content: "«"
       &:after
-        content: " »"
+        margin-left: $local-margin
+        content: "»"
 
 article.post.single
   header

diff --git a/_assets/stylesheets/_variables.sass b/_assets/stylesheets/_variables.sass
@@ -6,6 +6,9 @@
   background-size: contain
   padding-left: $padding
 
+=simple_emboss($color:#000)
+  text-shadow: 0px 1px 0px $color
+
 // Colors
 
 $clr_white: #fff
@@ -23,8 +26,8 @@ $clr_blue_green: #467d91
 $top_margin-bottom: rem-calc(10)
 
 // Banner
-$banner_height: rem-calc(100)
-$banner_margin-bottom: rem-calc(20)
+$banner_height: rem-calc(80)
+$title_margin-bottom: rem-calc(5)
 $site_title_font: "Open Sans", sans-serf
 $site_title_clr: $clr_white
 $site_title_font_weight: lighter

diff --git a/_data/text.yml b/_data/text.yml
@@ -0,0 +1,2 @@
+tagline: Ph.D. physics student, online business owner, and developer.
+post_list_title: words and such
diff --git a/_includes/personal_links.html b/_includes/personal_links.html
@@ -1,11 +1,9 @@
-<p>Ph.D. physics student and online business owner.</p>
-
 <nav id="personal_links">
   <ul>
   {% for item in site.data.personal_links %}
-    <li><a class="icon {{ item.icon }}" href="{{ item.url }}"></a></li>
+    <li><a class="icon {{ item.icon }}" href="{{ item.url }}" title="{{ item.name }}"></a></li>
   {% endfor %}
-    <li><a href="" data-reveal-id="email_modal">@</a></li>
-    <li><a href="{{ site.baseurl }}/cv/">CV</a></li>
+    <li><a href="" data-reveal-id="email_modal" title="Email">@</a></li>
+    <li><a href="{{ site.baseurl }}/cv/" title="Curriculum Vitae">CV</a></li>
   </ul>
 </nav>
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -15,10 +15,8 @@
 
 <body>
   <header id="top">
-    <h1 id="banner"><a id="title" href="{{ site.baseurl }}/">Evan <span></span> Sosenko</a></h1>
-    {% if page.personal_links %}
-      {% include personal_links.html %}
-    {% endif %}
+    <h1 id="banner" title="{{ site.data.text.tagline }}"><a id="title" href="{{ site.baseurl }}/">Evan <span></span> Sosenko</a></h1>
+    {% include personal_links.html %}
    </header>
 
   {{ content }}

diff --git a/cv/index.html b/cv/index.html
@@ -1,7 +1,6 @@
 ---
 layout: default
 title: Curriculum Vitae
-personal_links: true
 ---
 
 <section id="cv">

diff --git a/index.html b/index.html
@@ -1,7 +1,6 @@
 ---
 layout: default
 title: "{evan|sosenko}"
-personal_links: true
 ---
 
 {% if site.paginate %}
@@ -10,8 +9,10 @@
   {% assign posts = site.posts %}
 {% endif %}
 
+<h2 class="tagline">{{ site.data.text.tagline }}</h2>
+
 <section class="posts">
-  <h2>posts and such</h2>
+  <h2>{{ site.data.text.post_list_title }}</h2>
   <ul class="posts">
   {% for post in posts %}
     <li><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		tagline: Ph.D. physics student, online business owner, and developer.
		post_list_title: words and such