genshibe/website
genshibe/website
1
1
Fork 0
mirror of https://github.com/GenShibe/website.git synced 2025-02-12 15:04:49 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

oooo fancy effects go brrr

Browse source
This commit is contained in:
Gen 2024-03-07 00:16:24 -08:00
parent 76f785b3bb
commit 54f2928783
No known key found for this signature in database
GPG key ID: CE5EAD50DD5E2278
2 changed files with 23 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
index.html
View file

@ -51,7 +51,7 @@
>Last updated at <span class="last-updated"></span> | ©️ >Last updated at <span class="last-updated"></span> | ©️
Licensed under GPL V3 | Licensed under GPL V3 |
<a href="https://github.com/GenShibe/genshibe.github.io/" <a href="https://github.com/GenShibe/genshibe.github.io/"
>source code</a >Source code</a
></span ></span
> >
<select class="theme-selector"> <select class="theme-selector">
@ -69,7 +69,7 @@
<script> <script>
window.addEventListener("DOMContentLoaded", () => { window.addEventListener("DOMContentLoaded", () => {
const selector = document.querySelector(".theme-selector"); const selector = document.querySelector(".theme-selector");
selector.value = localStorage.getItem("theme") || window.matchMedia('(prefers-color-scheme: light)').matches ? "latte" : "frappe"; selector.value = localStorage.getItem("theme") || window.matchMedia('(prefers-color-scheme: dark)').matches ? "frappe" : "latte";
document.documentElement.setAttribute("theme", selector.value); document.documentElement.setAttribute("theme", selector.value);
selector.addEventListener("change", function () { selector.addEventListener("change", function () {
localStorage.setItem("theme", this.value); localStorage.setItem("theme", this.value);

31
style.css
View file

@ -229,14 +229,33 @@ footer {
text-decoration: none; text-decoration: none;
color: var(--ctp-text); color: var(--ctp-text);
background-color: var(--ctp-surface0); background-color: var(--ctp-surface0);
border-radius: 5px; border-radius: 7px;
font-weight: bold; border: 2px solid;
border-color: var(--ctp-mantle);
text-align: center; text-align: center;
font-size: 1.25em; font-size: 1.25em;
margin: 5px; margin: 5px;
line-height: 1.75em; line-height: 1.75em;
font-family: 'Victor Mono', Courier, monospace; font-family: 'Victor Mono', Courier, monospace;
font-style: italic; font-style: italic;
box-shadow: 0 0 5.5px 0px var(--ctp-peach);
}
select {
padding: 0.25rem 0.5rem;
background-color: var(--ctp-surface0);
color: var(--ctp-text);
border-radius: 7px;
border: 2px solid;
border-color: var(--ctp-mantle);
text-align: left;
font-size: 1em;
line-height: 1.25em;
border-radius: 7px;
font-family: 'Victor Mono', Courier, monospace;
font-style: italic;
box-shadow: 0 0 5.5px 0px var(--ctp-peach);
} }
.socials a:hover { .socials a:hover {
@ -252,11 +271,3 @@ hr {
margin: 1.5rem auto; margin: 1.5rem auto;
box-shadow: 0 0 15px 0px var(--ctp-peach); box-shadow: 0 0 15px 0px var(--ctp-peach);
} }
select {
background-color: var(--ctp-base);
color: var(--ctp-text);
border-width: 2px;
border-color: var(--ctp-surface0);
border-radius: 0.375rem;
}