weblogs/oldcomputernerd.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix bugs in css

Browse Source
This commit is contained in:
Greg Gauthier 2023-07-23 17:05:14 +01:00
parent f0805235ad
commit 97d361ac2f
2 changed files with 67 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
css/retro.css
View File

@ -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;

27
md/JUNK/index.md
View File

@ -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.
<div class="row">
<div class="column left">
<h3>Column 1</h3>
<p>This is some text for column 1</p>
</div>
<div class="column middle">
<h3>Column 2</h3>
<p>Some more text for the middle column, which can be a lot more, because column 2 is huge</p>
</div>
<div class="column right">
<h3>Column 3</h3>
<p>The final bit of text</p>
<p>Two paragraphs here</p>
</div>
</div>
## 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.