Update index.html
This commit is contained in:
parent
3cb0c49fbb
commit
bde17a0f9f
GPG key ID:
69698042BA46B2B5
1 changed files with 142 additions and 85 deletions
107
index.html
107
index.html
|
|
@ -1,6 +1,7 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
|
||||||
|
<head>
|
||||||
<title>Anand's (self-hosted) Home</title>
|
<title>Anand's (self-hosted) Home</title>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
@ -20,47 +21,88 @@
|
||||||
"Consolas", "Courier New", monospace;
|
"Consolas", "Courier New", monospace;
|
||||||
background-color: whitesmoke;
|
background-color: whitesmoke;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover {
|
a:hover {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
table, th, td {
|
|
||||||
|
table,
|
||||||
|
th,
|
||||||
|
td {
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
th,
|
||||||
|
td {
|
||||||
|
padding: 0 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
th {
|
||||||
|
text-align: start;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 42rem) {
|
@media screen and (min-width: 42rem) {
|
||||||
body {
|
body {
|
||||||
width: 40rem;
|
width: 40rem;
|
||||||
margin: 2rem auto;
|
margin: 2rem auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:visited {
|
||||||
|
color: blueviolet;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (prefers-color-scheme: dark) {
|
@media screen and (prefers-color-scheme: dark) {
|
||||||
table, th, td {
|
|
||||||
|
table,
|
||||||
|
th,
|
||||||
|
td {
|
||||||
border: 1px solid white;
|
border: 1px solid white;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: coral;
|
color: coral;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:visited {
|
a:visited {
|
||||||
color: lightsalmon;
|
color: lightsalmon;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: black;
|
background-color: black;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
table {
|
table {
|
||||||
border: 1px solid white;
|
border: 1px solid white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
<script type="text/javascript">
|
||||||
<body>
|
document.addEventListener('DOMContentLoaded', function () {
|
||||||
|
let block = document.getElementById('block');
|
||||||
|
setInterval(function () {
|
||||||
|
block.style.visibility = block.style.visibility === 'hidden' ? 'visible' : 'hidden';
|
||||||
|
}, 500);
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<p>anandbose@thinkpad-e14:~$ <span id="block">█</span></p>
|
||||||
<h1>Hello!</h1>
|
<h1>Hello!</h1>
|
||||||
<p>
|
<p>
|
||||||
I am <a href="https://anandbose.dev" target="_blank">Anand Bose</a>.
|
I am <a href="https://anandbose.dev" target="_blank">Anand Bose</a>.
|
||||||
Welcome to the directory of my on-premise server!
|
Welcome to the directory of my self-hosted services running in my on-premise server!
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
My old ThinkPad E14 laptop was collecting dust in the shelf, so I decided
|
My old ThinkPad E14 laptop was collecting dust in the shelf, so I decided
|
||||||
|
|
@ -72,24 +114,39 @@
|
||||||
and you can expect more applications running here, until it runs out of
|
and you can expect more applications running here, until it runs out of
|
||||||
capacity.
|
capacity.
|
||||||
</p>
|
</p>
|
||||||
<h2>The Self-Hosted Setup</h2>
|
<h2>The Self-Hosted Services</h2>
|
||||||
<ul>
|
<table>
|
||||||
<li>My ThinkPad E14 Laptop - Ubuntu 24.04 LTS</li>
|
<thead>
|
||||||
<ul>
|
<tr>
|
||||||
<li><a href="https://linuxcontainers.org/incus/">Incus</a> container host</li>
|
<th>Service</th>
|
||||||
<ul>
|
<th>Link</th>
|
||||||
<li>Mastodon (Ubuntu 24.04 LTS) - <a href="https://mastodon.a-b.im">mastodon.a-b.im</a></li>
|
</tr>
|
||||||
<li>Bluesky PDS (Ubuntu 22.04 LTS) - <a href="https://bluesky-pds.a-b.im">bluesky-pds.a-b.im</a></li>
|
</thead>
|
||||||
<li>Nginx (Ubuntu 24.04 LTS) - <a href="https://a-b.im">a-b.im</a></li>
|
<tbody>
|
||||||
<li>Forgejo (Ubuntu 24.04 LTS) - <a href="https://git.a-b.im">git.a-b.im</a></li>
|
<tr>
|
||||||
</ul>
|
<td>Mastodon</td>
|
||||||
</ul>
|
<td><a href="https://mastodon.a-b.im">mastodon.a-b.im</a></td>
|
||||||
</ul>
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Bluesky (PDS)</td>
|
||||||
|
<td><a href="https://bluesky-pds.a-b.im">bluesky-pds.a-b.im</a></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Nginx</td>
|
||||||
|
<td><a href="https://a-b.im">a-b.im</a></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Forgejo</td>
|
||||||
|
<td><a href="https://git.a-b.im">git.a-b.im</a></td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
<h2>Contact</h2>
|
<h2>Contact</h2>
|
||||||
Feel free to talk!
|
If you have any suggestions or feedback, feel free to contact me at any of the following profiles.
|
||||||
<ul>
|
Also, if you are planning to self-host any services, I would be happy to help.
|
||||||
<li>Mastodon: <a href="https://mastodon.a-b.im/@anandbose" rel="me">@anandbose@a-b.im</a> / <a href="https://mastodon.online/@anandbose" rel="me">@anandbose@mastodon.online</a></li>
|
<p>
|
||||||
<li>Bluesky: <a href="https://bsky.app/profile/a-b.im">@a-b.im</a> / <a href="https://bsky.app/profile/anandbose.dev">@anandbose.dev</a></li>
|
Mastodon: <a href="https://mastodon.a-b.im/@anandbose" rel="me">@anandbose@a-b.im</a><br>
|
||||||
</ul>
|
Bluesky: <a href="https://bsky.app/profile/a-b.im">@a-b.im</a>
|
||||||
</body>
|
</p>
|
||||||
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
Loading…
Add table
Reference in a new issue