summaryrefslogtreecommitdiff
path: root/clams-server
diff options
context:
space:
mode:
Diffstat (limited to 'clams-server')
-rw-r--r--clams-server/src/main/resources/public/css/home.css16
-rw-r--r--clams-server/src/main/resources/templates/home.html9
2 files changed, 20 insertions, 5 deletions
diff --git a/clams-server/src/main/resources/public/css/home.css b/clams-server/src/main/resources/public/css/home.css
index 742ed38..f76d93a 100644
--- a/clams-server/src/main/resources/public/css/home.css
+++ b/clams-server/src/main/resources/public/css/home.css
@@ -6,7 +6,10 @@
}
.left-column { text-align: right; }
-.right-column { text-align: left; }
+.right-column {
+ text-align: left;
+ margin-top: 1.5rem;
+}
.profile-img {
border: 3px solid var(--text-color);
@@ -26,6 +29,12 @@
word-wrap: break-word;
}
+.study-line {
+ margin-top: 0.5rem;
+ font-size: 0.95rem;
+ opacity: 0.8;
+}
+
@media (max-width: 768px) {
.content-grid {
grid-template-columns: 1fr;
@@ -33,6 +42,11 @@
}
.left-column, .right-column { text-align: center; }
+ .right-column {
+ margin-top: 0;
+ display: block;
+ }
+
.profile-img {
margin: 0 auto 20px auto;
}
diff --git a/clams-server/src/main/resources/templates/home.html b/clams-server/src/main/resources/templates/home.html
index f359373..df82680 100644
--- a/clams-server/src/main/resources/templates/home.html
+++ b/clams-server/src/main/resources/templates/home.html
@@ -7,14 +7,15 @@
<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>
+ <p>Hello! I am Elias. This is my personal website for projects, writing, and code.</p>
+ <p class="study-line">I'm currently studying Computer Science at NTNU, Trondheim.</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>
+ <li><a href="/projects">Projects</a> <span class="description">-- the things I have built (and kept around)</span></li>
+ <li><a href="/blog">Blog</a> <span class="description">-- notes and thoughts</span></li>
+ <li><a href="https://github.com/eliashaugsbakk">GitHub</a> <span class="description"></span></li>
</ul>
</div>
</div>