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 .RelPermalink "/" }} {{ .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 and (.IsPage) (ne .Type "about")  }}
 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 .RelPermalink "/" }} {{ .Title }} &middot; {{ end }} {{ .Site.Title }}
 37     </title>
 38
 39     {{ $description := .Site.Params.Description }}
 40     {{ if and (.Params.Description) (.IsPage) }}
 41       {{ $description = .Params.Description }}
 42     {{ else if .IsPage}}
 43         {{ $description = .Summary }}
 44     {{ end }}
 45     <meta name="description" content="{{ $description }}" />
 46
 47     <meta name="HandheldFriendly" content="True" />
 48     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 49
 50     <meta name="theme-color" content="#13557D">
 51
 52     <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/images/apple-touch-icon-114x114.png" />
 53     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/images/apple-touch-icon-72x72.png" />
 54     <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/images/apple-touch-icon-152x152.png" />
 55
 56     <link rel="icon" type="image/png" href="/images/favicon-196x196.png" sizes="196x196" />
 57     <link rel="icon" type="image/png" href="/images/favicon-192x192.png" sizes="192x192" />
 58     <link rel="icon" type="image/png" href="/images/favicon-96x96.png" sizes="96x96" />
 59     <link rel="icon" type="image/png" href="/images/favicon-32x32.png" sizes="32x32" />
 60
 61     <link rel="stylesheet" type="text/css" href="{{.Site.BaseURL}}css/styles.css?v={{ now.Format "2006-01-02T15:04:05" }}" />
 62
 63     {{ if .Site.Params.RSSLink}}
 64         <link href="{{.Site.Params.RSSLink }}" rel="alternate" type="application/rss+xml" title="{{ .Site.Title }}" />
 65     {{else}}
 66       {{ if ne .RelPermalink "/" }}
 67           <link href="{{ .Site.BaseURL }}index.xml" rel="alternate" type="application/rss+xml" title="{{ .Site.Title }}" />
 68       {{ end }}
 69       {{if .IsNode}}
 70         <link href="{{ with .OutputFormats.Get "RSS" }}{{ .Permalink }}{{ end }}" rel="alternate" type="application/rss+xml" title="{{ if ne .RelPermalink "/" }}{{ .Title }} &middot; {{ end }}{{ .Site.Title }}" />
 71       {{end}}
 72     {{end}}
 73     {{hugo.Generator}}
 74
 75     <link rel="canonical" href="{{ .Permalink }}" />
 76
 77     <script async defer data-domain="bookstackapp.com" src="https://analytics.bookstackapp.com/js/plausible.js"></script>
 78
 79     <link rel="stylesheet" type="text/css" href="{{.Site.BaseURL}}libs/docs-searchbar.min.css" />
 80
 81     {{ if .Site.Params.customHeaderPartial }}
 82         {{ partial .Site.Params.customHeaderPartial . }}
 83     {{ end }}
 84 </head>
 85 <body class="nav-closed">
 86
 87   <header id="header" class="header">
 88     <div class="container">
 89       <div class="logo">
 90           <a href="{{.Site.BaseURL}}">
 91               {{partial "icon/logo.svg"}}
 92               <div>BookStack</div>
 93           </a>
 94       </div>
 95       <div>
 96         <input type="text" placeholder="Search site" class="doc-search-input">
 97       </div>
 98       <div class="main-nav">
 99           <button tabindex="1" id="menu-button" class="button muted" type="button">{{partial "icon/menu.svg"}}</button>
 100           <div class="nav-dropdown-wrap">
 101             <a href="#"  onclick="event.preventDefault()" class="nav-dropdown-trigger">Platform</a>
 102             <div class="nav-dropdown-menu">
 103               <a href="/#features" class="nav-dropdown-item">
 104                 <div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/features.svg"}}</div>
 105                 <div>
 106                   <div class="nav-dropdown-item-title">Features</div>
 107                   <p>An overview of the core features of BookStack</p>
 108                 </div>
 109               </a>
 110               <a href="/#demo" class="nav-dropdown-item">
 111                 <div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/demo.svg"}}</div>
 112                 <div>
 113                   <div class="nav-dropdown-item-title">Demo</div>
 114                   <p>Give BookStack a test drive on our demo instance</p>
 115                 </div>
 116               </a>
 117               <a href="/docs" class="nav-dropdown-item">
 118                 <div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/book.svg"}}</div>
 119                 <div>
 120                   <div class="nav-dropdown-item-title">Documentation</div>
 121                   <p>Guidance for managing and using BookStack</p>
 122                 </div>
 123               </a>
 124               <a href="/blog" class="nav-dropdown-item">
 125                 <div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/rss_feed.svg"}}</div>
 126                 <div>
 127                   <div class="nav-dropdown-item-title">Our Blog</div>
 128                   <p>Get the latest project news from our blog</p>
 129                 </div>
 130               </a>
 131             </div>
 132           </div>
 133           <div class="nav-dropdown-wrap">
 134             <a href="/support"  onclick="event.preventDefault()" class="nav-dropdown-trigger">Support</a>
 135             <div class="nav-dropdown-menu">
 136               <a href="/docs" class="nav-dropdown-item">
 137                 <div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/book.svg"}}</div>
 138                 <div>
 139                   <div class="nav-dropdown-item-title">Documentation</div>
 140                   <p>Get support from our user and admin documentation</p>
 141                 </div>
 142               </a>
 143               <a href="/support" class="nav-dropdown-item">
 144                 <div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/support.svg"}}</div>
 145                 <div>
 146                   <div class="nav-dropdown-item-title">Support Plans</div>
 147                   <p>See our range of support plans for BookStack</p>
 148                 </div>
 149               </a>
 150               <a href="https://www.youtube.com/c/BookStackApp" target="_blank" class="nav-dropdown-item">
 151                 <div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/youtube.svg"}}</div>
 152                 <div>
 153                   <div class="nav-dropdown-item-title">Video Guides</div>
 154                   <p>Watch our video guides on YouTube</p>
 155                 </div>
 156               </a>
 157               <a href="https://github.com/BookStackApp/BookStack/issues" target="_blank" class="nav-dropdown-item">
 158                 <div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/github.svg"}}</div>
 159                 <div>
 160                   <div class="nav-dropdown-item-title">GitHub Issues</div>
 161                   <p>Find or report issues on the GitHub project</p>
 162                 </div>
 163               </a>
 164             </div>
 165           </div>
 166           <div class="nav-dropdown-wrap">
 167             <a href="#" onclick="event.preventDefault()" class="nav-dropdown-trigger">Community</a>
 168             <div class="nav-dropdown-menu">
 169               <a href="https://github.com/BookStackApp/BookStack" target="_blank" class="nav-dropdown-item">
 170                 <div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/github.svg"}}</div>
 171                 <div>
 172                   <div class="nav-dropdown-item-title">GitHub</div>
 173                   <p>Star the project on GitHub and follow us</p>
 174                 </div>
 175               </a>
 176               <a href="https://discord.gg/ztkBqR2" target="_blank" class="nav-dropdown-item">
 177                 <div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/discord.svg"}}</div>
 178                 <div>
 179                   <div class="nav-dropdown-item-title">Discord</div>
 180                   <p>Chat with the development team and other users</p>
 181                 </div>
 182               </a>
 183               <a href="https://twitter.com/bookstack_app" target="_blank" class="nav-dropdown-item">
 184                 <div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/twitter.svg"}}</div>
 185                 <div>
 186                   <div class="nav-dropdown-item-title">Twitter</div>
 187                   <p>See updates and shout us out on Twitter</p>
 188                 </div>
 189               </a>
 190               <a href="https://www.youtube.com/c/BookStackApp" target="_blank" class="nav-dropdown-item">
 191                 <div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/youtube.svg"}}</div>
 192                 <div>
 193                   <div class="nav-dropdown-item-title">YouTube</div>
 194                   <p>Watch and comment on our YouTube videos</p>
 195                 </div>
 196               </a>
 197               <a href="https://www.reddit.com/r/bookstack" target="_blank" class="nav-dropdown-item">
 198                 <div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/reddit.svg"}}</div>
 199                 <div>
 200                   <div class="nav-dropdown-item-title">Reddit</div>
 201                   <p>Join our community on the BookStack subreddit</p>
 202                 </div>
 203               </a>
 204               <a href="/blog" class="nav-dropdown-item">
 205                 <div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/rss_feed.svg"}}</div>
 206                 <div>
 207                   <div class="nav-dropdown-item-title">Our Blog</div>
 208                   <p>Keep up with the latest developments via our blog</p>
 209                 </div>
 210               </a>
 211             </div>
 212           </div>
 213       </div>
 214     </div>
 215   </header>
 216
 217   <div id="content">