shannon/shannonkay.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Testing unicorn color schemes

Browse source
This commit is contained in:
Shannon Kay 2025-03-05 00:11:28 -08:00
parent 750927fe49
commit d8478368e0
2 changed files with 82 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
unicorn/index.html Normal file
View file

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Shannon Kay</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#f9dee1">
<link rel="stylesheet" href="unicorn.css">
</head>
<body>
<header><h1>Unicorn</h1></header>
<main>
<!--
<nav>Navigation goes here</nav>
-->
<section class="content">
<h3 id="my-website-story">My Website Story</h3>
<p>I&#39;m an &#34;early Millennial&#34;. My first websites were homepages with rainbow dividers. In 1995, when I was 12, my dad bought me a book called <a href="https://openlibrary.org/books/OL822310M/Internet_and_World_Wide_Web_simplified">Internet and World Wide Web, Simplified</a>. That&#39;s how I learned how the internet worked, and that I should pronounce GIF &#34;like the peanut butter&#34;.</p>
<p>My first websites were free homepages. The first was on a website called <a href="http://web.archive.org/web/19970628183245/http://www.tool-box.com/">tool-box </a>which didn't last long and I've never heard anyone else mention. I think it only existed in 1996/97. I moved on to other free hosts like Angelfire, and moved from using the basic form page editors to learning basic html. But the real magic happened after I saw the movie Titanic in January of 1998. I loved it so much, I made a Titanic website called Titanic Crazy. My first fansite! </p>
<p>Working on my Titanic website is what really led to my learning more about making websites and how the internet worked. Soon I was making websites for all of my friends. I even got to redesign the website for my high school theatre department. </p>
<p>For my sixteenth birthday, I asked for a domain name. I got my first domain name, <strong>shannonkay.com</strong>, in 1999 as a present for my 16th birthday. </p>
</section>
</main>
<footer>
<p><a href="../index.html">Shannon's Homepage</a></p>
</footer>
</body>
</html>

47
unicorn/unicorn.css Normal file
View file

@ -0,0 +1,47 @@
/* dark unicorn */
body {
background-color: #514d54;
}
/* p {
font-size: 1.5rem;
background: linear-gradient(90deg, #f9e7e9, #fa9cc0, #f87dac, #f38282, #f7d54d, #6ed46e, #3ed3da, #a48ac9, #8c5ca5, #cd77de 100%);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
} */
/* pastel rainbow text */
p {
font-size: 1.5rem;
background: linear-gradient(90deg, #f9e7e9, #fa9cc0, #f87dac, #f38282, #f7d54d, #bdfcda, #affbff, #d2c8ff, #e3afff, #f4bdff 100%);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
}
/* dark pink background */
/* body {
background-color: #fc7d99;
} */
/* rainbow text on light pink */
/* body {
background-color: #f9e7e9;
}
p {
font-size: 1.5rem;
background: linear-gradient(90deg, #fb659e, #f74a8c, #ef3939, #ffbf00, #279927, #104f86, #765b9c, #8c5ca5, #e45bff 100%);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
} */
/* light rainbow background */
/* body {
background: linear-gradient(90deg, #f9e7e9, #fdb2ce, #ffa5c7, #feb4b4, #faf1ca, #bdfcda, #affbff, #d2c8ff, #e3afff, #f4bdff 100%);
}
p {
font-size: 1.5rem;
color: #514d54;
} */