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

Updated the intro on my homepage.

Browse source
This commit is contained in:
Shannon Kay 2025-03-02 23:40:01 -08:00
parent 61ef7a12a4
commit 94f5541041
2 changed files with 32 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
home.css
View file

@ -285,9 +285,13 @@ article img {
margin-left: auto;
margin-right: auto;
}
.intro img {
.intro img, .blurb img {
padding: 5px;
}
#intro {
text-align: justify;
padding: 1rem;
}
.blurb, .intro {
display: block;
background-color: #f7d3d6;
@ -424,6 +428,22 @@ ul {
color: #511F2C;
font-style: italic;
}
blockquote {
font-style: normal;
background-color: #f4ebeb;
font-weight: 400;
color: #594f67;
font-family: "ivyjournal", "adobe-garamond-pro", Georgia, Garamond, Baskerville, serif;
font-size: 1rem;
text-align: justify;
border-image: linear-gradient(180deg, #ffa0c5, #f67b9c 100%);
border-image-slice: 1;
border-top: 0.1rem solid #FC8EAC;
border-left: 0.5rem solid #FC8EAC;
border-right: 0.1rem solid #FC8EAC;
border-bottom: 0.1rem solid #FC8EAC;
padding: 0.5rem;
}
footer {
font-size: 1rem;

22
index.html
View file

@ -43,7 +43,7 @@
<a href="https://guestbook.shannonkay.com">Guestbook</a>
</nav>
<section id="welcome" class="intro">
<section id="welcome" class="blurb">
<section class="social-icons" id="follow-icons">
<a rel="me" href="https://bookstodon.com/@shannonkay"><i class="fa-brands fa-mastodon"></i></a>
<a href="https://bsky.app/profile/shannonkay.com"><i class="fa-brands fa-bluesky"></i></a>
@ -53,21 +53,21 @@
<a href="mailto:homepage25@shannonkay.me"><i class="fa-solid fa-envelope"></i></a>
<a href="follow/index.html">&hellip;</a>
</section>
<section id="intro">
<h2>Welcome to my homepage!</h2>
<p>This personal website was made by me, Shannon Kay. I have a personal website because I am a person. I want to participate in the poetic ideal of the world wide web; Using the internet to connect to <em>persons</em> all around the world. This is my place on the web to have fun and be creative. There was a time when starting your website with "Welcome to my website" was dismissed as too cliche. I feel like reclaiming that, and welcoming you to my homepage.</p>
</section>
<p>I invite you to 💗<a href="https://guestbook.shannonkay.com">Sign My Guestbook</a>📚.</p>
<blockquote>Handwriting plain HTML and CSS websites again has made me feel creatively revitalized. I think this might be how some people feel when they go back to handwriting a journal. It's like I'm getting in touch with my inner tween.</blockquote>
<h2>Welcome to my classic homepage!</h2>
<p>
This personal website is an attempt to make my space on the web more fun and creative. &#128151; &#128218; <br>
I invite you to <a href="https://guestbook.shannonkay.com">Sign My Guestbook</a>.<br>
<br>
<picture>
<source srcset="coffeeloveblinkie-shannon.gif"
media="(prefers-reduced-motion: no-preference)">
<img src="coffeeloveblinkie-shannon-still.gif"
alt="coffee blinkie Shannon" />
</picture>
alt="coffee blinkie Shannon">
</picture>
</p>
<section id="emoji">
<p>
<img src="emoji/EmojiBlitz/Titanic/Rose/EmojiBlitzRoseTitanic1.webp" class="emoji" alt="emoji depicting Rose in her traveling outfit with the hat from the 1997 film titled Titanic">
@ -134,7 +134,7 @@ I love books, coffee, tech, and making things pink.
<footer>
<p>Shannon's Homepage by Shannon Kay</p>
<p class="updated">Updated February 24, 2025 | Created August 15, 2021</p>
<p class="updated">Updated March 2, 2025 | Created August 15, 2021</p>
</footer>
</body>