From c4da920843972b6571e978cdc9f9278eb87b7398 Mon Sep 17 00:00:00 2001 From: Elias Haugsbakk Date: Wed, 1 Jul 2026 14:05:14 +0200 Subject: add HTML, CSS and basic routing --- .../src/main/resources/public/css/projects.css | 60 ++++++++++++++++++++++ 1 file changed, 60 insertions(+) create mode 100644 clams-server/src/main/resources/public/css/projects.css (limited to 'clams-server/src/main/resources/public/css/projects.css') diff --git a/clams-server/src/main/resources/public/css/projects.css b/clams-server/src/main/resources/public/css/projects.css new file mode 100644 index 0000000..8453a01 --- /dev/null +++ b/clams-server/src/main/resources/public/css/projects.css @@ -0,0 +1,60 @@ +/* projects.css - specific styles for the projects page */ + +.projects-category { + margin-bottom: 80px; +} + +.project-item { + margin-bottom: 100px; +} + +.project-item h3 { + margin-top: 0; + font-size: 1.5rem; +} + +.tech-stack { + margin: 10px 0 20px 0; +} + +.project-links { + margin-top: 20px; + font-size: 0.9rem; +} + +.project-img, .project-placeholder { + width: 100%; + border: 1px solid var(--border-color); + border-radius: 8px; + display: block; +} + +.project-placeholder { + height: 200px; + background-color: #e0e0dc; + display: flex; + align-items: center; + justify-content: center; + color: #888; + font-size: 0.9rem; +} + +/* Simple list for smaller projects */ +.simple-project-list { + margin-top: 30px; +} + +.simple-project-list li { + margin-bottom: 1.5rem; +} + +.tech-stack-inline { + font-size: 0.85rem; + opacity: 0.6; + margin: 0 10px; +} + +.small-link { + font-size: 0.8rem; + margin-left: 5px; +} -- cgit v1.2.3