Cleanup and templating

_template.pug

+- 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
+      include /assets/css/important.min.css
+    style
+      include /assets/css/style.min.css
+  body#page-index.noscript.index
+    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(href="/")
+                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
+      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
+            .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
+    link(rel="stylesheet" href="/assets/css/semantic.min.css")
+    link(rel="stylesheet" href="/assets/css/fonts.css")
\ No newline at end of file

index.pug

-- 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
-      include /assets/css/important.min.css
-    style
-      include /assets/css/style.min.css
-  body#page-index.noscript.index
-    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(href="/")
-                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
+extends _template
+block content
   .masthead.segment
     .ui.container
       .introduction
@@ -187,43 +119,3 @@ html(lang="en")
               .content
                 .extra.
                   Solarized Light
\ No newline at end of file
-      .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
-            .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
-    link(rel="stylesheet" href="/assets/css/semantic.min.css")
-    link(rel="stylesheet" href="/assets/css/fonts.css")
\ No newline at end of file

releases/index.pug

-- 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
-      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.qd
-          .ui.container
-            .ui.large.secondary.menu.inverted
-              a.view-ui.item(href="/")
-                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.active(href="/releases/")
-                  i.icon.download.left
-                  span.text.
-                    Download
+extends ../_template
+block content
   .ui.vertical.stripe.intro.segment
     .ui.stackable.very.relaxed.center.aligned.grid.container
       .row
@@ -85,43 +17,3 @@ html(lang="en")
             .card
               a(href="https://f-droid.org/packages/com.iskrembilen.quasseldroid/")
                 img(src="/assets/images/badge_fdroid.svg")
\ No newline at end of file
-      .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
-            .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
-    link(rel="stylesheet" href="/assets/css/semantic.min.css")
-    link(rel="stylesheet" href="/assets/css/fonts.css")
\ No newline at end of file