From 97d361ac2f7073e7bbcabf12d9916fb7331f2b96 Mon Sep 17 00:00:00 2001 From: Greg Gauthier Date: Sun, 23 Jul 2023 17:05:14 +0100 Subject: [PATCH] fix bugs in css --- css/retro.css | 61 +++++++++++++++++++++++++++++++++--------------- md/JUNK/index.md | 27 +++++++++++++++++++-- 2 files changed, 67 insertions(+), 21 deletions(-) diff --git a/css/retro.css b/css/retro.css index 5b0afd6..81dc6c6 100644 --- a/css/retro.css +++ b/css/retro.css @@ -2,50 +2,56 @@ font-family: 'Dot Matrix Regular'; src: url("../font/DOTMREG.TTF") format('truetype'); font-weight: normal; - font-style: normal; + font-style: auto; } @font-face { font-family: 'Dot Matrix Bold'; src: url("../font/DOTMATRIXB.TTF") format('truetype'); font-weight: bold; - font-style: normal; + font-style: auto; } @font-face { font-family: 'FreeMono'; src: url("../font/FreeMono.ttf") format('truetype'); - font-style: normal; + font-style: auto; } @font-face { font-family: 'FreeMono Bold'; src: url("../font/FreeMonoBold.ttf") format('truetype'); font-style: normal; - font-weight: bold; + font-weight: auto; } @font-face { font-family: 'Mode Nine'; src: url("../font/modenine.ttf") format('truetype'); - font-style: normal; + font-style: auto; } @font-face { font-family: 'SVI Basic Manual Book'; src: url("../font/SvBasicManual-nRPP.ttf") format('truetype'); - font-style: normal; + font-style: auto; } @font-face { font-family: 'SVI Basic Manual Bold'; - src url("../font/SvBasicManualBold-1G3g.ttf") format('truetype'); - font-style: normal; + src: url("../font/SvBasicManualBold-1G3g.ttf") format('truetype'); + font-style: auto; font-weight: bold; } @font-face { font-family: 'Source Code Pro Medium'; - src url("../font/SourceCodePro-Medium.ttf") format('truetype'); + src: url("../font/SourceCodePro-Medium.ttf") format('truetype'); font-style: normal; - font-weight: medium; + font-weight: normal; } @font-face { font-family: "Classic Console Neue"; src: url("../font/clacon2.woff2") format("woff2"); + font-style: auto; +} +@font-face { + font-family: "VT323 Regular"; + src: url("../font/VT323-Regular.ttf") format("truetype"); + font-style: auto; } @@ -64,6 +70,26 @@ } } +.column { + float: left; + margin-left: 5px; + border: solid 1px; + padding-left: 5px; + padding-right: 5px; + height: 150px; +} +.left, .right { + width: 22%; +} +.middle { + width: 48%; +} +.row:after { + content: ""; + display: table; + clear: both; +} + html, body { background-color: #222; @@ -72,13 +98,13 @@ body { html { height: 100%; - font-family: "VT323 Regular 400"; + font-family: "VT323 Regular", monospace; font-size: 18pt; } body { color: #23dc66; - font-family: "SVI Basic Manual Book"; + font-family: "SVI Basic Manual Book", monospace; font-size: 14pt; line-height: 1.25; max-width: 48rem; @@ -116,7 +142,7 @@ ul li { tr:hover {background-color: #23dc66;color: black;} pre { - font-family: "Classic Console Neue"; + font-family: "Classic Console Neue", monospace; font-size: 15pt; margin-left: 20px; background: #524646; @@ -133,7 +159,7 @@ pre { blockquote { - font-family: "Dot Matrix Regular"; + font-family: "Dot Matrix Regular", monospace; font-size: 13pt; line-height: 1.4; background-image: url(../img/greenbar2.jpg); @@ -142,10 +168,7 @@ blockquote { color: #000000; max-width: 55%; border-left: 1px solid #000000; - padding-top: 5px; - padding-left: 36px; - padding-bottom: 5px; - padding-right: 10px; + padding: 5px 10px 5px 36px; } a, @@ -160,7 +183,7 @@ a:active { } code { - font-family: "Classic Console Neue"; + font-family: "Classic Console Neue", monospace; color: #fdd461; background: #524646; line-height: 1.25; diff --git a/md/JUNK/index.md b/md/JUNK/index.md index 8e67f8b..d5324cd 100644 --- a/md/JUNK/index.md +++ b/md/JUNK/index.md @@ -1,3 +1,26 @@ -# The Parts Bin +## The Parts Bin + +Here, I've added an entire three-column div in html, to see how well it will work with this scheme. I have yet to come up with a satisfactory content generation or site navigation strategy, but that will come with time. + +
+
+

Column 1

+

This is some text for column 1

+
+ +
+

Column 2

+

Some more text for the middle column, which can be a lot more, because column 2 is huge

+
+ +
+

Column 3

+

The final bit of text

+

Two paragraphs here

+
+
+ +## The Text Part + +After adding the column divs above, I can proceed to write markdown, as if this were just a markdown document! What a novel idea. I like it! -## Covering anything miscellaneous or uncategorizable.