diff --git a/_includes/cor_menu.html b/_includes/cor_menu.html new file mode 100644 index 0000000..428a75a --- /dev/null +++ b/_includes/cor_menu.html @@ -0,0 +1,50 @@ +
+
+
Home
+ {% for topic in 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..2ffc6ad 100644 --- a/src/styles/corrupt.css +++ b/src/styles/corrupt.css @@ -66,6 +66,8 @@ a:hover { display: flex; 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 +80,22 @@ a:hover { color: white; } +.cor_topics { + display: flex; flex-flow: row wrap; justify-content: center; + width: 100%; + font: 1.0em "Lucida Sans Unicode", "Lucida Grande", sans-serif; + text-align: center; color: darkgrey; letter-spacing: 0.6em; line-height: 2.0em; + padding: 10px; +} + +.cor_topics div { + padding: 1em 1em 0em 1em; +} + .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 +232,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 +258,16 @@ 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; + font: 1.0em "Lucida Sans Unicode", "Lucida Grande", sans-serif; + text-align: right; color: darkgrey; letter-spacing: 0.6em; line-height: 2.0em; + padding: 10px; + } + .cor_footer { + position: fixed; bottom: 0; width: unset; + } }