BookStack Code Mirror - website/blob - themes/bookstack/layouts/partials/header.html

 1 <!DOCTYPE html>
 2 <html lang="{{.Site.LanguageCode}}">
 3 <head>
 4
 5     <meta charset="utf-8" />
 6     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 7
 8     {{ partial "twitter_card.html" . }}
 9
 10         <meta property="og:title" content="{{ if ne .URL "/" }} {{ .Title }} &middot; {{ end }} {{ .Site.Title }}" />
 11         <meta property="og:site_name" content="{{ .Site.Title }}" />
 12         <meta property="og:url" content="{{ .Permalink }}" />
 13
 14
 15     {{ $baseURL := .Site.BaseURL }}
 16     {{ if .IsPage }}
 17
 18     {{ with .Params.image }}
 19         <!-- Twitter summary card with large image must be at least 280x150px -->
 20         <meta name="twitter:card" content="summary_large_image"/>
 21         <meta name="og:image" content="{{ $baseURL }}{{ . }}"/>
 22     {{ end }}
 23
 24         <meta property="og:type" content="article" />
 25     <meta property="og:article:published_time" content="{{ .Date.Format "2006-01-02T15:04:05Z07:00" | safeHTML }}" />
 26     <meta property="og:article:modified_time" content="{{ .Lastmod.Format "2006-01-02T15:04:05Z07:00" | safeHTML }}" />
 27
 28     {{ range .Params.tags }}
 29     <meta property="og:article:tag" content="{{ . }}" />
 30     {{ end }}
 31     {{ else }}
 32     <meta property="og:type" content="website" />
 33     {{ end }}
 34
 35     <title>
 36       {{ if ne .URL "/" }} {{ .Title }} &middot; {{ end }} {{ .Site.Title }}
 37     </title>
 38
 39     <meta name="description" content="{{ .Site.Params.description }}" />
 40
 41     <meta name="HandheldFriendly" content="True" />
 42     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 43
 44     <meta name="theme-color" content="#13557D">
 45
 46     <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/images/apple-touch-icon-114x114.png" />
 47     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/images/apple-touch-icon-72x72.png" />
 48     <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/images/apple-touch-icon-152x152.png" />
 49
 50     <link rel="icon" type="image/png" href="/images/favicon-196x196.png" sizes="196x196" />
 51     <link rel="icon" type="image/png" href="/images/favicon-192x192.png" sizes="192x192" />
 52     <link rel="icon" type="image/png" href="/images/favicon-96x96.png" sizes="96x96" />
 53     <link rel="icon" type="image/png" href="/images/favicon-32x32.png" sizes="32x32" />
 54
 55     <link rel="stylesheet" type="text/css" href="{{.Site.BaseURL}}css/styles.css?v=1.3" />
 56
 57
 58     {{ if .Site.Params.RSSLink}}
 59         <link href="{{.Site.Params.RSSLink }}" rel="alternate" type="application/rss+xml" title="{{ .Site.Title }}" />
 60     {{else}}
 61       {{ if ne .URL "/" }}
 62           <link href="{{ .Site.BaseURL }}index.xml" rel="alternate" type="application/rss+xml" title="{{ .Site.Title }}" />
 63       {{ end }}
 64       {{if .IsNode}}
 65         <link href="{{.RSSLink}}" rel="alternate" type="application/rss+xml" title="{{ if ne .URL "/" }}{{ .Title }} &middot; {{ end }}{{ .Site.Title }}" />
 66       {{end}}
 67     {{end}}
 68     {{.Hugo.Generator}}
 69
 70     <link rel="canonical" href="{{ .Permalink }}" />
 71
 72     {{with  .Site.Params.googleAnalyticsUserID }}
 73     <script>
 74
 75         (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 76         (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 77         m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 78         })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
 79
 80         var GA_LOCAL_STORAGE_KEY = 'ga:clientId';
 81
 82         if (window.localStorage) {
 83             ga('create', '{{.}}', {
 84                 'storage': 'none',
 85                 'clientId': localStorage.getItem(GA_LOCAL_STORAGE_KEY)
 86             });
 87             ga(function (tracker) {
 88                 localStorage.setItem(GA_LOCAL_STORAGE_KEY, tracker.get('clientId'));
 89             });
 90         }
 91         else {
 92             ga('create', '{{.}}', {'storage': 'none'});
 93         }
 94
 95         ga('set', 'anonymizeIp', true);
 96         ga('send', 'pageview');
 97
 98     </script>
 99     {{end}}
 100
 101     <!-- at the end of the HEAD -->
 102     <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
 103     <!-- at the end of the BODY -->
 104     <script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
 105
 106     {{ if .Site.Params.customHeaderPartial }}
 107         {{ partial .Site.Params.customHeaderPartial . }}
 108     {{ end }}
 109 </head>
 110 <body class="nav-closed">
 111
 112       <header id="header" class="header">
 113         <div class="container">
 114             <div class="row fix-mobile">
 115                 <div class="col-sm-4 col-xs-8">
 116                     <div class="logo">
 117                         <a href="{{.Site.BaseURL}}">
 118                             {{partial "icon/logo.svg"}}
 119                             <h1>BookStack</h1>
 120                         </a>
 121
 122                     </div>
 123                 </div>
 124                 <div class="col-sm-8 menu col-xs-4">
 125                     <button tabindex="1" id="menu-button" class="button muted" type="button">{{partial "icon/menu.svg"}}</button>
 126                     <div class="inner">
 127                         <a href="/docs"><span class="icon">{{partial "icon/book.svg"}}</span>Documentation</a>
 128                         <a href="/#features"><span class="icon">{{partial "icon/star.svg"}}</span>Features</a>
 129                         <a href="/#demo"><span class="icon">{{partial "icon/touch_app.svg"}}</span>Demo</a>
 130                         <a href="https://github.com/BookStackApp/BookStack" target="_blank"><span class="icon">{{partial "icon/github.svg"}}</span>Github</a>
 131                         <a href="/blog"><span class="icon">{{partial "icon/rss_feed.svg"}}</span>Blog</a>
 132                     </div>
 133                 </div>
 134             </div>
 135         </div>
 136     </header>
 137
 138   <div id="content">