remove outdated comment

style footer, fix blobs, change link styling, various other misc styling changes
add more content for sp1 tutorium
2025-05-04 16:59:21 +02:00 · 2025-05-04 16:59:21 +02:00 · 2025-05-04 16:53:15 +02:00 · 2025-05-04 16:50:17 +02:00 · 2025-05-04 16:49:36 +02:00 · 2025-05-04 13:22:44 +02:00
10 changed files with 116 additions and 53 deletions
--- a/package.json
+++ b/package.json
@ -7,7 +7,8 @@
    "build": "env NODE_ENV=production npx @11ty/eleventy",
    "deploy": "rsync -r --delete ~/repos/forgayjo/my-websie-11ty/_site/ nginx-proxxi:/var/www/kittygirl.online/",
    "build-cip": "env TITLE='~za08gywo' NODE_ENV=production npx @11ty/eleventy --pathprefix '~za08gywo'",
-    "deploy-cip": "rsync -r --delete ~/repos/forgayjo/my-websie-11ty/_site/ fau-cip:/home/cip/nf2021/za08gywo/.www/"
+    "deploy-cip": "rsync -r --delete ~/repos/forgayjo/my-websie-11ty/_site/ fau-cip:/home/cip/nf2021/za08gywo/.www/",
+    "all": "npm run build && npm run deploy && npm run build-cip && npm run deploy-cip"
  },
  "keywords": [],
  "author": "",
--- a/src/_includes/partials/darktoggle.njk
+++ b/src/_includes/partials/darktoggle.njk
@ -18,17 +18,14 @@
        const toggleSwitch = document.querySelector(
        '.darkmode-label input[type="checkbox"]'
        );
-        const container = document.getElementById('darkmode-container');

        toggleSwitch.checked = localStorage.getItem('darkmode') === 'true';

        function switchTheme(dark) {
            if (dark) {
                document.documentElement.classList.add("dark");
-                container.classList.add("dark");
            } else {
                document.documentElement.classList.remove("dark");
-                container.classList.remove("dark");
            }

            localStorage.setItem('darkmode', dark);
--- a/src/_includes/partials/header.njk
+++ b/src/_includes/partials/header.njk
@ -12,7 +12,5 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ title }}</title>

-    {# TODO: DARK/LIGHT THEME HERE MAYBE??? #}
-
    <link rel="stylesheet" type="text/css" media="screen" href="{{ "/css/main.css" | url }}">
 </head>
--- a/src/about.njk
+++ b/src/about.njk
@ -7,7 +7,7 @@ layout: base.njk
        {{ title }}
    </h1>

-    <p>nova maked this but actually kyu maked like almost all of it hihihihi :3</p>
+    <p>Most of this webpage's deisgn is taken from my beautiful girlfriend's own <a href="https://portfolio.kyuti.es">portfolio website</a></p>
 </main>

 {% include "src/_includes/partials/blob.html" %}
--- a/src/css/dark.css
+++ b/src/css/dark.css
@ -31,6 +31,12 @@
    transition: all 0.3s ease;
  }

+  .dark main a {
+    font-family: "Righteous";
+    text-decoration: underline;
+    color: var(--pink);
+  }
+  
  .dark a:hover {
    color: #ffffff;
    text-shadow: 0 0 8px rgba(229, 202, 255, 0.9);
--- a/src/css/darkmode-toggle.css
+++ b/src/css/darkmode-toggle.css
@ -40,7 +40,7 @@
    overflow: hidden;
 }

-#darkmode-container.dark .darkmode-label {
+.dark .darkmode-label {
    border: var(--darkmode-toggle-border-width) solid var(--darkmode-tooggle-border-color-dark);
 }

@ -55,7 +55,7 @@
    transition: var(--darkmode-toggle-transition);
 }

-#darkmode-container.dark .darkmode-label::before {
+.dark .darkmode-label::before {
    opacity: 1;
 }

@ -75,7 +75,7 @@
    box-shadow: 0px 0px 11.7px 0px #FFC187, 0px 0px 20px 0px #ffc18768, -2px -2px 5px 0px #ffab5c inset;
 }

