creating index for portfolio sites

README.md

@@ -0,0 +1,55 @@
+# 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>.