diff --git a/_includes/cor_menu.html b/_includes/cor_menu.html new file mode 100644 index 0000000..3e3a42b --- /dev/null +++ b/_includes/cor_menu.html @@ -0,0 +1,50 @@ +
+
+
home
+ {% for topic in site.topics %} +
{{ topic.title }}
+ {% endfor %} +
+
+
+

The Site

+

This site is a small slice of internet real-estate that I use for + occasional writing. Nothing I say is visionary or profound. I + will tend to focus on technology, gaming, and philosophy.

+

The Vagabond

+

My name is Bill Niblock. I'm a computer scientist by education, a + technologist by trade, a gamer by hobby, and a philosopher by + accident.

+
+
+
+ + GitHub + +
+
+ + Twitter + +
+
+ + Twitch + +
+
+ + Steam + +
+
+
+
diff --git a/_includes/topics.html b/_includes/topics.html index 8b9a412..d62188a 100644 --- a/_includes/topics.html +++ b/_includes/topics.html @@ -6,7 +6,7 @@
{{ post.pub }}
{% for topic in post.topics %} - {{topic}} + {{topic}} {% endfor %}
diff --git a/_layouts/corrupt_collection.html b/_layouts/corrupt_collection.html index 2315f22..0df50e7 100644 --- a/_layouts/corrupt_collection.html +++ b/_layouts/corrupt_collection.html @@ -22,52 +22,7 @@ {{ content }} -
-
-
-
-
-

The Site

-

This site is a small slice of internet real-estate that I use for - occasional writing. Nothing I say is visionary or profound. I - will tend to focus on technology, gaming, and philosophy.

-

The Vagabond

-

My name is Bill Niblock. I'm a computer scientist by education, a - technologist by trade, a gamer by hobby, and a philosopher by - mistake.

-
-
-
- - GitHub - -
-
- - Twitter - -
-
- - Twitch - -
-
- - Steam - -
-
-
-
+ {% include cor_menu.html %} diff --git a/_layouts/corrupt_index.html b/_layouts/corrupt_index.html index b886ae2..1f9ee61 100644 --- a/_layouts/corrupt_index.html +++ b/_layouts/corrupt_index.html @@ -19,57 +19,12 @@
{{ content }} -
-
- All Posts -
- -
-
-
-
-
-

The Site

-

This site is a small slice of internet real-estate that I use for - occasional writing. Nothing I say is visionary or profound. I - will tend to focus on technology, gaming, and philosophy.

-

The Vagabond

-

My name is Bill Niblock. I'm a computer scientist by education, a - technologist by trade, a gamer by hobby, and a philosopher by - mistake.

-
-
-
- - GitHub - -
-
- - Twitter - -
-
- - Twitch - -
-
- - Steam - -
+
+ {% include cor_menu.html %}
diff --git a/_layouts/corrupt_post.html b/_layouts/corrupt_post.html index f9e7be0..4ea4a2d 100644 --- a/_layouts/corrupt_post.html +++ b/_layouts/corrupt_post.html @@ -22,52 +22,7 @@

[{{ page.author }}][{{ page.pub }}][{{ page.tags }}]

-
-
-
-
-
-

The Site

-

This site is a small slice of internet real-estate that I use for - occasional writing. Nothing I say is visionary or profound. I - will tend to focus on technology, gaming, and philosophy.

-

The Vagabond

-

My name is Bill Niblock. I'm a computer scientist by education, a - technologist by trade, a gamer by hobby, and a philosopher by - mistake.

-
-
-
- - GitHub - -
-
- - Twitter - -
-
- - Twitch - -
-
- - Steam - -
-
-
-
+ {% include cor_menu.html %} diff --git a/index.html b/index.html index 1dfb6b8..ca7c746 100644 --- a/index.html +++ b/index.html @@ -10,7 +10,7 @@
{{ post.pub }}
{% for topic in post.topics %} - {{topic}} + {{topic}} {% endfor %}
diff --git a/src/styles/corrupt.css b/src/styles/corrupt.css index 0780299..c521a89 100644 --- a/src/styles/corrupt.css +++ b/src/styles/corrupt.css @@ -14,7 +14,7 @@ html { } body { - background-color: #202020; + background-color: #3B3B3B; margin: 0; } @@ -64,8 +64,11 @@ a:hover { /* Sidebar */ .cor_menu { display: flex; + flex-flow: column wrap; background-color: #202020; z-index: 2; width: 100%; + border-top: 1px solid var(--hilite); + box-shadow: 0px 0px 30px 0px var(--hilite); } .cor_menu a:link,a:visited,a:focus { @@ -78,11 +81,30 @@ a:hover { color: white; } +.cor_topics { + display: flex; flex-flow: row wrap; justify-content: center; + font: 1.0em "Lucida Sans Unicode", "Lucida Grande", sans-serif; + text-align: center; color: darkgrey; letter-spacing: 0.6em; line-height: 2.0em; +} + +.cor_topics div { + padding: 10px 10px 0px 10px; +} + +.cor_topics a,a:visited,a:link,a:focus { + color: darkgrey; + text-decoration: none; +} + +.cor_topics a:hover { + font-style: normal; + color: white; +} + .cor_footer { display: flex; flex-flow: row wrap; + width: 100%; text-align: center; - border-top: 1px solid var(--hilite); - box-shadow: 0px 0px 30px 0px var(--hilite); } .cor_footer #about { @@ -219,14 +241,16 @@ a:hover { } /* Mobile First */ -@media only screen and (min-width: 1250px) and (min-height: 750px) { - .title div { - font: 1.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif; +@media only screen and (min-width: 768px) { + .title div { font: 1.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: darkgrey; letter-spacing: 1.2em; } .title div::first-letter { font: 1.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif; } +} + +@media only screen and (min-width: 1250px) and (min-height: 750px) { .cor_content { width: 80%; } @@ -243,11 +267,15 @@ a:hover { } .cor_menu { width: 20%; - } - .cor_footer { - position: fixed; - bottom: 0; border: none; box-shadow: unset; } + .cor_topics { + position: fixed; top: 75px; right: 0px; display: unset; + font: 1.0em "Lucida Sans Unicode", "Lucida Grande", sans-serif; + text-align: right; color: darkgrey; letter-spacing: 0.6em; line-height: 2.0em; + } + .cor_footer { + position: fixed; bottom: 0; width: unset; + } }