sd/site
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

theres like nothing of this but idk if this even works

Browse source
This commit is contained in:
Ruben 2023-11-03 07:52:00 -05:00
commit e0e4a9ec68
No known key found for this signature in database
3 changed files with 76 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
README.md
View file

@ -1,3 +1,3 @@
# ruben's generic ass website
this is the repo that houses my website, which i won't say is professional or anything, but i think it's good enough. this should be viable over at [sneexy.pages.gay](https://sneexy.pages.gay)
this is the repo that houses my website, which i won't say is professional or anything, but i think it's good enough. this should be viable over at [Sneexy.pages.gay](https://Sneexy.pages.gay)

23
index.html
View file

@ -1 +1,22 @@
<p1>hi</p1>
<!DOCTYPE html>
<html>
<head>
<title>sneexy dot pages dot gay</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="main">
<div class="intro-box">
<h1>hey, i'm ruben.</h1>
<h2>welcome to my site.</h2>
<p>i'm your "average" 17 year old gay foss enjoyer.</p>
</div>
</div>
</body>
</html>

53
style.css Normal file
View file

@ -0,0 +1,53 @@
:root {
--page-bg: #121E19;
--bg: #24342D;
--bg-t: #00513B;
--header: #BCFFE1;
--header-2: #E3F5EA;
--fg: #F4FFF7;
--accent-1: #36FFC4;
--shadow: #000000;
}
html {
background: var(--page-bg);
font-family: JetBrainsMono Nerd Font;
}
.main {
width: 100%;
max-width: 80%;
position: absolute;
top: 20%;
transform: translate(11%, -50%);
}
.intro-box {
position: relative;
display: flex;
justify-content: space-evenly;
transform: translateY(10%);
padding: 30px;
margin: 50px;
border-radius: 26px;
background-color: var(--bg);
box-shadow: var(--shadow) 0px 5px 17px;
}
h1 {
color: var(--header);
text-align: center;
font-size: 32px;
text-shadow: 0px 0px 14px var(--accent-1);
}
h2 {
color: var(--header-2);
font-size: 26px;
text-shadow: 0px 0px 8px var(--header-2);
}
p {
color: var(--fg);
font-size: 20px;
}