MiningTcup/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add light-dark

Browse Source
This commit is contained in:
Ted Pier
2025-08-04 16:12:24 -07:00
parent 36063c0a12
commit 3b88ba7ca5
3 changed files with 11 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
README.md
View File

@@ -1,3 +1,4 @@
# website # website
MiningTcup's static website MiningTcup's static website
I know I'm using commits wrong, but I don't really care.

6
index.html
View File

@@ -27,9 +27,6 @@
<hr /> <hr />
<section> <section>
<h2>Things I've Done</h2> <h2>Things I've Done</h2>
<!-- <p> -->
<!-- An array of things I've done and reasons I've done them. -->
<!-- </p> -->
<h3><a target="_blank" href="/youclient">YouClient</a></h3> <h3><a target="_blank" href="/youclient">YouClient</a></h3>
<p> <p>
My middle school gave each student an incredibly weak My middle school gave each student an incredibly weak
@@ -94,9 +91,6 @@
<hr /> <hr />
<section> <section>
<h2>Services I Run</h2> <h2>Services I Run</h2>
<!-- <p> -->
<!-- This server, 99.31.208.235, hosts a variety of services. -->
<!-- </p> -->
<h3> <h3>
<a <a
target="_blank" target="_blank"

15
style.css
View File

@@ -3,6 +3,7 @@
--secondary: #ffe847; --secondary: #ffe847;
--primary-50: #312480; --primary-50: #312480;
--secondary-50: #807424; --secondary-50: #807424;
color-scheme: light dark;
} }
#content { #content {
@@ -21,7 +22,7 @@ h2 {
} }
a { a {
color: black; color: light-dark(black, white);
} }
p { p {
@@ -52,8 +53,8 @@ p {
.cover { .cover {
cursor: pointer; cursor: pointer;
background: #ffffff; background: light-dark(white, black);
color: #ffffff; color: light-dark(white, black);
user-select: none; user-select: none;
} }
@@ -86,23 +87,25 @@ p {
background-image: url(lulu.webp); background-image: url(lulu.webp);
background-size: 60%; background-size: 60%;
background-position: 100% 35%; background-position: 100% 35%;
color: #ffffff; color: light-dark(white, black);
} }
#title-1 * { #title-1 * {
margin: 0; margin: 0;
padding: 16px; padding: 16px;
background: #000000; background: light-dark(black, white);
width: max-content; width: max-content;
} }
body { body {
margin: 8px; margin: 8px;
font-family: sans-serif; font-family: sans-serif;
position: relative;
background: light-dark(whitesmoke, black);
} }
#click-to-reveal-prompt { #click-to-reveal-prompt {
color: #888888; color: grey;
position: absolute; position: absolute;
top: 8px; top: 8px;
left: 0; left: 0;