_template.pug

- var siteName = "QuasselDroid";
- var pageDescription = "Chat comfortably, everywhere.";
- var pageUrl = "https://quasseldroid.info/";
block vars
- var fullTitle = (page === 'index' ? siteName : pageTitle + " | " + siteName)
include _mixins
doctype html
html(lang="en")
  head
    meta(charset="utf-8")
    title=fullTitle
    meta(name="description" content=pageDescription)

    link(rel="canonical" href=pageUrl)
    link(rel="shortcut icon" href="/favicon.png")
    link(rel="shortcut icon" href="/favicon.svg")

    meta(property="og:site_name" content=siteName)
    meta(property="og:type" content="website")
    meta(property="og:title" content=fullTitle)
    meta(property="og:description" content=pageDescription)
    meta(property="og:url" content=pageUrl)

    meta(property="twitter:card" content="summary_large_image")
    meta(property="twitter:title" content=fullTitle)
    meta(property="twitter:description" content=pageDescription)
    meta(property="twitter:url" content=pageUrl)

    meta(name="generator" content="Human v1.0")

    meta(name="referrer" content="origin")

    meta(name="viewport" content="width=device-width, initial-scale=1")

    meta(http-equiv="X-UA-Compatible" content="IE=edge")
    meta(name="apple-mobile-web-app-capable" content="yes")
    meta(name="HandheldFriendly" content="True")

    meta(name="theme-color" content="#0a70c0")
    meta(name="msapplication-navbutton-color" content="#0a70c0")
    meta(name="apple-mobile-web-app-status-bar-style" content="#0a70c0")

    style
      include /assets/css/important.css
      include /assets/css/semantic.css
    style
      include /assets/css/style.css
    style
      include /assets/css/fonts.sass
  body#page-index.noscript(class=page)
    noscript
      style.
        img[data-src] {
          display: none !important;
        }
    script.
      document.body.classList.remove("noscript");
    .pusher
      .full.height
        .following.bar
          .ui.container
            .ui.large.secondary.menu.inverted
              a.view-ui.item(href="/", class=(page === 'index' ? 'active' : ''))
                img.ui.logo.left(src="/assets/images/icon.svg")
                | QuasselDroid
              a.view-ui.item(href="/docs/")
                | Docs
              .right.menu
                a.view-ui.item(href="https://github.com/justjanne/quasseldroid-ng")
                  i.icon.github.left