a bunch of updates I didn't properly track.
This commit is contained in:
parent
060bbbadfc
commit
140b913edf
51 changed files with 2526 additions and 27 deletions
BIN
bookfriends/ShannonKay2017.jpg
Normal file
BIN
bookfriends/ShannonKay2017.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 582 KiB |
BIN
bookfriends/ShannonKay2017sm.jpg
Normal file
BIN
bookfriends/ShannonKay2017sm.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 92 KiB |
317
bookfriends/allstyle.css
Normal file
317
bookfriends/allstyle.css
Normal file
|
|
@ -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 */
|
||||||
|
|
||||||
BIN
bookfriends/bookwormreads.co.png
Normal file
BIN
bookfriends/bookwormreads.co.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 378 KiB |
508
bookfriends/home.css
Normal file
508
bookfriends/home.css
Normal file
|
|
@ -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 */
|
||||||
|
|
||||||
BIN
bookfriends/icons/bookrastinating.png
Normal file
BIN
bookfriends/icons/bookrastinating.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
BIN
bookfriends/icons/bookwormreads.co.png
Normal file
BIN
bookfriends/icons/bookwormreads.co.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 378 KiB |
170
bookfriends/icons/fediverse.svg
Normal file
170
bookfriends/icons/fediverse.svg
Normal file
|
|
@ -0,0 +1,170 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||||
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
|
width="196.52mm"
|
||||||
|
height="196.52mm"
|
||||||
|
viewBox="0 0 196.52 196.52"
|
||||||
|
version="1.1"
|
||||||
|
id="svg8"
|
||||||
|
inkscape:version="0.92.2 2405546, 2018-03-11"
|
||||||
|
sodipodi:docname="Logo_penta_connectat-imbrincat_retallats-color.svg"
|
||||||
|
inkscape:export-filename="/home/nestor/Pictures/Fediversal/Logo_penta_connectat-imbrincat_retallats-color-512x.png"
|
||||||
|
inkscape:export-xdpi="66.175453"
|
||||||
|
inkscape:export-ydpi="66.175453">
|
||||||
|
<defs
|
||||||
|
id="defs2" />
|
||||||
|
<sodipodi:namedview
|
||||||
|
id="base"
|
||||||
|
pagecolor="#ffffff"
|
||||||
|
bordercolor="#666666"
|
||||||
|
borderopacity="1.0"
|
||||||
|
inkscape:pageopacity="0.0"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:zoom="0.50411932"
|
||||||
|
inkscape:cx="-209.83484"
|
||||||
|
inkscape:cy="399.15332"
|
||||||
|
inkscape:document-units="mm"
|
||||||
|
inkscape:current-layer="layer2"
|
||||||
|
showgrid="false"
|
||||||
|
inkscape:snap-smooth-nodes="true"
|
||||||
|
inkscape:snap-midpoints="true"
|
||||||
|
inkscape:snap-global="false"
|
||||||
|
inkscape:window-width="1366"
|
||||||
|
inkscape:window-height="736"
|
||||||
|
inkscape:window-x="0"
|
||||||
|
inkscape:window-y="32"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
fit-margin-top="5"
|
||||||
|
fit-margin-left="5"
|
||||||
|
fit-margin-right="5"
|
||||||
|
fit-margin-bottom="5" />
|
||||||
|
<metadata
|
||||||
|
id="metadata5">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work
|
||||||
|
rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type
|
||||||
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||||
|
<dc:title />
|
||||||
|
</cc:Work>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<g
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer2"
|
||||||
|
inkscape:label="Linies"
|
||||||
|
style="display:inline"
|
||||||
|
transform="translate(6.6789703,-32.495842)">
|
||||||
|
<path
|
||||||
|
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#a730b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:41.5748024;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
|
||||||
|
d="m 181.13086,275.13672 a 68.892408,68.892408 0 0 1 -29.46484,29.32812 l 161.75781,162.38868 38.99805,-19.76368 z m 213.36328,214.1875 -38.99805,19.76367 81.96289,82.2832 a 68.892409,68.892409 0 0 1 29.47071,-29.33203 z"
|
||||||
|
transform="matrix(0.26458333,0,0,0.26458333,-6.6789703,32.495842)"
|
||||||
|
id="path9722"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<path
|
||||||
|
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#5496be;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:41.5748024;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
|
||||||
|
d="m 581.64648,339.39062 -91.57617,46.41016 6.75196,43.18945 103.61523,-52.51367 A 68.892409,68.892409 0 0 1 581.64648,339.39062 Z M 436.9082,412.74219 220.38281,522.47656 a 68.892408,68.892408 0 0 1 18.79492,37.08985 L 443.66016,455.93359 Z"
|
||||||
|
transform="matrix(0.26458333,0,0,0.26458333,-6.6789703,32.495842)"
|
||||||
|
id="path9729"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<path
|
||||||
|
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#ce3d1a;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:41.5748024;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
|
||||||
|
d="M 367.27539,142.4375 262.79492,346.4082 293.64258,377.375 404.26562,161.41797 A 68.892408,68.892408 0 0 1 367.27539,142.4375 Z m -131.6543,257.02148 -52.92187,103.31446 a 68.892409,68.892409 0 0 1 36.98633,18.97851 l 46.78125,-91.32812 z"
|
||||||
|
transform="matrix(0.26458333,0,0,0.26458333,-6.6789703,32.495842)"
|
||||||
|
id="path9713"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<path
|
||||||
|
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#d0188f;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:41.5748024;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
|
||||||
|
d="m 150.76758,304.91797 a 68.892408,68.892408 0 0 1 -34.41602,7.19531 68.892408,68.892408 0 0 1 -6.65039,-0.69531 l 30.90235,197.66211 a 68.892409,68.892409 0 0 1 34.41601,-7.19531 68.892409,68.892409 0 0 1 6.64649,0.69531 z"
|
||||||
|
transform="matrix(0.26458333,0,0,0.26458333,-6.6789703,32.495842)"
|
||||||
|
id="path1015"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<path
|
||||||
|
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#5b36e9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:41.5748024;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
|
||||||
|
d="m 239.3418,560.54492 a 68.892408,68.892408 0 0 1 0.7207,13.87696 68.892408,68.892408 0 0 1 -7.26758,27.17968 l 197.62891,31.71289 a 68.892409,68.892409 0 0 1 -0.72266,-13.8789 68.892409,68.892409 0 0 1 7.26953,-27.17774 z"
|
||||||
|
transform="matrix(0.26458333,0,0,0.26458333,-6.6789703,32.495842)"
|
||||||
|
id="path1674"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<path
|
||||||
|
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#30b873;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:41.5748024;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
|
||||||
|
d="m 601.13281,377.19922 -91.21875,178.08203 a 68.892408,68.892408 0 0 1 36.99414,18.98242 L 638.125,396.18359 a 68.892409,68.892409 0 0 1 -36.99219,-18.98437 z"
|
||||||
|
transform="matrix(0.26458333,0,0,0.26458333,-6.6789703,32.495842)"
|
||||||
|
id="path1676"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<path
|
||||||
|
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#ebe305;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:41.5748024;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
|
||||||
|
d="m 476.72266,125.33008 a 68.892408,68.892408 0 0 1 -29.47071,29.33203 l 141.26563,141.81055 a 68.892409,68.892409 0 0 1 29.46875,-29.33204 z"
|
||||||
|
transform="matrix(0.26458333,0,0,0.26458333,-6.6789703,32.495842)"
|
||||||
|
id="path1678"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<path
|
||||||
|
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#f47601;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:41.5748024;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
|
||||||
|
d="m 347.78711,104.63086 -178.57617,90.49805 a 68.892409,68.892409 0 0 1 18.79297,37.08593 l 178.57421,-90.50195 a 68.892408,68.892408 0 0 1 -18.79101,-37.08203 z"
|
||||||
|
transform="matrix(0.26458333,0,0,0.26458333,-6.6789703,32.495842)"
|
||||||
|
id="path1680"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<path
|
||||||
|
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#57c115;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:41.5748024;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
|
||||||
|
d="m 446.92578,154.82617 a 68.892408,68.892408 0 0 1 -34.98242,7.48242 68.892408,68.892408 0 0 1 -6.0293,-0.63281 l 15.81836,101.29102 43.16211,6.92578 z m -16,167.02735 37.40039,239.48242 a 68.892409,68.892409 0 0 1 33.91406,-6.94336 68.892409,68.892409 0 0 1 7.20704,0.79101 L 474.08984,328.77734 Z"
|
||||||
|
transform="matrix(0.26458333,0,0,0.26458333,-6.6789703,32.495842)"
|
||||||
|
id="path9758"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<path
|
||||||
|
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#dbb210;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:41.5748024;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
|
||||||
|
d="m 188.13086,232.97461 a 68.892408,68.892408 0 0 1 0.75781,14.0957 68.892408,68.892408 0 0 1 -7.16015,26.98242 l 101.36914,16.28125 19.92382,-38.9082 z m 173.73633,27.90039 -19.92578,38.91211 239.51367,38.4668 a 68.892409,68.892409 0 0 1 -0.69531,-13.71875 68.892409,68.892409 0 0 1 7.34961,-27.32422 z"
|
||||||
|
transform="matrix(0.26458333,0,0,0.26458333,-6.6789703,32.495842)"
|
||||||
|
id="path9760"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer3"
|
||||||
|
inkscape:label="Nodes"
|
||||||
|
style="display:inline;opacity:1"
|
||||||
|
transform="translate(6.6789703,-32.495842)">
|
||||||
|
<circle
|
||||||
|
style="fill:#ffca00;fill-opacity:0.99596773;stroke:none;stroke-width:0.26458332;stroke-opacity:0.96078431"
|
||||||
|
id="path817"
|
||||||
|
cx="106.26596"
|
||||||
|
cy="51.535553"
|
||||||
|
r="16.570711"
|
||||||
|
transform="rotate(3.1178174)" />
|
||||||
|
<circle
|
||||||
|
id="path819"
|
||||||
|
style="fill:#64ff00;fill-opacity:0.99596773;stroke:none;stroke-width:0.26458332;stroke-opacity:0.96078431"
|
||||||
|
cx="171.42836"
|
||||||
|
cy="110.19328"
|
||||||
|
r="16.570711"
|
||||||
|
transform="rotate(3.1178174)" />
|
||||||
|
<circle
|
||||||
|
id="path823"
|
||||||
|
style="fill:#00a3ff;fill-opacity:0.99596773;stroke:none;stroke-width:0.26458332;stroke-opacity:0.96078431"
|
||||||
|
cx="135.76379"
|
||||||
|
cy="190.27704"
|
||||||
|
r="16.570711"
|
||||||
|
transform="rotate(3.1178174)" />
|
||||||
|
<circle
|
||||||
|
style="fill:#9500ff;fill-opacity:0.99596773;stroke:none;stroke-width:0.26458332;stroke-opacity:0.96078431"
|
||||||
|
id="path825"
|
||||||
|
cx="48.559471"
|
||||||
|
cy="181.1138"
|
||||||
|
r="16.570711"
|
||||||
|
transform="rotate(3.1178174)" />
|
||||||
|
<circle
|
||||||
|
id="path827"
|
||||||
|
style="fill:#ff0000;fill-opacity:0.99596773;stroke:none;stroke-width:0.26458332;stroke-opacity:0.96078431"
|
||||||
|
cx="30.328812"
|
||||||
|
cy="95.366837"
|
||||||
|
r="16.570711"
|
||||||
|
transform="rotate(3.1178174)" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 19 KiB |
1
bookfriends/icons/goodreads-g.svg
Normal file
1
bookfriends/icons/goodreads-g.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M42.6 403.3h2.8c12.7 0 25.5 0 38.2.1 1.6 0 3.1-.4 3.6 2.1 7.1 34.9 30 54.6 62.9 63.9 26.9 7.6 54.1 7.8 81.3 1.8 33.8-7.4 56-28.3 68-60.4 8-21.5 10.7-43.8 11-66.5.1-5.8.3-47-.2-52.8l-.9-.3c-.8 1.5-1.7 2.9-2.5 4.4-22.1 43.1-61.3 67.4-105.4 69.1-103 4-169.4-57-172-176.2-.5-23.7 1.8-46.9 8.3-69.7C58.3 47.7 112.3.6 191.6 0c61.3-.4 101.5 38.7 116.2 70.3.5 1.1 1.3 2.3 2.4 1.9V10.6h44.3c0 280.3.1 332.2.1 332.2-.1 78.5-26.7 143.7-103 162.2-69.5 16.9-159 4.8-196-57.2-8-13.5-11.8-28.3-13-44.5zM188.9 36.5c-52.5-.5-108.5 40.7-115 133.8-4.1 59 14.8 122.2 71.5 148.6 27.6 12.9 74.3 15 108.3-8.7 47.6-33.2 62.7-97 54.8-154-9.7-71.1-47.8-120-119.6-119.7z"/></svg>
|
||||||
|
After Width: | Height: | Size: 891 B |
1
bookfriends/icons/goodreads.svg
Normal file
1
bookfriends/icons/goodreads.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M299.9 191.2c5.1 37.3-4.7 79-35.9 100.7-22.3 15.5-52.8 14.1-70.8 5.7-37.1-17.3-49.5-58.6-46.8-97.2 4.3-60.9 40.9-87.9 75.3-87.5 46.9-.2 71.8 31.8 78.2 78.3zM448 88v336c0 30.9-25.1 56-56 56H56c-30.9 0-56-25.1-56-56V88c0-30.9 25.1-56 56-56h336c30.9 0 56 25.1 56 56zM330 313.2s-.1-34-.1-217.3h-29v40.3c-.8.3-1.2-.5-1.6-1.2-9.6-20.7-35.9-46.3-76-46-51.9.4-87.2 31.2-100.6 77.8-4.3 14.9-5.8 30.1-5.5 45.6 1.7 77.9 45.1 117.8 112.4 115.2 28.9-1.1 54.5-17 69-45.2.5-1 1.1-1.9 1.7-2.9.2.1.4.1.6.2.3 3.8.2 30.7.1 34.5-.2 14.8-2 29.5-7.2 43.5-7.8 21-22.3 34.7-44.5 39.5-17.8 3.9-35.6 3.8-53.2-1.2-21.5-6.1-36.5-19-41.1-41.8-.3-1.6-1.3-1.3-2.3-1.3h-26.8c.8 10.6 3.2 20.3 8.5 29.2 24.2 40.5 82.7 48.5 128.2 37.4 49.9-12.3 67.3-54.9 67.4-106.3z"/></svg>
|
||||||
|
After Width: | Height: | Size: 979 B |
1
bookfriends/icons/instagram.svg
Normal file
1
bookfriends/icons/instagram.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>
|
||||||
|
After Width: | Height: | Size: 1.1 KiB |
1
bookfriends/icons/mastodon.svg
Normal file
1
bookfriends/icons/mastodon.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
|
||||||
|
After Width: | Height: | Size: 863 B |
BIN
bookfriends/icons/pixelfed.png
Normal file
BIN
bookfriends/icons/pixelfed.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 60 KiB |
143
bookfriends/icons/pixelfed.svg
Normal file
143
bookfriends/icons/pixelfed.svg
Normal file
|
|
@ -0,0 +1,143 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 27.7.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1"
|
||||||
|
id="svg102" xmlns:svg="http://www.w3.org/2000/svg" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512"
|
||||||
|
style="enable-background:new 0 0 512 512;" xml:space="preserve">
|
||||||
|
<style type="text/css">
|
||||||
|
.st0{fill:url(#path58_00000157992283680513185340000011641002654659943092_);}
|
||||||
|
.st1{fill:url(#path60_00000106113622498669525040000003052449848250739852_);}
|
||||||
|
.st2{fill:url(#path62_00000165220582467223360880000014905595724648790197_);}
|
||||||
|
.st3{fill:url(#path64_00000101075954062057985120000014715265090430358696_);}
|
||||||
|
.st4{fill:url(#path66_00000058553714314804241950000013498557804825384883_);}
|
||||||
|
.st5{opacity:0.5443;}
|
||||||
|
.st6{fill:url(#path68_00000098905001624299435690000008733606045017529274_);}
|
||||||
|
.st7{fill-opacity:0.4999;}
|
||||||
|
.st8{opacity:0.1;fill:url(#path74_00000163777939166876725540000014241961857485787306_);enable-background:new ;}
|
||||||
|
.st9{opacity:0.1801;fill:url(#path76_00000119101717251270777190000008232938309924582819_);enable-background:new ;}
|
||||||
|
.st10{opacity:0.1801;}
|
||||||
|
.st11{fill:url(#path78_00000167396539916529249190000014421318554161097115_);}
|
||||||
|
.st12{fill-opacity:0.7728;}
|
||||||
|
.st13{opacity:0.5842;}
|
||||||
|
.st14{fill:url(#path84_00000005953946212068890590000005483015768479303348_);}
|
||||||
|
.st15{fill-opacity:0.5031;}
|
||||||
|
.st16{opacity:0.5622;}
|
||||||
|
.st17{fill:url(#path90_00000052821934656951849070000008572845786511008136_);}
|
||||||
|
.st18{fill-opacity:0.4962;}
|
||||||
|
.st19{fill:#FFFFFF;}
|
||||||
|
</style>
|
||||||
|
<g>
|
||||||
|
|
||||||
|
<linearGradient id="path58_00000093868132454738114830000004454470452764311190_" gradientUnits="userSpaceOnUse" x1="522.3279" y1="497.7674" x2="214.869" y2="484.513" gradientTransform="matrix(0.6401 0.5371 0.7693 -0.9168 -499.1199 475.6809)">
|
||||||
|
<stop offset="0" style="stop-color:#FF5C34"/>
|
||||||
|
<stop offset="1" style="stop-color:#EB0256"/>
|
||||||
|
</linearGradient>
|
||||||
|
<path id="path58" style="fill:url(#path58_00000093868132454738114830000004454470452764311190_);" d="M256,256
|
||||||
|
c-41.9-57.3-122-70.5-179-29.3S7.9,347.6,49.8,404.9l3.2,4.3c-68.3-89.4-71.7-214.7-3.6-306.6l1.2-1.6C92.8,45,173,34.2,229.7,77
|
||||||
|
S298.2,199.9,256,256z"/>
|
||||||
|
|
||||||
|
<linearGradient id="path60_00000010988861316000755780000015538138979974625196_" gradientUnits="userSpaceOnUse" x1="297.0129" y1="195.8585" x2="409.8188" y2="461.9663" gradientTransform="matrix(0.9332 0.783 0.5277 -0.6289 -326.9704 299.6886)">
|
||||||
|
<stop offset="0" style="stop-color:#A63FDB"/>
|
||||||
|
<stop offset="1" style="stop-color:#FF257E"/>
|
||||||
|
</linearGradient>
|
||||||
|
<path id="path60" style="fill:url(#path60_00000010988861316000755780000015538138979974625196_);" d="M256,256
|
||||||
|
c-66.7,22.6-101.8,95-78.4,161.9s96.5,102.7,163.2,80.2l4.4-1.5c-82.9,29.7-179.6,15.4-252.6-45.9c-15-12.6-28.2-26.5-39.7-41.5
|
||||||
|
l-3.2-4.3C7.9,347.6,20.1,267.8,77,226.7S214.1,198.7,256,256z"/>
|
||||||
|
|
||||||
|
<linearGradient id="path62_00000147206798744962591720000001536862431292651694_" gradientUnits="userSpaceOnUse" x1="526.9215" y1="557.5062" x2="776.662" y2="502.5156" gradientTransform="matrix(0.6731 0.5648 0.7316 -0.8719 -472.8751 447.6873)">
|
||||||
|
<stop offset="0" style="stop-color:#00FFF0"/>
|
||||||
|
<stop offset="1" style="stop-color:#0087FF"/>
|
||||||
|
</linearGradient>
|
||||||
|
<path id="path62" style="fill:url(#path62_00000147206798744962591720000001536862431292651694_);" d="M256,256
|
||||||
|
c0.4,70.5,58.1,128.1,128.8,128.5S512.4,328.1,512,257.6l0-1.6c0.8,58.5-18.5,117.4-58.9,165.4c-29.7,35.4-67.1,60.6-107.9,75.2
|
||||||
|
l-4.4,1.5c-66.7,22.6-139.8-13.3-163.2-80.2S189.3,278.6,256,256z"/>
|
||||||
|
|
||||||
|
<linearGradient id="path64_00000023997841767518520860000003301658502306254209_" gradientUnits="userSpaceOnUse" x1="561.6743" y1="757.1602" x2="372.0405" y2="554.7556" gradientTransform="matrix(0.8028 0.6736 0.6133 -0.731 -389.3063 361.0058)">
|
||||||
|
<stop offset="0" style="stop-color:#17C934"/>
|
||||||
|
<stop offset="1" style="stop-color:#03FF6E"/>
|
||||||
|
</linearGradient>
|
||||||
|
<path id="path64" style="fill:url(#path64_00000023997841767518520860000003301658502306254209_);" d="M256,256
|
||||||
|
c67.4,22.2,139.3-14.1,160.8-81c21.4-67-15.8-139.2-83.2-161.4l-5.5-1.8c32.5,9.9,63.5,26.4,91.2,49.6
|
||||||
|
c60.2,50.5,91.7,122.3,92.6,194.6l0,1.6c0.4,70.5-56.5,127.4-127.2,126.9C314.1,384.1,256.4,326.5,256,256z"/>
|
||||||
|
|
||||||
|
<linearGradient id="path66_00000147205048977399197160000003086279431967101115_" gradientUnits="userSpaceOnUse" x1="313.405" y1="458.0841" x2="255.7695" y2="789.8855" gradientTransform="matrix(0.8728 0.7323 0.5642 -0.6724 -353.7837 325.6313)">
|
||||||
|
<stop offset="0" style="stop-color:#FFB000"/>
|
||||||
|
<stop offset="1" style="stop-color:#FF7725"/>
|
||||||
|
</linearGradient>
|
||||||
|
<path id="path66" style="fill:url(#path66_00000147205048977399197160000003086279431967101115_);" d="M256,256
|
||||||
|
c42.2-56.1,30.4-136.2-26.3-179S92.8,45,50.6,101l-1.2,1.6c3-4.1,6.2-8.1,9.5-12C126.2,10.5,233-17.2,328.1,11.7l5.5,1.8
|
||||||
|
C401,35.7,438.2,108,416.8,175C395.3,241.9,323.4,278.2,256,256z"/>
|
||||||
|
<g id="g72" transform="matrix(-0.37460713,0.92718385,-0.92718518,-0.37460659,68.842244,2.122857)" class="st5">
|
||||||
|
|
||||||
|
<linearGradient id="path68_00000116215285579196835780000002228177530724228266_" gradientUnits="userSpaceOnUse" x1="1035.0256" y1="-334.3074" x2="1459.374" y2="-308.2865" gradientTransform="matrix(-0.3201 -1.0852 -0.7922 0.4384 -9.8357 859.2789)">
|
||||||
|
<stop offset="0" style="stop-color:#9EE85D"/>
|
||||||
|
<stop offset="1" style="stop-color:#0ED061"/>
|
||||||
|
</linearGradient>
|
||||||
|
<path id="path68" style="fill:url(#path68_00000116215285579196835780000002228177530724228266_);" d="M67.3-504.3l1.9-0.8
|
||||||
|
c65.9-26.3,140.9,5.1,167.5,70.2s-5.2,139.1-71.1,165.4c-0.6-10.4-2.3-20.4-5.2-29.9c35.3-19.1,59.3-56.2,59.3-98.8
|
||||||
|
c0-62.2-51.1-112.6-114-112.6C92.2-510.9,79.3-508.6,67.3-504.3z"/>
|
||||||
|
<path id="path70" class="st7" d="M67.3-504.3l1.9-0.8c65.9-26.3,140.9,5.1,167.5,70.2s-5.2,139.1-71.1,165.4
|
||||||
|
c-0.6-10.4-2.3-20.4-5.2-29.9c35.3-19.1,59.3-56.2,59.3-98.8c0-62.2-51.1-112.6-114-112.6C92.2-510.9,79.3-508.6,67.3-504.3z"/>
|
||||||
|
</g>
|
||||||
|
|
||||||
|
<linearGradient id="path74_00000083052545292797530320000018432324560858833580_" gradientUnits="userSpaceOnUse" x1="313.405" y1="458.0841" x2="255.7695" y2="789.8855" gradientTransform="matrix(0.8728 0.7323 0.5642 -0.6724 -353.7837 325.6313)">
|
||||||
|
<stop offset="0" style="stop-color:#FFB000"/>
|
||||||
|
<stop offset="1" style="stop-color:#FF7725"/>
|
||||||
|
</linearGradient>
|
||||||
|
|
||||||
|
<path id="path74" style="opacity:0.1;fill:url(#path74_00000083052545292797530320000018432324560858833580_);enable-background:new ;" d="
|
||||||
|
M256,256c42.2-56.1,30.4-136.2-26.3-179S92.8,45,50.6,101l-1.2,1.6c3-4.1,6.2-8.1,9.5-12C126.2,10.5,233-17.2,328.1,11.7l5.5,1.8
|
||||||
|
C401,35.7,438.2,108,416.8,175C395.3,241.9,323.4,278.2,256,256z"/>
|
||||||
|
|
||||||
|
<linearGradient id="path76_00000086690030205690658520000003507564617565071544_" gradientUnits="userSpaceOnUse" x1="119.8253" y1="341.3075" x2="-89.4373" y2="332.2863" gradientTransform="matrix(0.7324 -0.4401 -0.6028 -1.0032 375.0722 498.7149)">
|
||||||
|
<stop offset="0" style="stop-color:#FF5C34"/>
|
||||||
|
<stop offset="1" style="stop-color:#EB0256"/>
|
||||||
|
</linearGradient>
|
||||||
|
|
||||||
|
<path id="path76" style="opacity:0.1801;fill:url(#path76_00000086690030205690658520000003507564617565071544_);enable-background:new ;" d="
|
||||||
|
M49.7,104.3l1.3-1.7c42.9-56.5,123.4-68.1,179.7-26.1s67.2,121.9,24.3,178.4c-5.8-8.6-12.5-16.3-19.9-23
|
||||||
|
c20.4-34.6,21.9-78.7-0.1-115.3C202.9,63.5,133.2,46.6,79.2,79C67.7,85.9,57.8,94.5,49.7,104.3L49.7,104.3z"/>
|
||||||
|
<g id="g82" transform="matrix(0.85716853,-0.51503807,0.51503881,0.8571673,-5.2722905,4.334214)" class="st10">
|
||||||
|
|
||||||
|
<linearGradient id="path78_00000034798417305494730200000018178358729315463562_" gradientUnits="userSpaceOnUse" x1="-64.8448" y1="352.125" x2="-274.1074" y2="343.1038" gradientTransform="matrix(0.7324 0.6028 0.4401 -1.0032 66.9507 614.8055)">
|
||||||
|
<stop offset="0" style="stop-color:#FF5C34"/>
|
||||||
|
<stop offset="1" style="stop-color:#EB0256"/>
|
||||||
|
</linearGradient>
|
||||||
|
<path id="path78" style="fill:url(#path78_00000034798417305494730200000018178358729315463562_);" d="M-3.7,116.3l1.9-0.8
|
||||||
|
c65.9-26.3,140.9,5.1,167.5,70.2s-5.2,139.1-71.1,165.4c-0.6-10.4-2.3-20.4-5.2-29.9c35.3-19.1,59.3-56.2,59.3-98.8
|
||||||
|
c0-62.2-51.1-112.6-114-112.6C21.2,109.8,8.2,112.1-3.7,116.3z"/>
|
||||||
|
<path id="path80" class="st12" d="M-3.7,116.3l1.9-0.8c65.9-26.3,140.9,5.1,167.5,70.2s-5.2,139.1-71.1,165.4
|
||||||
|
c-0.6-10.4-2.3-20.4-5.2-29.9c35.3-19.1,59.3-56.2,59.3-98.8c0-62.2-51.1-112.6-114-112.6C21.2,109.8,8.2,112.1-3.7,116.3z"/>
|
||||||
|
</g>
|
||||||
|
<g id="g88" transform="matrix(-0.22495138,-0.97437006,0.97437146,-0.22495105,-15.913458,55.421439)" class="st13">
|
||||||
|
|
||||||
|
<linearGradient id="path84_00000132074934499289541970000005257725202935243661_" gradientUnits="userSpaceOnUse" x1="-404.2712" y1="-518.1033" x2="-801.1359" y2="-484.3912" gradientTransform="matrix(-0.1922 1.1404 0.8325 0.2633 174.7298 682.9212)">
|
||||||
|
<stop offset="0" style="stop-color:#A63FDB"/>
|
||||||
|
<stop offset="1" style="stop-color:#FF257E"/>
|
||||||
|
</linearGradient>
|
||||||
|
<path id="path84" style="fill:url(#path84_00000132074934499289541970000005257725202935243661_);" d="M-355.7-14.5l1.9-0.8
|
||||||
|
c65.9-26.3,140.9,5.1,167.5,70.2c26.6,65.1-5.2,139.1-71.1,165.4c-0.6-10.4-2.3-20.4-5.2-29.9c35.3-19.1,59.3-56.2,59.3-98.8
|
||||||
|
c0-62.2-51.1-112.6-114-112.6C-330.8-21.1-343.7-18.8-355.7-14.5z"/>
|
||||||
|
<path id="path86" class="st15" d="M-355.7-14.5l1.9-0.8c65.9-26.3,140.9,5.1,167.5,70.2c26.6,65.1-5.2,139.1-71.1,165.4
|
||||||
|
c-0.6-10.4-2.3-20.4-5.2-29.9c35.3-19.1,59.3-56.2,59.3-98.8c0-62.2-51.1-112.6-114-112.6C-330.8-21.1-343.7-18.8-355.7-14.5z"/>
|
||||||
|
</g>
|
||||||
|
<g id="g94" transform="matrix(-0.99863096,-0.05233596,0.05233603,-0.99862953,57.15441,72.548735)" class="st16">
|
||||||
|
|
||||||
|
<linearGradient id="path90_00000152960897177787509900000009527201664660212891_" gradientUnits="userSpaceOnUse" x1="320.0134" y1="-854.8152" x2="224.7774" y2="-1107.7223" gradientTransform="matrix(-0.8533 6.125326e-02 4.471685e-02 1.1688 146.9079 815.5959)">
|
||||||
|
<stop offset="0" style="stop-color:#21EFE3"/>
|
||||||
|
<stop offset="1" style="stop-color:#2598FF"/>
|
||||||
|
</linearGradient>
|
||||||
|
<path id="path90" style="fill:url(#path90_00000152960897177787509900000009527201664660212891_);" d="M-307.2-408.3l1.9-0.8
|
||||||
|
c65.9-26.3,140.9,5.1,167.5,70.2s-5.2,139.1-71.1,165.4c-0.6-10.4-2.3-20.4-5.2-29.9c35.3-19.1,59.3-56.2,59.3-98.8
|
||||||
|
c0-62.2-51.1-112.6-114-112.6C-282.3-414.8-295.2-412.5-307.2-408.3z"/>
|
||||||
|
<path id="path92" d="M-307.2-408.3l1.9-0.8c65.9-26.3,140.9,5.1,167.5,70.2s-5.2,139.1-71.1,165.4c-0.6-10.4-2.3-20.4-5.2-29.9
|
||||||
|
c35.3-19.1,59.3-56.2,59.3-98.8c0-62.2-51.1-112.6-114-112.6C-282.3-414.8-295.2-412.5-307.2-408.3z"/>
|
||||||
|
</g>
|
||||||
|
<path id="path96" class="st18" d="M331.7,12.9l2,0.6C401,35.7,438.2,108,416.8,175c-21.4,67-93.4,103.2-160.8,81
|
||||||
|
c6.2-8.3,11.3-17.1,15.2-26.3c39.4,8.1,81.6-4.9,109-37.6c40-47.7,33.3-119.1-15-159.6C354.9,23.9,343.6,17.4,331.7,12.9z"/>
|
||||||
|
<path id="path98" d="M235.8,310.8h46.8c44.1,0,79.9-34.7,79.9-77.4s-35.8-77.4-79.9-77.4h-67.6c-25.5,0-46.1,20-46.1,44.7v173.8
|
||||||
|
L235.8,310.8z"/>
|
||||||
|
<path id="path100" class="st19" d="M235.8,310.8h46.8c44.1,0,79.9-34.7,79.9-77.4s-35.8-77.4-79.9-77.4h-67.6
|
||||||
|
c-25.5,0-46.1,20-46.1,44.7v173.8L235.8,310.8z"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 11 KiB |
1
bookfriends/icons/reddit.svg
Normal file
1
bookfriends/icons/reddit.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M201.5 305.5c-13.8 0-24.9-11.1-24.9-24.6 0-13.8 11.1-24.9 24.9-24.9 13.6 0 24.6 11.1 24.6 24.9 0 13.6-11.1 24.6-24.6 24.6zM504 256c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zm-132.3-41.2c-9.4 0-17.7 3.9-23.8 10-22.4-15.5-52.6-25.5-86.1-26.6l17.4-78.3 55.4 12.5c0 13.6 11.1 24.6 24.6 24.6 13.8 0 24.9-11.3 24.9-24.9s-11.1-24.9-24.9-24.9c-9.7 0-18 5.8-22.1 13.8l-61.2-13.6c-3-.8-6.1 1.4-6.9 4.4l-19.1 86.4c-33.2 1.4-63.1 11.3-85.5 26.8-6.1-6.4-14.7-10.2-24.1-10.2-34.9 0-46.3 46.9-14.4 62.8-1.1 5-1.7 10.2-1.7 15.5 0 52.6 59.2 95.2 132 95.2 73.1 0 132.3-42.6 132.3-95.2 0-5.3-.6-10.8-1.9-15.8 31.3-16 19.8-62.5-14.9-62.5zM302.8 331c-18.2 18.2-76.1 17.9-93.6 0-2.2-2.2-6.1-2.2-8.3 0-2.5 2.5-2.5 6.4 0 8.6 22.8 22.8 87.3 22.8 110.2 0 2.5-2.2 2.5-6.1 0-8.6-2.2-2.2-6.1-2.2-8.3 0zm7.7-75c-13.6 0-24.6 11.1-24.6 24.9 0 13.6 11.1 24.6 24.6 24.6 13.8 0 24.9-11.1 24.9-24.6 0-13.8-11-24.9-24.9-24.9z"/></svg>
|
||||||
|
After Width: | Height: | Size: 1.1 KiB |
6
bookfriends/icons/spoutible.svg
Normal file
6
bookfriends/icons/spoutible.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 6.9 KiB |
1
bookfriends/icons/square-reddit.svg
Normal file
1
bookfriends/icons/square-reddit.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M283.2 345.5c2.7 2.7 2.7 6.8 0 9.2-24.5 24.5-93.8 24.6-118.4 0-2.7-2.4-2.7-6.5 0-9.2 2.4-2.4 6.5-2.4 8.9 0 18.7 19.2 81 19.6 100.5 0 2.4-2.3 6.6-2.3 9 0zm-91.3-53.8c0-14.9-11.9-26.8-26.5-26.8-14.9 0-26.8 11.9-26.8 26.8 0 14.6 11.9 26.5 26.8 26.5 14.6 0 26.5-11.9 26.5-26.5zm90.7-26.8c-14.6 0-26.5 11.9-26.5 26.8 0 14.6 11.9 26.5 26.5 26.5 14.9 0 26.8-11.9 26.8-26.5 0-14.9-11.9-26.8-26.8-26.8zM448 80v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48zm-99.7 140.6c-10.1 0-19 4.2-25.6 10.7-24.1-16.7-56.5-27.4-92.5-28.6l18.7-84.2 59.5 13.4c0 14.6 11.9 26.5 26.5 26.5 14.9 0 26.8-12.2 26.8-26.8 0-14.6-11.9-26.8-26.8-26.8-10.4 0-19.3 6.2-23.8 14.9l-65.7-14.6c-3.3-.9-6.5 1.5-7.4 4.8l-20.5 92.8c-35.7 1.5-67.8 12.2-91.9 28.9-6.5-6.8-15.8-11-25.9-11-37.5 0-49.8 50.4-15.5 67.5-1.2 5.4-1.8 11-1.8 16.7 0 56.5 63.7 102.3 141.9 102.3 78.5 0 142.2-45.8 142.2-102.3 0-5.7-.6-11.6-2.1-17 33.6-17.2 21.2-67.2-16.1-67.2z"/></svg>
|
||||||
|
After Width: | Height: | Size: 1.2 KiB |
1
bookfriends/icons/square-threads.svg
Normal file
1
bookfriends/icons/square-threads.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM294.2 244.3c19.5 9.3 33.7 23.5 41.2 40.9c10.4 24.3 11.4 63.9-20.2 95.4c-24.2 24.1-53.5 35-95.1 35.3h-.2c-46.8-.3-82.8-16.1-106.9-46.8C91.5 341.8 80.4 303.7 80 256v-.1-.1c.4-47.7 11.5-85.7 33-113.1c24.2-30.7 60.2-46.5 106.9-46.8h.2c46.9 .3 83.3 16 108.2 46.6c12.3 15.1 21.3 33.3 27 54.4l-26.9 7.2c-4.7-17.2-11.9-31.9-21.4-43.6c-19.4-23.9-48.7-36.1-87-36.4c-38 .3-66.8 12.5-85.5 36.2c-17.5 22.3-26.6 54.4-26.9 95.5c.3 41.1 9.4 73.3 26.9 95.5c18.7 23.8 47.4 36 85.5 36.2c34.3-.3 56.9-8.4 75.8-27.3c21.5-21.5 21.1-47.9 14.2-64c-4-9.4-11.4-17.3-21.3-23.3c-2.4 18-7.9 32.2-16.5 43.2c-11.4 14.5-27.7 22.4-48.4 23.5c-15.7 .9-30.8-2.9-42.6-10.7c-13.9-9.2-22-23.2-22.9-39.5c-1.7-32.2 23.8-55.3 63.5-57.6c14.1-.8 27.3-.2 39.5 1.9c-1.6-9.9-4.9-17.7-9.8-23.4c-6.7-7.8-17.1-11.8-30.8-11.9h-.4c-11 0-26 3.1-35.6 17.6l-23-15.8c12.8-19.4 33.6-30.1 58.5-30.1h.6c41.8 .3 66.6 26.3 69.1 71.8c1.4 .6 2.8 1.2 4.2 1.9l.1 .5zm-71.8 67.5c17-.9 36.4-7.6 39.7-48.8c-8.8-1.9-18.6-2.9-29-2.9c-3.2 0-6.4 .1-9.6 .3c-28.6 1.6-38.1 15.5-37.4 27.9c.9 16.7 19 24.5 36.4 23.6l-.1-.1z"/></svg>
|
||||||
|
After Width: | Height: | Size: 1.4 KiB |
1
bookfriends/icons/square-tumblr.svg
Normal file
1
bookfriends/icons/square-tumblr.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-82.3 364.2c-8.5 9.1-31.2 19.8-60.9 19.8-75.5 0-91.9-55.5-91.9-87.9v-90h-29.7c-3.4 0-6.2-2.8-6.2-6.2v-42.5c0-4.5 2.8-8.5 7.1-10 38.8-13.7 50.9-47.5 52.7-73.2.5-6.9 4.1-10.2 10-10.2h44.3c3.4 0 6.2 2.8 6.2 6.2v72h51.9c3.4 0 6.2 2.8 6.2 6.2v51.1c0 3.4-2.8 6.2-6.2 6.2h-52.1V321c0 21.4 14.8 33.5 42.5 22.4 3-1.2 5.6-2 8-1.4 2.2.5 3.6 2.1 4.6 4.9l13.8 40.2c1 3.2 2 6.7-.3 9.1z"/></svg>
|
||||||
|
After Width: | Height: | Size: 725 B |
1
bookfriends/icons/square-twitter.svg
Normal file
1
bookfriends/icons/square-twitter.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6-37.2 0-71.7-10.8-100.7-29.4 5.3.6 10.4.8 15.8.8 30.7 0 58.9-10.4 81.4-28-28.8-.6-53-19.5-61.3-45.5 10.1 1.5 19.2 1.5 29.6-1.2-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3a65.447 65.447 0 0 1-29.2-54.6c0-12.2 3.2-23.4 8.9-33.1 32.3 39.8 80.8 65.8 135.2 68.6-9.3-44.5 24-80.6 64-80.6 18.9 0 35.9 7.9 47.9 20.7 14.8-2.8 29-8.3 41.6-15.8-4.9 15.2-15.2 28-28.8 36.1 13.2-1.4 26-5.1 37.8-10.2-8.9 13.1-20.1 24.7-32.9 34z"/></svg>
|
||||||
|
After Width: | Height: | Size: 839 B |
BIN
bookfriends/icons/storygraph-fb6f92.png
Normal file
BIN
bookfriends/icons/storygraph-fb6f92.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
BIN
bookfriends/icons/storygraph-white.png
Normal file
BIN
bookfriends/icons/storygraph-white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
1
bookfriends/icons/substack.svg
Normal file
1
bookfriends/icons/substack.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="white" d="M22.539 8.242H1.46V5.406h21.08v2.836zM1.46 10.812V24L12 18.11L22.54 24V10.812H1.46zM22.54 0H1.46v2.836h21.08V0z"/></svg>
|
||||||
|
After Width: | Height: | Size: 225 B |
1
bookfriends/icons/threads.svg
Normal file
1
bookfriends/icons/threads.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M331.5 235.7c2.2 .9 4.2 1.9 6.3 2.8c29.2 14.1 50.6 35.2 61.8 61.4c15.7 36.5 17.2 95.8-30.3 143.2c-36.2 36.2-80.3 52.5-142.6 53h-.3c-70.2-.5-124.1-24.1-160.4-70.2c-32.3-41-48.9-98.1-49.5-169.6V256v-.2C17 184.3 33.6 127.2 65.9 86.2C102.2 40.1 156.2 16.5 226.4 16h.3c70.3 .5 124.9 24 162.3 69.9c18.4 22.7 32 50 40.6 81.7l-40.4 10.8c-7.1-25.8-17.8-47.8-32.2-65.4c-29.2-35.8-73-54.2-130.5-54.6c-57 .5-100.1 18.8-128.2 54.4C72.1 146.1 58.5 194.3 58 256c.5 61.7 14.1 109.9 40.3 143.3c28 35.6 71.2 53.9 128.2 54.4c51.4-.4 85.4-12.6 113.7-40.9c32.3-32.2 31.7-71.8 21.4-95.9c-6.1-14.2-17.1-26-31.9-34.9c-3.7 26.9-11.8 48.3-24.7 64.8c-17.1 21.8-41.4 33.6-72.7 35.3c-23.6 1.3-46.3-4.4-63.9-16c-20.8-13.8-33-34.8-34.3-59.3c-2.5-48.3 35.7-83 95.2-86.4c21.1-1.2 40.9-.3 59.2 2.8c-2.4-14.8-7.3-26.6-14.6-35.2c-10-11.7-25.6-17.7-46.2-17.8H227c-16.6 0-39 4.6-53.3 26.3l-34.4-23.6c19.2-29.1 50.3-45.1 87.8-45.1h.8c62.6 .4 99.9 39.5 103.7 107.7l-.2 .2zm-156 68.8c1.3 25.1 28.4 36.8 54.6 35.3c25.6-1.4 54.6-11.4 59.5-73.2c-13.2-2.9-27.8-4.4-43.4-4.4c-4.8 0-9.6 .1-14.4 .4c-42.9 2.4-57.2 23.2-56.2 41.8l-.1 .1z"/></svg>
|
||||||
|
After Width: | Height: | Size: 1.3 KiB |
BIN
bookfriends/icons/true.png
Normal file
BIN
bookfriends/icons/true.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 193 KiB |
33
bookfriends/icons/true.svg
Normal file
33
bookfriends/icons/true.svg
Normal file
|
|
@ -0,0 +1,33 @@
|
||||||
|
<svg width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M530.286 438.893H54.8572C24.56 438.893 0 463.451 0 493.746V969.141C0 999.436 24.56 1023.99 54.8572 1023.99H530.286C560.583 1023.99 585.143 999.436 585.143 969.141V493.746C585.143 463.451 560.583 438.893 530.286 438.893ZM146.286 877.719C105.891 877.719 73.1429 844.973 73.1429 804.581C73.1429 764.19 105.891 731.444 146.286 731.444C186.68 731.444 219.429 764.19 219.429 804.581C219.429 844.973 186.68 877.719 146.286 877.719ZM329.143 877.719C288.749 877.719 256 844.973 256 804.581C256 764.19 288.749 731.444 329.143 731.444C369.537 731.444 402.286 764.19 402.286 804.581C402.286 844.973 369.537 877.719 329.143 877.719Z" fill="url(#paint0_linear_1_112)"/>
|
||||||
|
<path d="M530.286 438.899H54.8572C24.56 438.899 0 463.457 0 493.752V969.147C0 999.442 24.56 1024 54.8572 1024H530.286C560.583 1024 585.143 999.442 585.143 969.147V493.752C585.143 463.457 560.583 438.899 530.286 438.899ZM146.286 877.725C105.891 877.725 73.1429 844.979 73.1429 804.587C73.1429 764.196 105.891 731.449 146.286 731.449C186.68 731.449 219.429 764.196 219.429 804.587C219.429 844.979 186.68 877.725 146.286 877.725ZM329.143 877.725C288.749 877.725 256 844.979 256 804.587C256 764.196 288.749 731.449 329.143 731.449C369.537 731.449 402.286 764.196 402.286 804.587C402.286 844.979 369.537 877.725 329.143 877.725Z" fill="url(#paint1_linear_1_112)"/>
|
||||||
|
<path d="M530.092 365.573H278.697C248.423 365.573 223.875 341.031 223.875 310.754V59.3772C223.875 10.5406 282.926 -13.9148 317.457 20.6142L568.852 271.991C603.389 306.525 578.926 365.567 530.086 365.567L530.092 365.573Z" fill="url(#paint2_linear_1_112)"/>
|
||||||
|
<path d="M968.377 804.581H713.8C683.143 804.581 658.286 779.726 658.286 749.071V494.512C658.286 445.058 718.08 420.289 753.051 455.258L1007.63 709.817C1042.6 744.786 1017.83 804.576 968.371 804.576L968.377 804.581Z" fill="url(#paint3_linear_1_112)"/>
|
||||||
|
<path d="M968.377 365.693H713.8C683.143 365.693 658.286 340.837 658.286 310.182V55.6232C658.286 6.16953 718.08 -18.6001 753.051 16.3688L1007.63 270.928C1042.6 305.897 1017.83 365.687 968.371 365.687L968.377 365.693Z" fill="url(#paint4_linear_1_112)"/>
|
||||||
|
<defs>
|
||||||
|
<linearGradient id="paint0_linear_1_112" x1="15.0914" y1="1008.91" x2="852.792" y2="171.144" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop stop-color="#EC476D"/>
|
||||||
|
<stop offset="1" stop-color="#F6AE4A"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="paint1_linear_1_112" x1="292.572" y1="1021.65" x2="292.572" y2="799.199" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop stop-color="#DB44DB" stop-opacity="0.3"/>
|
||||||
|
<stop offset="0.11" stop-color="#DB44DB" stop-opacity="0.21"/>
|
||||||
|
<stop offset="0.27" stop-color="#DB44DB" stop-opacity="0.12"/>
|
||||||
|
<stop offset="0.44" stop-color="#DB44DB" stop-opacity="0.05"/>
|
||||||
|
<stop offset="0.65" stop-color="#DB44DB" stop-opacity="0.01"/>
|
||||||
|
<stop offset="1" stop-color="#DB44DB" stop-opacity="0"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="paint2_linear_1_112" x1="-200.714" y1="790.131" x2="657.505" y2="-68.1435" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop stop-color="#EC476D"/>
|
||||||
|
<stop offset="1" stop-color="#F6AE4A"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="paint3_linear_1_112" x1="235.6" y1="1227.24" x2="1094.4" y2="368.38" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop stop-color="#EC476D"/>
|
||||||
|
<stop offset="1" stop-color="#F6AE4A"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="paint4_linear_1_112" x1="16.143" y1="1007.79" x2="874.939" y2="148.933" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop stop-color="#EC476D"/>
|
||||||
|
<stop offset="1" stop-color="#F6AE4A"/>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.5 KiB |
1
bookfriends/icons/tumblr.svg
Normal file
1
bookfriends/icons/tumblr.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M309.8 480.3c-13.6 14.5-50 31.7-97.4 31.7-120.8 0-147-88.8-147-140.6v-144H17.9c-5.5 0-10-4.5-10-10v-68c0-7.2 4.5-13.6 11.3-16 62-21.8 81.5-76 84.3-117.1.8-11 6.5-16.3 16.1-16.3h70.9c5.5 0 10 4.5 10 10v115.2h83c5.5 0 10 4.4 10 9.9v81.7c0 5.5-4.5 10-10 10h-83.4V360c0 34.2 23.7 53.6 68 35.8 4.8-1.9 9-3.2 12.7-2.2 3.5.9 5.8 3.4 7.4 7.9l22 64.3c1.8 5 3.3 10.6-.4 14.5z"/></svg>
|
||||||
|
After Width: | Height: | Size: 613 B |
1
bookfriends/icons/twitter.svg
Normal file
1
bookfriends/icons/twitter.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></svg>
|
||||||
|
After Width: | Height: | Size: 1 KiB |
BIN
bookfriends/img/heart-bullet.png
Normal file
BIN
bookfriends/img/heart-bullet.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
BIN
bookfriends/img/pink-heart-bullet.png
Normal file
BIN
bookfriends/img/pink-heart-bullet.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
bookfriends/img/pinkberries.gif
Normal file
BIN
bookfriends/img/pinkberries.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 102 KiB |
BIN
bookfriends/img/pinkberries.png
Normal file
BIN
bookfriends/img/pinkberries.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 314 KiB |
BIN
bookfriends/img/pinkbullet-16px.png
Normal file
BIN
bookfriends/img/pinkbullet-16px.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
bookfriends/img/pinkbullet-32px.png
Normal file
BIN
bookfriends/img/pinkbullet-32px.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
BIN
bookfriends/img/pinkbullet-shadow.png
Normal file
BIN
bookfriends/img/pinkbullet-shadow.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
117
bookfriends/index.html
Normal file
117
bookfriends/index.html
Normal file
|
|
@ -0,0 +1,117 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
|
||||||
|
<title>Shannon Kay, Book Friend</title>
|
||||||
|
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="theme-color" content="#f9dee1">
|
||||||
|
<link rel="stylesheet" href="yallwest.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<header></header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
|
||||||
|
<nav></nav>
|
||||||
|
<section class="blurb">
|
||||||
|
<section class="social-icons">
|
||||||
|
<a rel="me" href="https://bookstodon.com/@shannonkay"><i class="fa-brands fa-mastodon"></i></a>
|
||||||
|
<a href="https://instagram.com/pinkbookscoffee"><i class="fa-brands fa-instagram"></i></a>
|
||||||
|
<a href="https://www.threads.net/@pinkbookscoffee"><i class="fa-brands fa-threads"></i></a>
|
||||||
|
<a href="https://bsky.app/profile/shannonkay.com"><i class="fa-brands fa-bluesky"></i></a>
|
||||||
|
<a href="https://bsky.app/profile/pinkbooks.coffee"><i class="fa-brands fa-bluesky"></i></a>
|
||||||
|
<a href="https://pixelfed.social/pinkbookscoffee"><img class="icon" src="../icons/pixelfed.svg" alt="PinkBooksCoffee Pixelfed account"></a>
|
||||||
|
<a rel="me" href="https://www.goodreads.com/shannonkay"><i class="fa-brands fa-goodreads-g"></i></a>
|
||||||
|
<a rel="me" href="https://app.thestorygraph.com/profile/pinkbookscoffee"><img class="icon" src="storygraph.svg" alt="Storygraph"></a>
|
||||||
|
</section>
|
||||||
|
<section id="featurephoto">
|
||||||
|
<figure id="shannon-yallwest24">
|
||||||
|
<img class="photo" alt="Shannon Kay in front of flower backdrop at yallwest 2024" src="shannon-yallwest24.jpg">
|
||||||
|
<figcaption class="caption">
|
||||||
|
yallwest 2024!
|
||||||
|
</figcaption></figure>
|
||||||
|
</section>
|
||||||
|
<section id="hello">
|
||||||
|
<p>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 <span class="username">shannonkay</span> on most of the internet, and sometimes <span class="username">pinkbookscoffee</span> in bookish and other cozy spaces. </p>
|
||||||
|
|
||||||
|
<p>You might want to friend or follow me on <a class="username" href="https://www.goodreads.com/shannonkay"><i class="fa-brands fa-goodreads-g"></i>GoodReads</a> and <a class="username" href="https://app.thestorygraph.com/profile/pinkbookscoffee"><img class="icon" src="../storygraph.svg">StoryGraph</a>. Let's <a href="https://www.goodreads.com/user/compare/198969">compare books</a>! </p>
|
||||||
|
|
||||||
|
<p>You can follow me on the fediverse on Mastodon <a class="username"href="https://bookstodon.com/@shannonkay"><i class="fa-brands fa-mastodon"></i>@shannonkay@bookstodon.com</a> or even join the great book-themed server I'm on, <a href="https://bookstodon.com">Bookstodon.com</a>. </p>
|
||||||
|
|
||||||
|
<p>I'm on Bluesky <a class="username" href="https://bsky.app/profile/shannonkay.com"><i class="fa-brands fa-bluesky"></i>@shannonkay.com</a> and <a class="username" href="https://bsky.app/profile/pinkbooks.coffee"><i class="fa-brands fa-bluesky"></i>@pinkbooks.coffee</a> </p>
|
||||||
|
|
||||||
|
<p>For "booksta" I'm <a class="username" href="https://www.instagram.com/pinkbookscoffee"><i class="fa-brands fa-instagram"></i>@pinkbookscoffee</a> on Instagram and <a class="username" href="https://www.threads.net/@pinkbookscoffee"><i class="fa-brands fa-threads"></i>@pinkbookscoffee</a> on Threads. </p>
|
||||||
|
|
||||||
|
<p>If you're tired of the algorithm, I'm mirroring my bookstagram to Pixelfed at <a class="username" href="https://pixelfed.social/pinkbookscoffee">@pinkbookscoffee@pixelfed.social</a>.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>You can also check out my <a href="https://www.shannonkay.com">personal website</a>, <a href="https://blog.shannonkay.com">my blog</a>, or <a href="https://www.pinkbooks.coffee">PinkBooks.coffee</a></p>
|
||||||
|
<p class="comment"><a href="mailto:homepage25@shannonkay.me?subject=yallwest%202025">Comment by email</a></p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="profilepics">
|
||||||
|
<p>
|
||||||
|
<figure>
|
||||||
|
<img class="profilepic" id="shannonkaypic" src="ShannonKay2017.jpg" />
|
||||||
|
<figcaption class="caption">@shannonkay profile picture</figcaption>
|
||||||
|
</figure>
|
||||||
|
<figure>
|
||||||
|
<img class="profilepic" id="pinkbookscoffeepic" src="pinkbookscoffee-profile.jpg" />
|
||||||
|
<figcaption class="caption">@pinkbookscoffee profile picture</figcaption>
|
||||||
|
</figure></p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="recap" class="text">
|
||||||
|
<h2>Past Events</h2>
|
||||||
|
<ul>
|
||||||
|
<li><a href="/yallwest24/index.html">yallwest 2024</a></li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="booklinks">
|
||||||
|
<h2>Book Links</h2>
|
||||||
|
<p><a href="https://blog.shannonkay.com/books/">Book Blogging on Shannon's Blog</a> <a href="https://blog.shannonkay.com/bookfeed.xml"><i class="fa-solid fa-square-rss"></i></a></p>
|
||||||
|
<p class="link"><a class="link" rel="me" href="https://app.thestorygraph.com/profile/pinkbookscoffee"><img class="icon" src="../storygraph.svg"> StoryGraph</a></p>
|
||||||
|
<p class="link"><a class="link" rel="me" href="https://www.goodreads.com/shannonkay"><i class="fa-brands fa-goodreads-g"></i> GoodReads</a></p>
|
||||||
|
<p class="link"><a class="link" rel="me" href="https://www.bookwormreads.co/profile/pinkbookscoffee"><img class="icon" src="bookwormreads.co.png" alt="bookworm logo"> Bookworm</a></p>
|
||||||
|
<p class="link"><a class="link" rel="me" href="https://www.instagram.com/pinkbookscoffee">"Bookstagram" <i class="fa-brands fa-instagram"></i> @pinkbookscoffee</a></p>
|
||||||
|
<p class="link"><a class="link" rel="me" href="https://pixelfed.social/pinkbookscoffee"><img src="../icons/pixelfed.svg" alt="PinkBooksCoffee Pixelfed account" class="icon"> @pinkbookscoffee@pixelfed.social</a></p>
|
||||||
|
<p class="link"><a class="link" rel="me" href="https://www.threads.net/@pinkbookscoffee"><i class="fa-brands fa-threads"></i> @pinkbookscoffee on Threads</a></p>
|
||||||
|
<p class="link"><a rel="me" class="link" href="https://bsky.app/profile/pinkbooks.coffee"><i class="fa-brands fa-bluesky"></i> @pinkbooks.coffee on Bluesky</a></p>
|
||||||
|
<p class="link"><a class="link" rel="me" href="https://bookrastinating.com/user/shannonkay"><img class="icon" src="../icons/bookrastinating.png"> BookWyrm @shannonkay@bookrastinating.com</a></p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="currentread">
|
||||||
|
<h4>Currently Reading</h4>
|
||||||
|
<p></p>
|
||||||
|
|
||||||
|
<div id="gr_grid_widget_1674899180">
|
||||||
|
<!-- Show static html as a placeholder in case js is not enabled - javascript include will override this if things work -->
|
||||||
|
<div class="gr_grid_container1">
|
||||||
|
<div class="gr_grid_book_container1"><a title="The Last Fallen Star (Gifted Clans, #1)" rel="nofollow" href="https://www.goodreads.com/book/show/55277625-the-last-fallen-star"><img alt="The Last Fallen Star" border="0" src="https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1601319805l/55277625._SX98_.jpg" /></a></div>
|
||||||
|
<noscript><br/>Share <a rel="nofollow" href="/">book reviews</a> and ratings with Shannon, and even join a <a rel="nofollow" href="/group">book club</a> on Goodreads.</noscript>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<script src="https://www.goodreads.com/review/grid_widget/198969.Shannon's%20currently-reading%20book%20montage?cover_size=medium&hide_link=true&hide_title=true&num_books=4&order=d&shelf=currently-reading&sort=date_added&widget_id=1674899180" type="text/javascript" charset="utf-8"></script>
|
||||||
|
<p>If there's nothing here, it means I'm between books.</p>
|
||||||
|
</section>
|
||||||
|
<section id="recentlyread">
|
||||||
|
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<p><a href="../index.html">Shannon's Homepage</a></p>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
BIN
bookfriends/pinkbookscoffee-profile.jpg
Normal file
BIN
bookfriends/pinkbookscoffee-profile.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 738 KiB |
BIN
bookfriends/shannon-yallwest24.jpg
Normal file
BIN
bookfriends/shannon-yallwest24.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
6
bookfriends/storygraph.svg
Normal file
6
bookfriends/storygraph.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 7.2 KiB |
375
bookfriends/yallwest.css
Normal file
375
bookfriends/yallwest.css
Normal file
|
|
@ -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 */
|
||||||
|
|
||||||
BIN
bookfriends/yallwest24/ShannonKay2017.jpg
Normal file
BIN
bookfriends/yallwest24/ShannonKay2017.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 582 KiB |
BIN
bookfriends/yallwest24/ShannonKay2017sm.jpg
Normal file
BIN
bookfriends/yallwest24/ShannonKay2017sm.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 92 KiB |
317
bookfriends/yallwest24/allstyle.css
Normal file
317
bookfriends/yallwest24/allstyle.css
Normal file
|
|
@ -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 */
|
||||||
|
|
||||||
107
bookfriends/yallwest24/index.html
Normal file
107
bookfriends/yallwest24/index.html
Normal file
|
|
@ -0,0 +1,107 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8"/>
|
||||||
|
<meta charset="utf-8"/>
|
||||||
|
<title>Shannon at yallwest 2024</title>
|
||||||
|
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="theme-color" content="#f9dee1">
|
||||||
|
<link rel="stylesheet" href="yallwest.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<header></header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
|
||||||
|
<nav></nav>
|
||||||
|
<section class="blurb">
|
||||||
|
<section class="social-icons">
|
||||||
|
<a rel="me" href="https://bookstodon.com/@shannonkay"><i class="fa-brands fa-mastodon"></i></a>
|
||||||
|
<a href="https://instagram.com/pinkbookscoffee"><i class="fa-brands fa-instagram"></i></a>
|
||||||
|
<a href="https://www.threads.net/@pinkbookscoffee"><i class="fa-brands fa-threads"></i></a>
|
||||||
|
<a href="https://app.thestorygraph.com/profile/pinkbookscoffee"><img class="icon" src="../storygraph.svg"></a>
|
||||||
|
<a href="https://www.goodreads.com/shannonkay"><i class="fa-brands fa-goodreads-g"></i></a>
|
||||||
|
<a href="https://shannonkay.tumblr.com"><i class="fa-brands fa-tumblr"></i></a>
|
||||||
|
<a href="https://bsky.app/profile/shannonkay.com"><i class="fa-brands fa-bluesky"></i></a>
|
||||||
|
</section>
|
||||||
|
<section id="featurephoto">
|
||||||
|
<figure id="shannon-yallwest24">
|
||||||
|
<img class="photo" alt="Shannon Kay in front of flower backdrop at yallwest 2024" src="shannon-yallwest24.jpg">
|
||||||
|
<figcaption class="caption">
|
||||||
|
It was a great day at yallwest 2024! <a href="#recap">Skip to photo highlights.</a>
|
||||||
|
</figcaption></figure>
|
||||||
|
</section>
|
||||||
|
<section id="hello">
|
||||||
|
<p>If you're seeing this page, it probably means that I met you at yallwest 2024. My name is Shannon, and
|
||||||
|
I go by <span class="username">shannonkay</span> on most of the internet, and sometimes <span class="username">pinkbookscoffee</span> in bookish and other cozy spaces.
|
||||||
|
For "booksta" I'm <a class="username" href="https://www.instagram.com/pinkbookscoffee"><i class="fa-brands fa-instagram"></i>@pinkbookscoffee</a> on Instagram and <a class="username" href="https://www.threads.net/@pinkbookscoffee"><i class="fa-brands fa-threads"></i>@pinkbookscoffee</a> on Threads.
|
||||||
|
You might want to friend or follow me on <a class="username" href="https://www.goodreads.com/shannonkay"><i class="fa-brands fa-goodreads-g"></i>GoodReads</a> and <a class="username" href="https://app.thestorygraph.com/profile/pinkbookscoffee"><img class="icon" src="../storygraph.svg">StoryGraph</a>. Let's <a href="https://www.goodreads.com/user/compare/198969">compare books</a>!
|
||||||
|
You can follow me on the fediverse on Mastodon <a class="username"href="https://bookstodon.com/@shannonkay"><i class="fa-brands fa-mastodon"></i>@shannonkay@bookstodon.com</a> or even join the great book-themed server I'm on, <a href="https://bookstodon.com">Bookstodon.com</a>.
|
||||||
|
If you're tired of the algorithm, I'm mirroring my bookstagram to Pixelfed at <a class="username" href="https://pixelfed.social/pinkbookscoffee">@pinkbookscoffee@pixelfed.social</a>.
|
||||||
|
|
||||||
|
</p>
|
||||||
|
<p>You can also check out my <a href="https://www.shannonkay.com">personal website</a>, <a href="https://blog.shannonkay.com">my blog</a>, or <a href="https://www.pinkbooks.coffee">PinkBooks.coffee</a></p>
|
||||||
|
<p class="comment"><a href="mailto:yallwest24@shannonkay.me?subject=yallwest%202024">Comment by email</a></p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="profilepics">
|
||||||
|
<p>
|
||||||
|
<figure>
|
||||||
|
<img class="profilepic" id="shannonkaypic" src="ShannonKay2017.jpg" />
|
||||||
|
<figcaption class="caption">@shannonkay profile picture</figcaption>
|
||||||
|
</figure>
|
||||||
|
<figure>
|
||||||
|
<img class="profilepic" id="pinkbookscoffeepic" src="pinkbookscoffee-profile.jpg" />
|
||||||
|
<figcaption class="caption">@pinkbookscoffee profile picture</figcaption>
|
||||||
|
</figure></p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="recap">
|
||||||
|
<h2>yallwest 2024 Photo Highlights</h2>
|
||||||
|
<a href="https://photo.shannonkay.com/Events/Yallwest-2024">view my full gallery</a>
|
||||||
|
<p><a href="https://photo.shannonkay.com/Events/Yallwest-2024/i-vcCwmVx/A"><img src="https://photos.smugmug.com/Events/Yallwest-2024/i-vcCwmVx/0/FFFPWcR4cphLTMhq6hCVB8B2L2bVkqcTVPcmRd5n6/S/20240504.11.50-002-S.jpg" alt=""></a> <a href="https://photo.shannonkay.com/Events/Yallwest-2024/i-fWxm6bk/A"><img src="https://photos.smugmug.com/Events/Yallwest-2024/i-fWxm6bk/0/5KGZQhrHvLZRkx6bjtvZBJvjpVtTqgvCZ3dgpfJs/S/20240504.12.36-022-S.jpg" alt=""></a> <a href="https://photo.shannonkay.com/Events/Yallwest-2024/i-wHpBJg5/A"><img src="https://photos.smugmug.com/Events/Yallwest-2024/i-wHpBJg5/0/CZcMhGwhWJRDbRtkWBQSJ5xd78LFWsgHRFVxz6dTF/S/20240504.13.57-022-S.jpg" alt=""></a> <a href="https://photo.shannonkay.com/Events/Yallwest-2024/i-7kk52km/A"><img src="https://photos.smugmug.com/Events/Yallwest-2024/i-7kk52km/0/CmQcXNgDL7c2gbhSQ6xR7XFXPFJxvCnvssGWcW87v/S/20240504.15.59-022-S.jpg" alt=""></a></p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="booklinks">
|
||||||
|
<h3>Book Links</h3>
|
||||||
|
<p><a href="https://blog.shannonkay.com/books/">Book Blogging on Shannon's Blog</a> <a href="https://blog.shannonkay.com/bookfeed.xml"><i class="fa-solid fa-square-rss"></i></a></p>
|
||||||
|
<p><a class="link" rel="me" href="https://app.thestorygraph.com/profile/pinkbookscoffee"><img class="icon" src="../storygraph.svg"> StoryGraph</a></p>
|
||||||
|
<p><a class="link" rel="me" href="https://www.goodreads.com/shannonkay"><i class="fa-brands fa-goodreads-g"></i> GoodReads</a></p>
|
||||||
|
<p><a class="link" rel="me" href="https://www.instagram.com/pinkbookscoffee">"Bookstagram" <i class="fa-brands fa-instagram"></i> @pinkbookscoffee</a></p>
|
||||||
|
<p><a class="link" rel="me" href="https://pixelfed.social/pinkbookscoffee">Pixelfed @pinkbookscoffee@pixelfed.social</a></p>
|
||||||
|
<p><a class="link" rel="me" href="https://www.threads.net/@pinkbookscoffee"><i class="fa-brands fa-threads"></i> @pinkbookscoffee on Threads</a></p>
|
||||||
|
<p><a class="link" rel="me" href="https://bookrastinating.com/user/shannonkay"><img class="icon" src="/icons/bookrastinating.png"> BookWyrm @shannonkay@bookrastinating.com</a></p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="currentread">
|
||||||
|
<h4>Currently Reading</h4>
|
||||||
|
<p></p>
|
||||||
|
|
||||||
|
<div id="gr_grid_widget_1674899180">
|
||||||
|
<!-- Show static html as a placeholder in case js is not enabled - javascript include will override this if things work -->
|
||||||
|
<div class="gr_grid_container1">
|
||||||
|
<div class="gr_grid_book_container1"><a title="The Last Fallen Star (Gifted Clans, #1)" rel="nofollow" href="https://www.goodreads.com/book/show/55277625-the-last-fallen-star"><img alt="The Last Fallen Star" border="0" src="https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1601319805l/55277625._SX98_.jpg" /></a></div>
|
||||||
|
<noscript><br/>Share <a rel="nofollow" href="/">book reviews</a> and ratings with Shannon, and even join a <a rel="nofollow" href="/group">book club</a> on Goodreads.</noscript>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<script src="https://www.goodreads.com/review/grid_widget/198969.Shannon's%20currently-reading%20book%20montage?cover_size=medium&hide_link=true&hide_title=true&num_books=4&order=d&shelf=currently-reading&sort=date_added&widget_id=1674899180" type="text/javascript" charset="utf-8"></script>
|
||||||
|
<p>If there's nothing here, it means I'm between books.</p>
|
||||||
|
</section>
|
||||||
|
<section id="recentlyread">
|
||||||
|
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<p><a href="../index.html">Shannon's Homepage</a></p>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
BIN
bookfriends/yallwest24/pinkbookscoffee-profile.jpg
Normal file
BIN
bookfriends/yallwest24/pinkbookscoffee-profile.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 738 KiB |
BIN
bookfriends/yallwest24/shannon-yallwest24.jpg
Normal file
BIN
bookfriends/yallwest24/shannon-yallwest24.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
343
bookfriends/yallwest24/yallwest.css
Normal file
343
bookfriends/yallwest24/yallwest.css
Normal file
|
|
@ -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 */
|
||||||
|
|
||||||
14
index.html
14
index.html
|
|
@ -38,6 +38,7 @@
|
||||||
<a href="books/index.html">Books</a>
|
<a href="books/index.html">Books</a>
|
||||||
<a href="follow/index.html">Follow</a>
|
<a href="follow/index.html">Follow</a>
|
||||||
<a href="blank/index.html">Blank</a>
|
<a href="blank/index.html">Blank</a>
|
||||||
|
<a href="directory/index.html">Directory</a>
|
||||||
<a href="https://photo.shannonkay.com" rel="me">Photos</a>
|
<a href="https://photo.shannonkay.com" rel="me">Photos</a>
|
||||||
<a href="https://blog.shannonkay.com" rel="me">Blog</a>
|
<a href="https://blog.shannonkay.com" rel="me">Blog</a>
|
||||||
<a href="https://guestbook.shannonkay.com">Guestbook</a>
|
<a href="https://guestbook.shannonkay.com">Guestbook</a>
|
||||||
|
|
@ -55,11 +56,12 @@
|
||||||
</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 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>
|
<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>
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
<p>I invite you to 💗<a href="https://guestbook.shannonkay.com">Sign My Guestbook</a>📚.</p>
|
||||||
|
|
||||||
|
<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>
|
||||||
<picture>
|
<picture>
|
||||||
<source srcset="coffeeloveblinkie-shannon.gif"
|
<source srcset="coffeeloveblinkie-shannon.gif"
|
||||||
media="(prefers-reduced-motion: no-preference)">
|
media="(prefers-reduced-motion: no-preference)">
|
||||||
|
|
@ -68,6 +70,8 @@
|
||||||
</picture>
|
</picture>
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
<p>Visit my other website, <a href="https://www.pixelshannon.com">Pixel Shannon</a>, for guides and articles about the web, including <a href="https://web.pixelshannon.com/make/">Make Your Own Website</a>.</p>
|
||||||
|
|
||||||
<section id="emoji">
|
<section id="emoji">
|
||||||
<p>
|
<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">
|
<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 +138,7 @@ I love books, coffee, tech, and making things pink.
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
<p>Shannon's Homepage by Shannon Kay</p>
|
<p>Shannon's Homepage by Shannon Kay</p>
|
||||||
<p class="updated">Updated March 2, 2025 | Created August 15, 2021</p>
|
<p class="updated"><a href="log/index.html">Updated</a> April 11, 2025 | Created August 15, 2021</p>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
44
log/index.html
Normal file
44
log/index.html
Normal file
|
|
@ -0,0 +1,44 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Shannon Kay /log</title>
|
||||||
|
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="theme-color" content="#f9dee1">
|
||||||
|
<link rel="stylesheet" href="../home.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<header><h1><a href="../index.html">Shannon Kay</a>'s Website Log</h1></header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<!--
|
||||||
|
<nav>Navigation goes here</nav>
|
||||||
|
-->
|
||||||
|
<section class="content">
|
||||||
|
<p>This is a <a href="https://www.etymonline.com/word/log#etymonline_v_12388">log</a> of updates and changes to my website. Not to be confused with my <a href="https://blog.shannonkay.com">blog</a>.</p>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<p id="20250411">
|
||||||
|
<a href="#20250411">April 11, 2025</a><br>
|
||||||
|
<ul>
|
||||||
|
<li>I updated my <a href="../now/index.html">Now Page</a>.</li>
|
||||||
|
<li>I added a link to the new <a href="../directory/index.html">directory</a> page.</li>
|
||||||
|
<li>I put a link to <a href="https://www.pixelshannon.com">PixelShannon.com</a> on the homepage.</li>
|
||||||
|
<li>I created a log page.</li>
|
||||||
|
</ul>
|
||||||
|
</p>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<p><a href="../index.html">Shannon's Homepage</a></p>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -1,8 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8"/>
|
|
||||||
<meta charset="utf-8"/>
|
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<title>Shannon Kay (Now)</title>
|
<title>Shannon Kay (Now)</title>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
|
@ -34,27 +32,25 @@
|
||||||
<header><h1><a href="../index.html">Shannon Kay</a> /Now</h1></header>
|
<header><h1><a href="../index.html">Shannon Kay</a> /Now</h1></header>
|
||||||
|
|
||||||
<main class="now">
|
<main class="now">
|
||||||
|
|
||||||
<h2 id="currently">Currently</h2>
|
<h2 id="currently">Currently</h2>
|
||||||
<p>Hey, it's raining! 🌧️ ☔️</p>
|
<p>Ready for Spring Break!</p>
|
||||||
<p class="updated"> Updated February 13, 2025</p>
|
<p class="updated"> Updated April 11, 2025</p>
|
||||||
|
<hr>
|
||||||
<hr />
|
|
||||||
<h2 id="family">Family</h2>
|
<h2 id="family">Family</h2>
|
||||||
<p>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)</p>
|
<p>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)</p>
|
||||||
<ul>
|
<ul>
|
||||||
<li><strong>Guinevere</strong> 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!</li>
|
<li><strong>Guinevere</strong> 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.</li>
|
||||||
<li><strong>Caspian</strong> is in second grade. He loves video games, especially Mario and Minecraft. He was diagnosed with <a href="https://beyondtype1.org/type-1-diabetes/">Type 1 diabetes</a> in February 2024 and is doing well, adjusting to management. </li>
|
<li><strong>Caspian</strong> is in second grade. He loves video games, especially Mario and Minecraft. He was diagnosed with <a href="https://beyondtype1.org/type-1-diabetes/">Type 1 diabetes</a> in February 2024 and is doing well, adjusting to management. </li>
|
||||||
<li><strong>Beatrix</strong> 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.</li>
|
<li><strong>Beatrix</strong> is in Kindergarten. She loves playing with dolls and is starting to play more games with her brother. <br />
|
||||||
<li>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.</li>
|
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.</li>
|
||||||
</ul>
|
</ul>
|
||||||
<hr />
|
<hr>
|
||||||
<h2 id="watching">Watching</h2>
|
<h2 id="watching">Watching</h2>
|
||||||
<p>Severance Season 2 has begun, but we haven't started watching it yet.</p>
|
<p>We've started watching <a href="https://thetvdb.com/series/severance">Severance</a>, Season 2.</p>
|
||||||
<hr />
|
<hr>
|
||||||
<h2 id="books">Books</h2>
|
<h2 id="books">Books</h2>
|
||||||
<p>I've recently read <a href="https://www.kristyboyceauthor.com/dating-dragons">Dating and Dragons</a> by <a href="https://www.kristyboyceauthor.com">Kristy Boyce</a>, <a href="https://www.sophiekinsella.co.uk/book/what-does-it-feel-like/">What Does it Feel Like?</a> by <a href="https://www.sophiekinsella.co.uk">Sophie Kinsella</a>, and <a href="https://www.jilltew.com/books">The Dividing Sky</a> by <a href="https://www.jilltew.com">Jill Tew</a>.</p>
|
<p>I recently read both prequel books in the <a href="https://en.wikipedia.org/wiki/The_Hunger_Games">Hunger Games</a> series by <a href="https://www.suzannecollinsbooks.com">Suzanne Collins</a>, <a href="https://www.suzannecollinsbooks.com/the_ballad_of_songbirds_and_snakes.htm">The Ballad of Songbirds and Snakes</a>, and <a href="https://www.suzannecollinsbooks.com/sunrise_on_the_reaping.htm">Sunrise on the Reaping</a>. </p>
|
||||||
<p>I'm currently reading <a href="https://www.julieleong.com/books">The Teller of Small Fortunes</a> by <a href="https://www.julieleong.com">Julie Leong</a>.</p>
|
<p>I'm currently reading <a href="https://www.orbit-books.co.uk/titles/heather-fawcett/emily-wildes-compendium-of-lost-tales/9780356519197/">Emily Wilde's Compendium of Lost Tales</a> by <a href="https://heatherfawcett.com">Heather Fawcett</a>.</p>
|
||||||
|
|
||||||
<section id="currentread">
|
<section id="currentread">
|
||||||
<h4>Currently Reading</h4>
|
<h4>Currently Reading</h4>
|
||||||
|
|
|
||||||
BIN
pic/books/IMG_4378.jpeg
Normal file
BIN
pic/books/IMG_4378.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
Loading…
Reference in a new issue