- var pageDescription = "Chat comfortably, everywhere.";
- var pageUrl = "https://quasseldroid.info/";

doctype html
html(lang="en")
  head
    meta(charset="utf-8")
    title="QuasselDroid"
    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="QuasselDroid")
    meta(property="og:type" content="website")
    meta(property="og:title" content="QuasselDroid")
    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="QuasselDroid")
    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.
      /* latin */
      @font-face {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        src: local('Lato Regular'), local('Lato-Regular'), url(/assets/fonts/Lato-Regular.tff) format('ttf');
      }

      /* latin */
      @font-face {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        src: local('Lato Bold'), local('Lato-Bold'), url(/assets/fonts/Lato-Bold.ttf) format('ttf');
      }
    style
      include /assets/css/important.min.css
    style
      include /assets/css/style.min.css
  body#page-index.noscript
    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.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/sandsmark/QuasselDroid")
                  i.icon.github.left
                  span.text.
                    GitHub
                a.view-ui.item(href="/releases/")
                  i.icon.download.left
                  span.text.
                    Download
        .ui.vertical.stripe.intro.segment
          .ui.stackable.very.relaxed.center.aligned.grid.container
            .row
              .column.left.aligned
                h2.ui.header.
                  Downloads
                p.
                  Quasseldroid is available on F-Droid and the Google Play Store.
            .row.centered
              .wide.column
                .ui.four.doubling.cards
                  .card
                    a(href="https://play.google.com/store/apps/details?id=com.iskrembilen.quasseldroid")
                      img(src="/assets/images/badge_play.svg")
                  .card
                    a(href="https://f-droid.org/packages/com.iskrembilen.quasseldroid/")
                      img(src="/assets/images/badge_froid.svg")
      .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="/beta/").
                  Beta Releases
            .three.wide.column
              h4.ui.inverted.header.
                Discover More
              .ui.inverted.link.list
                a.item(href="http://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
    style
      include /assets/css/fonts.css
    link(rel="stylesheet" href="/assets/css/semantic.min.css")