Styling for mobile

index.html

@@ -182,6 +182,10 @@
 <p class="date">2025-04-13</p>
 </header>
 <div class="header-container">
+<div class="mobile-image">
+<img src="./picture.jpg" alt="A picture of me" class="header-image" />
+<img src="./pfp.png" alt="My typical profile picture" class="header-image" />
+</div>
 <img src="./picture.jpg" alt="A picture of me" class="header-image left" />
 <div class="header-details">
 <h1>
@@ -226,8 +230,8 @@ href="https://www.asplos-conference.org/asplos2025/"><strong>ASPLOS/EuroSys’20
 <small>March 30 - April 3, 2025</small><br />
 I presented a talk titled <em>Modular Data and Parallelization
 Abstractions for Programming Heterogeneous Systems</em> at <a
-href="https://eurodw25.github.io/">EuroDW’25</a>, and stayed for the
-full conference.<br />
+href="https://eurodw25.github.io/">EuroDW’25</a> in Rotterdam (🇳🇱), and
+stayed for the full conference.<br />
 </li>
 <li><a
 href="https://pliss.org/2025/"><strong>PLISS’25</strong></a><br />
@@ -284,7 +288,7 @@ laude</em><br />
 Coming soon!
 </h5>
 <p>But if you’re really curious - check out <a
-href="https://git.jaytux.com/jay-tux/grader">Grader</a> and <a
-href="https://git.jaytux.com/jay-tux/simd.jaytux.com">SIMD-API</a>…</p>
+href="https://git.jaytux.com/jaytux/grader">Grader</a> and <a
+href="https://git.jaytux.com/jaytux/simd.jaytux.com">SIMD-API</a>…</p>
 </body>
 </html>

jaytux.com.md

@@ -11,6 +11,10 @@ header-includes:
 ---
 
 <div class="header-container">
+ <div class="mobile-image">
+  <img src="./picture.jpg" alt="A picture of me" class="header-image" />
+  <img src="./pfp.png" alt="My typical profile picture" class="header-image" />
+ </div>
  <img src="./picture.jpg" alt="A picture of me" class="header-image left" />
  <div class="header-details">
   <h1>Jonas Sys</h1>
@@ -38,7 +42,7 @@ header-includes:
 
 - [**ASPLOS/EuroSys'20**](https://www.asplos-conference.org/asplos2025/)  
   <small>March 30 - April 3, 2025</small>  
-  I presented a talk titled *Modular Data and Parallelization Abstractions for Programming Heterogeneous Systems* at [EuroDW'25](https://eurodw25.github.io/), and stayed for the full conference.  
+  I presented a talk titled *Modular Data and Parallelization Abstractions for Programming Heterogeneous Systems* at [EuroDW'25](https://eurodw25.github.io/) in Rotterdam (🇳🇱), and stayed for the full conference.  
 - [**PLISS'25**](https://pliss.org/2025/)   
   <small>May 26 - May 31, 2025</small>  
   I attended the summer school in Bertinoro (🇮🇹)! This was followed by a short trip to Firenze/Florence (🇮🇹), Muenchen/Munich (🇩🇪), and Ravenstein (🇳🇱).
@@ -85,4 +89,4 @@ header-includes:
 ## Projects
 
 <h5>Coming soon!</h5>
-But if you're really curious - check out [Grader](https://git.jaytux.com/jay-tux/grader) and [SIMD-API](https://git.jaytux.com/jay-tux/simd.jaytux.com)...
+But if you're really curious - check out [Grader](https://git.jaytux.com/jaytux/grader) and [SIMD-API](https://git.jaytux.com/jaytux/simd.jaytux.com)...

overrides.css

@@ -32,3 +32,18 @@ header {
   vertical-align: middle;
   height: 1em;
 }
+
+.mobile-image {
+  display: none;
+}
+
+@media(max-width: 700px) {
+  .mobile-image {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .left, .right {
+    display: none;
+  }
+}