Commits

Jacob Moen  committed d399535

Layout work: footer and share buttons

  • Participants
  • Parent commits d6180be

Comments (0)

Files changed (6)

File content/blog/2014/january/blog-to-basics.md

 <!--
 Title: Blog to basics
 Author: 
-Date: 2014/01/07 03:43:00
-Updated: 2014/01/07 16:58:00
+Date: 2014/01/10 12:47:55
 Description: The rejuvination of my blog by getting rid of junk like database and code bloat and start using a flat file based blogging software called Phile.
 Template: post
 Disqusid: /blog-to-basics

File themes/foundation/footer.html

   <div class="footer">
 <div class="row">
-    <div class="medium-4 medium-4 push-8 columns">
-      <ul class="home-social">
-          <li><a class="dreamlink" href="http://www.dreamhost.com/r.cgi?1188567/green.cgi?jacmoe.dk">
-        <img border="0" alt="Green Web Hosting! This site hosted by DreamHost." title="Site hosted by DreamHost."
-        src="{{ theme_url }}/img/green3.gif" height="15" width="80" /></a></li>
-<!--           <li><a href="{{ base_url }}/humans.txt"><img title="Made by humans" alt="Made by humans" src="{{ theme_url }}/img/humanstxt-isolated-blank.gif"/></a></li> -->
-          <!-- <li><a href="/contact" class="mail">saf</a></li> -->
-          <li><a href="http://philecms.github.io/Phile/" class="phile-logo" title="Site powered by Phile"></a></li>
-        </ul>
-     </div>
-     <div class="medium-8 medium-8 pull-4 columns">
+     <div class="medium-8 columns">
         <span class="jacmoes-logo regular"></span>
         <ul class="jacmoes-links">
           <li><a href="/">Home</a></li>
  -->       </ul>
        <p class="copyright">&copy; 2010 - 2013 by <a href="https://plus.google.com/100178862812199164136?rel=author">Jacob Moen</a> All rights reserved.</p>
     </div>          
+    <div class="medium-4 columns">
+      <ul class="home-social">
+          <li><a class="dreamlink" href="http://www.dreamhost.com/r.cgi?1188567/green.cgi?jacmoe.dk">
+        <img border="0" alt="Green Web Hosting! This site hosted by DreamHost." title="Site hosted by DreamHost."
+        src="{{ theme_url }}/img/green3.gif" height="15" width="80" /></a></li>
+<!--           <li><a href="{{ base_url }}/humans.txt"><img title="Made by humans" alt="Made by humans" src="{{ theme_url }}/img/humanstxt-isolated-blank.gif"/></a></li> -->
+          <!-- <li><a href="/contact" class="mail">saf</a></li> -->
+          <li><a href="http://philecms.github.io/Phile/" class="phile-logo" title="Site powered by Phile"></a></li>
+        </ul>
+     </div>
   </div>
 
 </div>
   <script src="{{ theme_url }}/js/highlight.custom.js"></script>
   <script>hljs.initHighlightingOnLoad();</script>
 
-<!--  <script src="https://apis.google.com/js/plusone.js"></script>
-  <script src="http://platform.twitter.com/widgets.js"></script>
-  <script src="http://connect.facebook.net/en_US/all.js#appId=220227991326675&xfbml=1"></script>-->
-
   <script src="{{ theme_url }}/js/jquery.pagination-with-hash-change.js"></script>
 
   <script src="{{ theme_url }}/js/socialite.min.js"></script>
         pagingId: '#paging-nav',
         itemsPerPage: 3
       });
