Website: Updated layout, added buttons, updated discord @

This commit is contained in:
Sugaryy_ 2023-07-18 14:37:43 +02:00
parent 8af73babc5
commit 183a8ff26e
26 changed files with 552 additions and 72 deletions

BIN
src/badges/ai.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 776 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 837 B

BIN
src/badges/bi.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 378 B

BIN
src/badges/debian.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 904 B

BIN
src/badges/fedi.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
src/badges/femboybutton.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 KiB

BIN
src/badges/firefox4.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
src/badges/gay.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 574 B

BIN
src/badges/gentoo.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1 KiB

BIN
src/badges/pride.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

BIN
src/badges/pride2.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
src/badges/pride3.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
src/badges/queer.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

BIN
src/badges/trans.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 239 B

BIN
src/badges/transnow2.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 471 B

BIN
src/badges/tyg.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

43
src/boykisser.html Normal file
View file

@ -0,0 +1,43 @@
<!DOCTYPE html>
<head>
<title>Boykisser! :3</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta content="Boykisser!" property="og:title" />
<meta content="Nyaa~" property="og:description" />
<meta content="pfp.png" property="og:image" />
<meta content="#f5c2e7" data-react-helmet="true" name="theme-color" />
<link rel="stylesheet" href="style2.css">
<meta name="darkreader-lock">
</head>
<html>
<h1>Boy kisser!</h1>
<pre>
⠀⠀⠀⢰⠶⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⠶⠲⣄⠀
⠀⠀⣠⡟⠀⠈⠙⢦⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⡶⣦⣀⠀⠀⠀⠀⠀⠀⠀⠀⣠⠾⠋⠁⠀⠀⢽⡄
⠀⠀⡿⠀⠀⠀⠀⠀⠉⠷⣄⣀⣤⠤⠤⠤⠤⢤⣷⡀⠙⢷⡄⠀⠀⠀⠀⣠⠞⠉⠀⠀⠀⠀⠀⠈⡇
⠀⢰⡇⠀⠀⠀⠀⠀⠀⠀⠉⠳⣄⠀⠀⠀⠀⠀⠈⠁⠀⠀⠹⣦⠀⣠⡞⠁⠀⠀⠀⠀⠀⠀⠀⠀⡗
⠀⣾⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⣻⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣏
⠀⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⡇
⠀⡿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣾⠂
⠀⢿⠀⠀⠀⠀⣤⣤⣤⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣤⣤⣤⣤⣤⡀⠀⠀⠀⠀⠀⣸⠇⠀
⠀⠘⣇⠀⠀⠀⠀⠉⠉⠛⠛⢿⣶⣦⠀⠀⠀⠀⠀⠀⢴⣾⣟⣛⡋⠋⠉⠉⠁⠀⠀⠀⠀⣴⠏⠀⠀
⢀⣀⠙⢷⡄⠀⠀⣀⣤⣶⣾⠿⠋⠁⠀⢴⠶⠶⠄⠀⠀⠉⠙⠻⠿⣿⣷⣶⡄⠀⠀⡴⠾⠛⠛⣹⠇
⢸⡍⠉⠉⠉⠀⠀⠈⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⠀⠀⠀⠀⣬⠷⣆⣠⡤⠄⢀⣤⠞⠁⠀
⠈⠻⣆⡀⠶⢻⣇⡴⠖⠀⠀⠀⣴⡀⣀⡴⠚⠳⠦⣤⣤⠾⠀⠀⠀⠀⠀⠘⠟⠋⠀⠀⠀⢻⣄⠀⠀
⠀⠀⣼⠃⠀⠀⠉⠁⠀⠀⠀⠀⠈⠉⢻⡆⠀⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⠀⠀
⠀⢠⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⡀⠀⠀⢀⡇⠀⠀⠀⠀⠀⠀⠀⠀⣀⡿⠧⠿⠿⠟⠀⠀
⠀⣾⡴⠖⠛⠳⢦⣿⣶⣄⣀⠀⠀⠀⠀⠘⢷⣀⠀⣸⠃⠀⠀⠀⣀⣀⣤⠶⠚⠉⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠈⢷⡀⠈⠻⠦⠀⠀⠀⠀⠉⠉⠁⠀⠀⠀⠀⠹⣆⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⢀⡴⠟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⢳⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⢠⡟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠻⡄⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠈⠉⠛⠛⢲⡗⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⡆⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡇⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠙⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠋
</pre>
<br><br>
<div id="footer">
<a href="index.html">Return to main page :3</a> <br>
&copy; 2023 - the gay people in your computer <br>
</div>
</html>

33
src/button.html Normal file
View file

