Compare commits

..

6 commits

10 changed files with 116 additions and 53 deletions

View file

@ -7,7 +7,8 @@
"build": "env NODE_ENV=production npx @11ty/eleventy", "build": "env NODE_ENV=production npx @11ty/eleventy",
"deploy": "rsync -r --delete ~/repos/forgayjo/my-websie-11ty/_site/ nginx-proxxi:/var/www/kittygirl.online/", "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'", "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": [], "keywords": [],
"author": "", "author": "",

View file

@ -18,17 +18,14 @@
const toggleSwitch = document.querySelector( const toggleSwitch = document.querySelector(
'.darkmode-label input[type="checkbox"]' '.darkmode-label input[type="checkbox"]'
); );
const container = document.getElementById('darkmode-container');
toggleSwitch.checked = localStorage.getItem('darkmode') === 'true'; toggleSwitch.checked = localStorage.getItem('darkmode') === 'true';
function switchTheme(dark) { function switchTheme(dark) {
if (dark) { if (dark) {
document.documentElement.classList.add("dark"); document.documentElement.classList.add("dark");
container.classList.add("dark");
} else { } else {
document.documentElement.classList.remove("dark"); document.documentElement.classList.remove("dark");
container.classList.remove("dark");
} }
localStorage.setItem('darkmode', dark); localStorage.setItem('darkmode', dark);

View file

@ -12,7 +12,5 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ title }}</title> <title>{{ title }}</title>
{# TODO: DARK/LIGHT THEME HERE MAYBE??? #}
<link rel="stylesheet" type="text/css" media="screen" href="{{ "/css/main.css" | url }}"> <link rel="stylesheet" type="text/css" media="screen" href="{{ "/css/main.css" | url }}">
</head> </head>

View file

@ -7,7 +7,7 @@ layout: base.njk
{{ title }} {{ title }}
</h1> </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> </main>
{% include "src/_includes/partials/blob.html" %} {% include "src/_includes/partials/blob.html" %}

View file

@ -30,6 +30,12 @@
color: #e5caff; color: #e5caff;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
.dark main a {
font-family: "Righteous";
text-decoration: underline;
color: var(--pink);
}
.dark a:hover { .dark a:hover {
color: #ffffff; color: #ffffff;

View file

@ -40,7 +40,7 @@
overflow: hidden; overflow: hidden;
} }
#darkmode-container.dark .darkmode-label { .dark .darkmode-label {
border: var(--darkmode-toggle-border-width) solid var(--darkmode-tooggle-border-color-dark); border: var(--darkmode-toggle-border-width) solid var(--darkmode-tooggle-border-color-dark);
} }
@ -55,7 +55,7 @@
transition: var(--darkmode-toggle-transition); transition: var(--darkmode-toggle-transition);
} }
#darkmode-container.dark .darkmode-label::before { .dark .darkmode-label::before {
opacity: 1; 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; 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)); left: calc(100% - var(--darkmode-toggle-sunmoon-size) - var(--darkmode-toggle-switch-padding-x));
background-color: #dee5f3; background-color: #dee5f3;
box-shadow: 0px 0px 51.7px 0px #dee5f3; box-shadow: 0px 0px 51.7px 0px #dee5f3;
@ -92,7 +92,7 @@
transition: var(--darkmode-toggle-transition); transition: var(--darkmode-toggle-transition);
} }
#darkmode-container.dark .darkmode-darkside { .dark .darkmode-darkside {
background-color: #565c6b; background-color: #565c6b;
} }
@ -131,23 +131,23 @@
} }
#darkmode-container.dark .darkmode-cloud-1 { .dark .darkmode-cloud-1 {
bottom: -35%; bottom: -35%;
left: -110px; left: -110px;
} }
#darkmode-container.dark .darkmode-cloud-2 { .dark .darkmode-cloud-2 {
bottom: -15%; bottom: -15%;
left: -110px; left: -110px;
transition: all 0.7s ease; transition: all 0.7s ease;
} }
#darkmode-container.dark .darkmode-cloud-3 { .dark .darkmode-cloud-3 {
bottom: -15%; bottom: -15%;
right: -110px; right: -110px;
} }
#darkmode-container.dark .darkmode-cloud-4 { .dark .darkmode-cloud-4 {
bottom: -5%; bottom: -5%;
right: -110px; right: -110px;
transition: all 0.7s ease; transition: all 0.7s ease;
@ -162,6 +162,6 @@
transition: var(--darkmode-toggle-transition); transition: var(--darkmode-toggle-transition);
} }
#darkmode-container.dark .darkmode-stars { .dark .darkmode-stars {
top: 70%; top: 70%;
} }

View file

