diff --git a/src/assets/main.css b/src/assets/main.css index 735ae0a..6c8ccb4 100644 --- a/src/assets/main.css +++ b/src/assets/main.css @@ -26,12 +26,6 @@ html { box-sizing: border-box; } -@media (max-width: 1000px) { - html { - font-size: 0.8rem; - } -} - html * { color: var(--font-color); box-sizing: inherit; @@ -46,13 +40,7 @@ body { } body > * { - padding: 0 4%; -} - -@media (min-width: 1000px) { - body > * { - padding: 0 25%; - } + padding: 0 4vw; } header { @@ -61,9 +49,14 @@ header { main { display: flex; - flex-flow: row wrap-reverse; + flex-flow: row; justify-content: space-around; - gap: 2rem; +} + +@media only screen and (max-width: 600px) { + main { + flex-flow: row wrap-reverse + } } article { @@ -113,10 +106,8 @@ h5, h6 { margin-top: 1rem; margin-bottom: 1.2rem; - overflow-wrap: break-word; word-wrap: break-word; - line-height: 1.1; font-weight: bold; } @@ -132,6 +123,7 @@ a { text-decoration: underline solid var(--link-color) 10%; text-underline-offset: 3.8px; } + a:hover { background-color: var(--link-color); color: var(--font-inverted); @@ -157,7 +149,6 @@ table { border-radius: 0.5rem; border-spacing: 0px; overflow: scroll; - background-color: var(--primary); } @@ -214,11 +205,9 @@ meter { box-sizing: border-box; margin: 0; padding: 0em 0.2em 0.1em 0.2em; - background-color: var(--secondary); border: 1px solid var(--border); border-radius: 1px; - font-family: inherit; font-size: 100%; } @@ -233,6 +222,8 @@ button:active { /* custom */ .profile { + width: 70%; + height: auto; margin-bottom: 1rem; border-radius: 10px; } @@ -240,7 +231,6 @@ button:active { .articles { display: flex; flex-flow: column nowrap; - max-width: 70%; } .info { @@ -248,12 +238,4 @@ button:active { display: flex; flex-flow: column nowrap; align-items: center; -} - -.email::after { - content: attr(data-domain); -} - -.email::before { - content: attr(data-user) "\0040"; -} +} \ No newline at end of file diff --git a/src/assets/palmoe.png b/src/assets/palmoe.png new file mode 100644 index 0000000..ee42b82 Binary files /dev/null and b/src/assets/palmoe.png differ diff --git a/src/index.html b/src/index.html index f460e62..ba75595 100644 --- a/src/index.html +++ b/src/index.html @@ -1,259 +1,323 @@ - - - - - Home | Frederik Palmø - - - - - - - - - - - -
-

Frederik Palmø

-
+ + + + + Home | Frederik Palmø + + + + + + + + + + -
-
-

Projekter

-

Projects

+ +
+

Frederik Palmø

+
+
+
+

Projekter

+

Projects

+
+
+ Redskaber til planlægning af spilkarakterer + + projekt + + kildekode + + +

+ Dette projekt gør brug af grundlæggende webteknologier + såsom HTML, CSS og JavaScript. + Formålet var at gøre det nemmere at planlægge en + karakter til spillet Elden Ring. Til + udvindelse af data blev der gjort brug af et + python-script som konverterede data fra spillet + til JSON-format. +

+
+
+ Implementering af hashing-algoritmer + + + projekt + + + kildekode + + + dokumentation + + +

+ Formålet med dette projekt var implementeringen af en + simpel API til at generere + hashbeskeder ud fra vilkårlig inputdata. Projektet er + udformet som en Rust-pakke, og gør + brug af unit-testing for at sikre at outputtet er + korrekt. En del af øvelsen for mig var + også at skrive god dokumentering, så at det var nemt at + komme i gang med at anvende pakken + for en ikke-erfaren bruger. +

+
+
+ Simpel, effektiv parsing + + + projekt + + + kildekode + + + dokumentation + + +

+ Mange opgaver i det årlige + + Advent of Code + + event består af at parse noget data og transfomere det + til en ønsket output. Denne crate + består af en rudimentær parser som kan transformere sit + output til specifikke datatyper. + Dette gør det nemt at parse input med kun ét macro-kald, + hvilket simplificerer mine + opgaveløsninger markant. +

+
+
+ IoT udendørs lyskæde + +

+ Dette projekt omhandlede en løsning til at have udendørs + LED RGB lyskæder til brug i et + udendørs overdækket sofaområde. Projektet gør brug af + billige, ikke-smarte RGB lyskæder samt + en WiFi microcontroller (ESP32) som gør en kontrolflade + tilgængelig over hjemmenetværket + (gennem bl.a. Apple HomeKit og Home-Assistant). Gennem + dette projekt har jeg lært om + IoT-protokoller og programmering af microcontrollere. +

+
+
+ Kloner af Galaga og Breakout + + + kildekode + + +

+ Dette projekt var en del af kurset Softwareudvikling, + som løb i forårssemesteret 2022. I + dette projekt har jeg arbejdet sammen med to andre som + en del af min studiegruppe. Projektet + er udført i C\# og gør brug af mange forskellige + softwareudviklingsprincipper (SOLID, + testing, diagrammering og arkitekturplanlægning). +

+
+
+ Server + +

+ Fra min hjemmeserver leverer jeg alle de hjemmesider som + jeg bruger. Dette involverer brug + af Linux (specifikt Debian) og en god blanding af + prælavede pakker, Docker containers og + selvkompilerede pakker, samt orkestrering med SystemD. + Herfra har jeg god erfaring med hvad + det vil sige at tage et projekt fra en bunke kode til et + leveret produkt på en webadresse. +

+
+
+
+
+ Tools for planning game characters + + project + + source + + +

+ This project makes use of fundamental web technologies + such as HTML, CSS and JavaScript. The + lack of good build planning tools for the game Elden + Ring made me embark on this project, + which consists of simple calculators for characters + statistics, armor efficiency and weapon + damage. Beyond the simple calculations, this project + also entailed extracting the item + values from the game files. This was done using Python, + and the resulting values were + converted to JSON files for ease of use with JavaScript. +

+
+
+ Implementation of hashing algorithms + + + project + + + source + + + docs + + +

+ With this project I wanted to focus on implementing a + simple API that would make it easy to + generate message digests for any data in Rust. I was + dissatisfied with the APIs of existing + packages, and sought reduce the amount of function calls + necessary to get a hash value. + Other focuses of this project were well-written + documentation and testing. +

+
+
+ Simple, efficient parsing library + + + project + + + source + + + docs + + +

+ Many problems in the yearly + Advent of Code + event consist of parsing some data and transforming + afterwards. I wanted to try implementing + my own simple parser, which parses strings using simple + templates and converts the parsing + results to specific data types. This was my first go at + creating a Rust crate, and I focused + on creating an idiomatic API as well as good + documentation so that others might be able to + use the crate. +

+
+
+ Outdoor IoT LED chain lights + +

+ A simple internet of things project consisting of a few + cheap LED chain lights, a power + supply and a WiFi-enabled microcontroller. The project + uses existing technologies (Home + Assistant, WLED) to provide a nice-looking and simple + interface. +

+
+
+ Clones of Galaga and Breakout + + + source + + +

+ As part of the Software Development course at UCPH we + created some small games in C\# using + the provided DIKUGames library. This class taught me + more efficient development patterns for + OOP, as well as how to delegate work in a group + environment in order to maintain development + speed. As part of this project we were taught basic OOP + principles such as SOLID and TDD. +

+
+
+ Private server + +

+ All of my projects are hosted on my private server, + located at my residence. As part of this + project I have learned a lot about server administration + work, web servers, package managers + and container architectures. From this I have adequate + level of experience with the + mentioned technologies. +

+
+
+
+ +
+ + -
-
- Redskaber til planlægning af spilkarakterer - - projekt - - kildekode - - -

- Dette projekt gør brug af grundlæggende webteknologier såsom HTML, CSS og JavaScript. - Formålet var at gøre det nemmere at planlægge en karakter til spillet Elden Ring. Til - udvindelse af data blev der gjort brug af et python-script som konverterede data fra spillet - til JSON-format. -

-
- -
- Implementering af hashing-algoritmer - - - projekt - - - kildekode - - - dokumentation - - -

- Formålet med dette projekt var implementeringen af en simpel API til at generere - hashbeskeder ud fra vilkårlig inputdata. Projektet er udformet som en Rust-pakke, og gør - brug af unit-testing for at sikre at outputtet er korrekt. En del af øvelsen for mig var - også at skrive god dokumentering, så at det var nemt at komme i gang med at anvende pakken - for en ikke-erfaren bruger. -

-
- -
- Simpel, effektiv parsing - - - projekt - - - kildekode - - - dokumentation - - -

- Mange opgaver i det årlige - - Advent of Code - - event består af at parse noget data og transfomere det til en ønsket output. Denne crate - består af en rudimentær parser som kan transformere sit output til specifikke datatyper. - Dette gør det nemt at parse input med kun ét macro-kald, hvilket simplificerer mine - opgaveløsninger markant. -

-
- -
- IoT udendørs lyskæde - -

- Dette projekt omhandlede en løsning til at have udendørs LED RGB lyskæder til brug i et - udendørs overdækket sofaområde. Projektet gør brug af billige, ikke-smarte RGB lyskæder samt - en WiFi microcontroller (ESP32) som gør en kontrolflade tilgængelig over hjemmenetværket - (gennem bl.a. Apple HomeKit og Home-Assistant). Gennem dette projekt har jeg lært om - IoT-protokoller og programmering af microcontrollere. -

-
- -
- Kloner af Galaga og Breakout - - - kildekode - - -

- Dette projekt var en del af kurset Softwareudvikling, som løb i forårssemesteret 2022. I - dette projekt har jeg arbejdet sammen med to andre som en del af min studiegruppe. Projektet - er udført i C\# og gør brug af mange forskellige softwareudviklingsprincipper (SOLID, - testing, diagrammering og arkitekturplanlægning). -

-
- -
- Server - -

- Fra min hjemmeserver leverer jeg alle de hjemmesider som jeg bruger. Dette involverer brug - af Linux (specifikt Debian) og en god blanding af prælavede pakker, Docker containers og - selvkompilerede pakker, samt orkestrering med SystemD. Herfra har jeg god erfaring med hvad - det vil sige at tage et projekt fra en bunke kode til et leveret produkt på en webadresse. -

-
-
- -
-
- Tools for planning game characters - - project - - source - - -

- This project makes use of fundamental web technologies such as HTML, CSS and JavaScript. The - lack of good build planning tools for the game Elden Ring made me embark on this project, - which consists of simple calculators for characters statistics, armor efficiency and weapon - damage. Beyond the simple calculations, this project also entailed extracting the item - values from the game files. This was done using Python, and the resulting values were - converted to JSON files for ease of use with JavaScript. -

-
- -
- Implementation of hashing algorithms - - - project - - - source - - - docs - - -

- With this project I wanted to focus on implementing a simple API that would make it easy to - generate message digests for any data in Rust. I was dissatisfied with the APIs of existing - packages, and sought reduce the amount of function calls necessary to get a hash value. - Other focuses of this project were well-written documentation and testing. -

-
- -
- Simple, efficient parsing library - - - project - - - source - - - docs - - -

- Many problems in the yearly - Advent of Code - event consist of parsing some data and transforming afterwards. I wanted to try implementing - my own simple parser, which parses strings using simple templates and converts the parsing - results to specific data types. This was my first go at creating a Rust crate, and I focused - on creating an idiomatic API as well as good documentation so that others might be able to - use the crate. -

-
- -
- Outdoor IoT LED chain lights - -

- A simple internet of things project consisting of a few cheap LED chain lights, a power - supply and a WiFi-enabled microcontroller. The project uses existing technologies (Home - Assistant, WLED) to provide a nice-looking and simple interface. -

-
- -
- Clones of Galaga and Breakout - - - source - - -

- As part of the Software Development course at UCPH we created some small games in C\# using - the provided DIKUGames library. This class taught me more efficient development patterns for - OOP, as well as how to delegate work in a group environment in order to maintain development - speed. As part of this project we were taught basic OOP principles such as SOLID and TDD. -

-
- -
- Private server - -

- All of my projects are hosted on my private server, located at my residence. As part of this - project I have learned a lot about server administration work, web servers, package managers - and container architectures. From this I have adequate level of experience with the - mentioned technologies. -

-
-
-
- - -
- - - - + \ No newline at end of file