_layouts/default.html

   1 <!doctype html>
   2 <!--[if IE 9]>
   3 <html class="lt-ie10" lang="en"> <![endif]-->
   4 <html class="no-js" lang="en" data-useragent="Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)">
   5 <head>
   6     <meta charset="utf-8"/>
   7     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
   8     <title>{{page.title}}</title>
   9
  10
  11     <meta name="description"
  12           content="Update what your Blog is about in this section"/>
  13
  14     <meta name="author" content="Your name goes here"/>
  15     <meta name="copyright" content="Maybe consider a Creative Commons license"/>
  16
  17     <link rel="stylesheet" href="{{site.prefix}}css/foundation.css"/>
  18     <link rel="stylesheet" href="{{site.prefix}}css/font-awesome.css"/>
  19     <link rel="stylesheet" href="{{site.prefix}}css/coderay.css"/>
  20     <link rel="stylesheet" href="{{site.prefix}}css/asciidoctor.css"/>
  21     <link rel="stylesheet" href="{{site.prefix}}css/lede.css"/>
  22     <script src="{{site.prefix}}js/vendor/modernizr.js"></script>
  23     <script src="{{site.prefix}}js/toc.js"></script>
  24 </head>
  25 <body>
  26
  27
  28 <!-- Nav Bar -->
  29
  30 <nav class="top-bar" data-topbar>
  31     <ul class="title-area">
  32         <!-- Title Area -->
  33         <li class="name">
  34             <h1>
  35                 <a href="#">
  36                     {{page.title}}
  37                 </a>
  38             </h1>
  39         </li>
  40         <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
  41     </ul>
  42     <section class="top-bar-section">
  43         <!-- Right Nav Section -->
  44         <ul class="right">
  45             {% include top_nav.html %}
  46         </ul>
  47     </section>
  48 </nav>
  49 <!-- End Nav -->
  50
  51
  52 <!-- Main Page Content and Sidebar -->
  53
  54 <div class="row">
  55
  56     <!-- Main Blog Content -->
  57     <div class="large-9 columns" role="content">
  58
  59         {{ content }}
  60
  61     </div>
  62
  63     <!-- End Main Content -->
  64
  65     <!-- Sidebar -->
  66
  67     <aside class="large-3 columns">
  68
  69         <h4>Posts</h4>
  70         <ul id="posts" class="posts nav">
  71             {% for post in site.posts limit: 5 %}
  72             <li><a href=".{{ post.url }}">{{ post.shortTitle }}</a></li>
  73             {% endfor %}
  74         </ul>
  75
  76         <div class="panel">
  77             <h5>Featured</h5>
  78
  79             <p>Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon
  80                 nulla pork belly cupidatat meatloaf cow.</p>
  81         </div>
  82
  83     </aside>
  84
  85     <!-- End Sidebar -->
  86 </div>
  87
  88 <!-- End Main Content and Sidebar -->
  89
  90
  91 <!-- Footer -->
  92
  93 <footer class="row">
  94     <div class="large-12 columns">
  95         <hr/>
  96         <div class="row">
  97             <div class="large-12 columns">
  98                 <p>Last updated {{ page.last_modified_at | date: '%Y-%m-%d %H:%M:%S' }}</p>
  99             </div>
 100         </div>
 101     </div>
 102 </footer>
 103
 104 <script src="{{site.prefix}}js/vendor/jquery.js"></script>
 105 <script src="{{site.prefix}}js/foundation.min.js"></script>
 106 <script>
 107     $(document).foundation();
 108
 109     var doc = document.documentElement;
 110     doc.setAttribute('data-useragent', navigator.userAgent);
 111 </script>
 112 </body>
 113 </html>