_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
                  span.text.
                    GitHub
                a.view-ui.item(href="/releases/", class=(page === 'releases' ? 'active' : ''))
                  i.icon.download.left
                  span.text.
                    Download
        block content
      .ui.black.inverted.vertical.footer.segment
        .ui.center.aligned.container
          .ui.stackable.inverted.grid
            .three.wide.column
              h4.ui.inverted.header.
                Community
              .ui.inverted.link.list
                a.item(href="https://www.transifex.com/quasseldroid/quasseldroid/").
                  Help Translate
                a.item(href="https://github.com/sandsmark/quasseldroid/issues/").
                  Submit an Issue
                a.item(href="irc://chat.freenode.org/#quasseldroid").
                  Join our Chat
                a.item(href="/docs/").
                  Documentation
                a.item(href="/privacy-policy/").
                  Privacy Policy
            .three.wide.column
              h4.ui.inverted.header.
                Discover More
              .ui.inverted.link.list
                a.item(href="https://quassel-irc.org/").
                  Quassel
                a.item(href="https://github.com/magne4000/quassel-webserver/").
                  quassel-webserver
                a.item(href="https://github.com/phhusson/quassel-irssi").
                  quassel-irssi
                a.item(href="https://woboq.com/iquassel.html").
                  iQuassel
          .ui.inverted.section.divider

          img.ui.centered.mini.image(src="/assets/images/icon.svg")

          .ui.horizontal.inverted.small.divided.link.list
            a.item(href="https://github.com/sandsmark/QuasselDroid").
              Free & Open Source

    script(src="/assets/js/intersectionobserver.min.js")
    script
      include /assets/js/script.js