diff --git a/unicorn/index.html b/unicorn/index.html new file mode 100644 index 00000000..ccc27027 --- /dev/null +++ b/unicorn/index.html @@ -0,0 +1,35 @@ + + + + +Shannon Kay + + + + + + + + +

Unicorn

+ +
+ +
+

My Website Story

+

I'm an "early Millennial". My first websites were homepages with rainbow dividers. In 1995, when I was 12, my dad bought me a book called Internet and World Wide Web, Simplified. That's how I learned how the internet worked, and that I should pronounce GIF "like the peanut butter".

+

My first websites were free homepages. The first was on a website called tool-box 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!

+

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.

+

For my sixteenth birthday, I asked for a domain name. I got my first domain name, shannonkay.com, in 1999 as a present for my 16th birthday.

+
+ +
+ + + + + diff --git a/unicorn/unicorn.css b/unicorn/unicorn.css new file mode 100644 index 00000000..4428376a --- /dev/null +++ b/unicorn/unicorn.css @@ -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; +} */ \ No newline at end of file