Building a new theme for the Ghost CMS for use on https://chrg.nl

default.hbs 2.5KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. {{!-- Document Settings --}}
  5. <meta charset="utf-8" />
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  7. {{!-- Page Meta --}}
  8. <title>{{meta_title}}</title>
  9. {{!-- Mobile Meta --}}
  10. <meta name="HandheldFriendly" content="True" />
  11. <meta name="viewport" content="width=device-width, initial-scale=1" >
  12. {{!-- Brand icon --}}
  13. <link rel="shortcut icon" href="{{asset "favicon.ico"}}">
  14. {{!-- Styles'n'Scripts --}}
  15. <link href="https://fonts.googleapis.com/css?family=Lato|Oxygen|Catamaran|Source+Sans+Pro:300" rel="stylesheet">
  16. <link rel="stylesheet" type="text/css" href="{{asset "css/simplegrid.css"}}" />
  17. <link rel="stylesheet" type="text/css" href="{{asset "css/screen.css"}}" />
  18. <link rel="stylesheet" type="text/css" href="{{asset "css/main.css"}}" />
  19. {{!-- Syntax highlighting --}}
  20. <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/prism/1.15.0/themes/prism.min.css">
  21. <style>
  22. pre {
  23. word-wrap: normal;
  24. -moz-hyphens: none;
  25. -ms-hyphens: none;
  26. -webkit-hyphens: none;
  27. hyphens: none;
  28. font-size: 0.8em;
  29. line-height: 1.3em;
  30. }
  31. pre code, pre tt {
  32. white-space: pre;
  33. }
  34. </style>
  35. {{!-- Ghost outputs important style and meta data with this tag --}}
  36. {{ghost_head}}
  37. </head>
  38. <body class="{{body_class}} nav-closed">
  39. {{!-- The blog navigation links --}}
  40. {{navigation}}
  41. <div class="site-wrapper">
  42. {{!-- All the main content gets inserted here, index.hbs, post.hbs, etc --}}
  43. {{{body}}}
  44. <footer class="footer">
  45. <div class="container">
  46. Copyright Christiaan Goossens 2018.
  47. <span class="right"><a href="/privacy">Privacy Policy and Terms of Service</a></span>
  48. </div>
  49. </footer>
  50. </div>
  51. {{!-- jQuery needs to come before `{{ghost_foot}}` so that jQuery can be used in code injection --}}
  52. <script type="text/javascript" src="//code.jquery.com/jquery-1.12.0.min.js"></script>
  53. {{!-- Syntax highlighting --}}
  54. <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.15.0/prism.min.js"></script>
  55. {{!-- Ghost outputs important scripts and data with this tag --}}
  56. {{ghost_foot}}
  57. {{!-- Fitvids makes video embeds responsive and awesome --}}
  58. <script type="text/javascript" src="{{asset "js/jquery.fitvids.js"}}"></script>
  59. {{!-- The main JavaScript file for Casper --}}
  60. <script type="text/javascript" src="{{asset "js/index.js"}}"></script>
  61. </body>
  62. </html>