creating index for portfolio sites
This commit is contained in:
121
index.html
Normal file
121
index.html
Normal file
@@ -0,0 +1,121 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Portfolio Index | Subdomain Directory</title>
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&display=swap"
|
||||
rel="stylesheet" />
|
||||
<link rel="stylesheet" href="assets/css/styles.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="page-shell">
|
||||
<header class="hero">
|
||||
<div>
|
||||
<p class="eyebrow">Portfolio Index</p>
|
||||
<h1>Subdomains at a glance</h1>
|
||||
<p class="lede">
|
||||
Bookmark-worthy overview of all live surfaces. Click straight into each
|
||||
experience, spot their IP footprints, and note what makes them special.
|
||||
</p>
|
||||
</div>
|
||||
<div class="tagline">Last refreshed <span id="lastUpdated"></span></div>
|
||||
</header>
|
||||
|
||||
<section class="table-card" aria-labelledby="portfolio-table-title">
|
||||
<div class="table-card__header">
|
||||
<h2 id="portfolio-table-title">Sites directory</h2>
|
||||
<div class="legend">
|
||||
<span class="pill pill--ipv4">IPv4</span>
|
||||
<span class="pill pill--ipv6">IPv6</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-wrapper">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Link</th>
|
||||
<th scope="col">IP footprint</th>
|
||||
<th scope="col">Remarks</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="sitesBody"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="notes-card" aria-labelledby="notes-title">
|
||||
<div class="notes-card__header">
|
||||
<h2 id="notes-title">Notes</h2>
|
||||
|
||||
</div>
|
||||
<div class="notes-card__body">
|
||||
<ul>
|
||||
<li>I like serving and hosting my own services, I have multiple backups running (always gotta take
|
||||
backups for backups )</li>
|
||||
<li>some of them obviously cant show here for security reasons</li>
|
||||
<li>I run dynamic DNS as my ISP keeps changing my IP addresses</li>
|
||||
<li>Most of my services are IPV6 only as my ISP provides IPV6 natively but not IPV4</li>
|
||||
<li>I run <b>Wireguard VPN</b> on top of that so i can access my servers from anywhere in the world</li>
|
||||
<li>I use <b>Cloudflare</b> as my DNS provider and also as a CDN for some of my sites</li>
|
||||
<li>I use <b>Let's Encrypt</b> for SSL certificates</li>
|
||||
<li>If your ISP still doenst support IPV6 then you should seriously consider switching ISPs</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="visual-card" aria-labelledby="lab-visual-title" data-photo-size="standard">
|
||||
<div class="visual-card__content">
|
||||
<div>
|
||||
<p class="eyebrow">Lab hardware</p>
|
||||
<h2 id="lab-visual-title">Where the magic lives</h2>
|
||||
<p class="visual-card__lede">
|
||||
<li>Snapshot from the homelab stack that keeps these subdomains humming.</li>
|
||||
<li>total 4 servers , one huge black one , second for reverse proxying and wireguard VPN communication server, the intelNUC thats lying on top of switch </li>
|
||||
<br>
|
||||
1. Black one in the picture , main server. 10 years old got it from one of the labs at university of colorado boulder at salvage sale still running strong with 32GB RAM , 4TB + 2TB HDD and i7-3930K and GPU: NVIDIA GeForce GTX 970 || GPU: AMD ATI Radeon HD 8570 / R5 430 / R7 240/340 yes I added one more GPU because I can, bought from the same sale </p>
|
||||
<br>
|
||||
2. Intel NUC that handles all the reverse proxying using NGINX and also the Wireguard VPN server , specs are 16GB RAM , 250 GB SSD and i5 7th mobileprocessor </p>
|
||||
<br>
|
||||
3. A powerful server with RTX 3050 in india, where I used to learn machine learning tasks but no use now because latency is too high, have to find out a proper usecase apart from storing backups and running OLLAMA server</p>
|
||||
<br>
|
||||
4. And a small VM I bought from a cheap VPS that I paid like 3 dollars a year just to do health checks for all my servers and sites I'm gonna build grafana dashboards for it as soon as possible
|
||||
<br>
|
||||
</li>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<li>If you are interested in learning a bit about my VPN setup read this docs note that this is IPV6 <a href="https://projectdoc.dheerajg.me/share/y3egus1804/p/wire-gaurd-docs-37pngCmoL5">WireGuard Docs</a></li>
|
||||
</p>
|
||||
<div class="visual-card__controls" role="group" aria-label="Photo size">
|
||||
<span>Photo size:</span>
|
||||
<div class="visual-card__control-buttons">
|
||||
<button type="button" class="photo-size__button" data-photo-size-option="compact">Compact</button>
|
||||
<button type="button" class="photo-size__button is-active" data-photo-size-option="standard">Standard</button>
|
||||
<button type="button" class="photo-size__button" data-photo-size-option="full">Full</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="visual-card__media">
|
||||
<figure class="visual-card__figure">
|
||||
<img src="server.jpg" alt="Homelab server rack" loading="lazy" />
|
||||
<figcaption>Captured on <time datetime="2025-11-17">Nov 17, 2025</time></figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<noscript>
|
||||
<p class="noscript">
|
||||
Enable JavaScript to see the latest subdomain list.
|
||||
</p>
|
||||
</noscript>
|
||||
<script src="assets/js/data.js" defer></script>
|
||||
<script src="assets/js/main.js" defer></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user