@ -24,6 +24,12 @@ a {
transition: all 0.3s ease; transition: all 0.3s ease;
} }
main a {
font-family: "Righteous";
text-decoration: underline;
color: #910c75;
}
a:hover { a:hover {
color: #000; color: #000;
} }
@ -40,6 +46,7 @@ html, body {
gap: 3em; gap: 3em;
margin: 0 10em; margin: 0 10em;
background: transparent; background: transparent;
font-family: "Poppins";
} }
.cards { .cards {
@ -150,7 +157,7 @@ a.card-link {
/* Blobs */ /* Blobs */
.blob-cont { .blob-cont {
display: flex; display: flex;
flex-direction: column; flex-direction: row;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
z-index: -2; z-index: -2;
@ -174,18 +181,18 @@ a.card-link {
height: 200px; height: 200px;
width: 200px; width: 200px;
animation: blob4 8s infinite linear; animation: blob1 8s infinite linear;
} }
#blob2 { #blob2 {
background-color: var(--red); background-color: var(--red);
position: absolute; position: absolute;
top: 200px; top: 200px;
left: 100px; right: 0;
height: 200px; height: 200px;
width: 200px; width: 200px;
animation: blob1 8s infinite ease; animation: blob2 8s infinite ease;
} }
#blob3 { #blob3 {
@ -196,7 +203,7 @@ a.card-link {
height: 200px; height: 200px;
width: 250px; width: 250px;
animation: blob2 8s infinite ease; animation: blob3 8s infinite ease;
} }
#blob4 { #blob4 {
@ -207,28 +214,28 @@ a.card-link {
height: 250px; height: 250px;
width: 200px; width: 200px;
animation: blob3 8s infinite linear; animation: blob4 8s infinite linear;
} }
@keyframes blob1 { @keyframes blob1 {
0% { 0% {
top: 200px; top: 200px;
left: 100px; right: 100px;
transform: scale(1); transform: scale(1);
} }
30% { 30% {
top: 300px; top: 300px;
left: 150px; right: 140px;
transform: scale(1.2); transform: scale(1.2);
} }
60% { 60% {
top: 100px; top: 100px;
left: 200px; right: 180px;
transform: scale(1.3); transform: scale(1.3);
} }
100% { 100% {
top: 200px; top: 200px;
left: 100px; right: 100px;
transform: scale(1); transform: scale(1);
} }
} }
@ -270,7 +277,7 @@ a.card-link {
60% { 60% {
top: 250px; top: 250px;
right: 100px; right: 100px;
transform: scale(1); transform: scale(1.2);
} }
100% { 100% {
top: 250px; top: 250px;
@ -346,11 +353,17 @@ nav {
margin-top: 10vh; margin-top: 10vh;
font-size: 5em; font-size: 5em;
} }
.page-content { .page-content {
font-size: 24px; font-size: 20px;
margin: 0 20px; margin: 0 20px;
} }
main {
max-width: 75em;
align-self: center;
}
:root::-webkit-scrollbar { :root::-webkit-scrollbar {
display: none; display: none;
} }
@ -434,3 +447,16 @@ transition: opacity 0.3s ease;
transform: translateY(-15px); 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;
}

View file

@ -1,5 +1,5 @@
--- ---
title: "main page" title: "nova's website :)"
layout: base.njk layout: base.njk
--- ---
<main> <main>
@ -7,7 +7,7 @@ layout: base.njk
{{ title }} {{ title }}
</h1> </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> </main>
{% include "src/_includes/partials/blob.html" %} {% include "src/_includes/partials/blob.html" %}

View file

@ -4,13 +4,20 @@ layout: blog-page.njk
page_for: "sp1-lesson" page_for: "sp1-lesson"
--- ---
## Meine Übungen ## 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> - 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 <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> - 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 ## Wichtige Infos
- Unter <code class="inline language-bash">/proj/i4sp1/bin/</code> im CIP finden sich nützliche SP1-related Programme und scripts, wie - Unter `/proj/i4sp1/bin/` im CIP finden sich nützliche SP1-related Programme und scripts, wie
- <code class="inline language-bash">mkrepo</code> zum Aufgaben-Repo erstellen - `mkrepo` zum Aufgaben-Repo erstellen
- <code class="inline language-bash">deadline</code> zum Abgabetermine nachschauen - `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 ## Übungen
<ul> <ul>
@ -19,16 +26,15 @@ page_for: "sp1-lesson"
{%- endfor -%} {%- endfor -%}
</ul> </ul>
## Kontaktmöglichkeiten/Fragen ## Kontakt/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) - Bei Fragen könnt ihr immer in eine Rechnerübung kommen oder auch im [FSI-Forum](https://fsi.cs.fau.de/forum/18) nachschauen
- Mich persönlich erreicht ihr unter <a href="mailto:nova.ruff@fau.de" class="link">nova.ruff@fau.de</a> - Mail an alle Tutoren: <a href="mailto:i4sp@cs.fau.de" class="link">i4sp@cs.fau.de</a> (Stoffliches)
- 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 - 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 ## Weitere Links
<ul> - [SP1 Website](https://sys.cs.fau.de/lehre/ss25/sp1)
<li><a href="https://sys.cs.fau.de/lehre/ss25/sp1" class="link">SP1 Website</a></li> - [Julian (T08)](https://jzbor.de/tut/sp1/)
<li><a href="https://jzbor.de/tut/sp1/" class="link">Julian (T08)</a> - [Philip (ehemalig)](https://wwwcip.cs.fau.de/~oj14ozun/sp1/)
<li><a href="https://wwwcip.cs.fau.de/~oj14ozun/sp1" class="link">Philip (ehemailg)</a></li>
</ul>

View file

@ -1,14 +1,43 @@
--- ---
title: "Übung 01" title: "Übung 01 - Speicherverwaltung"
layout: "blog-post.njk" layout: "blog-post.njk"
tags: "sp1-lesson" tags: "sp1-lesson"
date: 2025-04-04 date: 2025-05-04
--- ---
Erste Übung :) ## Manual-Pages
test Mit dem Programm `man` kann die Dokumentation von verschiedenen Bibliotheksfunktionen nachgelesen werden: `man 3p printf`
# meow
## 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 ```c
public static void main(int argc, char argv[]) { #include <stdio.h>
exit(); #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++;
}
}
} }
``` ```