_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="{{page.root}}css/foundation.css"/>
  18     <link rel="stylesheet" href="{{page.root}}css/font-awesome.css"/>
  19     <link rel="stylesheet" href="{{page.root}}css/coderay.css"/>
  20     <link rel="stylesheet" href="{{page.root}}css/asciidoctor.css"/>
  21     <script src="{{page.root}}js/vendor/modernizr.js"></script>
  22     <script src="{{page.root}}js/toc.js"></script>
  23 </head>
  24 <body>
  25
  26
  27 <!-- Nav Bar -->
  28
  29 <nav class="top-bar" data-topbar>
  30     <ul class="title-area">
  31         <!-- Title Area -->
  32         <li class="name">
  33             <h1>
  34                 <a href="{{page.root}}">
  35                     {{page.title}}
  36                 </a>
  37             </h1>
  38         </li>
  39         <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
  40     </ul>
  41 </nav>
  42 <!-- End Nav -->
  43
  44
  45 <!-- Main Page Content and Sidebar -->
  46
  47 <div class="row">
  48
  49     <!-- Main Blog Content -->
  50     <div class="large-9 columns" role="content">
  51
  52         {{ content }}
  53
  54     </div>
  55
  56     <!-- End Main Content -->
  57
  58     <!-- Sidebar -->
  59
  60     <aside class="large-3 columns">
  61
  62         <h4>Posts</h4>
  63         <ul id="posts" class="posts nav">
  64             {% for post in site.posts limit: 5 %}
  65             <li><a href=".{{ post.url }}">{{ post.shortTitle }}</a></li>
  66             {% endfor %}
  67         </ul>
  68
  69         <div class="panel">
  70             <h5>Featured</h5>
  71
  72             <p>Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon
  73                 nulla pork belly cupidatat meatloaf cow.</p>
  74         </div>
  75
  76     </aside>
  77
  78     <!-- End Sidebar -->
  79 </div>
  80
  81 <!-- End Main Content and Sidebar -->
  82
  83
  84 <!-- Footer -->
  85
  86 <footer class="row">
  87     <div class="large-12 columns">
  88         <hr/>
  89         <div class="row">
  90             <div class="large-12 columns">
  91                 <p>Footer</p>
  92             </div>
  93         </div>
  94     </div>
  95 </footer>
  96
  97 <script src="{{page.root}}js/vendor/jquery.js"></script>
  98 <script src="{{page.root}}js/foundation.min.js"></script>
  99 <script>
 100     $(document).foundation();
 101 </script>
 102 <script src="{{page.root}}js/vendor/jquery.js"></script>
 103 <script src="{{page.root}}js/foundation/foundation.js"></script>
 104 <script>
 105     $(document).foundation();
 106
 107     var doc = document.documentElement;
 108     doc.setAttribute('data-useragent', navigator.userAgent);
 109 </script>
 110 </body>
 111 </html>