diff --git a/_cobalt.yml b/_cobalt.yml
index 7bf3e02..065a75d 100644
--- a/_cobalt.yml
+++ b/_cobalt.yml
@@ -1,7 +1,10 @@
-
site:
- title: cobalt blog
- description: Blog Posts Go Here
- base_url: http://example.com
+ title: Hermes
+ description: Hermes scuttlebutt client
+ base_url: https://hermes.gay
posts:
rss: rss.xml
+
+assets:
+ sass:
+ style: Nested
diff --git a/_defaults/posts.md b/_defaults/posts.md
index cf88955..07f4f05 100644
--- a/_defaults/posts.md
+++ b/_defaults/posts.md
@@ -2,6 +2,8 @@
layout: default.liquid
title: First Post
+description: description
+categories: []
is_draft: true
---
diff --git a/_includes/footer.liquid b/_includes/footer.liquid
new file mode 100644
index 0000000..5ce28eb
--- /dev/null
+++ b/_includes/footer.liquid
@@ -0,0 +1,25 @@
+
+
diff --git a/_includes/meta.liquid b/_includes/meta.liquid
new file mode 100644
index 0000000..a64c677
--- /dev/null
+++ b/_includes/meta.liquid
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Hermes | {{ page.title }}
diff --git a/_includes/navigation.liquid b/_includes/navigation.liquid
new file mode 100644
index 0000000..be7c622
--- /dev/null
+++ b/_includes/navigation.liquid
@@ -0,0 +1,12 @@
+
+
+
+
+
+
diff --git a/_layouts/default.liquid b/_layouts/default.liquid
index 8b79e63..075e350 100644
--- a/_layouts/default.liquid
+++ b/_layouts/default.liquid
@@ -1,13 +1,14 @@
-
+
-
- {{ page.title }}
+ {% include "meta.liquid" %}
+
-
-
{{ page.title }}
- {{ page.content }}
-
+ {% include "navigation.liquid" %}
+
+ {{ page.content }}
+
+ {% include "footer.liquid" %}
diff --git a/_scss/_base.scss b/_scss/_base.scss
new file mode 100644
index 0000000..e55ff95
--- /dev/null
+++ b/_scss/_base.scss
@@ -0,0 +1,32 @@
+html {
+ image-rendering: pixelated;
+ image-rendering: crisp-edges;
+ font-size: 1.3em;
+ color: $foreground-color;
+ line-height: 1.50;
+ background: $background-color;
+ font-family: 'Cantarell', sans-serif;
+}
+
+/* Smooth scrolling IF user doesn't have a preference due to motion sensitivities */
+@media screen and (prefers-reduced-motion: no-preference) {
+ html {
+ scroll-behavior: smooth;
+ }
+}
+
+body {
+ border-radius: 10px;
+ margin: 0;
+ padding: 0;
+}
+
+main {
+ margin: auto;
+ width: 50%;
+ text-align: left;
+}
+
+.container {
+ margin: 0 50px;
+}
diff --git a/_scss/_footer.scss b/_scss/_footer.scss
new file mode 100644
index 0000000..045747f
--- /dev/null
+++ b/_scss/_footer.scss
@@ -0,0 +1,25 @@
+footer {
+ ul {
+ list-style: none;
+ }
+
+ .item-left {
+ grid-area: main;
+ }
+ .item-mid {
+ grid-area: links1;
+ }
+ .item-right {
+ grid-area: links2;
+ }
+
+ .container {
+ margin-left: 25%;
+ margin-right: 25%;
+ display: grid;
+ grid-template-columns: 500px 250px 250px;
+ grid-template-rows: auto;
+ grid-template-areas:
+ "main links1 links2"
+ }
+}
diff --git a/_scss/_formatting.scss b/_scss/_formatting.scss
new file mode 100644
index 0000000..0f568a5
--- /dev/null
+++ b/_scss/_formatting.scss
@@ -0,0 +1,17 @@
+a:link, a:visited {
+ text-decoration: none;
+ color: $accent-color;
+}
+
+a:active, a:focus, a:hover {
+ text-decoration: underline;
+}
+
+ul, ol {
+ color: scale-color($foreground-color, $lightness: +10%);
+}
+
+::selection {
+ color: $background-color;
+ background: $foreground-color;
+}
diff --git a/_scss/_navigation.scss b/_scss/_navigation.scss
new file mode 100644
index 0000000..59b1d26
--- /dev/null
+++ b/_scss/_navigation.scss
@@ -0,0 +1,32 @@
+.logo {
+ float: left;
+ padding: 10px 0;
+}
+
+header::after {
+ content: '';
+ display: table;
+ clear: both;
+}
+
+header {
+ box-shadow: 0 0 5px #888;
+}
+
+nav {
+ float: right;
+
+ ul {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ }
+
+ li {
+ display: inline-block;
+ text-align: center;
+ margin-left: 70px;
+ padding-top: 20px;
+ }
+
+}
diff --git a/_site/assets/logo.png b/_site/assets/logo.png
new file mode 100644
index 0000000..a54c6c4
Binary files /dev/null and b/_site/assets/logo.png differ
diff --git a/_site/index.html b/_site/index.html
new file mode 100644
index 0000000..469042f
--- /dev/null
+++ b/_site/index.html
@@ -0,0 +1,78 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Hermes | Index
+
+
+
+
+
+
+
+
+
+
+
+
+ About, features, basic SSB info, etc.
+FAQ
+Q:
+A
+Q:
+A
+Roadmap
+
+Blog!
+
+
+
+
+
+
+
diff --git a/_site/rss.xml b/_site/rss.xml
new file mode 100644
index 0000000..aa11ed4
--- /dev/null
+++ b/_site/rss.xml
@@ -0,0 +1 @@
+cobalt bloghttp://localhost:3000Blog Posts Go Here
diff --git a/_site/style.css b/_site/style.css
new file mode 100644
index 0000000..fa1821c
--- /dev/null
+++ b/_site/style.css
@@ -0,0 +1,84 @@
+html {
+ image-rendering: pixelated;
+ image-rendering: crisp-edges;
+ font-size: 1.3em;
+ color: #333;
+ line-height: 1.50;
+ background: #f8f4f3;
+ font-family: 'Cantarell', sans-serif; }
+
+/* Smooth scrolling IF user doesn't have a preference due to motion sensitivities */
+@media screen and (prefers-reduced-motion: no-preference) {
+ html {
+ scroll-behavior: smooth; } }
+
+body {
+ border-radius: 10px;
+ margin: 0;
+ padding: 0; }
+
+main {
+ margin: auto;
+ width: 50%;
+ text-align: left; }
+
+.container {
+ margin: 0 50px; }
+
+a:link, a:visited {
+ text-decoration: none;
+ color: #b87333; }
+
+a:active, a:focus, a:hover {
+ text-decoration: underline; }
+
+ul, ol {
+ color: #474747; }
+
+::selection {
+ color: #f8f4f3;
+ background: #333; }
+
+footer ul {
+ list-style: none; }
+
+footer .item-left {
+ grid-area: main; }
+
+footer .item-mid {
+ grid-area: links1; }
+
+footer .item-right {
+ grid-area: links2; }
+
+footer .container {
+ margin-left: 25%;
+ margin-right: 25%;
+ display: grid;
+ grid-template-columns: 500px 250px 250px;
+ grid-template-rows: auto;
+ grid-template-areas: "main links1 links2"; }
+
+.logo {
+ float: left;
+ padding: 10px 0; }
+
+header::after {
+ content: '';
+ display: table;
+ clear: both; }
+
+header {
+ box-shadow: 0 0 5px #888; }
+
+nav {
+ float: right; }
+ nav ul {
+ margin: 0;
+ padding: 0;
+ list-style: none; }
+ nav li {
+ display: inline-block;
+ text-align: center;
+ margin-left: 70px;
+ padding-top: 20px; }
diff --git a/assets/logo.png b/assets/logo.png
new file mode 100644
index 0000000..a54c6c4
Binary files /dev/null and b/assets/logo.png differ
diff --git a/index.md b/index.md
index ad063cb..0e03870 100644
--- a/index.md
+++ b/index.md
@@ -1,6 +1,21 @@
---
layout: default.liquid
---
+
+About, features, basic SSB info, etc.
+
+## FAQ
+**Q:**
+A
+
+**Q:**
+A
+
+## Roadmap
+- one
+- two
+- three
+
## Blog!
{% for post in collections.posts.pages %}
diff --git a/style.scss b/style.scss
new file mode 100644
index 0000000..b118498
--- /dev/null
+++ b/style.scss
@@ -0,0 +1,5 @@
+$background-color: #f8f4f3;
+$foreground-color: #333;
+$accent-color: #b87333;
+
+@import '_scss/base', '_scss/formatting', '_scss/footer', '_scss/navigation';