5 files changed, 123 insertions, 0 deletions
diff --git a/ssh/resources/sass/_background.scss b/ssh/resources/sass/_background.scss
new file mode 100644
index 0000000..452d4d2
--- /dev/null
+++ b/ssh/resources/sass/_background.scss
@@ -0,0 +1,26 @@
+html {
+  height: 100%;
+}
+
+body {
+  width: 100%;
+  height: auto;
+  min-height:35rem;
+  background: linear-gradient(to bottom, rgba(1,1,1,.25) 0%, rgba(1,1,1,.45) 90%, rgba(2, 11, 26, 0.65) 100%), url("/img/world-bg.jpg");
+  background-color: rgba(2, 11, 26, 0.65);
+  background-position: center;
+  background-repeat: no-repeat;
+  background-attachment: scroll;
+  background-size: cover;
+}
+.cover-container {
+  color: white;
+  max-width: 42em;
+}
+.cover {
+  padding: 0 1.5rem;
+}
+.cover .btn-lg {
+  padding: .75rem 1.25rem;
+  font-weight: 700;
+}
diff --git a/ssh/resources/sass/_navbar.scss b/ssh/resources/sass/_navbar.scss
new file mode 100644
index 0000000..7e3daa8
--- /dev/null
+++ b/ssh/resources/sass/_navbar.scss
@@ -0,0 +1,25 @@
+.navbar {
+  background-color: rgba(0,0,0,0) !important;
+}
+.navbar-toggler {
+  border-color: #808080;
+}
+
+.navbar-dark .nav-link {
+	color: darken( #fff, 10% ) !important;
+}
+
+@media( min-width: 768px ) {
+	.navbar-searchform {
+		margin-left: 0.5rem;
+	}
+}
+
+.nav-link:hover {
+	text-decoration: underline !important;
+}
+.nav-bar-divider {
+	display: inline;
+	padding: 0 8px;
+	font-size: 0.9rem;
+}
diff --git a/ssh/resources/sass/_utility.scss b/ssh/resources/sass/_utility.scss
new file mode 100644
index 0000000..bcc163d
--- /dev/null
+++ b/ssh/resources/sass/_utility.scss
@@ -0,0 +1,25 @@
+.text-lg {
+	font-size:1.125rem;
+}
+hr {
+	width: 100%;
+	color: white;
+	background-color: white;
+	height: 1px;
+	margin-top: inherit;
+}
+.mt-20 {
+	margin-top: 20px;
+}
+.mt-30 {
+	margin-top: 30px;
+}
+.mt-35 {
+	margin-top: 35px;
+}
+.mt-40 {
+	margin-top: 40px;
+}
+.mt-50 {
+	margin-top: 50px;
+}
diff --git a/ssh/resources/sass/_variables.scss b/ssh/resources/sass/_variables.scss
new file mode 100644
index 0000000..0407ab5
--- /dev/null
+++ b/ssh/resources/sass/_variables.scss
@@ -0,0 +1,19 @@
+// Body
+$body-bg: #f8fafc;
+
+// Typography
+$font-family-sans-serif: 'Nunito', sans-serif;
+$font-size-base: 0.9rem;
+$line-height-base: 1.6;
+
+// Colors
+$blue: #3490dc;
+$indigo: #6574cd;
+$purple: #9561e2;
+$pink: #f66d9b;
+$red: #e3342f;
+$orange: #f6993f;
+$yellow: #ffed4a;
+$green: #38c172;
+$teal: #4dc0b5;
+$cyan: #6cb2eb;
diff --git a/ssh/resources/sass/app.scss b/ssh/resources/sass/app.scss
new file mode 100644
index 0000000..7111267
--- /dev/null
+++ b/ssh/resources/sass/app.scss
@@ -0,0 +1,28 @@
+// Fonts
+@import url('https://fonts.googleapis.com/css?family=Nunito');
+
+// Variables
+@import 'variables';
+
+// Bootstrap
+@import '~bootstrap/scss/bootstrap';
+
+@import 'background';
+@import 'navbar';
+@import 'utility';
+
+.hn {
+  display: inline-block;
+  font-size: inherit;
+  height: 1em;
+  overflow: visible;
+  vertical-align: -.125em;
+  fill: #ff6600;
+}
+.mastodon {
+  display: inline-block;
+  font-size: inherit;
+  height: 1em;
+  overflow: visible;
+  vertical-align: -.125em;
+}