some current goals

src/index.html

@@ -12,7 +12,21 @@
     </div>
     <div class="softpage">
         <h2>Current Goals</h2>
-        <i>More information coming soon</i>
+        <p>
+            For more detailed information, see
+            <a href="https://docmost.karlsruhe-os.de/share/ec4wruvza2/p/karl-os-jnaBwGMoVx">Docs</a>.
+        </p>
+        <h3>Short-term Goals</h3>
+        <ul>
+          <li>entering userspace, ELF parsing</li>
+          <li>full multicore support</li>
+          <li>block device driver</li>
+        </ul>
+        <h3>Long-term Goals</h3>
+        <ul>
+          <li>process/task abstraction</li>
+          <li>tag-based file system</li>
+        </ul>
     </div>
 
     <div class="softpage">
@@ -20,6 +34,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%;
+}