Coding
PromptBeginner5 minmarkdown
Markdown Converter
Agent skill for markdown-converter
7
**Project type:** Static single-page portfolio (HTML / CSS / JS)
Sign in to like and favorite skills
Project type: Static single-page portfolio (HTML / CSS / JS)
index.html, style.css, script.js, plus an images/ folder.index.html (top-level sections use IDs: #home, #skills, #about, #projects, #contact).
<div class="projects"> (each project should be a .project-card).style.css (keep the existing class-based patterns and responsive grid skills-grid).script.js (currently only logs "Portfolio Loaded" — JS additions should enhance progressively).images/profile.jpg (path is referenced from index.html)..card, .btn, .section, .skills-grid) when adding components.#0b0f1a) and accent color (#00bfff).skills-grid uses grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) for responsiveness—preserve that approach for similar layouts.index.html directly in a browser OR serve the folder and use a local server to avoid file/protocol issues:
python -m http.server 8000npx http-server or npx serveskills-grid and .hero behavior).images/ and are not broken.#projects .projects container, e.g.:<div class="project-card">My New Project — <a href="https://...">Live</a></div>
.btn / .btn.outline) instead of inline styles.style.css contains a .p{ color: #00bfff; } selector — this is a class selector, not p elements; consider correcting to p { ... } when editing content.script.js is minimal; prefer small, unobtrusive enhancements and keep behavior progressive.Add project card to projects section).images/.If anything in the above is unclear or you want more detail (examples for a specific change, component templates, or a CSS color tokenization proposal), tell me which area to expand and I’ll iterate.