cyrneko/pages
cyrneko/pages
0
1
Fork 0
mirror of https://codeberg.org/cyrneko/pages.git synced 2025-05-04 18:13:07 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

?

Browse source
This commit is contained in:
cyrneko 2024-12-21 02:32:17 +01:00
parent ff03bc4b9c
commit 5167c04873
No known key found for this signature in database
GPG key ID: 801B4BD878A984A4
3 changed files with 57 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

3
index.html
View file

@ -88,6 +88,9 @@
<a href="http://cyrneko.eu" target="_blank" rel="noopener noreferrer"><img src="https://cyrneko.eu/assets/88x31.png" alt="Alexia's button, featuring their character comet holding a non-binary pride flag"></a>
</p></code>
</details>
<div class="secretlove">
<a href="/manifest.html"><button type="button">!</button></a>
</div>
</div>
</body>

19
manifest.html Normal file
View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>manifest</title>
<link rel="stylesheet" href="/styles/styles.css">
</head>
<body>
<div class="center">
<div class="love">
<h1>love yourself.</h1>
</div>
</div>
</body>
</html>

35
styles/styles.css
View file

@ -26,6 +26,19 @@ body div.wrapper {
box-shadow: 0px 0px 48px white;
}
body .love {
text-shadow: 0px 0px 24px white;
width: fit-content;
padding: var(--spacing);
}
div.center {
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
@font-face {
font-family: IBMWeb;
src: url('/fonts/ibm9x16.woff');
@ -109,6 +122,24 @@ summary {
cursor: pointer;
}
.secretlove {
width: fit-content;
height: fit-content;
position: fixed;
opacity: 0;
top: 92vh;
right: 24px;
transition: 1s;
}
.secretlove:hover {
opacity: 1;
}
.secretlove a:hover {
background-color: transparent;
}
@media (prefers-color-scheme: light) {
:root {
background-color: white;
@ -119,4 +150,8 @@ summary {
body div.wrapper {
box-shadow: 0px 0px 48px hsl(0, 0%, 35%);
}
body .love {
text-shadow: 0px 0px 24px hsl(0, 0%, 35%);
}
}