+
+
+
+
+
+
+
diff --git a/src/common-footer.php b/src/common-footer.php
new file mode 100644
index 0000000..9eaf98b
--- /dev/null
+++ b/src/common-footer.php
@@ -0,0 +1,5 @@
+
diff --git a/src/common-header.php b/src/common-header.php
new file mode 100644
index 0000000..a08631e
--- /dev/null
+++ b/src/common-header.php
@@ -0,0 +1,7 @@
+
+ ;
+ $message = $files[array_rand($files, 1)];
+ echo )
" alt="logo" width=768 height=768 />
+
diff --git a/src/common-meta.php b/src/common-meta.php
new file mode 100644
index 0000000..f6aa0a8
--- /dev/null
+++ b/src/common-meta.php
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/common-subtitle.php b/src/common-subtitle.php
new file mode 100644
index 0000000..33b58b0
--- /dev/null
+++ b/src/common-subtitle.php
@@ -0,0 +1,184 @@
+
diff --git a/src/logo.xcf b/src/logo.xcf
new file mode 100644
index 0000000..c34c6a7
Binary files /dev/null and b/src/logo.xcf differ
diff --git a/styles/buttons.css b/styles/buttons.css
new file mode 100644
index 0000000..a8dec80
--- /dev/null
+++ b/styles/buttons.css
@@ -0,0 +1,37 @@
+/*
+ * buttons.css
+ * Copyright (C) 2020 Vintage Salt
+ *
+ * Distributed under terms of the MIT license.
+ */
+
+/* BIG ICON BUTTONS
+ * Used on the index for services */
+div.iconbuttoncontainer {
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ grid-template-rows: auto auto auto auto;
+}
+a.iconbutton {
+ background: var(--background-dark);
+ border: 4px solid var(--background-dark);
+ display: block;
+ margin: 0.5em;
+ padding: 1em;
+ text-align: center;
+}
+a.iconbutton:hover {
+ background: var(--link-hover);
+ color: var(--background);
+}
+a.iconbutton i {
+ font-size: 400%
+}
+
+/* MOBILE */
+@media only screen and (max-width: 600px) {
+ div.iconbuttoncontainer {
+ grid-template-columns: 1fr;
+ }
+}
+
diff --git a/styles/styles.css b/styles/styles.css
new file mode 100644
index 0000000..e7616a7
--- /dev/null
+++ b/styles/styles.css
@@ -0,0 +1,167 @@
+/*
+ * styles.css
+ * Copyright (C) 2020 Vintage Salt
+ *
+ * Distributed under terms of the MIT license.
+ */
+
+/* GLOBALS */
+
+:root {
+ --background: #3c3341;
+ --background-dark: #28232c;
+ --link: #ba844d;
+ --link-hover: #ffb940;
+ --text: #f7f4db;
+}
+html {
+ background: var(--background-dark);
+ overflow-y: scroll;
+}
+body {
+ background: var(--background);
+ color: var(--text);
+ font-family: "Roboto", sans-serif;
+ margin: 4em auto;
+ max-width: 40em;
+ padding: 4em;
+}
+
+/* TYPES */
+/* a */
+a {
+ color: var(--link);
+ text-decoration: none;
+ transition: .08s ease-in;
+}
+a:hover {
+ color: var(--link-hover);
+}
+/* code */
+code {
+ background: var(--text);
+ border-radius: 3px;
+ color: var(--background-dark);
+ display: inline-block;
+ font-size: 11pt;
+ padding: 2px 4px;
+}
+dl {
+ list-style-type: none;
+ margin: 0;
+}
+dl dt {
+ font-weight: bold;
+ margin: 1em 0 0 0;
+}
+dl dd {
+ margin: 0;
+}
+
+/* CUSTOM DIVS AND SPANS */
+a.quickbutton {
+ background: var(--background);
+ border-radius: 8px;
+ display: block;
+ font-size: 150%;
+ margin: 0.5em 0;
+ padding: 1em;
+ text-align: center;
+}
+a.quickbutton:hover {
+ background: var(--link-hover);
+ color: var(--background-dark);
+}
+div.break {
+ width: 4em;
+ margin: 2em auto;
+ border-bottom: 3px double var(--text);
+}
+img.bigimg {
+ border-radius: 8px;
+ display: block;
+ margin: 1em auto;
+}
+
+/* HIERARCHICAL CLASSES */
+/* HEADER */
+.header {
+ background: var(--background);
+}
+.logocontainer {
+ align-items: center;
+ display: flex;
+ justify-content: center;
+ padding: 1em 0;
+}
+.logo {
+ border-radius: 50%;
+ height: 128px;
+ vertical-align: middle;
+ margin: 0 1em;
+ max-width: 128px;
+}
+.header h1 {
+ display: inline;
+ margin: 0;
+}
+.header p {
+ margin: 0;
+}
+.header nav ul {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ text-align: center;
+}
+.header nav ul li {
+ display: inline-block;
+ padding: 0.8em;
+}
+.header nav ul li:hover {
+ background: var(--link-hover);
+ color: var(--background-dark);
+ transition: .08s ease-in;
+}
+
+/* CONTENT */
+.content {
+ background: var(--background);
+ padding: 2em 0;
+}
+.subcontainer {
+ background: var(--background);
+ border-radius: 8px;
+ margin: 1em 0;
+ padding: 1em;
+}
+.toc {
+ background: var(--background);
+ border-radius: 4px;
+ display: inline-block;
+ margin: 0 1em 1em 1em;
+ width: auto;
+}
+
+/* FOOTER */
+.footer {
+ background: var(--background);
+ font-size: 11px;
+ line-height: 1.3;
+ padding: 1em 0;
+ text-align: center;
+}
+.footer p {
+ margin: 0;
+}
+
+/* MOBILE */
+@media only screen and (max-width: 600px) {
+ body {
+ margin: 0;
+ padding: 1em;
+ }
+ .nomobile {
+ display: none;
+ }
+}
diff --git a/test.sh b/test.sh
new file mode 100755
index 0000000..2fdf625
--- /dev/null
+++ b/test.sh
@@ -0,0 +1,10 @@
+#! /bin/sh
+#
+# test.sh
+# Copyright (C) 2020 Vintage Salt " alt="logo" width=768 height=768 />
+