From 001fc0746286ba171bdfe03471607100892397aa Mon Sep 17 00:00:00 2001 From: ThakaRashard <93835618+ThakaRashard@users.noreply.github.com> Date: Mon, 24 Jun 2024 18:37:56 -0700 Subject: [PATCH] .office { justify-content: space-evenly; border-style: inset; border: 1px solid #08a0e9; font: normal 10px/18px Arial, "Helvetica Neue", Helvetica, sans-serif; display: flex; flex-direction: column; column-count: auto; color: white; background: transparent url(https://photojournal.jpl.nasa.gov/archive/PIA02831.gif); } .font { padding: 10px; flex-basis: 200px; margin: 10px; text-align: left; color: white; background: transparent url(https://raw.githubusercontent.com/ThakaRashard/thakarashard.github.io/master/assets/images/PrairieWind.png); background-size: tile; border-style: inset; border: 1px solid #08a0e9; border-radius: 1px 1px 1px 1px; border-radius: 1; } .trebuchet { font: bold 10px/18px "Trebuchet MS"; display: block; line-height: 1.2em; font-size: 150%; } .bigcaslon { font: normal 10px/18px "Big Caslon"; display: block; line-height: 1.2em; font-size: 150%; } .lucidaconsole { font: normal 10px/18px "Lucida Console"; display: block; line-height: 1.2em; font-size: 150%; } .Tahoma { font: normal 10px/18px Tahoma; display: block; padding: 20px; font-size: 150%; letter-spacing: 0.1rem; } .arialnarrow { font: normal 10px/18px "Arial Narrow"; display: block; padding: 20px; font-size: 150%; letter-spacing: 0.01rem; } .verdana { font: normal 10px/18px verdana; display: block; padding: 20px; font-size: 150%; } .arial { font: normal 10px/18px Arial, "Helvetica Neue", Helvetica, sans-serif; display: block; padding: 20px; font-size: 150%; } .arialbold { font: bold 10px/18px Arial; display: block; padding: 20px; font-size: 150%; } .arialblack { font: normal 10px/18px Arial Black; display: block; padding: 20px; font-size: 150%; } .georgia { font: normal 10px/18px georgia; display: block; line-height: 1.1em; padding: 20px; font-size: 150%; } .Baskerville { font: normal 10px/18px Baskerville; display: block; padding: 20px; font-size: 150%; } .Courier { font: normal 10px/18px Courier; display: block; padding: 20px; font-size: 150%; } --- _sass/jekyll-theme-leap-day.scss | 214 +++++++++++++++---------------- index.md | 13 +- 2 files changed, 108 insertions(+), 119 deletions(-) diff --git a/_sass/jekyll-theme-leap-day.scss b/_sass/jekyll-theme-leap-day.scss index e249df9..295ab4c 100644 --- a/_sass/jekyll-theme-leap-day.scss +++ b/_sass/jekyll-theme-leap-day.scss @@ -555,117 +555,107 @@ embed { } - - -.office { - justify-content: space-evenly; - padding: 20px; - border-style: inset; - border: 1px solid #08a0e9; - border-radius: 0px 0px 0px 0px; - font: normal 10px/18px Arial, "Helvetica Neue", Helvetica, sans-serif; - display: flex; - flex-direction: column; - column-count: auto; - flex-wrap: wrap; - color: white; - background: transparent - url(https://photojournal.jpl.nasa.gov/archive/PIA02831.gif); + .office { + justify-content: space-evenly; - margin: 10%; -} -.font { - column-count: 2; - column-fill: balance-all; - padding: 10px; - flex-grow: 1; - flex-basis: 200px; - margin: 10px; - text-align: left; - color: white; - background: transparent - url(https://raw.githubusercontent.com/ThakaRashard/thakarashard.github.io/master/assets/images/PrairieWind.png); - background-size: tile; - border-style: inset; - border: 1px solid #08a0e9; - border-radius: 1px 1px 1px 1px; - border-radius: 1 + border-style: inset; + border: 1px solid #08a0e9; + font: normal 10px/18px Arial, "Helvetica Neue", Helvetica, sans-serif; + display: flex; + flex-direction: column; + column-count: auto; + color: white; + background: transparent + url(https://photojournal.jpl.nasa.gov/archive/PIA02831.gif); + } + .font { + padding: 10px; + flex-basis: 200px; + margin: 10px; + text-align: left; + color: white; + background: transparent + url(https://raw.githubusercontent.com/ThakaRashard/thakarashard.github.io/master/assets/images/PrairieWind.png); + background-size: tile; + border-style: inset; + border: 1px solid #08a0e9; + border-radius: 1px 1px 1px 1px; + border-radius: 1; + } + .trebuchet { + font: bold 10px/18px "Trebuchet MS"; + display: block; + line-height: 1.2em; + font-size: 150%; + } -} -.trebuchet { - font: bold 10px/18px "Trebuchet MS"; - display: block; - line-height: 1.2em; - font-size: 150%; -} - -.bigcaslon { - font: normal 10px/18px "Big Caslon"; - display: block; - line-height: 1.2em; - font-size: 150%; -} -.lucidaconsole { - font: normal 10px/18px "Lucida Console"; - display: block; - line-height: 1.2em; - font-size: 150%; -} -.Tahoma { - font: normal 10px/18px Tahoma; - display: block; - padding: 20px; - font-size: 150%; - letter-spacing: .1rem; -} -.arialnarrow { - font: normal 10px/18px "Arial Narrow"; - display: block; - padding: 20px; - font-size: 150%; - letter-spacing: .01rem; -} -.verdana { - font: normal 10px/18px verdana; - display: block; - padding: 20px; - font-size: 150%; -} -.arial { - font: normal 10px/18px Arial, "Helvetica Neue", Helvetica, sans-serif; - display: block; - padding: 20px; - font-size: 150%; -} -.arialbold { - font: bold 10px/18px Arial; - display: block; - padding: 20px; - font-size: 150%; -} -.arialblack { - font: normal 10px/18px Arial Black; - display: block; - padding: 20px; - font-size: 150%; -} -.georgia { - font: normal 10px/18px georgia; - display: block; - line-height: 1.1em; - padding: 20px; - font-size: 150%; -} -.Baskerville { - font: normal 10px/18px Baskerville; - display: block; - padding: 20px; - font-size: 150%; -} -.Courier { - font: normal 10px/18px Courier; - display: block; - padding: 20px; - font-size: 150%; -} - + .bigcaslon { + font: normal 10px/18px "Big Caslon"; + display: block; + line-height: 1.2em; + font-size: 150%; + } + .lucidaconsole { + font: normal 10px/18px "Lucida Console"; + display: block; + line-height: 1.2em; + font-size: 150%; + } + .Tahoma { + font: normal 10px/18px Tahoma; + display: block; + padding: 20px; + font-size: 150%; + letter-spacing: 0.1rem; + } + .arialnarrow { + font: normal 10px/18px "Arial Narrow"; + display: block; + padding: 20px; + font-size: 150%; + letter-spacing: 0.01rem; + } + .verdana { + font: normal 10px/18px verdana; + display: block; + padding: 20px; + font-size: 150%; + } + .arial { + font: normal 10px/18px Arial, "Helvetica Neue", Helvetica, sans-serif; + display: block; + padding: 20px; + font-size: 150%; + } + .arialbold { + font: bold 10px/18px Arial; + display: block; + padding: 20px; + font-size: 150%; + } + .arialblack { + font: normal 10px/18px Arial Black; + display: block; + padding: 20px; + font-size: 150%; + } + .georgia { + font: normal 10px/18px georgia; + display: block; + line-height: 1.1em; + padding: 20px; + font-size: 150%; + } + .Baskerville { + font: normal 10px/18px Baskerville; + display: block; + padding: 20px; + font-size: 150%; + } + .Courier { + font: normal 10px/18px Courier; + display: block; + padding: 20px; + font-size: 150%; + } + \ No newline at end of file diff --git a/index.md b/index.md index b733e61..1915136 100644 --- a/index.md +++ b/index.md @@ -18,7 +18,12 @@ Im spending more time with [La County](https://lacountylibrary.org/) and [La Pub `font: normal 10px/18px` from [Jeffery Zeldman(https://zeldman.com/)'s [Listamatic](https://css.maxdesign.com.au/listamatic/horizontal09.htm) content entry, like ppl that work in InfoTech often code and have playgrounds that the public that go to [H&R_BLOCK](https://www.hrblock.com/) will pilfer code for things like porn and diet pills... I just need u to know i am a Designer and [JPL](https://www.jpl.nasa.gov/missions/mariner-9-mariner-i) has used my work on [the virtual tour so im contributing](https://www.jpl.nasa.gov/virtual-tour/)...
-

Font Sampler

+ +
+

Courier

+

The Head is the story of Jim, "just a regular guy" who wakes up one day and finds that his cranium has swelled and is now home to Roy, a freaky-looking but amiable purple alien who's been sent here to save the world! The Head is the story of Jim, "just a regular guy" who wakes up one day and finds that his cranium has swelled and is now home to Roy, a freaky-looking but amiable purple alien who's been sent here to save the world! The Head is the story of Jim, "just a regular guy" who wakes up one day and finds that his cranium has swelled and is now home to Roy, a freaky-looking but amiable purple alien who's been sent here to save the world! +

+

Trebuchet MS Bold

The Head is the story of Jim, "just a regular guy" who wakes up one day and finds that his cranium has swelled and is now home to Roy, a freaky-looking but amiable purple alien who's been sent here to save the world! The Head is the story of Jim, "just a regular guy" who wakes up one day and finds that his cranium has swelled and is now home to Roy, a freaky-looking but amiable purple alien who's been sent here to save the world! The Head is the story of Jim, "just a regular guy" who wakes up one day and finds that his cranium has swelled and is now home to Roy, a freaky-looking but amiable purple alien who's been sent here to save the world! @@ -74,15 +79,9 @@ Im spending more time with [La County](https://lacountylibrary.org/) and [La Pub

The Head is the story of Jim, "just a regular guy" who wakes up one day and finds that his cranium has swelled and is now home to Roy, a freaky-looking but amiable purple alien who's been sent here to save the world! The Head is the story of Jim, "just a regular guy" who wakes up one day and finds that his cranium has swelled and is now home to Roy, a freaky-looking but amiable purple alien who's been sent here to save the world! The Head is the story of Jim, "just a regular guy" who wakes up one day and finds that his cranium has swelled and is now home to Roy, a freaky-looking but amiable purple alien who's been sent here to save the world!

-
-

Courier

-

The Head is the story of Jim, "just a regular guy" who wakes up one day and finds that his cranium has swelled and is now home to Roy, a freaky-looking but amiable purple alien who's been sent here to save the world! The Head is the story of Jim, "just a regular guy" who wakes up one day and finds that his cranium has swelled and is now home to Roy, a freaky-looking but amiable purple alien who's been sent here to save the world! The Head is the story of Jim, "just a regular guy" who wakes up one day and finds that his cranium has swelled and is now home to Roy, a freaky-looking but amiable purple alien who's been sent here to save the world! -

-
- # Useful [Relative links in markup files](https://github.blog/2013-01-31-relative-links-in-markup-files/) [Relative links for GitHub pages](https://github.blog/2016-12-05-relative-links-for-github-pages/)