PageRenderTime 60ms CodeModel.GetById 28ms RepoModel.GetById 1ms app.codeStats 0ms

/app/metalsmith-dist/blog/index.html

https://gitlab.com/joostl/gulpax
HTML | 126 lines | 100 code | 12 blank | 14 comment | 0 complexity | 0a25d4a8c20c3502bf0a625af7b50681 MD5 | raw file
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="description" content="A front-end template that helps you build fast, modern mobile web apps.">
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <title>Blog</title>
  9. <!-- Add to homescreen for Chrome on Android -->
  10. <meta name="mobile-web-app-capable" content="yes">
  11. <link rel="icon" sizes="192x192" href="/images/touch/chrome-touch-icon-192x192.png">
  12. <!-- Add to homescreen for Safari on iOS -->
  13. <meta name="apple-mobile-web-app-capable" content="yes">
  14. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  15. <meta name="apple-mobile-web-app-title" content="Web Starter Kit">
  16. <link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">
  17. <!-- Tile icon for Win8 (144x144 + tile color) -->
  18. <meta name="msapplication-TileImage" content="/images/touch/ms-touch-icon-144x144-precomposed.png">
  19. <meta name="msapplication-TileColor" content="#3372DF">
  20. <!-- styles/main.css is where we initially write all your CSS and then overwrite it with your critical path CSS. Your site-wide styles are in styles/site.css, which we async load in via JavaScript lower down in the page -->
  21. <link rel="stylesheet" href="/styles/main.css">
  22. <!-- build:js /scripts/main.min.js async defer -->
  23. <script src="/bower_components/jquery/dist/jquery.js"></script>
  24. <script src="/bower_components/bootstrap/dist/js/bootstrap.js"></script>
  25. <script src="/scripts/main.js"></script>
  26. <!-- endbuild -->
  27. <!-- Async load Base64 fonts CSS and store in browser localStorage. DO NOT include in build: tags above -->
  28. <script src="/scripts/fontloader.js"></script>
  29. <!-- Async load cross-site CSS, mostly interesting for production. DO NOT include in build: tags above -->
  30. <script>
  31. function loadCSS(e,t,n){'use strict';var i=window.document.createElement('link');var o=t||window.document.getElementsByTagName('script')[0];i.rel='stylesheet';i.href=e;i.media='only x';o.parentNode.insertBefore(i,o);setTimeout(function(){i.media=n||'all';});}
  32. loadCSS('/styles/site.css');
  33. </script>
  34. </head>
  35. <body>
  36. <div class="main-wrapper">
  37. <div class="container">
  38. <main>
  39. <h2>Blog</h2>
  40. <article>
  41. <ul>
  42. <li>
  43. <h3>Later second Post</h3>
  44. <article>&lt;p&gt;This is an amazing blogpost as well!&lt;/p&gt;
  45. </article>
  46. </li>
  47. <li>
  48. <h3>First Post</h3>
  49. <article>&lt;p&gt;This is an amazing blogpost!&lt;/p&gt;
  50. </article>
  51. </li>
  52. </ul>
  53. </article>
  54. </main>
  55. <hr>
  56. <footer>
  57. <small>Built with love by <span itemscope itemtype="http://schema.org/Person">
  58. <span itemprop="name">Joost van der Laan</span> <a href="https://twitter.com/javdl" target="_blank">@javdl</a>
  59. </span>
  60. </small>
  61. </footer>
  62. </div>
  63. </div>
  64. <!-- Fixed navbar -->
  65. <div class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation">
  66. <div class="container">
  67. <div class="navbar-header">
  68. <button type="button" class="navbar-toggle " data-toggle="collapse" data-target=".navbar-collapse">
  69. <span class="sr-only">Toggle navigation</span>
  70. <span class="icon-bar"></span>
  71. <span class="icon-bar"></span>
  72. <span class="icon-bar"></span>
  73. </button>
  74. <!-- <a href="#" class="toggle-panel"><i class="fa fa-bars"></i></a> -->
  75. <a class="navbar-brand" href="/">
  76. <!-- <img src="/images/logo.png" width="155" height="13" title="Logo" alt="Logo"> -->
  77. Logo
  78. </a>
  79. </div>
  80. <div class="navbar-collapse collapse">
  81. <ul class="nav navbar-nav">
  82. <li><a href="/">Home</a></li>
  83. <li><a href="/markdown">Markdown</a></li>
  84. <li><a href="/blog">Blog</a></li>
  85. <li class="dropdown">
  86. <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Styleguide <span class="caret"></span></a>
  87. <ul class="dropdown-menu" role="menu">
  88. <li class="dropdown-header">Bootstrap 3</li>
  89. <li><a href="/styleguide-bootstrap">CSS</a></li>
  90. <li><a href="/styleguide-bootstrap-components">Components</a></li>
  91. <li class="divider"></li>
  92. <li class="dropdown-header">Bootstrap 3 Custom Onepage</li>
  93. <li><a href="/styleguide-bootstrap-onepage">Onepage</a></li>
  94. </ul>
  95. </li>
  96. <li class="dropdown">
  97. <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Templates <span class="caret"></span></a>
  98. <ul class="dropdown-menu" role="menu">
  99. <li class="dropdown-header">News site</li>
  100. <li><a href="/template-home">4-column home</a></li>
  101. <li><a href="/template-article">3-column article</a></li>
  102. </ul>
  103. </li>
  104. <!--
  105. <input type="search" placeholder="Search...">
  106. -->
  107. </ul>
  108. <ul class="nav navbar-nav navbar-right">
  109. <li><a href="#">Login</a></li>
  110. </ul>
  111. </div><!--/.nav-collapse -->
  112. </div>
  113. </div> </body>
  114. </html>