]> BookStack Code Mirror - website/blob - themes/bookstack/layouts/partials/header.html
5d7ee1f26dcde35eee5d1c0e7861cc47ca36a275
[website] / 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     {{ if .IsPage }}
15         <meta property="og:type" content="article" />
16
17     <meta property="og:article:published_time" content="{{ .Date.Format "2006-01-02T15:04:05Z07:00" | safeHTML }}" />
18
19     {{ range .Params.tags }}
20     <meta property="og:article:tag" content="{{ . }}" />
21     {{ end }}
22     {{ else }}
23     <meta property="og:type" content="website" />
24     {{ end }}
25
26     <title>
27       {{ if ne .URL "/" }} {{ .Title }} &middot; {{ end }} {{ .Site.Title }}
28     </title>
29
30     <meta name="description" content="{{ .Site.Params.description }}" />
31
32     <meta name="HandheldFriendly" content="True" />
33     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
34
35     <meta name="theme-color" content="#13557D">
36
37     <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/images/apple-touch-icon-114x114.png" />
38     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/images/apple-touch-icon-72x72.png" />
39     <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/images/apple-touch-icon-152x152.png" />
40
41     <link rel="icon" type="image/png" href="/images/favicon-196x196.png" sizes="196x196" />
42     <link rel="icon" type="image/png" href="/images/favicon-192x192.png" sizes="192x192" />
43     <link rel="icon" type="image/png" href="/images/favicon-96x96.png" sizes="96x96" />
44     <link rel="icon" type="image/png" href="/images/favicon-32x32.png" sizes="32x32" />
45
46     <link rel="stylesheet" type="text/css" href="{{.Site.BaseURL}}css/styles.css" />
47
48
49     {{ if .Site.Params.RSSLink}}
50         <link href="{{.Site.Params.RSSLink }}" rel="alternate" type="application/rss+xml" title="{{ .Site.Title }}" />
51     {{else}}
52       {{ if ne .URL "/" }}
53           <link href="{{ .Site.BaseURL }}index.xml" rel="alternate" type="application/rss+xml" title="{{ .Site.Title }}" />
54       {{ end }}
55       {{if .IsNode}}
56         <link href="{{.RSSLink}}" rel="alternate" type="application/rss+xml" title="{{ if ne .URL "/" }}{{ .Title }} &middot; {{ end }}{{ .Site.Title }}" />
57       {{end}}
58     {{end}}
59     {{.Hugo.Generator}}
60
61     <link rel="canonical" href="{{ .Permalink }}" />
62
63     {{with  .Site.Params.googleAnalyticsUserID }}
64     <script>
65       if (window.location.href.toLowerCase().indexOf('https') !== -1) {
66               (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
67         (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
68         m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
69         })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
70
71         ga('create', '{{.}}', 'auto');
72         ga('send', 'pageview');
73       } 
74     </script>
75     {{end}}
76
77     <!-- at the end of the HEAD -->
78     <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
79     <!-- at the end of the BODY -->
80     <script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
81
82     {{ if .Site.Params.customHeaderPartial }}
83         {{ partial .Site.Params.customHeaderPartial . }}
84     {{ end }}
85 </head>
86 <body class="nav-closed">
87
88       <header id="header" class="header">
89         <div class="container">
90             <div class="row fix-mobile">
91                 <div class="col-sm-4 col-xs-8">
92                     <div class="logo">
93                         <a href="{{.Site.BaseURL}}">
94                             {{partial "icon/logo.svg"}}
95                             <h1>BookStack</h1>
96                         </a>
97
98                     </div>
99                 </div>
100                 <div class="col-sm-8 menu col-xs-4">
101                     <button tabindex="1" id="menu-button" class="button muted" type="button">{{partial "icon/menu.svg"}}</button>
102                     <div class="inner">
103                         <a href="/docs"><span class="icon">{{partial "icon/book.svg"}}</span> Documentation</a>
104                         <a href="/#features"><span class="icon">{{partial "icon/star.svg"}}</span> Features</a>
105                         <a href="/#demo"><span class="icon">{{partial "icon/touch_app.svg"}}</span> Demo</a>
106                         <a href="https://github.com/BookStackApp/BookStack" target="_blank"><span class="icon">{{partial "icon/github.svg"}}</span> Github</a>
107                         <a href="/blog"><span class="icon">{{partial "icon/rss_feed.svg"}}</span> Blog</a>
108                     </div>
109                 </div>
110             </div>
111         </div>
112     </header>
113
114   <div id="content">