diff options
| author | Elias Haugsbakk <[email protected]> | 2026-07-01 14:05:14 +0200 |
|---|---|---|
| committer | Elias Haugsbakk <[email protected]> | 2026-07-01 14:05:14 +0200 |
| commit | c4da920843972b6571e978cdc9f9278eb87b7398 (patch) | |
| tree | f972778f7cab4e4b231f5adc7450d590fa6d0fae /clams-server/src/main/resources/templates/projects.html | |
| parent | 5ed99f3c87f0337ffac03dd1e45073fbc7f63b68 (diff) | |
add HTML, CSS and basic routing
Diffstat (limited to 'clams-server/src/main/resources/templates/projects.html')
| -rw-r--r-- | clams-server/src/main/resources/templates/projects.html | 87 |
1 files changed, 87 insertions, 0 deletions
diff --git a/clams-server/src/main/resources/templates/projects.html b/clams-server/src/main/resources/templates/projects.html new file mode 100644 index 0000000..8af0538 --- /dev/null +++ b/clams-server/src/main/resources/templates/projects.html @@ -0,0 +1,87 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="UTF-8"> + <title>Projects - Elias Haugsbakk</title> + <link rel="stylesheet" href="/css/common.css"> + <link rel="stylesheet" href="/css/projects.css"> +</head> +<body> + +<main class="main-container"> + <header> + <h1>Projects</h1> + </header> + + <section class="projects-category"> + <h2>Featured Projects</h2> + + <div class="project-item"> + <div class="content-grid"> + <div class="left-column"> + <h3>Project One Name</h3> + <div class="tech-stack"> + <span class="tag">Java</span> + <span class="tag">SQLite</span> + </div> + <p>Short project description / introduction.</p> + <div class="project-links"> + <a href="#">GitHub</a> | <a href="#">Live Demo</a> + </div> + </div> + <div class="right-column"> + <div class="project-placeholder"> + <span>Image Placeholder</span> + </div> + </div> + </div> + </div> + + <div class="project-item"> + <div class="content-grid"> + <div class="left-column"> + <h3>Project Two Name</h3> + <div class="tech-stack"> + <span class="tag">Rust</span> + </div> + <p>Short project description / introduction.</p> + <div class="project-links"> + <a href="#">GitHub</a> | <a href="#">Read More</a> + </div> + </div> + <div class="right-column"> + <div class="project-placeholder"> + <span>Image Placeholder</span> + </div> + </div> + </div> + </div> + </section> + + <section class="projects-category"> + <h2>Other Projects</h2> + <ul class="simple-project-list"> + <li> + <strong>Other Project One</strong> - A short one-line description. + <span class="tech-stack-inline">(Bash)</span> + <a href="#" class="small-link">GitHub</a> + </li> + <li> + <strong>Other Project Two</strong> - A short one-line description. + <span class="tech-stack-inline">(Python, PostgreSQL)</span> + <a href="#" class="small-link">GitHub</a> + </li> + </ul> + </section> +</main> + +<footer> + <p> + <span class="footer-left"><a href="/">eliashaugsbakk.xyz</a></span> + <span class="footer-separator">|</span> + <span class="footer-right"><a href="mailto:[email protected]">[email protected]</a></span> + </p> +</footer> + +</body> +</html> |