first commit
This commit is contained in:
commit
3bf7c08caa
7 changed files with 227 additions and 0 deletions
0
README.md
Normal file
0
README.md
Normal file
25
aboutme.html
Normal file
25
aboutme.html
Normal 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
31
contact.html
Normal 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
BIN
favicon.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 773 B |
100
index.css
Normal file
100
index.css
Normal 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
39
index.html
Normal 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
32
setup.html
Normal 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>
|
||||
|
Loading…
Add table
Reference in a new issue