-      $('#shareme').one('mouseenter', function()
+      $('#shareme1').one('mouseenter', function()
+      {
+        Socialite.load($(this)[0]);
+      });
+      $('#shareme2').one('mouseenter', function()
       {
         Socialite.load($(this)[0]);
       });

File themes/foundation/index.html

       {% if current_page.title != 'Blog' %}
       {% if current_page.title != 'Error 404' %}
         {% if current_page.url == '/index' %}
-          <div class="right" id="shareme">
+          <div class="right" id="shareme1">
             <ul class="social-buttons cf">
               <li><a href="http://twitter.com/share" class="socialite twitter-share" data-text="{{ current_page.meta.title }}" data-url="{{ base_url }}" data-count="vertical" rel="nofollow" target="_blank"><span class="vhidden">Share on Twitter</span></a></li>
               <li><a href="https://plus.google.com/share?url={{ base_url }}" class="socialite googleplus-one" data-size="tall" data-href="{{ base_url }}" rel="nofollow" target="_blank"><span class="vhidden">Share on Google+</span></a></li>
           </div>
         {% endif %}
         {% if current_page.url != '/index' %}
-          <div class="right" id="shareme">
+          <div class="right" id="shareme1">
             <ul class="social-buttons cf">
               <li><a href="http://twitter.com/share" class="socialite twitter-share" data-text="{{ current_page.meta.title }}" data-url="{{ base_url }}/{{ current_page.url }}" data-count="vertical" rel="nofollow" target="_blank"><span class="vhidden">Share on Twitter</span></a></li>
               <li><a href="https://plus.google.com/share?url={{ base_url }}/{{ current_page.url }}" class="socialite googleplus-one" data-size="tall" data-href="{{ base_url }}/{{ current_page.url }}" rel="nofollow" target="_blank"><span class="vhidden">Share on Google+</span></a></li>
                 <div class="large-2 columns small-3">
                   <div><br/></div>
                   <a class="th" href="{{ page.url }}">
-                    <img src="{{ base_url }}/content/images/{{ page.meta.thumb }}" title="{{ page.meta.title }}" alt="{{ page.meta.title }}">
+                    <img src="content/images/{{ page.meta.thumb }}" title="{{ page.meta.title }}" alt="{{ page.meta.title }}">
                   </a>
                 </div>
                 <div class="large-10 columns">

File themes/foundation/navigation.html

         <!-- Left Nav Section -->
         <ul class="right">
           {% for page in pages %}
-            {% if page.meta.title == 'Jacmoes Cyber Soapbox' %}
+            {% if page.meta.title == '' %}
               <li {% if current_page.url == "/index" %}class="active"{% endif %}><a href="/">Home</a></li>
             {% endif %}
             {# make sure we are not loading any pages with a post template #}

File themes/foundation/post.html

 {% include 'navigation.html' %}
 <div class="row">
     <div class="large-12 columns">
-        <div class="right" id="shareme">
+        <div class="right" id="shareme1">
             <ul class="social-buttons cf">
                 <li><a href="http://twitter.com/share" class="socialite twitter-share" data-text="{{ current_page.meta.title }}" data-url="{{ base_url }}/{{ current_page.url }}" data-count="vertical" rel="nofollow" target="_blank"><span class="vhidden">Share on Twitter</span></a></li>
                 <li><a href="https://plus.google.com/share?url={{ base_url }}/{{ current_page.url }}" class="socialite googleplus-one" data-size="tall" data-href="{{ base_url }}/{{ current_page.url }}" rel="nofollow" target="_blank"><span class="vhidden">Share on Google+</span></a></li>
                     <hr/>
                     <span class="post-date"><em>{{ current_page.meta.date|date(config.date_format) }}</em></span><br><br>
                     <p>{{ content }}</p>
-                    <p></p>
+                    <hr/>
+                    <span class="post-date"><em>Published {{ current_page.meta.date|date(config.date_format) }}.</em></span>
+        <div class="right" id="shareme2">
+            <ul class="social-buttons cf">
+                <li><a href="http://twitter.com/share" class="socialite twitter-share" data-text="{{ current_page.meta.title }}" data-url="{{ base_url }}/{{ current_page.url }}" data-count="vertical" rel="nofollow" target="_blank"><span class="vhidden">Share on Twitter</span></a></li>
+                <li><a href="https://plus.google.com/share?url={{ base_url }}/{{ current_page.url }}" class="socialite googleplus-one" data-size="tall" data-href="{{ base_url }}/{{ current_page.url }}" rel="nofollow" target="_blank"><span class="vhidden">Share on Google+</span></a></li>
+                <li><a href="http://www.facebook.com/sharer.php?u={{ base_url }}/{{ current_page.url }}&amp;t={{ current_page.meta.title }}" class="socialite facebook-like" data-href="{{ base_url }}/{{ current_page.url }}" data-send="false" data-layout="box_count" data-width="60" data-show-faces="false" rel="nofollow" target="_blank"><span class="vhidden">Share on Facebook</span></a></li>
+                <li><a href="http://www.linkedin.com/shareArticle?mini=true&amp;url={{ base_url }}/{{ current_page.url }}&amp;title={{ current_page.meta.title }}" class="socialite linkedin-share" data-url="{{ base_url }}/{{ current_page.url }}" data-counter="top" rel="nofollow" target="_blank"><span class="vhidden">Share on LinkedIn</span></a></li>
+            </ul>
+        </div>
                     <hr/>
                     <p><div id="disqus_thread"></div></p>
                 </article>

File themes/foundation/scss/app.scss

 }
 
 .footer {
-background: #333333;
-padding: 24px 0 10px;
+  background: #333333;
+  padding: 24px 0 10px;
+  min-height: 140px;
 }
+
 .footer ul li a {
 color: #666666;
 padding: 3px 6px;
   width: 1px;
 }
 
+.page-title {
+  font-size: 1.6875rem;
+  font-family: "Open Sans","Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;
+  font-weight: 300;
+  font-style: normal;
+  color: #222;
+  text-rendering: optimizeLegibility;
+}
+
+.toprow {
+  border-bottom: 1px solid #ddd;
+  margin-bottom: 10px;
+}
+
 .social-buttons {
   display: block;
   list-style: none;
+  white-space:nowrap;
+  min-width:300px;
   padding: 0;
-  margin: 20px;
+  margin: 0px;
   > li {
     display: block;
     margin: 0;
   }
   .socialite {
     display: block;
+    top: -16px;
     position: relative;
     background: url('../img/social-sprite.png') 0 0 no-repeat;
   }