add webrings
All checks were successful
/ test (push) Successful in 11s

This commit is contained in:
Soph :3 2024-07-27 17:46:55 +03:00
parent 9f2cdb88eb
commit 2ce371ea67
Signed by: sophie
GPG key ID: EDA5D222A0C270F2
2 changed files with 21 additions and 5 deletions

View file

@ -1,6 +1,5 @@
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Noto+Emoji:wght@300..700&display=swap");
body {
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
@ -19,6 +18,7 @@ a {
grid-template-areas:
"details skills"
"details donations"
"webrings webrings"
"status binkies"
"stickers blog";
grid-gap: 5px;
@ -43,7 +43,7 @@ a {
overflow: auto;
}
.giscus-outer {
max-height:20vh;
max-height: 20vh;
}
.e-mail {
@ -98,11 +98,18 @@ h6 {
align-items: center;
justify-content: center;
}
.webrings {
grid-area: webrings;
}
.blog {
grid-area: blog;
max-height: 75vh;
}
webring-container {
width: unset !important;
height: unset !important;
}
@media only screen and (max-width: 600px) {
.order {
grid-template-areas:
@ -110,6 +117,7 @@ h6 {
"status"
"skills "
"donations "
"webrings"
"blog "
"blog "
"binkies"
@ -127,7 +135,7 @@ h6 {
max-height: unset;
}
.giscus-outer {
max-height:unset;
max-height: unset;
}
#oneko {
display: none;

View file

@ -108,7 +108,15 @@ __TEMPLATE_HEAD__
<a href="https://github.com/NotNite/eightyeightthirtyone" class="hasBadge"><img src="https://eightyeightthirty.one/88x31.png"
alt="eightyeightthirty.one"></a>
</div>
<div class="paper webrings">
<webring-container>
<config key="type" value="noir"></config>
<config key="font" value="Overused Grotesk, Arial, sans-serif"></config>
<config key="fill" value="false"></config>
<script src="https://palette.nekoweb.org/webring.js"></script>
</webring-container>
</div>
</div>
</body>