New styles to support posts.

evansosenko · Dec 28, 2013 · e3176ba · e3176ba
1 parent ad4b508
commit e3176ba
Show file tree

Hide file tree

Showing 8 changed files with 97 additions and 29 deletions.
diff --git a/_assets/stylesheets/_style.sass b/_assets/stylesheets/_style.sass
@@ -7,6 +7,9 @@ a
   &:visited, &:hover
     color: inherit
 
+div.highlight
+  +panel
+
 #top
   text-align: center
   margin-bottom: $top_margin-bottom
@@ -47,6 +50,26 @@ a
 #email_modal
   text-align: center
 
+section.posts
+  +grid-row
+  text-align: center
+  h2
+    font-size: 1.3em
+    +grid-column($columns: 8, $center: true)
+  ul.posts
+    +grid-column($columns: 8, $center: true)
+    li
+      list-style-type: none
+
+article.post.single
+  margin-left: rem-calc(30)
+  margin-right: rem-calc(30)
+  section.content
+    +grid-row
+  aside.social-buttons
+    margin-bottom: rem-calc(20)
+    margin-top: rem-calc(20)
+
 #cv
   h1
     text-align: center

diff --git a/_assets/stylesheets/_variables.sass b/_assets/stylesheets/_variables.sass
@@ -20,7 +20,7 @@ $clr_blue_green: #467d91
 // Style and layout variables
 
 // Top
-$top_margin-bottom: rem-calc(50)
+$top_margin-bottom: rem-calc(10)
 
 // Banner
 $banner_height: rem-calc(100)

diff --git a/_config.yml b/_config.yml
@@ -56,13 +56,13 @@ meta:
   title:
     prefix: ""
     suffix: " - Evan Sosenko"
-#   twitter:
-#     default_card: summary
-#     site: "@example.com"
-#     creator: "@username"
+  twitter:
+    default_card: summary
+    site: "@ThatsMr_n00b_2u"
+    creator: "@ThatsMr_n00b_2u"
 
 # Uncomment below and add your Disqus Shortname to enable Disqus.
-# disqus: shortname
+disqus: evansosenko
 
 # Uncomment below and add your Tracking ID and URL to enable Google Analytics.
 google_analytics:
@@ -113,16 +113,16 @@ piwik: evansosenko.com/piwik/
 #         width: '500'
 
 # Uncomment below to configure social media.
-# social:
-#   facebook:
-#     enabled: true
-#   google:
-#     enabled: true
-#     gcfg:
-#       lang: en-US
-#       parsetags: onload
-#   twitter:
-#     enabled: true
+social:
+  facebook:
+    enabled: false
+  google:
+    enabled: true
+    gcfg:
+      lang: en-US
+      parsetags: onload
+  twitter:
+    enabled: true
 
 # Include code from other repos in the final build.
 # Each array has the format

diff --git a/_includes/personal_links.html b/_includes/personal_links.html
@@ -0,0 +1,11 @@
+<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>
+  {% endfor %}
+    <li><a href="" data-reveal-id="email_modal">@</a></li>
+    <li><a href="{{ site.root_url }}/cv/">CV</a></li>
+  </ul>
+</nav>
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -16,18 +16,10 @@
 <body>
   <header id="top">
     <h1 id="banner"><a id="title" href="{{ site.root_url }}/">Evan <span></span> Sosenko</a></h1>
-    <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>
-      {% endfor %}
-        <li><a href="" data-reveal-id="email_modal">@</a></li>
-        <li><a href="{{ site.domain }}/cv/">CV</a></li>
-      </ul>
-    </nav>
-  </header>
+    {% if page.personal_links %}
+      {% include personal_links.html %}
+    {% endif %}
+   </header>
 
   {{ content }}
 
@@ -36,7 +28,6 @@ <h1 id="banner"><a id="title" href="{{ site.root_url }}/">Evan <span></span> Sos
     <a class="close-reveal-modal">&#215;</a>
   </div>
 
-
 {% if site.social.facebook.enabled %}
   <div id="fb-root"></div>
 {% endif %}

diff --git a/_layouts/post.html b/_layouts/post.html
@@ -0,0 +1,24 @@
+---
+layout: default
+---
+
+<article class="post single">
+  <header>
+    <h1>{{ page.title }}</h1>
+    <p>{{ page.date | date_to_string }}</p>
+  </header>
+
+  <section class="content">
+    {{ content }}
+  </section>
+
+  {% include social_buttons.html %}
+
+  {% if page.comments and site.disqus %}
+    <aside class="comments">
+      <div id="disqus_thread"></div>
+      <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
+      <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
+    </aside>
+  {% endif %}
+</article>
diff --git a/cv/index.html b/cv/index.html
@@ -1,6 +1,7 @@
 ---
 layout: default
 title: Curriculum Vitae
+personal_links: true
 ---
 
 <section id="cv">

diff --git a/index.html b/index.html
@@ -1,4 +1,22 @@
 ---
 layout: default
 title: "{evan|sosenko}"
+personal_links: true
 ---
+
+{% if site.paginate %}
+  {% assign posts = paginator.posts %}
+{% else %}
+  {% assign posts = site.posts %}
+{% endif %}
+
+<section class="posts">
+  <h2>posts and such</h2>
+  <ul class="posts">
+  {% for post in posts %}
+    <li><a href="{{ site.root_url }}{{ post.url }}">{{ post.title }}</a></li>
+  {% endfor %}
+  </ul>
+</section>
+
+{% include pagination.html %}