This commit is contained in:
Shannon Kay 2023-04-29 23:53:39 -07:00
parent 7acc2f5d72
commit ca99ba3e83
5 changed files with 123 additions and 17 deletions

BIN
.DS_Store vendored

Binary file not shown.

View file

@ -68,7 +68,7 @@
<a href="https://shannonkay.tumblr.com"><i class="fa-brands fa-tumblr"></i></a> <a href="https://shannonkay.tumblr.com"><i class="fa-brands fa-tumblr"></i></a>
<a rel="me" href="https://twitter.com/shannonkay"><i class="fa-brands fa-twitter"></i></a> <a href="https://www.reddit.com/user/shannonkaypink"><i class="fa-brands fa-reddit"></i></a> <a rel="me" href="https://twitter.com/shannonkay"><i class="fa-brands fa-twitter"></i></a> <a href="https://www.reddit.com/user/shannonkaypink"><i class="fa-brands fa-reddit"></i></a>
<a href="https://discord.com/users/589215751370571806"><i class="fa-brands fa-discord"></i></a> <a href="https://discord.com/users/589215751370571806"><i class="fa-brands fa-discord"></i></a>
<a href="mailto:stylers.whimper-0n@icloud.com"><i class="fa-solid fa-envelope"></i></a> <a href="mailto:homepage23@shannonkay.me"><i class="fa-solid fa-envelope"></i></a>
</section> </section>

View file

@ -15,22 +15,21 @@
<main class="now"> <main class="now">
<div id="content"><h3 id="currently">Currently</h3> <div id="content"><h3 id="currently">Currently</h3>
<p>I'm enjoying playing around with my <a href="https://www.shannonkay.com">classic homepage</a>, and my <a href="https://blog.shannonkay.me">new blog</a> built with Jekyll. I'm having fun brushing up on my modern CSS. </p> <p>In a hotel while we wait for our bedroom to be reconstructed. We had some water damage back in February that's finally getting resolved. Some drywall was removed and the insides of the walls dried. We've chosen new paint and carpet to go into the room. <a href="https://blog.shannonkay.me">Read more about this on my blog.</a></p>
<p>Beatrix turned 4 on April 4. We celebrated her birthday at the San Diego Zoo as part of our Spring Break fun. Guinevere finally got to do her birthday horse ride this week.</p> <p class="updated"> Updated April 27, 2023</p>
<p class="updated"> Updated April 7, 2023</p> <h3 id="family">Family</h3>
<h3 id="family">Family</h3> <p>I've been married to Jerrod for 14 years. Jerrod got his 5 year sword from Blizzard! Our kids are Guinevere(12), Caspian(6), and Beatrix(4)</p>
<p>I've been married to Jerrod for 14 years. Jerrod got his 5 year sword from Blizzard! Our kids are Guinevere(12), Caspian(6), and Beatrix(4)</p> <ul>
<ul> <li>Guinevere is in 5th Grade and started pointe in ballet this year. She's been accepted into her middle school's show choir for next year.</li>
<li>Guinevere is in 5th Grade and started pointe in ballet this year. She's been accepted into her middle school's show choir for next year.</li> <li>Caspian is in Kindergarten and loves video games, especially Mario and Minecraft.</li>
<li>Caspian is in Kindergarten and loves video games, especially Mario and Minecraft.</li> <li>Beatrix is a fun and funny little girl, she loves playing with dolls and collecting care bears. </li>
<li>Beatrix is a fun and funny little girl, she loves playing with dolls and collecting care bears. </li> </ul>
</ul> <h3 id="watching">Watching</h3>
<h3 id="watching">Watching</h3> <p>I'm sad that Season 3 of Picard is over. I enjoyed it!</p>
<p>We're loving season 3 of Picard! </p> <p>We've also been rewatching some older Star Trek. We watched Star Trek II, III, and IV, and now we're watching Star Trek: TNG. </p>
<p>We've also started rewatching some older Star Trek. We watched Star Trek II, III, and IV, and have started watching Star Trek: TNG. </p> <h3 id="books">Books</h3>
<h3 id="books">Books</h3> <p>I recently read <em>Persepolis, The Story of a Childhood</em> by Marjane Satrapi.</p>
<p>I recently finished A Psalm for the Wild-Built by Becky Chambers and The Quarantine Princess Diaries by Meg Cabot. Now I'm "between books" again.</p> <p>I'm also continuing on my re-read of Percy Jackson books. I've finished the Percy Jackson and the Olympians series and the Heroes of Olympus series. Now I'm on the the third book in the Trials of Apollo series, The Burning Maze.</p></div>
<p>I'm also continuing on my re-read of Percy Jackson books. I've finished the Percy Jackson and the Olympians series and the Heroes of Olympus series. Now I'm on the the second book in the Trials of Apollo series, The Dark Prophecy.</p></div>
<section id="currentread"> <section id="currentread">
<h4>Currently Reading</h4> <h4>Currently Reading</h4>

