Commits

Jacob Moen committed b43ca9f

Aria roles, responsive layout fixes, cleaning up the HTML..

Comments (0)

Files changed (8)

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

 
 YSlow 90  
 PageSpeed 91
+
+
+Security: no forms, no input
+SQL injection
+XSS cross-site scripting
+passwords
+file uploading
 **Latest blog post:**
 
 <div class="row" style="display: block;">
-                <div class="large-2 columns small-3">
+                <div class="large-3 columns">
                   <div><br></div>
                   <a class="th" href="blog/2014/january/alive-and-kicking">
                     <img src="content/images/not-dead-yet%20(Custom).jpg" title="Alive and kicking" alt="Alive and kicking">
                   </a>
                 </div>
-                <div class="large-10 columns">
+                <div class="large-9 columns">
                       <h4><a href="blog/2014/january/alive-and-kicking">Alive and kicking</a></h4>
                       <span class="post-date"><em>January 11th, 2014</em></span><br><br>
-                                            <p>The reports of my death are greatly exaggerated. Or, in other words I am still kicking. In case anyone wonders.</p>
+                      <p>The reports of my death are greatly exaggerated. Or, in other words I am still kicking. In case anyone wonders what became of me. As a matter of fact, I now kick better than I ever did!</p>
                       <a href="blog/2014/january/alive-and-kicking" title="Alive and kicking" class="button tiny rounded">Read More</a>
                 </div>
               <hr>

themes/foundation/footer.html

-  <div class="footer">
+<footer class="footer" role="contentinfo">
+
 <div class="row">
+
+
      <div class="medium-8 columns">
         <span class="jacmoes-logo regular"></span>
         <ul class="jacmoes-links">
           <li><a href="http://philecms.github.io/Phile/" class="phile-logo" title="Site powered by Phile"></a></li>
         </ul>
      </div>
+
   </div>
 
-</div>
+</footer>
 
   <script src="{{ theme_url }}/bower_components/jquery/jquery.min.js"></script>
 

themes/foundation/index.html

 {# any markdown file that does not have a template set will use this index.html file to display their contents #}
 {% include 'header.html' with {'type': 'index'} %}
 {% include 'navigation.html' %}
+
+<main id="content" role="main">
+
 <div class="row">
   <div class="large-12 columns">
         <ul id="paging-nav" class="right bloglist"></ul>
       {% if current_page.title != 'Error 404' %}
         {% if current_page.url == '/index' %}
           <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>
-              <li><a href="http://www.facebook.com/sharer.php?u={{ base_url }}&amp;t={{ current_page.meta.title }}" class="socialite facebook-like" data-href="{{ base_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 }}&amp;title={{ current_page.meta.title }}" class="socialite linkedin-share" data-url="{{ base_url }}" data-counter="top" rel="nofollow" target="_blank"><span class="vhidden">Share on LinkedIn</span></a></li>
-            </ul>
+            {% include 'shareme_front.html' %}
           </div>
         {% endif %}
         {% if current_page.url != '/index' %}
           <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>
-              <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>
+            {% include 'shareme.html' %}
           </div>
         {% endif %}
       {% endif %}
 
               <!-- Blog Entry -->
               <div class="row">
-                <div class="large-2 columns small-3">
+                <div class="large-3 columns">
                   <div><br/></div>
                   <a class="th" href="{{ page.url }}">
                     <img src="content/images/{{ page.meta.thumb }}" title="{{ page.meta.title }}" alt="{{ page.meta.title }}">
                   </a>
                 </div>
-                <div class="large-10 columns">
+                <div class="large-9 columns">
                       <h4><a href="{{ page.url }}">{{ page.meta.title }}</a></h4>
                       <span class="post-date"><em>{{ page.meta.date|date(config.date_format) }}</em></span><br><br>
-                      {# remove the formatting and limit the string to 300 characters #}
                       <p>{{ page.meta.description }}</p>
                       <a href="{{ page.url }}" title="{{ page.title }}" class="button tiny rounded">Read More</a>
                 </div>
   </div>
 </div>
 
+</main>
+
 {% include 'footer.html' %}

themes/foundation/navigation.html

-<header id="header">
+<header id="header" role="banner">
   <div class="contain-to-grid">
-    <nav class="top-bar" data-topbar data-options="is_hover: false">
+    <nav class="top-bar" data-topbar data-options="is_hover: false" role="navigation">
       <ul class="title-area">
         <li class="name">
           <h1><a href="{{ base_url }}">{{ site_title }}</a></h1>

themes/foundation/post.html

 {# since our posts have the template set as 'post', they will use this theme file #}
 {% include 'header.html' with {'type': 'post'} %}
 {% include 'navigation.html' %}
+
+<main id="content" role="main">
+
 <div class="row">
     <div class="large-12 columns">
+
         <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>
-                <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>
+            {% include 'shareme.html' %}
         </div>
         <section id="content">
             <div class="inner">
                     <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>
+            {% include 'shareme.html' %}
         </div>
                     <hr/>
                     <p><div id="disqus_thread"></div></p>
         {% endif %}
     </div>
 </div>
+
+</main>
+
 {% include 'footer.html' %}

themes/foundation/shareme.html

+<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>

themes/foundation/shareme_front.html

+<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>
+  <li><a href="http://www.facebook.com/sharer.php?u={{ base_url }}&amp;t={{ current_page.meta.title }}" class="socialite facebook-like" data-href="{{ base_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 }}&amp;title={{ current_page.meta.title }}" class="socialite linkedin-share" data-url="{{ base_url }}" data-counter="top" rel="nofollow" target="_blank"><span class="vhidden">Share on LinkedIn</span></a></li>
+</ul>