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="image" property="og:image" content="{{ . | absURL }}"/>
  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     {{ if .Site.Params.customHeaderPartial }}
  80         {{ partial .Site.Params.customHeaderPartial . }}
  81     {{ end }}
  82 </head>
  83 <body class="nav-closed">
  84
  85   <header id="header" class="header clearfix">
  86     <div class="container">
  87       <div class="logo">
  88           <a href="{{.Site.BaseURL}}">
  89               {{partial "icon/logo.svg"}}
  90               <div>BookStack</div>
  91           </a>
  92           <button tabindex="1" id="menu-button" class="button muted" type="button">{{partial "icon/menu.svg"}}</button>
  93       </div>
  94       <div class="header-search-section">
  95         <form id="site-search-form">
  96           <input id="site-search-input" type="search" placeholder="Search site" value="">
  97           <dialog>
  98           </dialog>
  99         </form>
 100       </div>
 101       <div class="main-nav">
 102           <div class="nav-dropdown-wrap">
 103             <a href="#"  onclick="event.preventDefault()" class="nav-dropdown-trigger">Platform</a>
 104             <div class="nav-dropdown-menu">
 105               <a href="/#features" class="nav-dropdown-item">
 106                 <div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/features.svg"}}</div>
 107                 <div>
 108                   <div class="nav-dropdown-item-title">Features</div>
 109                   <p>An overview of the core features of BookStack</p>
 110                 </div>
 111               </a>
 112               <a href="/#demo" class="nav-dropdown-item">
 113                 <div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/demo.svg"}}</div>
 114                 <div>
 115                   <div class="nav-dropdown-item-title">Demo</div>
 116                   <p>Give BookStack a test drive on our demo instance</p>
 117                 </div>
 118               </a>
 119               <a href="/docs" class="nav-dropdown-item">
 120                 <div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/book.svg"}}</div>
 121                 <div>
 122                   <div class="nav-dropdown-item-title">Documentation</div>
 123                   <p>Guidance for managing and using BookStack</p>
 124                 </div>
 125               </a>
 126               <a href="/blog" class="nav-dropdown-item">
 127                 <div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/rss_feed.svg"}}</div>
 128                 <div>
 129                   <div class="nav-dropdown-item-title">Our Blog</div>
 130                   <p>Get the latest project news from our blog</p>
 131                 </div>
 132               </a>
 133               <a href="/hacks" class="nav-dropdown-item">
 134                 <div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/hacks.svg"}}</div>
 135                 <div>
 136                   <div class="nav-dropdown-item-title">Hacks</div>
 137                   <p>Unsupported hacks that can be applied</p>
 138                 </div>
 139               </a>
 140             </div>
 141           </div>
 142           <div class="nav-dropdown-wrap">
 143             <a href="/support"  onclick="event.preventDefault()" class="nav-dropdown-trigger">Support</a>
 144             <div class="nav-dropdown-menu">
 145               <a href="/docs" class="nav-dropdown-item">
 146                 <div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/book.svg"}}</div>
 147                 <div>
 148                   <div class="nav-dropdown-item-title">Documentation</div>
 149                   <p>Get support from our user and admin documentation</p>
 150                 </div>
 151               </a>
 152               <a href="/support" class="nav-dropdown-item">
 153                 <div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/support.svg"}}</div>
 154                 <div>
 155                   <div class="nav-dropdown-item-title">Support Plans</div>
 156                   <p>See our range of support plans for BookStack</p>
 157                 </div>
 158               </a>
 159               <a href="/donate" class="nav-dropdown-item">
 160                 <div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/donate.svg"}}</div>
 161                 <div>
 162                   <div class="nav-dropdown-item-title">Donate</div>
 163                   <p>Provide financial support to the project</p>
 164                 </div>
 165               </a>
 166               <a href="https://foss.video/c/bookstack/" target="_blank" class="nav-dropdown-item">
 167                 <div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/peertube.svg"}}</div>
 168                 <div>
 169                   <div class="nav-dropdown-item-title">Videos on PeerTube</div>
 170                   <p>Find our video guides on the fediverse.</p>
 171                 </div>
 172               </a>
 173               <a href="https://www.youtube.com/c/BookStackApp" target="_blank" class="nav-dropdown-item">
 174                 <div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/youtube.svg"}}</div>
 175                 <div>
 176                   <div class="nav-dropdown-item-title">Guides on YouTube</div>
 177                   <p>Watch our video guides on YouTube</p>
 178                 </div>
 179               </a>
 180               <a href="https://github.com/BookStackApp/BookStack/issues" target="_blank" class="nav-dropdown-item">
 181                 <div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/github.svg"}}</div>
 182                 <div>
 183                   <div class="nav-dropdown-item-title">GitHub Issues</div>
 184                   <p>Find or report issues on the GitHub project</p>
 185                 </div>
 186               </a>
 187             </div>
 188           </div>
 189           <div class="nav-dropdown-wrap">
 190             <a href="#" onclick="event.preventDefault()" class="nav-dropdown-trigger">Community</a>
 191             <div class="nav-dropdown-menu">
 192               <a href="https://github.com/BookStackApp/BookStack" target="_blank" class="nav-dropdown-item">
 193                 <div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/github.svg"}}</div>
 194                 <div>
 195                   <div class="nav-dropdown-item-title">GitHub</div>
 196                   <p>Star the project on GitHub and follow us</p>
 197                 </div>
 198               </a>
 199               <a href="https://codeberg.org/bookstack/" target="_blank" class="nav-dropdown-item">
 200                 <div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/codeberg.svg"}}</div>
 201                 <div>
 202                   <div class="nav-dropdown-item-title">Codeberg</div>
 203                   <p>Watch development and get involved</p>
 204                 </div>
 205               </a>
 206               <a href="https://discord.gg/ztkBqR2" target="_blank" class="nav-dropdown-item">
 207                 <div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/discord.svg"}}</div>
 208                 <div>
 209                   <div class="nav-dropdown-item-title">Discord</div>
 210                   <p>Chat with the development team and other users</p>
 211                 </div>
 212               </a>
 213               <a href="https://fosstodon.org/@bookstack" rel="me" target="_blank" class="nav-dropdown-item">
 214                 <div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/mastodon.svg"}}</div>
 215                 <div>
 216                   <div class="nav-dropdown-item-title">Mastodon</div>
 217                   <p>Follow the project on Mastodon</p>
 218                 </div>
 219               </a>
 220               <a href="https://www.youtube.com/c/BookStackApp" target="_blank" class="nav-dropdown-item">
 221                 <div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/youtube.svg"}}</div>
 222                 <div>
 223                   <div class="nav-dropdown-item-title">YouTube</div>
 224                   <p>Watch and comment on our YouTube videos</p>
 225                 </div>
 226               </a>
 227               <a href="https://www.reddit.com/r/bookstack" target="_blank" class="nav-dropdown-item">
 228                 <div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/reddit.svg"}}</div>
 229                 <div>
 230                   <div class="nav-dropdown-item-title">Reddit</div>
 231                   <p>Join our community on the BookStack subreddit</p>
 232                 </div>
 233               </a>
 234               <a href="/blog" class="nav-dropdown-item">
 235                 <div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/rss_feed.svg"}}</div>
 236                 <div>
 237                   <div class="nav-dropdown-item-title">Our Blog</div>
 238                   <p>Keep up with the latest developments via our blog</p>
 239                 </div>
 240               </a>
 241             </div>
 242           </div>
 243       </div>
 244     </div>
 245   </header>
 246
 247   <div id="content" class="{{if .IsHome}}homepage{{end}}">