From cbae54f399cfaeecbb32c91fe82fb7db3543c3e5 Mon Sep 17 00:00:00 2001 From: Riley Housden Date: Tue, 8 Nov 2022 00:34:46 -0500 Subject: [PATCH] Add blog pages and related links in nav --- blog-styles.css | 130 ++++++++++++++++++++++++++++++++++++++++++++++++ blog.html | 43 ++++++++++++++++ index.html | 3 ++ stoplight.html | 3 ++ 4 files changed, 179 insertions(+) create mode 100644 blog-styles.css create mode 100644 blog.html diff --git a/blog-styles.css b/blog-styles.css new file mode 100644 index 0000000..f4f80ce --- /dev/null +++ b/blog-styles.css @@ -0,0 +1,130 @@ +body { + background-color: #293B2A; +} + +#wrapper { + background-color: #647E5A; + margin-left: auto; + margin-right: auto; + border-left: 1px solid #101010; + border-right: 1px solid #101010; + width: 90%; + height: 100vh; /* remove once content grows enough */ + display: flex; + flex-direction: column; +} + +#content { + margin: 0; + padding-top: 0; + padding-left: 1vh; + padding-right: 1vh; + overflow: visible; +} + +body { + margin: 0; + height: 100vh; +} + +header { + background-color: #646D5A; + margin-bottom: 1vh; +} + +nav ul { + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; + background-color: #505948; + display: block; +} + +nav li { + margin: 0; + display: inline; + float: left; +} + +nav li a { + display: block; + color: #8CAA8C; + text-align: center; + padding: 14px 16px; + text-decoration: none; +} + +nav li a:hover { + background-color: #464F3E; +} + +footer { + background: linear-gradient(20deg, #ffadad, #ffd6a5, #fdffb6, #caffbf, #9bf6ff, #a0c4ff, #bdb2ff, #ffc6ff); + margin-top: auto; +} + +footer hr { + border-width: 1px; + border-style: solid; + border-color: #101010; + margin: auto; +} + +footer p { + text-align: center; +} + +h1 { + text-align: center; +} + +h2 { + margin-top: 1vh; + margin-bottom: 1vh; +} + +p { + color: #101010; + margin-top: 1%; + margin-bottom: 1%; +} + +hr { + border-width: 1px; + border-style: dashed; + border-color: #101010; + margin: auto; +} + +.social { + color: #683655; + font-size: large; + font-weight: bold; + display: block; +} + +#mastodon { + font-style: italic; + text-decoration: none; + color: #3088D4; +} + +#discord { + font-style: italic; + text-decoration: none; + color: #7289DA; +} + +#contact { + border-style: solid; + border-width: .2vh; + border-color: #101010; + padding: 1vh; + background-color: #646D5A; + display: block; +} + +#contact h2 { + margin: 0; +} \ No newline at end of file diff --git a/blog.html b/blog.html new file mode 100644 index 0000000..c2513c5 --- /dev/null +++ b/blog.html @@ -0,0 +1,43 @@ + + + + + + + Quack! ur gay! + + + + +
+
+

Quack! Woah there's a blog?!!?

+ +
+
+

Posts

+
    +
  • Looks like there's nothing here yet :(
  • +
+
+
+
+

ur gay <3

+
+
+ + \ No newline at end of file diff --git a/index.html b/index.html index 849b0ce..574d8fd 100644 --- a/index.html +++ b/index.html @@ -21,6 +21,9 @@
  • Stoplight Schema
  • +
  • + Blog +

  • diff --git a/stoplight.html b/stoplight.html index c9e7eeb..e773d21 100644 --- a/stoplight.html +++ b/stoplight.html @@ -20,6 +20,9 @@
  • Stoplight Schema
  • +
  • + Blog +