improvements
This commit is contained in:
parent
fc55d62b38
commit
447a2fb668
5 changed files with 50 additions and 24 deletions
12
aboutme.html
12
aboutme.html
|
|
@ -13,10 +13,14 @@
|
|||
<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>Likes Self-hosting.</p>
|
||||
<p>And other stuff.</p>
|
||||
<div style="text-align: left;">
|
||||
<p>Linux enthusiast.</p>
|
||||
<p>Listen to <a href="music.html">Music</a>.</p>
|
||||
<p>Collect iPods.</p>
|
||||
<p>Likes Self-hosting.</p>
|
||||
<p>Collect ThinkPads.</p>
|
||||
<p>And other stuff.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 8px;">
|
||||
<a href="index.html">[ Back ]</a>
|
||||
|
|
|
|||
26
index.css
26
index.css
|
|
@ -1,7 +1,7 @@
|
|||
:root {
|
||||
--primary-color: #feb938;
|
||||
--secondary-color: #a3741d;
|
||||
--card-bg-color: #101010;
|
||||
--card-bg-color: #050505;
|
||||
}
|
||||
|
||||
* {
|
||||
|
|
@ -37,30 +37,25 @@ body {
|
|||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
ul { list-style-type: none; margin-bottom: 2px; }
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
text-shadow: none;
|
||||
color: var(--secondary-color);
|
||||
}
|
||||
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 {
|
||||
.card {
|
||||
border: 4px 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;
|
||||
border-radius: 3%;
|
||||
text-align: center; padding: 25px; margin: 16px;
|
||||
}
|
||||
|
||||
.card img {
|
||||
border: 3px solid var(--primary-color);
|
||||
border: 4px solid var(--primary-color);
|
||||
box-shadow: 0px 0px 8px var(--primary-color);
|
||||
background-color: var(--secondary-color);
|
||||
border-radius: 50%;
|
||||
|
|
@ -82,11 +77,6 @@ a:hover { color: var(--primary-color); text-shadow: 1px 1px 10px var(--primary-c
|
|||
.list li { margin-top: 8px; }
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
.card {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.card { border: none; box-shadow: none; background: none; }
|
||||
.card img { width: 150px; height: auto; }
|
||||
}
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@
|
|||
<div class="card">
|
||||
<h1>amolinae's website</h1>
|
||||
<img src="https://www.gravatar.com/avatar/666833cd7db12b0b25cd6b6a48103cdf?s=250" draggable="false">
|
||||
<p>Now with a 100% less Javascript!</p>
|
||||
<p>What you see is what you get.</p>
|
||||
<div style="margin: 12px;">
|
||||
<div class="links">
|
||||
<ul>
|
||||
|
|
|
|||
31
music.html
Normal file
31
music.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>Favorite Music</h1>
|
||||
<div class="card">
|
||||
<div class="list">
|
||||
<ul style="text-align:center;margin:16px 0 16px 0;">
|
||||
<li><a href="">Gorillaz</a></li>
|
||||
<li><a href="">Rüfüs Du Sol</a></li>
|
||||
<li><a href="">3kliksphilip</a></li>
|
||||
<li><a href="">Taylor Swift</a></li>
|
||||
<li><a href="">Billie Eilish</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 8px;">
|
||||
<a href="aboutme.html">[ Back ]</a>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
|
@ -15,11 +15,12 @@
|
|||
<div class="card">
|
||||
<div class="list">
|
||||
<ul style="text-align:left;margin:16px 0 16px 0;">
|
||||
<li>Laptop: <a href="">Thinkpad T480</a></li>
|
||||
<li>Laptop: <a href="https://www.thinkwiki.org/wiki/Category:T480">Thinkpad T480</a></li>
|
||||
<li>Operating System: <a href="https://alpinelinux.org">Alpine Linux</a></li>
|
||||
<li>Window Manager: <a href="https://codeberg.org/dwl/dwl">dwl</a></li>
|
||||
<li>C Compiler: <a href="https://www.bellard.org/tcc/">tcc</a></li>
|
||||
<li>Terminal Emulator: <a href="https://codeberg.org/dnkl/foot">foot</a></li>
|
||||
<li>Browser: <a href="https://librewolf.net">librewolf</a></li>
|
||||
<li>Text Editor: <a href="https://neovim.io/">neovim</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue