improvements
This commit is contained in:
parent
c7165ec051
commit
5cb7412575
12 changed files with 105 additions and 32 deletions
2
.gitignore
vendored
Normal file
2
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
messages.txt
|
||||
blog/
|
||||
6
404.html
6
404.html
|
|
@ -3,8 +3,8 @@
|
|||
<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"/>
|
||||
<link rel="stylesheet" href="css/index.css">
|
||||
<link href="assets/images/favicon.png" rel="icon"/>
|
||||
<title>amolinae's website</title>
|
||||
<meta name=description content="">
|
||||
</head>
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
<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>404</h1>
|
||||
<p>Not found</p>
|
||||
<p style="margin-top: 8px;">Not found</p>
|
||||
<div style="margin-top: 32px;">
|
||||
<a href="index.html">[ Back ]</a>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1 +1,2 @@
|
|||
|
||||
# amolinae.com
|
||||
Repository for [my website](https://amolinae.com).
|
||||
|
|
|
|||
16
aboutme.html
16
aboutme.html
|
|
@ -3,8 +3,8 @@
|
|||
<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"/>
|
||||
<link rel="stylesheet" href="css/index.css">
|
||||
<link href="assets/images/favicon.png" rel="icon"/>
|
||||
<title>amolinae's website</title>
|
||||
<meta name=description content="">
|
||||
</head>
|
||||
|
|
@ -14,12 +14,12 @@
|
|||
<h1>About Me</h1>
|
||||
<div class="card">
|
||||
<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>- Thinker with computers.</p>
|
||||
<p>I usually spend my time: </p>
|
||||
<p>- Listening to <a href="music.html">Music</a>.</p>
|
||||
<p>- Collecting and modding iPods.</p>
|
||||
<p>- Collecting and fixing ThinkPads.</p>
|
||||
<p>- Thinkering with my computers.</p>
|
||||
<p>- Writing code or shell scripting.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 8px;">
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 773 B After Width: | Height: | Size: 773 B |
34
blog.html
Normal file
34
blog.html
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
<!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="css/index.css">
|
||||
<link href="assets/images/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 style="margin-bottom:8px;">amolinae's blog</h1>
|
||||
<h2>COMING SOON!</h2>
|
||||
<!--
|
||||
<div class="blog-card">
|
||||
<h2>TITLE</h2>
|
||||
<h4>DATE</h4>
|
||||
<a href="blog/article.html">[ ➜ ]</a>
|
||||
</div>
|
||||
|
||||
<div class="blog-card">
|
||||
<h2>Installing a taptic engine on an iPod</h2>
|
||||
<h4>10/08/25</h4>
|
||||
<a href="blog/taptic.html">[ ➜ ]</a>
|
||||
</div>
|
||||
-->
|
||||
<div style="margin-top: 8px;">
|
||||
<a href="index.html">[ Back ]</a>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
|
@ -3,8 +3,8 @@
|
|||
<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"/>
|
||||
<link rel="stylesheet" href="css/index.css">
|
||||
<link href="assets/images/favicon.png" rel="icon"/>
|
||||
<title>amolinae's website</title>
|
||||
<meta name=description content="">
|
||||
</head>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
--primary-color: #feb938;
|
||||
--secondary-color: #a3741d;
|
||||
--background-color: #000000;
|
||||
--card-bg-color: #101010;
|
||||
--card-bg-color: #121212;
|
||||
}
|
||||
|
||||
* {
|
||||
|
|
@ -80,3 +80,21 @@ a:hover { color: var(--primary-color); text-shadow: 1px 1px 10px var(--primary-c
|
|||
@media only screen and (max-width: 600px) {
|
||||
.card img { width: 150px; height: auto; }
|
||||
}
|
||||
|
||||
.blog-card {
|
||||
margin: 8px 0;
|
||||
background: var(--card-bg-color);
|
||||
border: 4px solid var(--primary-color);
|
||||
border-radius: 2%;
|
||||
box-shadow: 0px 0px 8px var(--primary-color);
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.blog-card h4 { margin: 4px 0; width: 100%; text-align: left; }
|
||||
|
||||
.blog-card a {
|
||||
font-size: 24px;
|
||||
margin: 8px auto;
|
||||
text-align: center;
|
||||
display: block;
|
||||
}
|
||||
|
|
@ -3,22 +3,24 @@
|
|||
<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"/>
|
||||
<link rel="stylesheet" href="css/index.css">
|
||||
<link href="assets/images/favicon.png" rel="icon"/>
|
||||
<title>amolinae's website</title>
|
||||
<meta name=description content="">
|
||||
</head>
|
||||
<body>
|
||||
<script src="js/script.js"></script>
|
||||
<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=250" draggable="false">
|
||||
<p>And I could never get enough</p>
|
||||
<p id="qotd"></p>
|
||||
<div style="margin: 6px;">
|
||||
<div class="links">
|
||||
<ul>
|
||||
<li><a href="contact.html">[ Contact ]</a></li>
|
||||
<li><a href="blog.html">[ Blog ]</a></li>
|
||||
<li><a href="aboutme.html">[ About Me ]</a></li>
|
||||
<li><a href="setup.html">[ Setup ]</a></li>
|
||||
</ul>
|
||||
|
|
@ -37,4 +39,3 @@
|
|||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
|
|
|||
14
js/script.js
Normal file
14
js/script.js
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
// This sucks but works.
|
||||
function getRandomLine(file) {
|
||||
return fetch(file)
|
||||
.then(res => res.text())
|
||||
.then(text => {
|
||||
const lines = text.trim().split('\n');
|
||||
const randomIndex = Math.floor(Math.random() * lines.length);
|
||||
return lines[randomIndex];
|
||||
});
|
||||
}
|
||||
|
||||
getRandomLine("/assets/messages.txt").then(line => {
|
||||
document.getElementById("qotd").innerHTML = line;
|
||||
});
|
||||
11
music.html
11
music.html
|
|
@ -3,8 +3,8 @@
|
|||
<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"/>
|
||||
<link rel="stylesheet" href="css/index.css">
|
||||
<link href="assets/images/favicon.png" rel="icon"/>
|
||||
<title>amolinae's website</title>
|
||||
<meta name=description content="">
|
||||
</head>
|
||||
|
|
@ -16,13 +16,18 @@
|
|||
<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="">RÜFÜS DU SOL</a></li>
|
||||
<li><a href="">3kliksphilip</a></li>
|
||||
<li><a href="">Steventhedreamer</a></li>
|
||||
<li><a href="">Taylor Swift</a></li>
|
||||
<li><a href="">Billie Eilish</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="links">
|
||||
<ul>
|
||||
<a style="margin:16px;" href="https://music.amolinae.com">[ Music Server ]</a>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 8px;">
|
||||
<a href="aboutme.html">[ Back ]</a>
|
||||
|
|
|
|||
18
setup.html
18
setup.html
|
|
@ -3,8 +3,8 @@
|
|||
<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"/>
|
||||
<link rel="stylesheet" href="css/index.css">
|
||||
<link href="assets/images/favicon.png" rel="icon"/>
|
||||
<title>amolinae's website</title>
|
||||
<meta name=description content="">
|
||||
</head>
|
||||
|
|
@ -17,25 +17,23 @@
|
|||
<ul style="text-align:left;margin:16px 0 16px 0;">
|
||||
<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> (<a href="https://git.amolinae.com/amolinae06/dwl">obviously my fork</a>)</li>
|
||||
<li>App Launcher: <a href="https://codeberg.org/dnkl/fuzzel">fuzzel</a></li>
|
||||
<li>Window Manager: <a href="https://codeberg.org/river/river">river</a></li>
|
||||
<li>App Launcher: <a href="https://codeberg.org/sewn/mew">mew</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>Shell: <a href="https://www.zsh.org">zsh</a></li>
|
||||
<li>Browser: <a href="https://librewolf.net">librewolf</a></li>
|
||||
<li>File Manager: <a href="https://github.com/gokcehan/lf">lf</a></li>
|
||||
<li>Text Editor: <a href="https://neovim.io/">neovim</a> (<a href="https://git.amolinae.com/amolinae06/nvim">my config</a>)</li>
|
||||
<li>Text Editor: <a href="https://neovim.io/">neovim</a></li>
|
||||
<li>Music Player: <a href="https://github.com/aome510/spotify-player">spotify-player</a></li>
|
||||
<li>PDF Viewer: <a href="https://pwmt.org/projects/zathura">zathura</a></li>
|
||||
<li>Image Viewer: <a href="https://sr.ht/~exec64/imv">imv</a></li>
|
||||
<li>Media Player: <a href="https://mpv.io">mpv</a></li>
|
||||
<li>Resource Monitor: <a href="https://github.com/aristocratos/btop">btop</a></li>
|
||||
<li>Media Player/Image Viewer: <a href="https://mpv.io">mpv</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="links">
|
||||
<ul>
|
||||
<a href="https://git.amolinae.com/amolinae06/dotfiles">[ Dotfiles ]</a>
|
||||
<a href="https://git.amolinae.com/amolinae06/installer">[ Installer ]</a>
|
||||
<a style="margin:16px;" href="https://git.amolinae.com/amolinae06/dotfiles">[ Dotfiles ]</a>
|
||||
<a style="margin:16px;" href="https://git.amolinae.com/amolinae06/installer">[ Installer ]</a>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue