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

idk this took way too long and its not even good

Browse Source
This commit is contained in:
Ted Pier
2025-08-06 15:51:59 -07:00
parent cd93ca43ec
commit 2f906b4b89
4 changed files with 30 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

16
index.html
View File

@@ -11,19 +11,19 @@
<link rel="dns-prefetch" href="https://archz.miningtcup.me/" /> <link rel="dns-prefetch" href="https://archz.miningtcup.me/" />
<link rel="dns-prefetch" href="https://archlinux.org/" /> <link rel="dns-prefetch" href="https://archlinux.org/" />
<link rel="dns-prefetch" href="https://hypr.land/" /> <link rel="dns-prefetch" href="https://hypr.land/" />
<link rel="preload" href="discord.png" as="image" type="image/png" />
<link rel="preload" href="protonmail.png" as="image" type="image/png" />
<link rel="preload" href="phone.webp" as="image" type="image/webp" />
</head> </head>
<body> <body>
<div class="centerer"> <div class="centerer">
<div id="content"> <div id="content">
<div id="title-1"> <div id="title-1">
<h1> <img src="lulu.webp" alt="Lulu the dog" />
Ted Pier<span class="subtitle" <div class="h1-container">
>&nbsp;a.k.a. MiningTcup</span <h1>
> Ted Pier<span class="subtitle">
</h1> &nbsp;a.k.a. MiningTcup
</span>
</h1>
</div>
</div> </div>
<hr /> <hr />
<section> <section>

BIN
lulu.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.9 KiB

After

Width:  |  Height:  |  Size: 13 KiB

26
style.css
View File

@@ -89,17 +89,34 @@ p {
} }
#title-1 { #title-1 {
background-image: url(lulu.webp);
background-size: 60%;
background-position: 100% 35%;
color: light-dark(white, black); color: light-dark(white, black);
overflow: hidden;
position: relative;
} }
#title-1 * { #title-1 > .h1-container {
margin: 0; margin: 0;
padding: 16px; padding: 16px;
background: light-dark(black, whitesmoke); background: light-dark(black, whitesmoke);
width: max-content; width: max-content;
height: max-content;
z-index: 1;
display: block;
position: relative;
}
#title-1 > div > h1 {
margin: 0;
}
#title-1 > img {
position: absolute;
top: 0;
bottom: 0;
right: 0;
z-index: 0;
display: block;
height: 100%;
} }
.disabled { .disabled {
@@ -112,6 +129,7 @@ body {
position: relative; position: relative;
background: light-dark(whitesmoke, black); background: light-dark(whitesmoke, black);
color: light-dark(black, whitesmoke); color: light-dark(black, whitesmoke);
display: block;
} }
#click-to-reveal-prompt { #click-to-reveal-prompt {