update about page with some logos and linksHEADmaster

9 files changed, 15 insertions, 14 deletions

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..99ed0d4
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+notes.txt
diff --git a/about.html b/about.html
index a54a94d..1fbc570 100644
--- a/about.html
+++ b/about.html
@@ -20,17 +20,16 @@
       my background, interests work and so on.<br/>
       </p>
 
-      <div class="contact-item">
-        <p>Mail: TODO</p>
-      </div>
-
-      <div class="contact-item">
-        <p>Github:</p>
-        <a href="https://github.com/luhamus" target="_blank"> <img class="contactImg" src="/img/githubGreen.jpg"> </a>
+      <div class="contact-list">
+          <a href="mailto:rasmus.luha@gmail.com" target="_blank"><img class="contactImg" src="/img/mail.png"></a>
+          <a href="https://github.com/luhamus" target="_blank"><img class="contactImg" src="/img/github.png"></a>
+          <a href="/cv.pdf" target="_blank"><img class="contactImg" src="/img/cv.png"></a>
       </div>
     </main>
   </div>
+
   <footer id="footer"></footer>
   <script src="/script.js"></script>
+
 </body>
 </html>
diff --git a/blog.html b/blog.html
index d8ee4c0..39d04c7 100644
--- a/blog.html
+++ b/blog.html
@@ -14,7 +14,7 @@
       <h1>Writing</h1>
       <ul class="post-list">
         <li>
-          <a href="/blog/post-1.html">My first post title</a>
+          <a href="/blog/post-1.html">My first post - TODO</a>
           <span class="post-date">Jun 2026</span>
         </li>
       </ul>
diff --git a/blog/post-1.html b/blog/post-1.html
index e4efdb8..1a33b64 100644
--- a/blog/post-1.html
+++ b/blog/post-1.html
@@ -12,16 +12,16 @@
 
     <main>
       <article>
-        <h1>Your first post title</h1>
+        <h1>My first post title - TODO</h1>
         <p class="post-meta">June 12, 2026</p>
 
-        <p>Your post content starts here.</p>
+        <p>Here would be the post content.</p>
 
         <h2>A subheading</h2>
 
         <p>More content.</p>
 
-        <pre><code>some code block if you need it</code></pre>
+        <pre><code>A code block would look like this</code></pre>
 
         <p><a href="/blog.html">← Back to blog</a></p>
       </article>
diff --git a/img/cv.png b/img/cv.png
new file mode 100644
index 0000000..dc59ce3
--- /dev/null
+++ b/img/cv.png
diff --git a/img/github.png b/img/github.png
new file mode 100644
index 0000000..efb774c
--- /dev/null
+++ b/img/github.png
diff --git a/img/githubGreen.jpg b/img/githubGreen.jpg
deleted file mode 100755
index 4c7ca0f..0000000
--- a/img/githubGreen.jpg
+++ /dev/null
diff --git a/img/mail.png b/img/mail.png
new file mode 100644
index 0000000..697c6be
--- /dev/null
+++ b/img/mail.png
diff --git a/style.css b/style.css
index 10c22d6..b77065c 100644
--- a/style.css
+++ b/style.css
@@ -102,14 +102,15 @@ a { color: var(--accent); }
 
 
 /* About page */
-.contact-item {
+
+.contact-list {
   display: flex;
+  gap: 1rem;
   align-items: center;
-  gap: 0.75rem;
 }
 
 .contactImg {
-  width: 3rem;
+  width: 4rem;
   height: auto;
 }