added reviews and made stickers full-width

This commit is contained in:
Emma Tebibyte 2022-09-16 20:04:40 -04:00
parent 37e6545367
commit c65c0e148a
2 changed files with 45 additions and 5 deletions

View File

@ -52,8 +52,8 @@ code {
word-break: break-all; word-break: break-all;
} }
p { p.full {
text-align: justify; text-align: center;
} }
.back h5 { .back h5 {
@ -103,6 +103,14 @@ p {
flex-basis: 100%; flex-basis: 100%;
} }
.subtitle {
}
.subtitle-full {
text-align: center
}
.warn { .warn {
margin: 0.5em 0; margin: 0.5em 0;
padding: 0.5em; padding: 0.5em;
@ -118,6 +126,10 @@ p {
display: inline; display: inline;
} }
.stickers {
}
.sym { .sym {
filter: invert(4%) sepia(23%) saturate(325%) hue-rotate(2deg) filter: invert(4%) sepia(23%) saturate(325%) hue-rotate(2deg)
brightness(96%) contrast(90%); brightness(96%) contrast(90%);
@ -133,6 +145,12 @@ p {
font-size: 0.8em; font-size: 0.8em;
} }
#stickers {
display: flex;
justify-content: center;
gap: 1em;
}
/* /*
* This css is free software: you can redistribute and/or modify it under the * This css is free software: you can redistribute and/or modify it under the
* terms of the GNU Affero General Public License as published by the Free * terms of the GNU Affero General Public License as published by the Free

View File

@ -169,11 +169,33 @@
</p> </p>
</div> </div>
<div class="section"> <div class="section">
<h3 class="header" id="frens"> <h3 class="header" id="reviews">
<a href="#reviews">Reviews</a>
</h3>
<h4 class="subtitle">
Idea stolen from <a href="https://trinity.moe#praise">
Trinity's page</a>.
</h4>
<p>
<a href="https://desuarchive.org/g/thread/82485208/#q82485390">
[2021-07-10T18:36:38]
</a> Anonymous: this emmatebibyte should really post feet
pics to verify cuteness, ngl
</p>
<p>
<a href="https://nightly.revolt.chat/server/01FSNXPC8QGW89RPKJC6VNXJSV/channel/01FSNXPC8QFXEB1DK7K6XBCRG2/01FWHMJW8X4E97767873KAMHYB">
[2022-02-22]
</a>
@Nyann: Emma Tebibyte gives me the "non-trustworthy-female"
vibes
</p>
</div>
<div class="section-full">
<h3 class="header-full" id="frens">
<a href="#frens">I have friends!</a> <a href="#frens">I have friends!</a>
</h3> </h3>
<h4 class="subtitle">Riveting content here, folks.</h4> <h4 class="subtitle-full">Riveting content here, folks.</h4>
<p>Here are some of their stickers:</p> <p class="full">Here are some of their stickers:</p>
<div id="stickers"> <div id="stickers">
<a href="https://donotresearch.net/"> <a href="https://donotresearch.net/">
<img src="assets/img/dnr.gif" /> <img src="assets/img/dnr.gif" />