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 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>
<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>
<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>

49
pinkbookscoffee/home.css
View file

@ -248,7 +248,7 @@ nav a:hover, nav a:active {
text-align: center;
display: inline-block;
border-radius: 0.5rem;
width: 350px;
width: 378px;
max-width: 90%;
}
.link a:hover, .link a:active {
@ -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;
@ -326,6 +330,18 @@ ul {
max-width: 1024px;
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 {
display: block;
@ -365,7 +381,18 @@ ul {
align-content: center;
text-align: center;
}
.screenshot img {
width: 360px;
max-width: 90%;
height: auto;
}
.screenshot {
width: 360px;
max-width: 90%;
height: auto;
}
.caption {
text-align: center;
}
@ -401,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;