_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="{{site.prefix}}">
  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 </nav>
  43 <!-- End Nav -->
  44
  45
  46 <!-- Main Page Content and Sidebar -->
  47
  48 <div class="row">
  49
  50     <!-- Main Blog Content -->
  51     <div class="large-9 columns" role="content">
  52
  53         {{ content }}
  54
  55     </div>
  56
  57     <!-- End Main Content -->
  58
  59     <!-- Sidebar -->
  60
  61     <aside class="large-3 columns">
  62
  63         <h4>Posts</h4>
  64         <ul id="posts" class="posts nav">
  65             {% for post in site.posts limit: 5 %}
  66             <li><a href=".{{ post.url }}">{{ post.shortTitle }}</a></li>
  67             {% endfor %}
  68         </ul>
  69
  70         <div class="panel">
  71             <h5>Featured</h5>
  72
  73             <p>Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon
  74                 nulla pork belly cupidatat meatloaf cow.</p>
  75         </div>
  76
  77     </aside>
  78
  79     <!-- End Sidebar -->
  80 </div>
  81
  82 <!-- End Main Content and Sidebar -->
  83
  84
  85 <!-- Footer -->
  86
  87 <footer class="row">
  88     <div class="large-12 columns">
  89         <hr/>
  90         <div class="row">
  91             <div class="large-12 columns">
  92                 <p>Footer</p>
  93             </div>
  94         </div>
  95     </div>
  96 </footer>
  97
  98 <script src="{{site.prefix}}js/vendor/jquery.js"></script>
  99 <script src="{{site.prefix}}js/foundation.min.js"></script>
 100 <script>
 101     $(document).foundation();
 102
 103     var doc = document.documentElement;
 104     doc.setAttribute('data-useragent', navigator.userAgent);
 105 </script>
 106 </body>
 107 </html>