@ -0,0 +1,33 @@
<!DOCTYPE html>
<head>
<title>Sugary's place! :3</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta content="Boykisser!" property="og:title" />
<meta content="Nyaa~" property="og:description" />
<meta content="pfp.png" property="og:image" />
<meta content="#f5c2e7" data-react-helmet="true" name="theme-color" />
<link rel="stylesheet" href="style2.css">
<meta name="darkreader-lock">
</head>
<html>
<div id="title">
<h1>Sugary's 88x31 button!</h1>
<br>
</div>
<div id="button">
<a class="no_hover" href="https://sugary.kemonomimi.gay/" target="_blank"><img src="badges/gay.gif" width="88"
height="31"> </a>
<h3>You can add it anywhere ♡</h3>
</div>
<div id="code">
<h3>Code:</h3>
<textarea readonly rows="2" cols="125"><a class="no_hover" href="https://sugary.kemonomimi.gay/" target="_blank"><img src="https://sugary.kemonomimi.gay/badges/gay.gif" width="88" height="31"> </a> </textarea>
</div>
<div id="footer">
<a href="index.html">Return to main page :3</a> <br>
&copy; 2023 - the gay people in your computer <br>
</div>
</html>

34
src/friends.html Normal file
View file

@ -0,0 +1,34 @@
<!DOCTYPE html>
<head>
<title>Sugary's place! :3</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta content="Boykisser!" property="og:title" />
<meta content="Nyaa~" property="og:description" />
<meta content="pfp.png" property="og:image" />
<meta content="#f5c2e7" data-react-helmet="true" name="theme-color" />
<link rel="stylesheet" href="style3.css">
<meta name="darkreader-lock">
</head>
<html>
<i>
<h1> Cool people! </h1>
</i>
<ul>
<li><b><a href="https://coffeefoxxi.kemonomimi.gay/" target="_blank">Coffee</a></b></li>
<li><b><a href="https://xutils.co/" target="_blank">Xwashere</a></b></li>
<li><b><a href="https://chiefjazzdiewltr.github.io/" target="_blank">Chief</a></b></li>
<li><b><a href="https://yukijoou.kemonomimi.gay/" target="_blank">Yukijoou</a></b></li>
<li><b><a href="https://toxicaven.dev/" target="_blank">Aven</a></b></li>
<li><b><a href="https://ady.kemonomimi.gay/" target="_blank">Ady</a></b></li>
<li><b><a href="https://makulaturka.tk/" target="_blank">m4kulatura</a></b></li>
<li><b><a href="https://nova.gay/" target="_blank">Nova</a></b></li>
<li><b><a href="https://snoopitek.com/" target="_blank">Snoopie</a></b></li>
</ul>
<div id="footer">
<a href="index.html">Return to main page :3</a> <br>
&copy; 2023 - the gay people in your computer <br>
</div>
</html>

View file

