56 lines
1.5 KiB
Markdown
56 lines
1.5 KiB
Markdown
# 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>.
|