diff --git a/bookfriends/ShannonKay2017.jpg b/bookfriends/ShannonKay2017.jpg new file mode 100644 index 00000000..f16a5a2a Binary files /dev/null and b/bookfriends/ShannonKay2017.jpg differ diff --git a/bookfriends/ShannonKay2017sm.jpg b/bookfriends/ShannonKay2017sm.jpg new file mode 100644 index 00000000..3ef9b9fe Binary files /dev/null and b/bookfriends/ShannonKay2017sm.jpg differ diff --git a/bookfriends/allstyle.css b/bookfriends/allstyle.css new file mode 100644 index 00000000..07f1ed69 --- /dev/null +++ b/bookfriends/allstyle.css @@ -0,0 +1,317 @@ +@import url("https://use.typekit.net/ozy6rdy.css"); + +@import "https://www.shannonkay.com/fontawesome/css/fontawesome.css"; +@import "https://www.shannonkay.com/fontawesome/css/brands.css"; +@import "https://www.shannonkay.com/fontawesome/css/solid.css"; + +body { + /* + background: linear-gradient(to bottom, #f7d3d6, #FC8EAC); + */ + background: linear-gradient(to bottom, #f9dee1, #f7d3d6, #fab1c1, #FC8EAC, #fc7d99 ); + text-align: center; + font-family: "ivystyle-sans", Verdana, sans-serif; + font-size: 1.1rem; + min-height: 100vh; + } +.gradient-bg { + background: linear-gradient(to bottom, #ffffff, #f7d3d6, #FC8EAC); +} +i { + +} + +/* +h1 { + text-align: center; + font-size: 5vw; + color: #FC8EAC; +} +*/ +h1, h2, h3, h4 { + +} +h1 { + background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%); +background-clip: text; +-webkit-background-clip: text; +color: transparent; + font-size: 5vw; + margin-bottom: 10pt; + +} + +h1 a, h1 a:hover, h1 a:active, h1 a:visited { + background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%); +background-clip: text; +-webkit-background-clip: text; +color: transparent; + font-size: 5vw; + margin-bottom: 10pt; + +} + +h1 .project-header a, h1 .project-header a:hover, h1 .project-header a:active, h1 .project-header a:visited { + background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%); +background-clip: text; +-webkit-background-clip: text; +color: transparent; + font-size: 1rem; + margin-bottom: 5pt; + +} + +@media screen and (max-width: 428px) +{ + h1 { font-size: 8vw !important; } +} + +h2 { + text-align: center; + font-size: 4vw; + color: #FC6C85; + margin-top: 1pt; + margin-bottom: 5pt; +} + +h3 { + color: #FC6C85; + margin-bottom: 0; +} + +h4 { + color: #FC6C85; + margin-bottom: 0; +} + +footer a { + color: white; + font-weight: bold; +} + +p { + margin-top: 5px; +} + +hr { + max-width: 80%; + border: solid 1pt #FC8EAC; + + } + +a { + color: #fb6f92; +} + +a:hover, a:active { + color: #ffffff; + background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%); +} +a.username, a:visited.username { + text-decoration: none; + font-weight: bold; +} +.username: { + font-weight: bold; +} +.emoji { + height: 1.2rem; + width: auto; +} +.icon { + height: 1.2rem; + width: auto; +} +nav { + padding: 5pt; + margin-bottom: 5pt; +} + +nav a, nav a:visited { + font-family: ivyjournal, sans-serif; + font-size: 1rem; + font-weight: bold; + color: #ffffff; + background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%); + border: solid 2px #ffb3c6; + padding: 5px; + text-align: center; + text-decoration: none; + display: inline-block; + border-radius: 5px; + margin-top: 2pt; +} + +.heart { + text-align: right; + font-size: 0.9rem; +} +nav a:hover, nav a:active +{ + + border: solid 2px #FC8EAC; +} + +.link +{ + background-color: #FC8EAC; + color: white; + padding: 10px; + border: none; + text-align: center; + text-decoration: none; + display: inline-block; + border-radius: 10px; +} + + +#pages a:hover, nav a:active +{ + background-color: #fb6f92; + color: #ffe5ec; +} + +article { + text-align: justify; + padding: 2pt; + margin: auto; + align: center; + max-width: 1024px; + + } + +article ul { + text-align: left; + } +article img { + padding: 2pt; + display: block; + margin-left: auto; + margin-right: auto; + } +.intro img { + padding: 5px; +} +.blurb { + display: block; + background-color: #f7d3d6; + border: solid 2pt; + border-color: white; + padding: 5pt; + margin: auto; + align: center; + max-width: 1024px; + border-radius: 10px; +} +#hello { + text-align: justify; +} + +.now { + display: block; + background-color: #f7d3d6; + border: solid 2pt; + border-color: white; + padding: 5pt; + margin: auto; + text-align: justify; + max-width: 1024px; + border-radius: 10px; +} +.text { + display: block; + background-color: #f7d3d6; + border: solid 2pt; + border-color: white; + padding: 5pt; + margin: auto; + text-align: justify; + max-width: 1024px; + border-radius: 10px; +} + +.intro { + display: block; + background-color: #f7d3d6; + border: solid 2pt; + border-color: white; + padding: 5pt; + margin: auto; + text-align: center; + width: 80%; + max-width: 1024px; + border-radius: 10px; +} + +.icon { + height: 1.2rem; + width: auto; +} + +.social-icons { + font-size: 1.5rem +} + +#follow-icons { + margin-bottom: 5pt; +} + +.photo img { + border: solid white 2pt; +} + +.photo { + align-content: center; + text-align: center; +} + +.caption { + text-align: center; +} + +.bio { + background: linear-gradient(to bottom, #f9dee1, #f7d3d6, #fab1c1 ); + color: #484848; + border: 1pt solid #FC8EAC; + border-radius: 10pt; + width: 400px; + margin-right: auto; + margin-left: auto; + text-align: left; + padding: 5pt; + box-shadow: 5px 5px 5px #777676; + margin-bottom: 10pt; + font-size: 1rem; + min-height: 225px; +} + +.bio img { + float: left; + margin-top: auto; + margin-right: 5pt; + border-radius: 8pt; + max-width: auto; + max-height: 200px; + +} + +.updated { + font-size: 1rem; + color: #484848; + font-style: italic; +} + +footer + { + font-size: 1rem; + padding: 2pt; + } + +@media(prefers-color-scheme: dark) { + body { + background-color: #282A36; + } +} + +/* Custom Icons */ + diff --git a/bookfriends/bookwormreads.co.png b/bookfriends/bookwormreads.co.png new file mode 100644 index 00000000..32a8dadf Binary files /dev/null and b/bookfriends/bookwormreads.co.png differ diff --git a/bookfriends/home.css b/bookfriends/home.css new file mode 100644 index 00000000..bc75d772 --- /dev/null +++ b/bookfriends/home.css @@ -0,0 +1,508 @@ +@import url("https://use.typekit.net/ozy6rdy.css"); + +@import "https://www.shannonkay.com/fontawesome/css/fontawesome.css"; +@import "https://www.shannonkay.com/fontawesome/css/brands.css"; +@import "https://www.shannonkay.com/fontawesome/css/solid.css"; + +body { + /* background image */ + /* background-image: url('img/pinkberries.gif'); + background-repeat: repeat; */ + + background: linear-gradient(to bottom, #f9dee1, #f7d3d6, #fab1c1, #FC8EAC, #fc7d99, #FC8EAC, #fab1c1, #f7d3d6 ); + text-align: center; + font-family: "ivystyle-sans", Verdana, sans-serif; + font-size: 1.25rem; + line-height: 1.5; + min-height: 100vh; + } +/* header, nav, footer { + background: linear-gradient(to bottom, #f9dee1, #f7d3d6, #fab1c1, #FC8EAC, #fc7d99 ); +} */ + +h1 { + background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%); + background-clip: text; + -webkit-background-clip: text; + color: transparent; + font-size: 3.25rem; + margin-bottom: 10pt; + +} + +h1 a, h1 a:hover, h1 a:active, h1 a:visited { + background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%); + background-clip: text; + -webkit-background-clip: text; + color: transparent; + + margin-bottom: 10pt; + text-decoration: none; +} + +h1 .project-header a, h1 .project-header a:hover, h1 .project-header a:active, h1 .project-header a:visited { + background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%); + background-clip: text; + -webkit-background-clip: text; + color: transparent; + font-size: 3.25rem; + margin-bottom: 5pt; + text-decoration: none; + +} + +@media screen and (max-width: 428px) +{ + h1 { font-size: 3rem; } + h2 { font-size: 2rem; } + .emoji { + width: auto; + height: 2.5rem; + } + .bio { + background: linear-gradient(to bottom, #f9dee1, #f7d3d6, #fab1c1 ); + color: #484848; + border: 1pt solid #FC8EAC; + border-radius: 10pt; + max-width: 88%; + margin-right: auto; + margin-left: auto; + text-align: left; + padding: 5pt; + box-shadow: 5px 5px 5px #777676; + margin-bottom: 10pt; + font-size: 1rem; + min-height: 225px; +} +.bio img { + margin-top: auto; + margin-right: 5pt; + border-radius: 8pt; + width: 90%; + height: auto; +} +} + +h2, h2 a, h2 a:visited, h2 a:active, h2 a:hover { + text-align: center; + font-size: 2rem; + color: #FC8EAC; + margin-top: 0.1rem; + margin-bottom: 0.5rem; + text-decoration: none; +} + +h3, h3 a, h3 a:visited, h3 a:active, h3 a:hover { + color: #fb6f92; + margin-bottom: 0; + font-size: 1.75rem; + text-decoration: none; +} + +h4, h4 a, h4 a:visited, h4 a:active, h4 a:hover { + color: #f77c9b; + margin-bottom: 0; + font-size: 1.4rem; + text-decoration: none; +} + +/* footer a { + color: white; + font-weight: bold; +} */ + +p { + margin-top: 5px; +} +/* rainbow HR +hr { + max-width: 80%; + border: solid 1pt #FC8EAC; + border-image: linear-gradient(90deg, #f9e7e9, #fa9cc0, #f87dac, #f38282, #f7d54d, #6ed46e, #3ed3da, #a48ac9, #8c5ca5, #cd77de 100%); + border-image-slice: 1; + border-top: 0.1rem solid #FC8EAC; + border-right: 0.1rem solid #FC8EAC; + border-left: 0.1rem solid #FC8EAC; + border-bottom: 0.1rem solid #FC8EAC; + } +*/ +hr { + max-width: 90%; + border: solid 1pt #FC8EAC; + border-image: linear-gradient(90deg, #ffa0c5 18%, #c095e4 50%, #8fcae2 100%); + border-image-slice: 1; + border-top: 0.1rem solid #FC8EAC; + border-right: 0.1rem solid #FC8EAC; + border-left: 0.1rem solid #FC8EAC; + border-bottom: 0.1rem solid #FC8EAC; +} + +/* hightlighter style skewed underline style*/ + +a, a:visited { + color: #4e4560; + font-weight: bold; + text-decoration: underline; + text-decoration-color: #ffe2ef; + text-decoration-skip-ink: none; + text-decoration-thickness: .5em; + text-underline-offset: -.25em; + transition: text-decoration .3s; +} +a:hover, a:active { + color: #4e4560; + font-weight: bold; + text-decoration: underline; + text-decoration-color: #fcacc1; + text-decoration-skip-ink: none; + text-decoration-thickness: .5em; + text-underline-offset: -.15em; + transition: text-decoration .3s; +} +/* +a { + color: #fb6f92; +} +a:hover, a:active { + color: #ffffff; + background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%); +} +*/ + +.username a, .username a:visited { + text-decoration: none; +} + +.emoji { + height: 2rem; + width: auto; +} +.icon { + height: 1.5rem; + width: auto; +} +nav { + padding: 5pt; + margin-bottom: 5pt; +} + +nav a, nav a:visited { + font-family: ivyjournal, sans-serif; + font-size: 1rem; + font-weight: bold; + color: #ffffff; + background: linear-gradient(183deg, #faa0b8 10%, #f67b9c 70%); + border: solid 2px #f681ae; + padding: 5px; + text-align: center; + text-decoration: none; + display: inline-block; + border-radius: 5px; + margin-top: 2pt; +} +nav a:hover, nav a:active { + border: solid 2px #FC8EAC; + color: #ffffff; + background: linear-gradient(183deg, #fdb8cb 10%, #f67b9c 70%); + font-size: 1rem; + font-weight: bold; + text-decoration: none; +} +.social-icons a, .social-icons a:visited { + color: #fb6f92; + text-decoration: none; +} + +.social-icons a:hover, .social-icons a:active { + color: #ffffff; + background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%); + text-decoration: none; +} +.heart { + text-align: right; + font-size: 0.9rem; +} +/* .link { + background: linear-gradient(183deg, #faa0b8 10%, #f67b9c 70%); + color: #ffffff; + color: #ff65a0; + font-size: 1.2rem; + font-weight: bold; + padding: 0.5rem; + border: solid 0.1rem #f681ae; + text-align: center; + text-decoration: none; + display: inline-block; + border-radius: 0.5rem; +} */ + +.link a, .link a:visited { + /* color: #ff65a0; */ + background: linear-gradient(183deg, #faa0b8 10%, #f67b9c 70%); + font-weight: bold; + font-size: 1.2rem; + text-decoration: none; + color: #ffffff; + padding: 0.5rem; + border: solid 0.1rem #f681ae; + text-align: center; + display: inline-block; + border-radius: 0.5rem; + width: 378px; + max-width: 90%; +} +.link a:hover, .link a:active { + color: #ffffff; + font-weight: bold; + font-size: 1.2rem; + text-decoration: none; + background: linear-gradient(130deg, #faa0b8, #f67b9c, #fa9cc0, #f87dac, #cd77de, #baa0df 100%); + /* background: linear-gradient(90deg, #f67b9c, #fa9cc0, #f87dac, #cd77de, #a48ac9, #8c5ca5 100%); */ + /* background: linear-gradient(90deg,#fa9cc0, #f87dac, #f38282, #f7d54d, #6ed46e, #3ed3da, #a48ac9, #8c5ca5, #cd77de 100%); */ +} + +#pages a:hover, nav a:active +{ + background-color: #fb6f92; + color: #ffe5ec; +} + +article { + text-align: justify; + padding: 2pt; + margin: auto; + max-width: 1024px; + + } + +article ul { + text-align: left; + list-style-image: url(img/pinkbullet-16px.png); + } +article img { + padding: 2pt; + display: block; + margin-left: auto; + margin-right: auto; + } +.intro img, .blurb img { + padding: 5px; +} +#intro { + text-align: justify; + padding: 1rem; +} +.blurb, .intro { + display: block; + background-color: #f7d3d6; + border: solid 2pt; + border-color: white; + padding: 1rem; + padding-bottom: 1.5rem; + margin: auto; + max-width: 1024px; + border-radius: 10px; +} +ul { + text-align: left; + list-style-image: url(img/heart-bullet.png); + } +.now { + display: block; + background-color: #f7d3d6; + border: solid 2pt; + border-color: white; + padding: 1.5rem; + margin: auto; + text-align: justify; + max-width: 1024px; + border-radius: 10px; +} +.text { + display: block; + background-color: #f7d3d6; + border: solid 2pt; + border-color: white; + padding: 1rem; + padding-bottom: 1.5rem; + margin: auto; + text-align: justify; + 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; + background-color: #f7d3d6; + border: solid 2pt; + border-color: white; + padding: 5pt; + margin: auto; + text-align: center; + width: 80%; + max-width: 1024px; + border-radius: 10px; +} */ + +.icon { + height: 1.2rem; + width: auto; +} + +.social-icons { + font-size: 1.5rem +} +.social-icons img { + height: 1.5rem; + width: auto; +} + +#follow-icons { + margin-bottom: 5pt; +} + +.photo img { + border: solid white 2pt; +} + +.photo { + 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; +} + +.bio { + background: linear-gradient(to bottom, #f9dee1, #f7d3d6, #fab1c1 ); + color: #484848; + border: 1pt solid #FC8EAC; + border-radius: 10pt; + width: 400px; + margin-right: auto; + margin-left: auto; + text-align: left; + padding: 5pt; + box-shadow: 5px 5px 5px #777676; + margin-bottom: 10pt; + font-size: 1rem; + min-height: 225px; +} + +.bio img { + float: left; + margin-top: auto; + margin-right: 5pt; + border-radius: 8pt; + width: auto; + max-height: 200px; + +} + +.updated { + font-size: 1rem; + color: #511F2C; + font-style: italic; +} +blockquote { + font-style: normal; + /* background-color: #f4ebeb; */ + background: linear-gradient(180deg, #fcf6f6, #f4ebeb 100%); + 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; + background-color: #fbc8d3; + color: #511F2C; + display: block; + bottom: 0; + border-top: solid 2pt #fab1c1; + border-left: solid 2pt #fab1c1; + border-right: solid 2pt #fab1c1; + border-bottom: solid 2pt #fab1c1; + margin: auto; + max-width: 512px; + border-top-left-radius: 10px; + border-top-right-radius: 10px; + margin-top: 1rem; + padding-top: 1rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + padding-bottom: 1.5rem; + margin-bottom: -1rem; + } +/* Quote of Many Colors */ +.blog-post blockquote { + font-style: normal; + background-color: #fab1c1; + font-weight: 400; + color: #404040; + border-image: linear-gradient(180deg, #f681ae, #f38282, #f7d54d, #6ed46e, #3ed3da, #a48ac9 100%); + border-image-slice: 1; + border-top: 0.1rem solid #FC8EAC; + border-right: 0.1rem solid #FC8EAC; + border-bottom: 0.1rem solid #FC8EAC; +} +.blog-reply a:hover, .blog-reply a:focus { + background: linear-gradient(90deg, #ffa0c5 18%, #8fcae2 50%, #c095e4 100%); + color: #ffffff; + font-weight: 600; +} +.mssg { + margin: 0.5rem; + padding: 1rem; + padding-top: 0.5rem; + background-color: #ffffff; + border-image: linear-gradient(90deg, #f9e7e9, #fa9cc0, #f87dac, #f38282, #f7d54d, #6ed46e, #3ed3da, #a48ac9, #8c5ca5, #cd77de 100%); + border-image-slice: 1; + border-top: 0.4rem solid #FC8EAC; + border-right: 0.2rem solid #FC8EAC; + border-left: 0.2rem solid #FC8EAC; + border-bottom: 0.2rem solid #FC8EAC; +} + +@media(prefers-color-scheme: dark) { + body { + background-color: #4e4560; + /* color: #f9e7e9; */ + } +} + +/* Custom Icons */ + diff --git a/bookfriends/icons/bookrastinating.png b/bookfriends/icons/bookrastinating.png new file mode 100644 index 00000000..8539e34b Binary files /dev/null and b/bookfriends/icons/bookrastinating.png differ diff --git a/bookfriends/icons/bookwormreads.co.png b/bookfriends/icons/bookwormreads.co.png new file mode 100644 index 00000000..32a8dadf Binary files /dev/null and b/bookfriends/icons/bookwormreads.co.png differ diff --git a/bookfriends/icons/fediverse.svg b/bookfriends/icons/fediverse.svg new file mode 100644 index 00000000..854e6f09 --- /dev/null +++ b/bookfriends/icons/fediverse.svg @@ -0,0 +1,170 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/bookfriends/icons/goodreads-g.svg b/bookfriends/icons/goodreads-g.svg new file mode 100644 index 00000000..a4e3486a --- /dev/null +++ b/bookfriends/icons/goodreads-g.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/bookfriends/icons/goodreads.svg b/bookfriends/icons/goodreads.svg new file mode 100644 index 00000000..07cc4eb3 --- /dev/null +++ b/bookfriends/icons/goodreads.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/bookfriends/icons/instagram.svg b/bookfriends/icons/instagram.svg new file mode 100644 index 00000000..0d643595 --- /dev/null +++ b/bookfriends/icons/instagram.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/bookfriends/icons/mastodon.svg b/bookfriends/icons/mastodon.svg new file mode 100644 index 00000000..47467524 --- /dev/null +++ b/bookfriends/icons/mastodon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/bookfriends/icons/pixelfed.png b/bookfriends/icons/pixelfed.png new file mode 100644 index 00000000..a2747817 Binary files /dev/null and b/bookfriends/icons/pixelfed.png differ diff --git a/bookfriends/icons/pixelfed.svg b/bookfriends/icons/pixelfed.svg new file mode 100644 index 00000000..ee7aa8d7 --- /dev/null +++ b/bookfriends/icons/pixelfed.svg @@ -0,0 +1,143 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/bookfriends/icons/reddit.svg b/bookfriends/icons/reddit.svg new file mode 100644 index 00000000..19264fa1 --- /dev/null +++ b/bookfriends/icons/reddit.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/bookfriends/icons/spoutible.svg b/bookfriends/icons/spoutible.svg new file mode 100644 index 00000000..114c8eed --- /dev/null +++ b/bookfriends/icons/spoutible.svg @@ -0,0 +1,6 @@ + + + \ No newline at end of file diff --git a/bookfriends/icons/square-reddit.svg b/bookfriends/icons/square-reddit.svg new file mode 100644 index 00000000..2243d2bf --- /dev/null +++ b/bookfriends/icons/square-reddit.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/bookfriends/icons/square-threads.svg b/bookfriends/icons/square-threads.svg new file mode 100644 index 00000000..0cbd550c --- /dev/null +++ b/bookfriends/icons/square-threads.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/bookfriends/icons/square-tumblr.svg b/bookfriends/icons/square-tumblr.svg new file mode 100644 index 00000000..2f665d2b --- /dev/null +++ b/bookfriends/icons/square-tumblr.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/bookfriends/icons/square-twitter.svg b/bookfriends/icons/square-twitter.svg new file mode 100644 index 00000000..bc8c2893 --- /dev/null +++ b/bookfriends/icons/square-twitter.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/bookfriends/icons/storygraph-fb6f92.png b/bookfriends/icons/storygraph-fb6f92.png new file mode 100644 index 00000000..1fa23f65 Binary files /dev/null and b/bookfriends/icons/storygraph-fb6f92.png differ diff --git a/bookfriends/icons/storygraph-white.png b/bookfriends/icons/storygraph-white.png new file mode 100644 index 00000000..85cf6208 Binary files /dev/null and b/bookfriends/icons/storygraph-white.png differ diff --git a/bookfriends/icons/substack.svg b/bookfriends/icons/substack.svg new file mode 100644 index 00000000..1f3e71e4 --- /dev/null +++ b/bookfriends/icons/substack.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/bookfriends/icons/threads.svg b/bookfriends/icons/threads.svg new file mode 100644 index 00000000..b98ed113 --- /dev/null +++ b/bookfriends/icons/threads.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/bookfriends/icons/true.png b/bookfriends/icons/true.png new file mode 100644 index 00000000..8cc39171 Binary files /dev/null and b/bookfriends/icons/true.png differ diff --git a/bookfriends/icons/true.svg b/bookfriends/icons/true.svg new file mode 100644 index 00000000..ae19dba3 --- /dev/null +++ b/bookfriends/icons/true.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/bookfriends/icons/tumblr.svg b/bookfriends/icons/tumblr.svg new file mode 100644 index 00000000..dfc02931 --- /dev/null +++ b/bookfriends/icons/tumblr.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/bookfriends/icons/twitter.svg b/bookfriends/icons/twitter.svg new file mode 100644 index 00000000..9760bdda --- /dev/null +++ b/bookfriends/icons/twitter.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/bookfriends/img/heart-bullet.png b/bookfriends/img/heart-bullet.png new file mode 100644 index 00000000..03ab9c41 Binary files /dev/null and b/bookfriends/img/heart-bullet.png differ diff --git a/bookfriends/img/pink-heart-bullet.png b/bookfriends/img/pink-heart-bullet.png new file mode 100644 index 00000000..dc7641b7 Binary files /dev/null and b/bookfriends/img/pink-heart-bullet.png differ diff --git a/bookfriends/img/pinkberries.gif b/bookfriends/img/pinkberries.gif new file mode 100644 index 00000000..fd4025fe Binary files /dev/null and b/bookfriends/img/pinkberries.gif differ diff --git a/bookfriends/img/pinkberries.png b/bookfriends/img/pinkberries.png new file mode 100644 index 00000000..b86deb0c Binary files /dev/null and b/bookfriends/img/pinkberries.png differ diff --git a/bookfriends/img/pinkbullet-16px.png b/bookfriends/img/pinkbullet-16px.png new file mode 100644 index 00000000..409b3067 Binary files /dev/null and b/bookfriends/img/pinkbullet-16px.png differ diff --git a/bookfriends/img/pinkbullet-32px.png b/bookfriends/img/pinkbullet-32px.png new file mode 100644 index 00000000..0596b751 Binary files /dev/null and b/bookfriends/img/pinkbullet-32px.png differ diff --git a/bookfriends/img/pinkbullet-shadow.png b/bookfriends/img/pinkbullet-shadow.png new file mode 100644 index 00000000..b8d4c2de Binary files /dev/null and b/bookfriends/img/pinkbullet-shadow.png differ diff --git a/bookfriends/index.html b/bookfriends/index.html new file mode 100644 index 00000000..245d38f8 --- /dev/null +++ b/bookfriends/index.html @@ -0,0 +1,117 @@ + + + + + +Shannon Kay, Book Friend + + + + + + + + +
+ +
+ + +
+ +
+
+ Shannon Kay in front of flower backdrop at yallwest 2024 +
+ yallwest 2024! +
+
+
+

If you're seeing this page, it probably means that I met you at a book-related event. My name is Shannon, and + I go by shannonkay on most of the internet, and sometimes pinkbookscoffee in bookish and other cozy spaces.

+ +

You might want to friend or follow me on GoodReads and StoryGraph. Let's compare books!

+ +

You can follow me on the fediverse on Mastodon @shannonkay@bookstodon.com or even join the great book-themed server I'm on, Bookstodon.com.

+ +

I'm on Bluesky @shannonkay.com and @pinkbooks.coffee

+ +

For "booksta" I'm @pinkbookscoffee on Instagram and @pinkbookscoffee on Threads.

+ +

If you're tired of the algorithm, I'm mirroring my bookstagram to Pixelfed at @pinkbookscoffee@pixelfed.social. +

+ +

You can also check out my personal website, my blog, or PinkBooks.coffee

+

Comment by email

+
+ +
+

+

+ +
@shannonkay profile picture
+
+
+ +
@pinkbookscoffee profile picture
+

+
+ +
+

Past Events

+ +
+ + + +
+

Currently Reading

+

+ +
+ +
+
The Last Fallen Star
+ +
+ +
+ +

If there's nothing here, it means I'm between books.

+
+
+ +
+
+ + +
+ + + + + diff --git a/bookfriends/pinkbookscoffee-profile.jpg b/bookfriends/pinkbookscoffee-profile.jpg new file mode 100644 index 00000000..229bd803 Binary files /dev/null and b/bookfriends/pinkbookscoffee-profile.jpg differ diff --git a/bookfriends/shannon-yallwest24.jpg b/bookfriends/shannon-yallwest24.jpg new file mode 100644 index 00000000..bef93800 Binary files /dev/null and b/bookfriends/shannon-yallwest24.jpg differ diff --git a/bookfriends/storygraph.svg b/bookfriends/storygraph.svg new file mode 100644 index 00000000..235fe7ca --- /dev/null +++ b/bookfriends/storygraph.svg @@ -0,0 +1,6 @@ + + + \ No newline at end of file diff --git a/bookfriends/yallwest.css b/bookfriends/yallwest.css new file mode 100644 index 00000000..64bad269 --- /dev/null +++ b/bookfriends/yallwest.css @@ -0,0 +1,375 @@ +@import url("https://use.typekit.net/ozy6rdy.css"); + +@import "https://www.shannonkay.com/fontawesome/css/fontawesome.css"; +@import "https://www.shannonkay.com/fontawesome/css/brands.css"; +@import "https://www.shannonkay.com/fontawesome/css/solid.css"; + +body { + background: linear-gradient(to bottom, #f9dee1, #f7d3d6, #fab1c1, #FC8EAC, #fc7d99 ); + text-align: center; + font-family: "ivystyle-sans", Verdana, sans-serif; + font-size: 1.1rem; + min-height: 100vh; + } + +h1 { + background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%); +background-clip: text; +-webkit-background-clip: text; +color: transparent; + font-size: 5vw; + margin-bottom: 10pt; + +} + +h1 a, h1 a:hover, h1 a:active, h1 a:visited { + background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%); +background-clip: text; +-webkit-background-clip: text; +color: transparent; + font-size: 5vw; + margin-bottom: 10pt; + +} + +h1 .project-header a, h1 .project-header a:hover, h1 .project-header a:active, h1 .project-header a:visited { + background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%); +background-clip: text; +-webkit-background-clip: text; +color: transparent; + font-size: 1rem; + margin-bottom: 5pt; + +} + +@media screen and (max-width: 428px) +{ + h1 { font-size: 8vw !important; } +} + +h2 { + text-align: center; + font-size: 4vw; + color: #FC6C85; + margin-top: 1pt; + margin-bottom: 5pt; +} + +h3 { + color: #FC6C85; + margin-bottom: 0; +} + +h4 { + color: #FC6C85; + margin-bottom: 0; +} + +footer a { + color: white; + font-weight: bold; +} + +p { + margin-top: 5px; +} + +hr { + max-width: 80%; + border: solid 1pt #FC8EAC; + + } + +a { + color: #fb6f92; +} + +a:hover, a:active { + color: #ffffff; + background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%); +} +a.username, a:visited.username { + text-decoration: none; + font-weight: bold; +} +.username { + font-weight: bold; +} +.emoji { + height: 1.2rem; + width: auto; +} +.icon { + height: 1.2rem; + width: auto; +} +.profilepic { + width: 200px; + height: auto; + border: white 2pt solid; +} +section#profilepics { + display: flex; + flex-direction: row; + justify-content: center; + + flex-flow: row; + margin: auto; + max-width: 90%; +} +#shannonkaypic { + text-align: center; +} +#pinkbookscoffeepic { + text-align: center; +} +nav { + padding: 5pt; + margin-bottom: 5pt; +} + +nav a, nav a:visited { + font-family: ivyjournal, sans-serif; + font-size: 1rem; + font-weight: bold; + color: #ffffff; + background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%); + border: solid 2px #ffb3c6; + padding: 5px; + text-align: center; + text-decoration: none; + display: inline-block; + border-radius: 5px; + margin-top: 2pt; +} +ul { + text-align: left; + list-style-image: url(img/heart-bullet.png); + } +.heart { + text-align: right; + font-size: 0.9rem; +} +nav a:hover, nav a:active +{ + + border: solid 2px #FC8EAC; +} + +.link a, .link a:visited { + /* color: #ff65a0; */ + background: linear-gradient(183deg, #faa0b8 10%, #f67b9c 70%); + font-weight: bold; + font-size: 1.2rem; + text-decoration: none; + color: #ffffff; + padding: 0.5rem; + border: solid 0.1rem #f681ae; + text-align: center; + display: inline-block; + border-radius: 0.5rem; + width: 378px; + max-width: 90%; +} +.link a:hover, .link a:active { + color: #ffffff; + font-weight: bold; + font-size: 1.2rem; + text-decoration: none; + background: linear-gradient(130deg, #faa0b8, #f67b9c, #fa9cc0, #f87dac, #cd77de, #baa0df 100%); + /* background: linear-gradient(90deg, #f67b9c, #fa9cc0, #f87dac, #cd77de, #a48ac9, #8c5ca5 100%); */ + /* background: linear-gradient(90deg,#fa9cc0, #f87dac, #f38282, #f7d54d, #6ed46e, #3ed3da, #a48ac9, #8c5ca5, #cd77de 100%); */ +} + + +#pages a:hover, nav a:active +{ + background-color: #fb6f92; + color: #ffe5ec; +} + +.intro img { + padding: 5px; +} +.blurb { + display: block; + background-color: #f7d3d6; + border: solid 2pt; + border-color: white; + padding: 5pt; + margin: auto; + align-items: center; + max-width: 1024px; + border-radius: 10px; +} +#hello { + display: flexbox; + text-align: justify; + font-size: 1.2rem; +} + +.text { + display: block; + background-color: #f7d3d6; + border: solid 2pt; + border-color: white; + padding: 5pt; + margin: auto; + text-align: justify; + max-width: 1024px; + border-radius: 10px; +} + +.intro { + display: block; + background-color: #f7d3d6; + border: solid 2pt; + border-color: white; + padding: 5pt; + margin: auto; + text-align: center; + width: 80%; + max-width: 1024px; + border-radius: 10px; +} + +.icon { + height: 1.2rem; + width: auto; +} + +.social-icons { + font-size: 1.5rem; +} + +#follow-icons { + margin-bottom: 5pt; +} + +img.photo { + border: solid white 2pt; +} + +.photo { + align-content: center; + text-align: center; + width: 600px; + height: auto; + max-width: 90%; +} +#shannon-yallwest24 img { + width: 80%; + height: auto; + max-width: 500px; +} +.caption { + text-align: center; + font-size: 1rem; + font-style: italic; +} +#shannon-yallwest24 { + + margin: 5pt; +} + +@media screen and (max-width: 428px) +{ +#shannon-yallwest24 { + width: 90%; + height: auto; + text-align: center; + align-content: center; + float: none; +} +} + +.comment { + text-align: center; + font-weight: bold; +} +.updated { + font-size: 1rem; + color: #484848; + font-style: italic; +} + +footer { + font-size: 1rem; + background-color: #fbc8d3; + color: #511F2C; + display: block; + bottom: 0; + border-top: solid 2pt #fab1c1; + border-left: solid 2pt #fab1c1; + border-right: solid 2pt #fab1c1; + border-bottom: solid 2pt #fab1c1; + margin: auto; + max-width: 512px; + border-top-left-radius: 10px; + border-top-right-radius: 10px; + margin-top: 1rem; + padding-top: 1rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + padding-bottom: 1.5rem; + margin-bottom: -1rem; + } + +@media(prefers-color-scheme: dark) { + body { + background-color: #282A36; + } +} +section#recentlyread { + margin: auto; +} +/*GoodReads*/ + /*Currently Reading widget*/ +.gr_grid_container1 { + /* customize grid container div here. eg: width: 500px; */ + display: flexbox; + flex-direction: row; + justify-content: center; + align-items: center; + flex-flow: row; + text-align: center; + +} + +.gr_grid_book_container1 { + /* customize book cover container div here */ + + width: 98px; + height: 160px; + padding: 2pt; + overflow: hidden; +} + + /*Recently Read widget*/ +#gr_grid_widget_1715015027 { + +} +.gr_grid_container { + /* customize grid container div here. eg: width: 500px; */ + width: 90%; + display: flexbox; + flex-direction: row; + justify-content: center; + + flex-flow: row; + flex-wrap: wrap; + + } + + .gr_grid_book_container { + /* customize book cover container div here */ + + margin-right: 2pt; + width: 98px; + height: 160px; + padding: 0px 0px; + overflow: hidden; + } + +/* Custom Icons */ + diff --git a/bookfriends/yallwest24/ShannonKay2017.jpg b/bookfriends/yallwest24/ShannonKay2017.jpg new file mode 100644 index 00000000..f16a5a2a Binary files /dev/null and b/bookfriends/yallwest24/ShannonKay2017.jpg differ diff --git a/bookfriends/yallwest24/ShannonKay2017sm.jpg b/bookfriends/yallwest24/ShannonKay2017sm.jpg new file mode 100644 index 00000000..3ef9b9fe Binary files /dev/null and b/bookfriends/yallwest24/ShannonKay2017sm.jpg differ diff --git a/bookfriends/yallwest24/allstyle.css b/bookfriends/yallwest24/allstyle.css new file mode 100644 index 00000000..07f1ed69 --- /dev/null +++ b/bookfriends/yallwest24/allstyle.css @@ -0,0 +1,317 @@ +@import url("https://use.typekit.net/ozy6rdy.css"); + +@import "https://www.shannonkay.com/fontawesome/css/fontawesome.css"; +@import "https://www.shannonkay.com/fontawesome/css/brands.css"; +@import "https://www.shannonkay.com/fontawesome/css/solid.css"; + +body { + /* + background: linear-gradient(to bottom, #f7d3d6, #FC8EAC); + */ + background: linear-gradient(to bottom, #f9dee1, #f7d3d6, #fab1c1, #FC8EAC, #fc7d99 ); + text-align: center; + font-family: "ivystyle-sans", Verdana, sans-serif; + font-size: 1.1rem; + min-height: 100vh; + } +.gradient-bg { + background: linear-gradient(to bottom, #ffffff, #f7d3d6, #FC8EAC); +} +i { + +} + +/* +h1 { + text-align: center; + font-size: 5vw; + color: #FC8EAC; +} +*/ +h1, h2, h3, h4 { + +} +h1 { + background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%); +background-clip: text; +-webkit-background-clip: text; +color: transparent; + font-size: 5vw; + margin-bottom: 10pt; + +} + +h1 a, h1 a:hover, h1 a:active, h1 a:visited { + background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%); +background-clip: text; +-webkit-background-clip: text; +color: transparent; + font-size: 5vw; + margin-bottom: 10pt; + +} + +h1 .project-header a, h1 .project-header a:hover, h1 .project-header a:active, h1 .project-header a:visited { + background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%); +background-clip: text; +-webkit-background-clip: text; +color: transparent; + font-size: 1rem; + margin-bottom: 5pt; + +} + +@media screen and (max-width: 428px) +{ + h1 { font-size: 8vw !important; } +} + +h2 { + text-align: center; + font-size: 4vw; + color: #FC6C85; + margin-top: 1pt; + margin-bottom: 5pt; +} + +h3 { + color: #FC6C85; + margin-bottom: 0; +} + +h4 { + color: #FC6C85; + margin-bottom: 0; +} + +footer a { + color: white; + font-weight: bold; +} + +p { + margin-top: 5px; +} + +hr { + max-width: 80%; + border: solid 1pt #FC8EAC; + + } + +a { + color: #fb6f92; +} + +a:hover, a:active { + color: #ffffff; + background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%); +} +a.username, a:visited.username { + text-decoration: none; + font-weight: bold; +} +.username: { + font-weight: bold; +} +.emoji { + height: 1.2rem; + width: auto; +} +.icon { + height: 1.2rem; + width: auto; +} +nav { + padding: 5pt; + margin-bottom: 5pt; +} + +nav a, nav a:visited { + font-family: ivyjournal, sans-serif; + font-size: 1rem; + font-weight: bold; + color: #ffffff; + background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%); + border: solid 2px #ffb3c6; + padding: 5px; + text-align: center; + text-decoration: none; + display: inline-block; + border-radius: 5px; + margin-top: 2pt; +} + +.heart { + text-align: right; + font-size: 0.9rem; +} +nav a:hover, nav a:active +{ + + border: solid 2px #FC8EAC; +} + +.link +{ + background-color: #FC8EAC; + color: white; + padding: 10px; + border: none; + text-align: center; + text-decoration: none; + display: inline-block; + border-radius: 10px; +} + + +#pages a:hover, nav a:active +{ + background-color: #fb6f92; + color: #ffe5ec; +} + +article { + text-align: justify; + padding: 2pt; + margin: auto; + align: center; + max-width: 1024px; + + } + +article ul { + text-align: left; + } +article img { + padding: 2pt; + display: block; + margin-left: auto; + margin-right: auto; + } +.intro img { + padding: 5px; +} +.blurb { + display: block; + background-color: #f7d3d6; + border: solid 2pt; + border-color: white; + padding: 5pt; + margin: auto; + align: center; + max-width: 1024px; + border-radius: 10px; +} +#hello { + text-align: justify; +} + +.now { + display: block; + background-color: #f7d3d6; + border: solid 2pt; + border-color: white; + padding: 5pt; + margin: auto; + text-align: justify; + max-width: 1024px; + border-radius: 10px; +} +.text { + display: block; + background-color: #f7d3d6; + border: solid 2pt; + border-color: white; + padding: 5pt; + margin: auto; + text-align: justify; + max-width: 1024px; + border-radius: 10px; +} + +.intro { + display: block; + background-color: #f7d3d6; + border: solid 2pt; + border-color: white; + padding: 5pt; + margin: auto; + text-align: center; + width: 80%; + max-width: 1024px; + border-radius: 10px; +} + +.icon { + height: 1.2rem; + width: auto; +} + +.social-icons { + font-size: 1.5rem +} + +#follow-icons { + margin-bottom: 5pt; +} + +.photo img { + border: solid white 2pt; +} + +.photo { + align-content: center; + text-align: center; +} + +.caption { + text-align: center; +} + +.bio { + background: linear-gradient(to bottom, #f9dee1, #f7d3d6, #fab1c1 ); + color: #484848; + border: 1pt solid #FC8EAC; + border-radius: 10pt; + width: 400px; + margin-right: auto; + margin-left: auto; + text-align: left; + padding: 5pt; + box-shadow: 5px 5px 5px #777676; + margin-bottom: 10pt; + font-size: 1rem; + min-height: 225px; +} + +.bio img { + float: left; + margin-top: auto; + margin-right: 5pt; + border-radius: 8pt; + max-width: auto; + max-height: 200px; + +} + +.updated { + font-size: 1rem; + color: #484848; + font-style: italic; +} + +footer + { + font-size: 1rem; + padding: 2pt; + } + +@media(prefers-color-scheme: dark) { + body { + background-color: #282A36; + } +} + +/* Custom Icons */ + diff --git a/bookfriends/yallwest24/index.html b/bookfriends/yallwest24/index.html new file mode 100644 index 00000000..c8547719 --- /dev/null +++ b/bookfriends/yallwest24/index.html @@ -0,0 +1,107 @@ + + + + + +Shannon at yallwest 2024 + + + + + + + + +
+ +
+ + +
+ +
+
+ Shannon Kay in front of flower backdrop at yallwest 2024 +
+ It was a great day at yallwest 2024! Skip to photo highlights. +
+
+
+

If you're seeing this page, it probably means that I met you at yallwest 2024. My name is Shannon, and + I go by shannonkay on most of the internet, and sometimes pinkbookscoffee in bookish and other cozy spaces. + For "booksta" I'm @pinkbookscoffee on Instagram and @pinkbookscoffee on Threads. + You might want to friend or follow me on GoodReads and StoryGraph. Let's compare books! + You can follow me on the fediverse on Mastodon @shannonkay@bookstodon.com or even join the great book-themed server I'm on, Bookstodon.com. + If you're tired of the algorithm, I'm mirroring my bookstagram to Pixelfed at @pinkbookscoffee@pixelfed.social. + +

+

You can also check out my personal website, my blog, or PinkBooks.coffee

+

Comment by email

+
+ +
+

+

+ +
@shannonkay profile picture
+
+
+ +
@pinkbookscoffee profile picture
+

+
+ +
+

yallwest 2024 Photo Highlights

+ view my full gallery +

+
+ + + +
+

Currently Reading

+

+ +
+ +
+
The Last Fallen Star
+ +
+ +
+ +

If there's nothing here, it means I'm between books.

+
+
+ +
+
+ + +
+ + + + + diff --git a/bookfriends/yallwest24/pinkbookscoffee-profile.jpg b/bookfriends/yallwest24/pinkbookscoffee-profile.jpg new file mode 100644 index 00000000..229bd803 Binary files /dev/null and b/bookfriends/yallwest24/pinkbookscoffee-profile.jpg differ diff --git a/bookfriends/yallwest24/shannon-yallwest24.jpg b/bookfriends/yallwest24/shannon-yallwest24.jpg new file mode 100644 index 00000000..bef93800 Binary files /dev/null and b/bookfriends/yallwest24/shannon-yallwest24.jpg differ diff --git a/bookfriends/yallwest24/yallwest.css b/bookfriends/yallwest24/yallwest.css new file mode 100644 index 00000000..aac8d266 --- /dev/null +++ b/bookfriends/yallwest24/yallwest.css @@ -0,0 +1,343 @@ +@import url("https://use.typekit.net/ozy6rdy.css"); + +@import "https://www.shannonkay.com/fontawesome/css/fontawesome.css"; +@import "https://www.shannonkay.com/fontawesome/css/brands.css"; +@import "https://www.shannonkay.com/fontawesome/css/solid.css"; + +body { + background: linear-gradient(to bottom, #f9dee1, #f7d3d6, #fab1c1, #FC8EAC, #fc7d99 ); + text-align: center; + font-family: "ivystyle-sans", Verdana, sans-serif; + font-size: 1.1rem; + min-height: 100vh; + } + +h1 { + background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%); +background-clip: text; +-webkit-background-clip: text; +color: transparent; + font-size: 5vw; + margin-bottom: 10pt; + +} + +h1 a, h1 a:hover, h1 a:active, h1 a:visited { + background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%); +background-clip: text; +-webkit-background-clip: text; +color: transparent; + font-size: 5vw; + margin-bottom: 10pt; + +} + +h1 .project-header a, h1 .project-header a:hover, h1 .project-header a:active, h1 .project-header a:visited { + background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%); +background-clip: text; +-webkit-background-clip: text; +color: transparent; + font-size: 1rem; + margin-bottom: 5pt; + +} + +@media screen and (max-width: 428px) +{ + h1 { font-size: 8vw !important; } +} + +h2 { + text-align: center; + font-size: 4vw; + color: #FC6C85; + margin-top: 1pt; + margin-bottom: 5pt; +} + +h3 { + color: #FC6C85; + margin-bottom: 0; +} + +h4 { + color: #FC6C85; + margin-bottom: 0; +} + +footer a { + color: white; + font-weight: bold; +} + +p { + margin-top: 5px; +} + +hr { + max-width: 80%; + border: solid 1pt #FC8EAC; + + } + +a { + color: #fb6f92; +} + +a:hover, a:active { + color: #ffffff; + background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%); +} +a.username, a:visited.username { + text-decoration: none; + font-weight: bold; +} +.username { + font-weight: bold; +} +.emoji { + height: 1.2rem; + width: auto; +} +.icon { + height: 1.2rem; + width: auto; +} +.profilepic { + width: 200px; + height: auto; + border: white 2pt solid; +} +section#profilepics { + display: flex; + flex-direction: row; + justify-content: center; + + flex-flow: row; + margin: auto; + max-width: 90%; +} +#shannonkaypic { + text-align: center; +} +#pinkbookscoffeepic { + text-align: center; +} +nav { + padding: 5pt; + margin-bottom: 5pt; +} + +nav a, nav a:visited { + font-family: ivyjournal, sans-serif; + font-size: 1rem; + font-weight: bold; + color: #ffffff; + background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%); + border: solid 2px #ffb3c6; + padding: 5px; + text-align: center; + text-decoration: none; + display: inline-block; + border-radius: 5px; + margin-top: 2pt; +} + +.heart { + text-align: right; + font-size: 0.9rem; +} +nav a:hover, nav a:active +{ + + border: solid 2px #FC8EAC; +} + +.link +{ + background-color: #FC8EAC; + color: white; + padding: 10px; + border: none; + text-align: center; + text-decoration: none; + display: inline-block; + border-radius: 10px; +} + + +#pages a:hover, nav a:active +{ + background-color: #fb6f92; + color: #ffe5ec; +} + +.intro img { + padding: 5px; +} +.blurb { + display: block; + background-color: #f7d3d6; + border: solid 2pt; + border-color: white; + padding: 5pt; + margin: auto; + align-items: center; + max-width: 1024px; + border-radius: 10px; +} +#hello { + display: flexbox; + text-align: justify; + font-size: 1.2rem; +} + +.text { + display: block; + background-color: #f7d3d6; + border: solid 2pt; + border-color: white; + padding: 5pt; + margin: auto; + text-align: justify; + max-width: 1024px; + border-radius: 10px; +} + +.intro { + display: block; + background-color: #f7d3d6; + border: solid 2pt; + border-color: white; + padding: 5pt; + margin: auto; + text-align: center; + width: 80%; + max-width: 1024px; + border-radius: 10px; +} + +.icon { + height: 1.2rem; + width: auto; +} + +.social-icons { + font-size: 1.5rem; +} + +#follow-icons { + margin-bottom: 5pt; +} + +img.photo { + border: solid white 2pt; +} + +.photo { + align-content: center; + text-align: center; + width: 600px; + height: auto; + max-width: 90%; +} +#shannon-yallwest24 img { + width: 80%; + height: auto; + max-width: 500px; +} +.caption { + text-align: center; + font-size: 1rem; + font-style: italic; +} +#shannon-yallwest24 { + + margin: 5pt; +} + +@media screen and (max-width: 428px) +{ +#shannon-yallwest24 { + width: 90%; + height: auto; + text-align: center; + align-content: center; + float: none; +} +} + +.comment { + text-align: center; + font-weight: bold; +} +.updated { + font-size: 1rem; + color: #484848; + font-style: italic; +} + +footer + { + font-size: 1rem; + padding: 2pt; + } + +@media(prefers-color-scheme: dark) { + body { + background-color: #282A36; + } +} +section#recentlyread { + margin: auto; +} +/*GoodReads*/ + /*Currently Reading widget*/ +.gr_grid_container1 { + /* customize grid container div here. eg: width: 500px; */ + display: flexbox; + flex-direction: row; + justify-content: center; + align-items: center; + flex-flow: row; + text-align: center; + +} + +.gr_grid_book_container1 { + /* customize book cover container div here */ + + width: 98px; + height: 160px; + padding: 2pt; + overflow: hidden; +} + + /*Recently Read widget*/ +#gr_grid_widget_1715015027 { + +} +.gr_grid_container { + /* customize grid container div here. eg: width: 500px; */ + width: 90%; + display: flexbox; + flex-direction: row; + justify-content: center; + + flex-flow: row; + flex-wrap: wrap; + + } + + .gr_grid_book_container { + /* customize book cover container div here */ + + margin-right: 2pt; + width: 98px; + height: 160px; + padding: 0px 0px; + overflow: hidden; + } + +/* Custom Icons */ + diff --git a/index.html b/index.html index d7c6af95..3c67acb3 100755 --- a/index.html +++ b/index.html @@ -37,7 +37,8 @@ Projects Books Follow - Blank + Blank + Directory Photos Blog Guestbook @@ -55,19 +56,22 @@

Welcome to my homepage!

-

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

-
-

I invite you to 💗Sign My Guestbook📚.

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

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

- - - coffee blinkie Shannon +

I invite you to 💗Sign My Guestbook📚.

+ +

+

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.
+ + + coffee blinkie Shannon

+

Visit my other website, Pixel Shannon, for guides and articles about the web, including Make Your Own Website.

+

emoji depicting Rose in her traveling outfit with the hat from the 1997 film titled Titanic @@ -134,7 +138,7 @@ I love books, coffee, tech, and making things pink.

Shannon's Homepage by Shannon Kay

-

Updated March 2, 2025 | Created August 15, 2021

+

Updated April 11, 2025 | Created August 15, 2021

diff --git a/log/index.html b/log/index.html new file mode 100644 index 00000000..9df265c2 --- /dev/null +++ b/log/index.html @@ -0,0 +1,44 @@ + + + + +Shannon Kay /log + + + + + + + + +

Shannon Kay's Website Log

+ +
+ +
+

This is a log of updates and changes to my website. Not to be confused with my blog.

+
+ +

+April 11, 2025
+

+

+
+ +
+ +
+ + + + + diff --git a/now/index.html b/now/index.html index 7e0fda49..6f51d305 100644 --- a/now/index.html +++ b/now/index.html @@ -1,8 +1,6 @@ - - Shannon Kay (Now) @@ -34,27 +32,25 @@

Shannon Kay /Now

-

Currently

-

Hey, it's raining! 🌧️ ☔️

-

Updated February 13, 2025

- -
+

Ready for Spring Break!

+

Updated April 11, 2025

+

Family

-

I've been married to Jerrod for 16 years. Jerrod has worked for Blizzard Entertainment for eight years as a software engineer focused on iOS development. Our kids are Guinevere(13), Caspian(8), and Beatrix(5)

+

I've been married to Jerrod for 16 years. Jerrod has worked for Blizzard Entertainment for eight years as a software engineer focused on iOS development. Our kids are Guinevere(14), Caspian(8), and Beatrix(6)

    -
  • Guinevere is in 7th grade and in her middle school show choir for the second year. She's still dancing and is en pointe in ballet. She's also rehearsing for her school play, Newsies!
    • +
  • Guinevere is in 7th grade and in her middle school show choir for the second year. She's still dancing and is en pointe in ballet. In January, she performed in her school play, Newsies! She just finished her second season of show choir competitions.
  • Caspian is in second grade. He loves video games, especially Mario and Minecraft. He was diagnosed with Type 1 diabetes in February 2024 and is doing well, adjusting to management.
    • -
  • Beatrix is in Kindergarten. She loves playing with dolls and is starting to play more games with her brother. She's been taking a ballet/jazz combo dance class, and had a recital in December.
    • -
  • I'm focused on caring for the kids, and volunteer at the kids' schools. I serve on the board of the vocal music boosters at Guinevere's middle school.
    • +
  • Beatrix is in Kindergarten. She loves playing with dolls and is starting to play more games with her brother.
    + I'm focused on caring for the kids, and volunteer at the kids’ schools. I serve on the board of the vocal music boosters at Guinevere’s middle school.
-
+

Watching

-

Severance Season 2 has begun, but we haven't started watching it yet.

-
+

We've started watching Severance, Season 2.

+

Books

-

I've recently read Dating and Dragons by Kristy Boyce, What Does it Feel Like? by Sophie Kinsella, and The Dividing Sky by Jill Tew.

-

I'm currently reading The Teller of Small Fortunes by Julie Leong.

+

I recently read both prequel books in the Hunger Games series by Suzanne Collins, The Ballad of Songbirds and Snakes, and Sunrise on the Reaping.

+

I'm currently reading Emily Wilde's Compendium of Lost Tales by Heather Fawcett.

Currently Reading

diff --git a/pic/books/IMG_4378.jpeg b/pic/books/IMG_4378.jpeg new file mode 100644 index 00000000..81e315de Binary files /dev/null and b/pic/books/IMG_4378.jpeg differ