Skip to content

Commit

Permalink
.office { justify-content: space-evenly; border-style: inset; border:…
Browse files Browse the repository at this point in the history 
… 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%; }
  • Loading branch information
@ThakaRashard
ThakaRashard authored Jun 25, 2024
1 parent b0243ba commit 001fc07
Show file tree
Hide file tree
Showing 2 changed files with 108 additions and 119 deletions.
214 changes: 102 additions & 112 deletions _sass/jekyll-theme-leap-day.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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%;
}

13 changes: 6 additions & 7 deletions index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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/)...

<div class="office">
<h1 class="logo trebuchet">Font Sampler </h1>

<div class="Courier font">
<h1>Courier</h1>
<p>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!
</p>
</div>
<div class="trebuchet font">
<h1>Trebuchet MS Bold</h1>
<p>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!
Expand Down Expand Up @@ -74,15 +79,9 @@ Im spending more time with [La County](https://lacountylibrary.org/) and [La Pub
<p>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!
<p>
</div>
<div class="Courier font ">
<h1>Courier</h1>
<p>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!
</p>
</div>

</div>


# 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/)
Expand Down

0 comments on commit 001fc07

Please sign in to comment.