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/home.html | |
| parent | 5ed99f3c87f0337ffac03dd1e45073fbc7f63b68 (diff) | |
add HTML, CSS and basic routing
Diffstat (limited to 'clams-server/src/main/resources/templates/home.html')
| -rw-r--r-- | clams-server/src/main/resources/templates/home.html | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/clams-server/src/main/resources/templates/home.html b/clams-server/src/main/resources/templates/home.html new file mode 100644 index 0000000..199ae29 --- /dev/null +++ b/clams-server/src/main/resources/templates/home.html @@ -0,0 +1,39 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="UTF-8"> + <title>Elias Haugsbakk</title> + <link rel="stylesheet" href="/css/common.css"> + <link rel="stylesheet" href="/css/home.css"> +</head> +<body> + + <main class="main-container"> + <h1>Elias Haugsbakk's Webpage</h1> + + <div class="content-grid"> + <div class="left-column"> + <img src="/images/elias_haugsbakk.JPEG" alt="Image of Elias Haugsbakk" class="profile-img"> + <p>Hello! I am Elias and this is my webpage.</p> + </div> + + <div class="right-column"> + <ul> + <li><a href="/blog">Blog</a> <span class="description">-- personal projects and thoughts</span></li> + <li><a href="https://github.com/eliashaugsbakk">GitHub</a> <span class="description">-- home for my code</span></li> + <li><a href="/projects">Projects</a> <span class="description">-- the projects I have worked on</span></li> + </ul> + </div> + </div> + </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> |