Portfolio Index

A minimal, elegant landing page that lists portfolio subdomains in a tidy table: link, IPv4/IPv6 footprint, and high-level remarks.

Structure

index.html             # Main entry point
assets/
  css/styles.css       # Visual theme
  js/data.js           # Source of truth for site entries
  js/main.js           # Renders the table from data.js

Customize the directory

Open assets/js/data.js.
Append or edit objects in the sitesDirectory array using the shape:

{
  label: "status",
  url: "https://status.example.com",
  ipv4: ["203.0.113.5"],
  ipv6: ["2001:db8::5"],
  remarks: "Heartbeat dashboard and uptime feed.",
}

Refresh index.html in your browser to see the update.

Notes section

Below the table you will find a "Notes & highlights" card. Swap the placeholder paragraphs and bullet list in index.html with whatever narrative you want to share (launch recaps, upcoming work, etc.).

Lab photo

Add or replace server.jpg in the project root to refresh the showcase image at the bottom of the page. Update the caption text in index.html if you want to describe different hardware or capture dates. Use the built-in “Photo size” controls on the page (Compact / Standard / Full) to preview different scaling without editing CSS.

Preview locally

You can simply open index.html in any modern browser, or serve the folder with a lightweight HTTP server:

cd /home/dheeraj/Desktop/index
python -m http.server 8000

Then visit http://localhost:8000.

1.5 KiB Raw Blame History