# 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

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

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

3. 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:

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

Then visit <http://localhost:8000>.