-#darkmode-container.dark .darkmode-sunmoon {
+.dark .darkmode-sunmoon {
    left: calc(100% - var(--darkmode-toggle-sunmoon-size) - var(--darkmode-toggle-switch-padding-x));
    background-color: #dee5f3;
    box-shadow: 0px 0px 51.7px 0px #dee5f3;
@ -92,7 +92,7 @@
    transition: var(--darkmode-toggle-transition);
 }

-#darkmode-container.dark .darkmode-darkside {
+.dark .darkmode-darkside {
    background-color: #565c6b;
 }

@ -131,23 +131,23 @@
 }


-#darkmode-container.dark .darkmode-cloud-1 {
+.dark .darkmode-cloud-1 {
    bottom: -35%;
    left: -110px;
 }

-#darkmode-container.dark .darkmode-cloud-2 {
+.dark .darkmode-cloud-2 {
    bottom: -15%;
    left: -110px;
    transition: all 0.7s ease;
 }

-#darkmode-container.dark .darkmode-cloud-3 {
+.dark .darkmode-cloud-3 {
    bottom: -15%;
    right: -110px;
 }

-#darkmode-container.dark .darkmode-cloud-4 {
+.dark .darkmode-cloud-4 {
    bottom: -5%;
    right: -110px;
    transition: all 0.7s ease;
@ -162,6 +162,6 @@
    transition: var(--darkmode-toggle-transition);
 }

-#darkmode-container.dark .darkmode-stars {
+.dark .darkmode-stars {
    top: 70%;
 }
--- a/src/css/light.css
+++ b/src/css/light.css
@ -24,6 +24,12 @@ a {
    transition: all 0.3s ease;
 }

+main a {
+    font-family: "Righteous";
+    text-decoration: underline;
+    color: #910c75;
+}
+
 a:hover {
    color: #000;
 }