@ -7,63 +7,81 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta content="Sugary's website!" property="og:title" /> <meta content="Sugary's website!" property="og:title" />
<meta content="Nyaa~" property="og:description" /> <meta content="Nyaa~" property="og:description" />
<meta content="https://sugary.kemonomimi.gay/pfp.png" property="og:image" /> <meta content="pfp.png" property="og:image" />
<meta content="#f5c2e7" data-react-helmet="true" name="theme-color" /> <meta content="#f5c2e7" data-react-helmet="true" name="theme-color" />
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<meta name="darkreader-lock"> <meta name="darkreader-lock">
</head> </head>
<body> <body>
<script src="./oneko.js"></script> <script src="oneko.js"></script>
<main> <main>
<script src="light-mode.js"></script> <script src="light-mode.js"></script>
<mytitle> <div class="title">
<i> <i>
<h1>Haii!~ Welcome to my lil place! :3</h1> <h1>Haii!~ Welcome to my lil place on the internet! :3</h1>
</i> </i>
</mytitle> </div>
<div id="cat">
<pre><b> l、 <pre><b> l、
(゚、 。 (゚、 。
l ~ヽ l ~ヽ
じしf_,)</b></pre><br> じしf_,)</b></pre>
<br>
</div>
<div id="intro">
I'm just a silly catgirl named Sugary X3<br> I'm just a silly catgirl named Sugary X3<br>
This is my smol website ♡ This is my smol website ♡
</div>
<div id="contact">
<i> <i>
<h2>Contact me</h2> <h2>Contact me</h2>
</i> </i>
<p>Discord: Sugaryy_#9400</p> <p>Discord: @sugaryy_</p>
<p>Matrix: @sugaryy_:nova.gay</p> <p>Matrix: @sugaryy_:nova.gay</p>
<p>PGP Key: <b><a href="public.pgp" target="_blank">7335 E540 ED67 B607 29F4 5A22 CA68 994E 63B6
285D</a></b></p>
</div>
<div id="about me">
<i> <i>
<h2>About me</h2> <h2>About me</h2>
</i> </i>
I'm a transfem catgirl from Poland! <br> I'm a transfem catgirl from Poland! <br>
I mostly do programming as a hobby :3 <br> I mostly do programming as a hobby :3 <br>
I love playing around with Linux and OSes in general :3<br>
I <i>sometimes</i> 3d print stuff on my modified Ender 3 :3 <br>
I go by she/her :3 <br><br> I go by she/her :3 <br><br>
<b><a href="https://www.github.com/Sugaryyyy/" target="_blank">Github</a></b> <b><a href="https://www.github.com/Sugaryyyy/" target="_blank">Github</a></b>
<b><a href="https://git.kemonomimi.gay/Sugary" target="_blank">Gitea</a></b> <b><a href="https://git.kemonomimi.gay/Sugary" target="_blank">Gitea</a></b>
<b><a href="https://www.youtube.com/@Sugaryy_" target="_blank">Youtube</a></b> <b><a href="https://www.youtube.com/@Sugaryy_" target="_blank">Youtube</a></b>
<b><a href="https://www.twitch.tv/sugaryy_" target="_blank">Twitch</a></b> <b><a href="https://www.twitch.tv/sugaryy_" target="_blank">Twitch</a></b>
</div>
<div id="projects">
<i> <i>
<h2>Projects</h2> <h2>Projects</h2>
</i> </i>
<ul> <ul>
<li><b><a href="https://www.github.com/Sugaryyyy/FemboyOS" target="_blank">FemboyOS</a></b></li> <li><b><a href="https://www.github.com/Sugaryyyy/FemboyOS" target="_blank">FemboyOS</a></b></li>
<li><b><a href="https://git.kemonomimi.gay/Sugary/sugary.kemonomimi.gay" target="_blank">This website</a></b></li>
</ul> </ul>
</div>
<div id="links">
<i> <i>
<h2>Links</h2> <h2>Links</h2>
</i> </i>
<ul> <ul>
<li><b><a href="https://kemonomimi.gay">Main website</a></b></li> <li><b><a href="https://kemonomimi.gay" target="_blank">Main website</a></b></li>
<li><b><a href="friends.html" target="_blank">Friends :3</a></b></li>
<li><b><a href="button.html" target="_blank">My own 88x31 button :3</a></b></li>
<li><b><a href="boykisser.html" target="_blank">Boykisser :3</a></b></li>
</ul> </ul>
</div>
<!-- <div id="friends">
<i> <i>
<h2> Cool people! </h2> <h2> Cool people! </h2>
</i> </i>
<ul> <ul>
<li><b><a href="https://coffeefoxxi.kemonomimi.gay/" target="_blank">Coffee</a></b></li>
<li><b><a href="https://xutils.co/" target="_blank">Xwashere</a></b></li> <li><b><a href="https://xutils.co/" target="_blank">Xwashere</a></b></li>
<li><b><a href="https://chiefjazzdiewltr.github.io/" target="_blank">Chief</a></b></li> <li><b><a href="https://chiefjazzdiewltr.github.io/" target="_blank">Chief</a></b></li>
<li><b><a href="https://yukijoou.kemonomimi.gay/" target="_blank">Yukijoou</a></b></li> <li><b><a href="https://yukijoou.kemonomimi.gay/" target="_blank">Yukijoou</a></b></li>
@ -73,29 +91,47 @@
<li><b><a href="https://nova.gay/" target="_blank">Nova</a></b></li> <li><b><a href="https://nova.gay/" target="_blank">Nova</a></b></li>
<li><b><a href="https://snoopitek.com/" target="_blank">Snoopie</a></b></li> <li><b><a href="https://snoopitek.com/" target="_blank">Snoopie</a></b></li>
</ul> </ul>
</div>-->
<div>
<br> <br>
<br> <br>
</div>
<div class="lightmodebutton"> <div class="lightmodebutton">
<img src="lightmode.png" width="50" height="50" onclick="themeToggle()" /> <img src="lightmode.png" width="50" height="50" onclick="themeToggle()" />
</div> </div>
</main> </main>
<div id="buttons">
<img src="badges/tyg.gif" width="88" height="31">
<img src="badges/transnow2.gif" width="88" height="31">
<img src="badges/pride.gif" width="88" height="31">
<img src="badges/pride2.gif" width="88" height="31">
<br>
<img src="badges/trans.gif" width="88" height="31">
<img src="badges/bi.gif" width="88" width="31">
<img src="badges/pride3.gif" width="88" width="31">
<img src="badges/queer.gif" width="88" width="31">
<br>
<a class="no_hover" href="https://www.mozilla.org/en-US/firefox/new/" target="_blank"><img
src="badges/firefox4.gif" width="88" height="31"> </a>
<a class="no_hover" href="https://www.debian.org/" target="_blank"><img src="badges/debian.gif" width="88"
height="31"> </a>
<a class="no_hover" href="https://www.gentoo.org/downloads/" target="_blank"><img src="badges/gentoo.gif"
width="88" height="31"> </a>
<a class="no_hover" href="https://fedi.kemonomimi.gay/" target="_blank"><img src="badges/fedi.gif"
width="88" height="31"> </a> <br>
<img src="badges/ai.gif" width="88" height="31">
<img src="badges/femboybutton.gif" width="88" height="31">
<badges>
<a class="no_hover" href="https://www.gentoo.org" target="_blank"><img
src="https://sugary.kemonomimi.gay/badges/gentoo.png"></a>
<a class="no_hover" href="https://www.archlinux.org" target="_blank"><img
src="https://sugary.kemonomimi.gay/badges/archlinux.png"></a>
<br><br> <br><br>
</badges> </div>
<div id="footer">
<footer>
&copy; 2023 - the gay people in your computer <br> &copy; 2023 - the gay people in your computer <br>
theme from <a href="https://github.com/catppuccin/catppuccin" target="_blank">catppuccin</a> <br> theme from <a href="https://github.com/catppuccin/catppuccin" target="_blank">catppuccin</a> <br>
oneko from <a href="https://github.com/adryd325/oneko.js" target="_blank">oneko.js</a> oneko from <a href="https://github.com/adryd325/oneko.js" target="_blank">oneko.js</a>
<br><br> <br><br>
<img src="https://moe-counter.glitch.me/get/@:sugary" alt=":sugary" /> <!-- <img src="https://moe-counter.glitch.me/get/@:sugary" alt=":sugary" /> -->
</footer> <!-- <a class="no_hover" href="https://www.archlinux.org" target="_blank"> -->
</div>
</body> </body>
</html> </html>

