Saturn/saturn.gay
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: pagessss

Browse Source
This commit is contained in:
aze
2025-09-05 20:58:39 +02:00
parent 4d16e35d26
commit ff5d02a5b1
6 changed files with 101 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
about.html Normal file
View File

@@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/css/styles.css">
<title>Saturn</title>
</head>
<body>
<div class="navbar">
<a href="index.html">HOME</a>
<a href="about.html">ABOUT</a>
<a href="projects.html">PROJECTS</a>
<a href="https://host.saturn.gay/">HOSTING</a>
</div>
<div class="rbottom">
<img src="assets/img/saturn-black.png" alt="">
<p>© 2022 - 2025 SATURN</p>
<p>ALL RIGHTS RESERVED</p>
</div>
</body>
</html>

50
assets/css/styles.css
View File

@@ -3,14 +3,22 @@
src: url(../font/DIN.otf) format('opentype'); src: url(../font/DIN.otf) format('opentype');
} }
@font-face {
font-family: "DIN-light";
src: url(../font/DIN-light.woff) format('opentype');
}
* { * {
font-family: "DIN", sans-serif; font-family: "DIN-light", sans-serif;
background-color: #fff; background-color: #fff;
color: black; color: black;
} }
.rbottom { .rbottom {
position: fixed; position: fixed;
display: flex;
flex-direction: column;
align-items: flex-end; /* aligns items to the right */
right: 20px; right: 20px;
bottom: 20px; bottom: 20px;
padding: 10px; padding: 10px;
@@ -18,7 +26,43 @@
text-align: right; text-align: right;
} }
.rbottom p {
margin: 0; /* remove default spacing */
}
.rbottom img { .rbottom img {
max-width: 120px; max-width: 120px;
margin-bottom: -30px; margin-top: -30px; /* pulls the image up */
}
.navbar {
position: fixed;
right: 50px;
top: 50px;
display: flex;
gap: 150px;
}
.navbar a {
position: relative;
font-family: "DIN-light", sans-serif;
font-size: 23px;
text-decoration: none;
color: black;
}
.navbar a::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0; /* start with zero width */
height: 2px; /* thickness of underline */
background-color: black;
transition: width 0.3s ease; /* smooth slide animation */
}
.navbar a:hover::after {
width: 100%; /* full width on hover */
} }

BIN
assets/font/DIN-light.woff Normal file
View File

Binary file not shown.

BIN
assets/font/DIN-narrow-light.otf Normal file
View File

Binary file not shown.

9
index.html
View File

@@ -8,9 +8,16 @@
<title>Saturn</title> <title>Saturn</title>
</head> </head>
<body> <body>
<div class="navbar">
<a href="index.html">HOME</a>
<a href="about.html">ABOUT</a>
<a href="projects.html">PROJECTS</a>
<a href="https://host.saturn.gay/">HOSTING</a>
</div>
<div class="rbottom"> <div class="rbottom">
<img src="assets/img/saturn-black.png" alt=""> <img src="assets/img/saturn-black.png" alt="">
<p>© 2022 - 2025 Saturn</p> <p>© 2022 - 2025 SATURN</p>
<p>ALL RIGHTS RESERVED</p>
</div> </div>
</body> </body>
</html> </html>

23
projects.html Normal file
View File

@@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/css/styles.css">
<title>Saturn</title>
</head>
<body>
<div class="navbar">
<a href="index.html">HOME</a>
<a href="about.html">ABOUT</a>
<a href="projects.html">PROJECTS</a>
<a href="https://host.saturn.gay/">HOSTING</a>
</div>
<div class="rbottom">
<img src="assets/img/saturn-black.png" alt="">
<p>© 2022 - 2025 SATURN</p>
<p>ALL RIGHTS RESERVED</p>
</div>
</body>
</html>