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

merged CSS

Browse source
This commit is contained in:
Shannon Kay 2025-03-02 23:50:22 -08:00
parent 94f5541041
commit 750927fe49
2 changed files with 47 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
index.html
View file

@ -55,7 +55,7 @@
</section> </section>
<section id="intro"> <section id="intro">
<h2>Welcome to my homepage!</h2> <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> <p>This personal website was made by me, Shannon Kay. I am participating in the poetic ideal of the world wide web; Using the internet to connect to <em>persons</em> all around the world. I have a personal website because I am a person. 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> </section>
<p>I invite you to 💗<a href="https://guestbook.shannonkay.com">Sign My Guestbook</a>📚.</p> <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> <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>

47
pinkbookscoffee/home.css
View file

@ -248,7 +248,7 @@ nav a:hover, nav a:active {
text-align: center; text-align: center;
display: inline-block; display: inline-block;
border-radius: 0.5rem; border-radius: 0.5rem;
width: 350px; width: 378px;
max-width: 90%; max-width: 90%;
} }
.link a:hover, .link a:active { .link a:hover, .link a:active {
@ -285,9 +285,13 @@ article img {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
.intro img { .intro img, .blurb img {
padding: 5px; padding: 5px;
} }
#intro {
text-align: justify;
padding: 1rem;
}
.blurb, .intro { .blurb, .intro {
display: block; display: block;
background-color: #f7d3d6; background-color: #f7d3d6;
@ -326,6 +330,18 @@ ul {
max-width: 1024px; max-width: 1024px;
border-radius: 10px; border-radius: 10px;
} }
.content {
display: block;
background-color: #f7d3d6;
border: solid 2pt;
border-color: white;
padding: 1rem;
padding-bottom: 1.5rem;
margin: auto;
text-align: left;
max-width: 1024px;
border-radius: 10px;
}
/* .intro { /* .intro {
display: block; display: block;
@ -365,7 +381,18 @@ ul {
align-content: center; align-content: center;
text-align: center; text-align: center;
} }
.screenshot img {
width: 360px;
max-width: 90%;
height: auto;
}
.screenshot {
width: 360px;
max-width: 90%;
height: auto;
}
.caption { .caption {
text-align: center; text-align: center;
} }
@ -401,6 +428,22 @@ ul {
color: #511F2C; color: #511F2C;
font-style: italic; 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 { footer {
font-size: 1rem; font-size: 1rem;