51
src/public.pgp Normal file
View file

@ -0,0 +1,51 @@
-----BEGIN PGP PUBLIC KEY BLOCK-----
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
=UURq
-----END PGP PUBLIC KEY BLOCK-----

View file

@ -6,6 +6,7 @@ body {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
border: 1.5em solid #11111b; border: 1.5em solid #11111b;
min-height: 100vh;
color: #cdd6f4; color: #cdd6f4;
background-color: #1e1e2e; background-color: #1e1e2e;
text-align: center; text-align: center;
@ -14,8 +15,8 @@ body {
.lightmodebutton { .lightmodebutton {
position: fixed; position: fixed;
bottom: 15px; bottom: 3vh;
right: 15px; right: 3vh;
} }
.light-mode { .light-mode {
@ -41,7 +42,7 @@ body {
color: #1e66f5; color: #1e66f5;
} }
.light-mode footer { .light-mode #footer {
color: #ea76cb; color: #ea76cb;
} }
@ -64,7 +65,7 @@ a::before {
background-color: #f5c2e7; background-color: #f5c2e7;
bottom: 0; bottom: 0;
left: 0; left: 0;
transform-origin: right; transform-origin: left;
transform: scaleX(0); transform: scaleX(0);
transition: transform .3s ease-in-out; transition: transform .3s ease-in-out;
} }
@ -92,12 +93,13 @@ a:visited {
} }
footer { #footer {
text-align: center; text-align: center;
font-family: 'IBM Plex Mono', monospace; font-family: 'IBM Plex Mono', monospace;
color: #f5c2e7; color: #f5c2e7;
} }
h1 { h1 {
font-family: 'Cherry Bomb One', monospace; font-family: 'Cherry Bomb One', monospace;
color: #f5c2e7; color: #f5c2e7;
@ -108,6 +110,10 @@ h2 {
color: #f5c2e7; color: #f5c2e7;
} }
h3 {
color: #f5c2e7;
}
pre { pre {
color: #f5c2e7; color: #f5c2e7;
font-size: 15px; font-size: 15px;

144
src/style2.css Normal file
View file

@ -0,0 +1,144 @@
@import "https://kemonomimi.gay/common/fonts/CherryBombOne.css";
@import "https://kemonomimi.gay/common/fonts/IBMPlexMono.css";
body {
display: flex;
flex-direction: column;
align-items: center;
border: 1.5em solid #11111b;
height: 94vh;
color: #cdd6f4;
background-color: #1e1e2e;
text-align: center;
font-family: 'IBM Plex Mono', monospace;
}
.lightmodebutton {
position: fixed;
bottom: 15px;
right: 15px;
}
.light-mode {
background-color: #eff1f5;
color: #4c4f69;
border: 1.5em solid #dce0e8;
}
.light-mode h1 {
color: #ea76cb;
}
.light-mode h2 {
color: #ea76cb;
}
.light-mode a:link {
color: #1e66f5;
}
.light-mode a:visited {
color: #1e66f5;
}
.light-mode footer {
color: #ea76cb;
}
.light-mode pre {
color: #ea76cb;
}
a {
color: #18272F;
position: relative;
text-decoration: none;
}
a::before {
content: '';
position: absolute;
width: 100%;
height: 4px;
border-radius: 4px;
background-color: #f5c2e7;
bottom: 0;
left: 0;
transform-origin: left;
transform: scaleX(0);
transition: transform .3s ease-in-out;
}
@media (prefers-reduced-motion) {
a::before {
transition: opacity .3s ease-in-out;
opacity: 0%;
}
}
a:hover::before {
transform-origin: left;
transform: scaleX(1);
opacity: 100%;
}
a:link {
color: #89b4fa
}
a:visited {
color: #89b4fa
}
#footer {
position: absolute;
bottom:3vh;
text-align: center;
font-family: 'IBM Plex Mono', monospace;
color: #f5c2e7;
}
h1 {
font-family: 'Cherry Bomb One', monospace;
color: #f5c2e7;
}
h2 {
font-family: 'Cherry Bomb One', monospace;
color: #f5c2e7;
}
h3 {
color: #f5c2e7;
}
pre {
color: #f5c2e7;
font-size: 15px;
}
ul {
display: inline-block;
margin: auto;
padding: 0;
text-align: center;
list-style-type: none;
}
.no_hover::before {
all: initial;
}
textarea {
font-family: 'IBM Plex Mono', monospace;
padding: 12px 20px;
box-sizing: border-box;
border: 2px solid #11111b;
border-radius: 10px;
background-color: #1e1e2e;
resize: none;
color: #f5c2e7;
}

133
src/style3.css Normal file
View file

@ -0,0 +1,133 @@
@import "https://kemonomimi.gay/common/fonts/CherryBombOne.css";
@import "https://kemonomimi.gay/common/fonts/IBMPlexMono.css";
body {
display: flex;
flex-direction: column;
align-items: center;
border: 1.5em solid #11111b;
min-height: 93vh;
color: #cdd6f4;
background-color: #1e1e2e;
text-align: center;
font-family: 'IBM Plex Mono', monospace;
}
.lightmodebutton {
position: fixed;
bottom: 3vh;
right: 3vh;
}
.light-mode {
background-color: #eff1f5;
color: #4c4f69;
border: 1.5em solid #dce0e8;
}
.light-mode h1 {
color: #ea76cb;
}
.light-mode h2 {
color: #ea76cb;
}
.light-mode a:link {
color: #1e66f5;
}
.light-mode a:visited {
color: #1e66f5;
}
.light-mode #footer {
color: #ea76cb;
}
.light-mode pre {
color: #ea76cb;
}
a {
color: #18272F;
position: relative;
text-decoration: none;
}
a::before {
content: '';
position: absolute;
width: 100%;
height: 4px;
border-radius: 4px;
background-color: #f5c2e7;
bottom: 0;
left: 0;
transform-origin: left;
transform: scaleX(0);
transition: transform .3s ease-in-out;
}
@media (prefers-reduced-motion) {
a::before {
transition: opacity .3s ease-in-out;
opacity: 0%;
}
}
a:hover::before {
transform-origin: left;
transform: scaleX(1);
opacity: 100%;
}
a:link {
color: #89b4fa
}
a:visited {
color: #89b4fa
}
#footer {
text-align: center;
font-family: 'IBM Plex Mono', monospace;
color: #f5c2e7;
}
h1 {
font-family: 'Cherry Bomb One', monospace;
color: #f5c2e7;
}
h2 {
font-family: 'Cherry Bomb One', monospace;
color: #f5c2e7;
}
h3 {
color: #f5c2e7;
}
pre {
color: #f5c2e7;
font-size: 15px;
}
ul {
display: inline-block;
margin: auto;
padding: 0;
text-align: center;
list-style-type: none;
font-size: x-large;
}
.no_hover::before {
all: initial;
}