simple screenshot gallery

src/index.html

@@ -20,6 +20,16 @@
         We meet in the computer science building on Wednesday at 19:00 in room -107. Feel free to drop by — we’d be happy to see you.
     </div>
 
+    <div class="softpage">
+        <h2>Gallery<h2>
+        <div class="gallery">
+            <img src="assets/screenshots/sc1.png" alt="The desktop of KarlOS. Shows the KarlOS logo in the center, as well as the app launcher on the top left."/>
+            <img src="assets/screenshots/sc2.png" alt="KarlOS desktop with verlapping windows opened. In the foreground there is a calculator window. In the background there is a window showing the kernel message log."/>
+            <img src="assets/screenshots/sc3.png" alt="KarlOS desktop with hex editor window."/>
+            <img src="assets/screenshots/sc4.png" alt="KarlOS desktop with several game windows opened: a paint canvas, a tron game, and a snake game."/>
+        <div>
+    </div>
+
     <div class="softpage" id="contact">
         <h2>Contact us</h2>
         <strong>E-Mail:</strong>&emsp;

src/style.css

@@ -7,7 +7,7 @@
 %COLOR_BLOCK_ALT:rgb(35, 36, 42)
 
 html {
-	color-scheme: dark;
+    color-scheme: dark;
     scroll-behavior: smooth;
 }
 body {
@@ -189,3 +189,6 @@ h2 {
     border-radius: 0.6em;
     box-shadow: 0 0.6em 1.5em rgba(0, 0, 0, 0.35);
 }
+.gallery img {
+    width: 100%;
+}