1
0
Fork 0

first commit

This commit is contained in:
λmolinae 2025-03-12 19:37:41 -06:00
commit 3bf7c08caa
7 changed files with 227 additions and 0 deletions

0
README.md Normal file
View file

25
aboutme.html Normal file
View file

@ -0,0 +1,25 @@
<!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="index.css">
<link href="favicon.png" rel="icon"/>
<title>amolinae's website</title>
<meta name=description content="">
</head>
<body>
<div class="crt"></div>
<link href="https://fonts.googleapis.com/css2?family=Cousine:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
<h1>About Me</h1>
<div class="card">
<p>Linux enthusiast.</p>
<p>Listen to Music.</p>
<p>The usual stuff.</p>
</div>
<div style="margin-top: 8px;">
<a href="index.html">[ Back ]</a>
</div>
</body>
</html>

31
contact.html Normal file
View file

@ -0,0 +1,31 @@
<!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="index.css">
<link href="favicon.png" rel="icon"/>
<title>amolinae's website</title>
<meta name=description content="">
</head>
<body>
<div class="crt"></div>
<link href="https://fonts.googleapis.com/css2?family=Cousine:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
<h1>Contact</h1>
<div class="card">
<div class="list">
<ul>
<li><a href="https://steamcommunity.com/id/amolinae">[ Steam ]</a></li>
<li><a href="mailto:amolinae06@protonmail.com">[ E-Mail ]</a></li>
<li><a href="https://github.com/amolinae06">[ Github ]</a></li>
<li><a href="https://gitlab.com/amolinae06">[ Gitlab ]</a></li>
<li><a href="https://codeberg.org/amolinae06">[ Codeberg ]</a></li>
</ul>
</div>
</div>
<div style="margin-top: 8px;">
<a href="index.html">[ Back ]</a>
</div>
</body>
</html>

BIN
favicon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 773 B

100
index.css Normal file
View file

@ -0,0 +1,100 @@
:root {
--primary-color: #feb938;
--secondary-color: #a3741d;
--card-bg-color: #101010;
}
* {
margin: 0;
padding: 0;
user-select: none;
font-family: "Cousine", monospace;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
}
.crt {
content: " ";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(#12101000 50%, #00000040 50%), linear-gradient(90deg, #FF00000F, #00FF0005, #0000FF0F);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
body {
background: linear-gradient(0deg, #00020F 0%, #030416 50%, #020322 100%) no-repeat center fixed;
color: var(--primary-color);
text-shadow: 1px 1px 10px var(--primary-color);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
ul { list-style-type: none; margin-bottom: 2px; }
a {
text-decoration: none;
text-shadow: none;
color: var(--secondary-color);
}
a:hover {
color: var(--primary-color);
text-shadow: 1px 1px 10px var(--primary-color);
}
.card {
border: 3px solid var(--primary-color);
box-shadow: 0px 0px 8px var(--primary-color);
background: var(--card-bg-color);
border-radius: 5%;
text-align: center;
padding: 25px;
margin: 16px;
}
.card img {
border: 3px solid var(--primary-color);
box-shadow: 0px 0px 8px var(--primary-color);
background-color: var(--secondary-color);
border-radius: 50%;
width: 225px;
height: auto;
margin-top: 16px;
}
.card p {
margin-top: 16px;
margin-bottom: 8px;
}
.links ul {
display: flex;
align-items: center;
justify-content: center;
}
.links li { margin: 4px; }
.list li { margin-top: 8px; }
@media only screen and (max-width: 600px) {
.card {
border: none;
box-shadow: none;
background: none;
}
.card img {
width: 150px;
height: auto;
}
}

39
index.html Normal file
View file

@ -0,0 +1,39 @@
<!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="index.css">
<link href="favicon.png" rel="icon"/>
<title>amolinae's website</title>
<meta name=description content="">
</head>
<body>
<div class="crt"></div>
<link href="https://fonts.googleapis.com/css2?family=Cousine:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
<div class="card">
<h1>amolinae's website</h1>
<img src="https://www.gravatar.com/avatar/666833cd7db12b0b25cd6b6a48103cdf?s=150" draggable="false">
<p>Now with a 100% less Javascript!</p>
<div style="margin: 12px;">
<div class="links">
<ul>
<li><a href="contact.html">[ Contact ]</a></li>
<li><a href="aboutme.html">[ About Me ]</a></li>
<li><a href="setup.html">[ Setup ]</a></li>
</ul>
</div>
<div class="links">
<ul>
<li><a href="https://git.amolinae.com">[ Git ]</a></li>
<li><a href="https://music.amolinae.com">[ Music ]</a></li>
</ul>
</div>
</div>
</div>
<div style="margin-top: 8px;">
<a href="https://git.amolinae.com/amolinae06/amolinaedotcom">[ Source Code ]</a>
</div>
</body>
</html>

32
setup.html Normal file
View file

@ -0,0 +1,32 @@
<!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="index.css">
<link href="favicon.png" rel="icon"/>
<title>amolinae's website</title>
<meta name=description content="">
</head>
<body>
<div class="crt"></div>
<link href="https://fonts.googleapis.com/css2?family=Cousine:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
<h1>Setup</h1>
<div class="card">
<div class="list">
<ul style="text-align:left; margin:16px 0 16px 0;">
<li>- Laptop: <a href="https://download.lenovo.com/pccbbs/pubs/t480/html_en/index_en.html">Thinkpad T480</a></li>
<li>- Operating System: <a href="https://artixlinux.org/">Artix Linux</a></li>
<li>- Window Manager: <a href="https://codeberg.org/dwl/dwl">dwl</a></li>
<li>- Terminal Emulator: <a href="https://codeberg.org/dnkl/foot">foot</a></li>
<li>- Text Editor: <a href="https://neovim.io/">neovim</a></li>
</ul>
</div>
<a href="https://git.amolinae.com/amolinae06/dotfiles">[ Dotfiles ]</a>
</div>
<div style="margin-top: 8px;">
<a href="index.html">[ Back ]</a>
</div>
</body>
</html>