70
test.css Normal file
View file

@ -0,0 +1,70 @@
/*
Gradient text w/ bevel
*/
.gradient-text {
background: linear-gradient(to right, var(--red), var(--yellow), var(--green), var(--cyan), var(--purple), var(--pink) 100%);
background-clip: text;
font-family: 'Verdana';
font-weight: 400;
font-size: 7em;
text-shadow: 0.025em 0.025em 0.025em rgba(0,0,0,0.25);
-webkit-text-fill-color: transparent;
-webkit-text-stroke-color: var(--comment);
-webkit-text-stroke-width: 2px;
}
.spoilers {
padding: 10pt;
border-style: solid;
border-width: 3pt;
border-radius: 10px;
border-image: linear-gradient(90deg, #f681ae, #f38282, #f7d54d, #6ed46e, #3ed3da, #a48ac9 100%);
border-image-slice: 1;
background-color: #282A36;
color: #ffb7c5;
font-weight: 400;
}
.pink {
background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%);
background-clip: text;
-webkit-background-clip: text;
font-family: 'Verdana';
font-size: 7em;
text-shadow: 0.025em 0.025em 0.025em rgba(0,0,0,0.25);
-webkit-text-fill-color: transparent;
-webkit-text-stroke-color: #FC8EAC;
-webkit-text-stroke-width: 2px;
}
.rainbow {
background: linear-gradient(90deg, #f681ae, #f38282, #f7d54d, #6ed46e, #3ed3da, #a48ac9 100%);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
font-family: 'Verdana';
font-size: 1.5em;
text-align: justify;
}
.rainbow-head {
background: linear-gradient(90deg, #f681ae, #f38282, #f7d54d, #6ed46e, #3ed3da, #a48ac9 );
background-clip: text;
-webkit-background-clip: text;
color: transparent;
font-family: 'Verdana';
font-size: 7em;
text-align: center;
}
:root {
--pink: #f681ae;
--red: #f38282;
--yellow: #f7d54d;
--green: #6ed46e;
--cyan: #3ed3da;
--purple: #a48ac9;
--comment: #a48ac9;
}

37
test.html Normal file
View file

@ -0,0 +1,37 @@
<!DOCTYPE html>
<html>
<head>
<title>Index Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#f9dee1">
<link rel="stylesheet" href="test.css">
</head>
<body>
<header><h1>Shannon</h1></header>
<main>
<nav>Navigation goes here</nav>
<section class="blurb">
<p class="pink">Shannon Kay</p>
<p class="gradient-text">Shannon Kay</p>
</section>
<section class="spoilers">
<p class="rainbow-head">Shannon Kay</p>
<p class="rainbow">The No-Show was different and wonderful. The book is told from the perspectives of three different women; Siobhan, Miranda, and Jane. At the beginning of the The No-Show, I was most interested in the stories and backgrounds of the three women. Even when I wasnt sure what to think about each womans interactions with “No-Show” Joseph Carter, I was invested in finding out more about the female characters.</p>
</section>
</main>
<footer>
<p><a href="index.html">Shannon's Homepage</a></p>
</footer>
</body>
</html>