@ -40,6 +46,7 @@ html, body {
    gap: 3em;
    margin: 0 10em;
    background: transparent;
+    font-family: "Poppins";
 }

 .cards {
@ -150,7 +157,7 @@ a.card-link {
 /* Blobs */
 .blob-cont {
    display: flex;
-    flex-direction: column;
+    flex-direction: row;
    justify-content: center;
    align-items: center;
    z-index: -2;
@ -174,18 +181,18 @@ a.card-link {
    height: 200px;
    width: 200px;

-    animation: blob4 8s infinite linear;
+    animation: blob1 8s infinite linear;
 }

 #blob2 {
    background-color: var(--red);
    position: absolute;
    top: 200px;
-    left: 100px;
+    right: 0;
    height: 200px;
    width: 200px;

-    animation: blob1 8s infinite ease;
+    animation: blob2 8s infinite ease;
 }

 #blob3 {
@ -196,7 +203,7 @@ a.card-link {
    height: 200px;
    width: 250px;

-    animation: blob2 8s infinite ease;
+    animation: blob3 8s infinite ease;
 }

 #blob4 {
@ -207,28 +214,28 @@ a.card-link {
    height: 250px;
    width: 200px;

-    animation: blob3 8s infinite linear;
+    animation: blob4 8s infinite linear;
 }

@keyframes blob1 {
    0% {
        top: 200px;
-        left: 100px;
+        right: 100px;
        transform: scale(1);
    }
    30% {
        top: 300px;
-        left: 150px;
+        right: 140px;
        transform: scale(1.2);
    }
    60% {
        top: 100px;
-        left: 200px;
+        right: 180px;
        transform: scale(1.3);
    }
    100% {
        top: 200px;
-        left: 100px;
+        right: 100px;
        transform: scale(1);
    }
 }
@ -270,7 +277,7 @@ a.card-link {
    60% {
        top: 250px;
        right: 100px;
-        transform: scale(1);
+        transform: scale(1.2);
    }
    100% {
        top: 250px;
@ -346,11 +353,17 @@ nav {
    margin-top: 10vh;
    font-size: 5em;
 }
+
 .page-content {
-    font-size: 24px;
+    font-size: 20px;
    margin: 0 20px;
 }

+main {
+    max-width: 75em;
+    align-self: center;
+}
+
 :root::-webkit-scrollbar {
    display: none;
 }
@ -434,3 +447,16 @@ transition: opacity 0.3s ease;
    transform: translateY(-15px);
    }
 }
+
+:not(pre) > code {
+    padding: 0.2em 0.3em;
+    background-color: hsl(220, 13%, 18%);
+    color: hsl(220, 14%, 71%);
+    border-radius: 0.3em;
+    white-space: nowrap; /* prevent line breaks in inline code */
+}
+
+footer {
+    margin: 3em;
+    text-align: center;
+}
--- a/src/index.njk
+++ b/src/index.njk
@ -1,5 +1,5 @@
 ---
-title: "main page"
+title: "nova's website :)"
 layout: base.njk
 ---
 <main>
@ -7,7 +7,7 @@ layout: base.njk
        {{ title }}
    </h1>

-    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+    <p>Currently i only use this website to host content for my systems proramming totrium</p>
 </main>

 {% include "src/_includes/partials/blob.html" %}
--- a/src/sp1/index.md
+++ b/src/sp1/index.md
@ -4,13 +4,20 @@ layout: blog-page.njk
 page_for: "sp1-lesson"
 ---
 ## Meine Übungen
- Tafelübung (T02) Montags 14:15 - 15:45 im <a class="link" href="https://www.campo.fau.de:443/qisserver/pages/startFlow.xhtml?_flowId=showRoomDetail-flow&roomId=788&roomType=3&context=showRoomDetail&navigationPosition=organisation,searchroom">Seminarraum 0.031-113</a>
- Rechnerübung Donnerstags 16:15 - 18:45 im <a class="link" href="https://www.campo.fau.de/qisserver/pages/startFlow.xhtml?_flowId=showRoomDetail-flow&roomId=3349&roomType=3&context=showRoomDetail&navigationPosition=organisation,searchroom">CIP1</a>
+- Tafelübung (T02) Montags 14:15 - 15:45 im [Seminarraum 0.031-113](https://www.campo.fau.de:443/qisserver/pages/startFlow.xhtml?_flowId=showRoomDetail-flow&roomId=788&roomType=3&context=showRoomDetail&navigationPosition=organisation,searchroom)
+- Rechnerübung Donnerstags 16:15 - 18:45 im [CIP1](https://www.campo.fau.de/qisserver/pages/startFlow.xhtml?_flowId=showRoomDetail-flow&roomId=3349&roomType=3&context=showRoomDetail&navigationPosition=organisation,searchroom)

 ## Wichtige Infos
- Unter <code class="inline language-bash">/proj/i4sp1/bin/</code> im CIP finden sich nützliche SP1-related Programme und scripts, wie
-    - <code class="inline language-bash">mkrepo</code> zum Aufgaben-Repo erstellen
-    - <code class="inline language-bash">deadline</code> zum Abgabetermine nachschauen
+- Unter `/proj/i4sp1/bin/` im CIP finden sich nützliche SP1-related Programme und scripts, wie
+    - `mkrepo` zum Aufgaben-Repo erstellen
+    - `deadline` zum Abgabetermine nachschauen
+- Vorgegebene Compiler-Flags: `-std=c11 -pedantic -D_XOPEN_SOURCE=700 -Wall -Werror -fsanitize=undefined -fno-sanitize-recover -g`
+
+## Wichtige Links
+- [Aufgaben](https://sys.cs.fau.de/lehre/ss25/sp1/uebung#aufgaben)
+- [Korrekturhinweise](https://sys.cs.fau.de/lehre/ss25/sp1/uebung#korrekturhinweise)
+- [Terminplan](https://sys.cs.fau.de/lehre/ss25/sp1/semesterplan#mo)
+- [FAU Gitlab](https://gitlab.cs.fau.de/)

 ## Übungen
 <ul>
@ -19,16 +26,15 @@ page_for: "sp1-lesson"
    {%- endfor -%}
 </ul>

-## Kontaktmöglichkeiten/Fragen
- Mailinglisten: <a href="mailto:i4sp@cs.fau.de" class="link">i4sp@cs.fau.de</a> (Stoffliches) oder <a href="mailto:i4sp-orga@cs.fau.de" class="link">i4sp-orga@cs.fau.de</a> (Organisatorisches)
- Mich persönlich erreicht ihr unter <a href="mailto:nova.ruff@fau.de" class="link">nova.ruff@fau.de</a>
- Bei Fragen könnt ihr immer in eine Rechnerübung kommen und auch im <a href="https://sys.cs.fau.de/lehre/ss25/sp1/faq" class="link">FAQ</a> oder dem <a href="https://fsi.cs.fau.de/pruefungen/bachelor#systemprogrammierung" class="link">FSI-Forum</a> nachschauen
+## Kontakt/Fragen
+- Bei Fragen könnt ihr immer in eine Rechnerübung kommen oder auch im [FSI-Forum](https://fsi.cs.fau.de/forum/18) nachschauen
+- Mail an alle Tutoren: <a href="mailto:i4sp@cs.fau.de" class="link">i4sp@cs.fau.de</a> (Stoffliches)
+- Mail an die Orga: <a href="mailto:i4sp-orga@cs.fau.de" class="link">i4sp-orga@cs.fau.de</a> (Organisatorisches)
+- Mail an mich: <a href="mailto:nova.ruff@fau.de" class="link">nova.ruff@fau.de</a>
+- [SP-FAQ](https://sys.cs.fau.de/lehre/ss25/sp1/faq)


 ## Weitere Links
-<ul>
-    <li><a href="https://sys.cs.fau.de/lehre/ss25/sp1" class="link">SP1 Website</a></li>
-    <li><a href="https://jzbor.de/tut/sp1/" class="link">Julian (T08)</a>
-    <li><a href="https://wwwcip.cs.fau.de/~oj14ozun/sp1" class="link">Philip (ehemailg)</a></li>
-</ul>
-
+- [SP1 Website](https://sys.cs.fau.de/lehre/ss25/sp1)
+- [Julian (T08)](https://jzbor.de/tut/sp1/)
+- [Philip (ehemalig)](https://wwwcip.cs.fau.de/~oj14ozun/sp1/)
--- a/src/sp1/ub1.md
+++ b/src/sp1/ub1.md
@ -1,14 +1,43 @@
 ---
-title: "Übung 01"
+title: "Übung 01 - Speicherverwaltung"
 layout: "blog-post.njk"
 tags: "sp1-lesson"
-date: 2025-04-04
+date: 2025-05-04
 ---
-Erste Übung :)
-test
-# meow
+## Manual-Pages
+Mit dem Programm `man` kann die Dokumentation von verschiedenen Bibliotheksfunktionen nachgelesen werden: `man 3p printf`
+
+## Workflow mit git
+- `git clone [URL]` - Remote Repo lokal herunterladen
+- `git pull` - Neuester Stand eines Repos herunterladen
+- `git status` - Mehr infos über das Repo bekommen
+- `git add [FILE]` - Änderungen zu stagen
+- `git diff --staged .` - Staged Änderungen nachvollziehen
+- `git commit -m "[COMMMIT_MESSAGE]"` - Änderungen zu dem Repo committen
+- `git push` - Neue Commits an das remote Repo kommunizieren (**wichtig zur Übungsabgabe**)
+
+## Beispiel Program aus der Präsenzübung
 ```c
-public static void main(int argc, char argv[]) {
-    exit();
+#include <stdio.h>
+#include <string.h>
+
+int main(int argc, char *argv[]) {
+  // using strlen()
+  for (int i = 1; i < argc; i++) {
+    char *curr_arg = argv[i];
+    for (int l = 0; l < strlen(curr_arg); l++) {
+      printf("%c\n", curr_arg[l]);
+    }
+  }
+
+  // alternative
+  for (int i = 1; i < argc; i++) {
+    char *curr_arg = argv[i];
+    int l = 0;
+    while (curr_arg[l] != '\0') {
+      printf("%c\n", curr_arg[l]);
+      l++;
+    }
+  }
 }
 ```
Author	SHA1	Message	Date
nova ember madeline	23529ffe03	remove outdated comment	2025-05-04 16:59:21 +02:00
nova ember madeline	1a734f8282	style footer, fix blobs, change link styling, various other misc styling changes	2025-05-04 16:59:21 +02:00
nova ember madeline	4bd9aec6b9	add more content for sp1 tutorium	2025-05-04 16:53:15 +02:00
nova ember madeline	748ff6d52d	Update about section of webpage	2025-05-04 16:50:17 +02:00
nova ember madeline	6672b0bfbe	add npm run command to build & deploy to both hosts	2025-05-04 16:49:36 +02:00
nova ember madeline	80895088e6	fight FOUC on darkmode toggle	2025-05-04 13:22:44 +02:00