From f01ccf2839d641afc06f6a955372ba8ce03451ab Mon Sep 17 00:00:00 2001 From: Erin Nova Date: Wed, 27 Apr 2022 14:39:13 -0400 Subject: [PATCH] Add basic styling --- _cobalt.yml | 11 +++-- _defaults/posts.md | 2 + _includes/footer.liquid | 25 +++++++++++ _includes/meta.liquid | 14 ++++++ _includes/navigation.liquid | 12 ++++++ _layouts/default.liquid | 15 ++++--- _scss/_base.scss | 32 ++++++++++++++ _scss/_footer.scss | 25 +++++++++++ _scss/_formatting.scss | 17 ++++++++ _scss/_navigation.scss | 32 ++++++++++++++ _site/assets/logo.png | Bin 0 -> 3690 bytes _site/index.html | 78 +++++++++++++++++++++++++++++++++ _site/rss.xml | 1 + _site/style.css | 84 ++++++++++++++++++++++++++++++++++++ assets/logo.png | Bin 0 -> 3690 bytes index.md | 15 +++++++ style.scss | 5 +++ 17 files changed, 357 insertions(+), 11 deletions(-) create mode 100644 _includes/footer.liquid create mode 100644 _includes/meta.liquid create mode 100644 _includes/navigation.liquid create mode 100644 _scss/_base.scss create mode 100644 _scss/_footer.scss create mode 100644 _scss/_formatting.scss create mode 100644 _scss/_navigation.scss create mode 100644 _site/assets/logo.png create mode 100644 _site/index.html create mode 100644 _site/rss.xml create mode 100644 _site/style.css create mode 100644 assets/logo.png create mode 100644 style.scss 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 0000000000000000000000000000000000000000..a54c6c42fd8695476a7bf5febb58cc8cc1fbd539 GIT binary patch literal 3690 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 IM6N<$g4(+0F8}}l literal 0 HcmV?d00001 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

+
    +
  • one
    • +
  • two
    • +
  • three
    • +
+

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 0000000000000000000000000000000000000000..a54c6c42fd8695476a7bf5febb58cc8cc1fbd539 GIT binary patch literal 3690 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 IM6N<$g4(+0F8}}l literal 0 HcmV?d00001 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';