Skip to content

Instantly share code, notes, and snippets.

@glennhefley
Created April 20, 2024 17:13
Show Gist options
  • Save glennhefley/80004fb5b5cd16cd2d874ecc571a3a2d to your computer and use it in GitHub Desktop.
Save glennhefley/80004fb5b5cd16cd2d874ecc571a3a2d to your computer and use it in GitHub Desktop.
<style type="text/css">
h1,h2,h3,h4,h5,h6{color:#efefef; font-weight:100; font-family:Julius Sans One, serif;}
div,span, p{font-family:'Noto Sans', serif; font-size:18px;line-height:28px; font-weight:100px;text-indent:10px;}
li{padding-bottom:14px; font-size:16px; color:#fef7e8;}
a{color: #d0e0e3; font-family: Quicksand;}
a:hoover{color:#caf5f3;}
b, strong{color:#e8f3fe;}
.chat{
border-radius: 15px; width:100%; padding-bottom:23px;padding-left:16px; background-color: #087f5b; border-bottom:1px solid;
}
.chatbox{position:static; padding-bottom:25px; width:100%;}
.aside {
position: static;
border-top: 1px solid #73AD21;
width: 40%;
padding-left: 6px;
margin-left: .2rem;
border-radius: 15px;
float: right;
box-shadow: inset 5px 0 5px -5px #e0e0e0;
font-style: normal;
font-weight:200;
color: #efefef;
background-color:#092319; /*solid green */
font-size:12px;
}
.aside-left {
position: static;
border-bottom: 1px solid #73AD21;
width: 60%;
padding-bottom:14px;
padding-right: .2rem;
margin-right: .2rem;
border-radius: 15px;
float: left;
box-shadow: inset 5px 0 5px -5px #e0e0e0;
font-style: normal;
font-weight:200;
color: #000000;
background-color:#ff7b00 ; /*solid orange */
}
aside > h1 {
color:#efefef;
font-weight:100;
font-family:'Julius Sans One',
Poppins, serif;
font-size:22px;
line-height:24px;
}
aside > p {
margin: .2rem;
font-size:14px;
line-height:20px;
font-weight:300;
font-family: 'Poppins', sans-serif;
}
</style>
<div><p>The country’s inability to deal with the COVID-19 pandemic is particularly troublesome, exposing the faulty decision-making processes of governments, businesses, and individuals alike.</p></div>
<div class="chat">Here I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speak Here I speak</div>
<div class="aside"> Here I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakHere I speakAnd I say things over here for the future of my species and the well-being of my offspring</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment