working gallery, working skills

content/_index.md

@@ -9,7 +9,7 @@ show_shares = true
 +++
 
 
-# Welcome
+## Welcome
 
 to the online presence of Aron Petau.
 
@@ -17,8 +17,9 @@ This site is a collection of my thoughts and experiences.
 
 I hope you find something interesting here.
 
-This Page is currently under construction.
-
+{% alert(note=true) %}
+This Page is currently under active construction.
 Broken links are to be expected.
+{% end %}
 
-<progress value="25" max="100"></progress>
+<progress value="75" max="100"></progress>

content/blog/2018-05-03-printing/index.md

@@ -32,7 +32,7 @@ show_shares = true
 
 +++
 
-```json
+{% gallery() %}
 
 [
   {
@@ -85,7 +85,8 @@ show_shares = true
     "title": "A custom-built printer enclosure made up of 3 Ikea Lack tables and around 3 kgs of plastic."
   }
 ]
-```
+{% end %}
+
 
 ## 3D Printing
 

content/blog/2020-03-01-homebrew/index.md

@@ -0,0 +1,80 @@
++++
+title = "Homebrew"
+date = 2022-03-01
+authors = ["Aron Petau"]
+description = "A bubbly hobby of mine"
+
+[taxonomies]
+tags = [
+  "altbier",
+  "beer",
+  "experiment",
+  "fermentation",
+  "hops",
+  "homebrew",
+  "keg",
+  "lager",
+  "pressure",
+  "private",
+  "sustainability",
+  "yeast"
+]
+
+
+[extra]
+banner =  "beer_tap.jpg"
+show_copyright = true
+show_shares = true
++++
+
+## Brewing
+
+### Making my own beer
+
+I love hosting, I love experimenting in the Kitchen. Starting with homebrews was a natural fit for me and during the first wave of Covid-19, I went the whole homebrewer’s route of bottle fermentation and small batches later elevating my game with larger batches of 50 liters and a pressure tank system.
+
+Starting out, I found it fascinating, how just 4 rather simple ingredients, malt, hops, water and yeast, can form such an incredible range of taste experiences. It was and still is, a tremendous learning experience, where one slowly has to accept not being able to control the process fully and find room for creativity.
+
+Why do I present such an unrelated non-academic hobby here? I simply do not regard it as unrelated, experimenting and optimizing a process and a workflow, creating optimal conditions for the yeast to do its job feels very similar to approaching a coding project.
+Yeast and what it does fascinates me. Every time I open the latch to release some pressure on the Tank I think of the awesome symbiotic relationships yeast has with humans and how many different strains live there together to create a unique, yet tailored flavor. Several ideas are floating around of changing the brewing process by capturing the created carbon dioxide and using it productively. I could see a car tire being filled with my beer gas, or an algae farm munching away on my CO2 byproducts. Within a closed-loop pressurized system, such ideas actually become realizable and I would love to explore them further.
+
+I am not yet an expert on algae, but I can manage with yeast and I believe they can coexist and create a more sustainable cycle of production.
+Young Henrys, a brewery in Australia is already incorporating algae into its industrial process:
+ [The Algae project](https://younghenrys.com/algae)
+
+Such ideas do not come into the industry by themselves: I believe that art and the exploratory discovery of novel techniques are the same things. Good and inventive design can improve society and make steps towards sustainability. I want to be part of that and would love to find new ways of using yeast in other design contexts: See whether I can make them work in a closed circular system, make them calculate things for me, or simply making my next beer taste awesome with just the right amount of fizz.
+
+{% gallery() %}
+[
+  {
+    "file": "beer_setup.jpg",
+    "title": "The latest iteration of my homebrew setup, using pressure tanks and a pressurized fermentation chamber",
+    "alt": "A photo showcasing the latest version of a homebrew setup with pressure tanks and a fermentation chamber."
+  },
+  {
+    "file": "beer_setup_2.jpg",
+    "title": "An electric kettle I use for the Brew",
+    "alt": "An image of the electric kettle used in the brewing process."
+  },
+  {
+    "file": "beer_tap.jpg",
+    "title": "I made my own kegging system featuring a tap from an old table leg.",
+    "alt": "A custom kegging system with a tap made from an upcycled table leg."
+  },
+  {
+    "file": "beer_fermentation.jpg",
+    "title": "An active fermentation",
+    "alt": "A photo showing the fermentation process in action during beer brewing."
+  },
+  {
+    "file": "hops.jpg",
+    "title": "Hops growing in our garden, so I can experiment with fresh specialty hops",
+    "alt": "Fresh hops growing in the garden, ready for experimentation in brewing."
+  },
+  {
+    "file": "beer_malt.jpg",
+    "title": "The leftover mass of spent grain. Animals love it, it's great for composting, but most importantly, it's great for baking bread!",
+    "alt": "The spent grain left over from brewing, which is perfect for composting, animal feed, or baking bread."
+  }
+]
+{% end %}

content/blog/2021-03-01-coding/index.md

@@ -0,0 +1,89 @@
++++
+title = "Coding Examples"
+date = 2021-03-01
+authors = ["Aron Petau"]
+description = "A selection of coding projects from my Bachelor's in Cognitive Science"
+
+[taxonomies]
+tags = [
+  "AI",
+  "CNN",
+  "GOFAI",
+  "MTCNN",
+  "computer vision",
+  "ethics",
+  "face detection",
+  "google colab",
+  "jupyter notebook",
+  "keras",
+  "machine learning",
+  "neural nets",
+  "object recognition",
+  "python",
+  "super resolution",
+  "tensorflow",
+  "university of osnabrück"
+]
+
+[extra]
+banner = "sample_lr.png"
+show_copyright = true
+show_shares = true
++++
+
+## Neural Networks and Computer Vision
+
+## A selection of coding projects
+
+Although pure coding and debugging are often not a passion of mine, I recognize the importance of neural networks and other recent developments in Computer Vision. From several projects regarding AI and Machine Learning that I co-authored during my Bachelor Program, I picked this one since I think it is well documented and explains on a step-by-step basis what we do there.
+
+### Image Super-Resolution using Convolutional Neural Networks (Recreation of a 2016 Paper)
+
+Image Super-Resolution is a hugely important topic in Computer Vision. If it works sufficiently advanced, we could take all our screenshots and selfies and cat pictures from the 2006 facebook-era and even from before and scale them up to suit modern 4K needs.
+
+Just to give an example of what is possible in 2020, just 4 years after the paper here, have a look at this video from 1902:
+
+{{ youtube(id="EQs5VxNPhzk") }}
+
+The 2016 paper we had a look at is much more modest: it tries to upscale only a single Image, but historically, it was one of the first to achieve computing times sufficiently small to make such realtime-video-upscaling as visible in the Video (from 2020) or of the likes that Nvidia uses nowadays to upscale Videogames.
+
+Example of a Super-Resolution Image.
+The Neural network is artificially adding Pixels so that we can finally put our measly selfie on a billboard poster and not be appalled by our deformed-and-pixelated-through-technology face.
+
+{% gallery() %}
+[
+  {
+    "file": "sample_lr.png",
+    "title": "A low-resolution sample",
+    "alt": "A sample image with low resolution, used as a baseline for comparison."
+  },
+  {
+    "file": "sample_hr.png",
+    "title": "A high-resolution sample. This is also called 'ground truth'",
+    "alt": "A high-resolution image that serves as the reference ground truth for comparison with other samples."
+  },
+  {
+    "file": "sample_sr.png",
+    "title": "The artificially enlarged image patch resulting from the algorithm",
+    "alt": "A sample image where the resolution has been artificially increased using an image enhancement algorithm."
+  },
+  {
+    "file": "sample_loss.png",
+    "title": "A graph showing an exemplary loss function applied during training",
+    "alt": "A graph illustrating the loss function used to train the model, showing the model's performance over time."
+  },
+  {
+    "file": "sample_cos_sim.png",
+    "title": "One qualitative measurement we used was pixel-wise cosine similarity. It is used to measure how similar the output and the ground truth images are",
+    "alt": "A visualization of pixel-wise cosine similarity, used to quantify how similar the generated image is to the ground truth image."
+  }
+]
+{% end %}
+
+[The Python notebook for Image super-resolution in Colab]( https://colab.research.google.com/drive/1RlgIKJmX8Omz9CTktX7cdIV_BwarUFpv?usp=sharing)
+
+### MTCNN (Application and Comparison of a 2016 Paper)
+
+Here, you can also have a look at another, much smaller project, where we rebuilt a rather classical Machine learning approach for face detection. Here, we use preexisting libraries to demonstrate the difference in efficacy of approaches, showing that Multi-task Cascaded Convolutional Networks (MTCNN) was one of the best-performing approaches in 2016. Since I invested much more love and work into the above project, I would prefer for you to check that one out, in case two projects are too much.
+
+[Face detection using a classical AI Approach (Recreation of a 2016 Paper)](https://colab.research.google.com/drive/1uNGsVZ0Q42JRNa3BuI4W-JNJHaXD26bu?usp=sharing)

content/blog/2025-04-15-master-thesis/index.md

@@ -58,18 +58,22 @@ on waste as both a challenge and an opportunity for sustainable futures and a ma
 reality of the human experience.
 
 <embed
-  src="/assets/documents/Human_Waste_MA_Aron_Petau.pdf"
+  src="/documents/Human_Waste_MA_Aron_Petau.pdf"
   type="application/pdf"
-  style="width: 100%; height: 80vh; margin: 0 auto; display: block; border: 1px solid #ccc;" />
+  style="width: 100%; height: 80vh; margin: 0 auto; display: block; border: 1px solid #ccc;"
+   />
 
-<div class="buttons">
-  <a class="colored external" href="https://pinry.petau.net">See the image archive yourself</a>
+<div class="buttons centered">
+  <a class="big colored external"
+  href="https://pinry.petau.net">See the image archive yourself</a>
 </div>
 
-<div class="buttons">
-  <a class="colored external" href="https://archive.petau.net/#/graph">See the archive graph yourself</a>
+<div class="buttons centered">
+  <a class="big colored external"
+  href="https://archive.petau.net/#/graph">See the archive graph yourself</a>
 </div>
 
-<div class="buttons">
-  <a class="colored external" href="https://forgejo.petau.net/aron/machine_archivist.git">Find the complete Repo on Forgejo</a>
+<div class="buttons centered">
+  <a class="big colored external"
+  href="https://forgejo.petau.net/aron/machine_archivist.git">Find the complete Repo on Forgejo</a>
 </div>

content/pages/contact.md

@@ -6,24 +6,9 @@ date= 2025-05-01
 +++
 
 For starters, mails are gold and probably still the best way to reach me.
-[contact me](/mailto:aron@petau.net/)
+[contact me](mailto:aron@petau.net)
 
 
-<div class="buttons">
-  <a class="colored external" href="mailto:aron@petau.net">Email</a>
-</div>
 <div class="buttons">
   <a class="colored external" href="https://t.me/apetau">Telegram</a>
-</div>
-<div class="buttons">
-  <a class="colored external" href="https://github.com/arontaupe">GitHub</a>
-</div>
-<div class="buttons">
-  <a class="colored external" href="https://www.printables.com/social/97957-arontaupe/models">Printables</a>
-</div>
-<div class="buttons">
-  <a class="colored external" href="https://mastodon.online/@reprintedAron">Mastodon</a>
-</div>
-<div class="buttons">
-  <a class="colored external" href="https://www.newpractice.net/author/aron-petau">New Practice Network</a>
-</div>
+</div>

content/pages/cv.md

@@ -2,6 +2,7 @@
 title = "Curriculum vitae"
 description = "Aron writes about their past experience"
 authors = ["Aron Petau"]
+toc = true
 +++
 
 ## Who am I?
@@ -148,50 +149,189 @@ Contact me via [Email](mailto:aron@petau.net) for further questions.
 ]
 {% end %}
 
-{% import "macros/skills.html" as skills %}
-<div>
-{{ skills::display() | safe }}
-</div>
+## Software Skills
 
+{% skills() %}
+[
+  {
+    "name": "UNIX",
+    "skills": [
+      { "name": "bash", "icon": "fas fa-terminal", "link": "https://www.gnu.org/software/bash/" },
+      { "name": "zsh", "icon": "fas fa-terminal", "link": "https://www.zsh.org/" },
+      { "name": "Arduino IDE", "icon": "fas fa-cogs", "link": "https://www.arduino.cc/en/software" },
+      { "name": "Raspberry Pi", "icon": "fab fa-raspberry-pi", "link": "https://www.raspberrypi.org/" }
+    ]
+  },
+  {
+    "name": "Python",
+    "skills": [
+      { "name": "scipy", "icon": "fab fa-python", "link": "https://scipy.org/" },
+      { "name": "matplotlib", "icon": "fab fa-python", "link": "https://matplotlib.org/" },
+      { "name": "seaborn", "icon": "fab fa-python", "link": "https://seaborn.pydata.org/" },
+      { "name": "pandas", "icon": "fab fa-python", "link": "https://pandas.pydata.org/" },
+      { "name": "jupyter notebook", "icon": "fab fa-python", "link": "https://jupyter.org/" },
+      { "name": "tensorflow", "icon": "fab fa-python", "link": "https://www.tensorflow.org/" },
+      { "name": "pytorch", "icon": "fab fa-python", "link": "https://pytorch.org/" },
+      { "name": "scikit-learn", "icon": "fab fa-python", "link": "https://scikit-learn.org/" },
+      { "name": "opencv", "icon": "fab fa-python", "link": "https://opencv.org/" },
+      { "name": "flask", "icon": "fab fa-python", "link": "https://flask.palletsprojects.com/" },
+      { "name": "micropython", "icon": "fab fa-python", "link": "https://micropython.org/" },
+      { "name": "circuitpython", "icon": "fab fa-python", "link": "https://circuitpython.org/" }
+    ]
+  },
+  {
+    "name": "HTML, CSS, JavaScript",
+    "skills": [
+      { "name": "HTML", "icon": "fab fa-html5", "link": "https://developer.mozilla.org/en-US/docs/Web/HTML" },
+      { "name": "CSS", "icon": "fab fa-css3-alt", "link": "https://developer.mozilla.org/en-US/docs/Web/CSS" },
+      { "name": "JavaScript", "icon": "fab fa-js", "link": "https://developer.mozilla.org/en-US/docs/Web/JavaScript" },
+      { "name": "GH-pages", "icon": "fab fa-github", "link": "https://pages.github.com/" },
+      { "name": "psychoJS", "icon": "fab fa-python", "link": "https://www.psychopy.org/psychojs/" },
+      { "name": "AMPStack", "icon": "fab fa-github", "link": "https://github.com/ampstack/ampstack" },
+       { "name": "ibex-farm", "icon": "fab fa-github", "link": "https://www.labvanced.com/" }
+    ]
+  },
+  {
+    "name": "C#",
+    "skills": [
+      { "name": "C#", "icon": "fab fa-microsoft", "link": "https://learn.microsoft.com/en-us/dotnet/csharp/" },
+      { "name": "Visual Studio", "icon": "fab fa-microsoft", "link": "https://visualstudio.microsoft.com/" },
+      { "name": "Unity", "icon": "fab fa-unity", "link": "https://unity.com/" },
+      { "name": "Unreal Engine", "icon": "fab fa-unreal-engine", "link": "https://www.unrealengine.com/" }
+    ]
+  },
 
-### Software Skills
+  {
+    "name": "CAD",
+    "skills": [
+      { "name": "Fusion 360", "icon": "fas fa-cogs", "link": "https://www.autodesk.com/products/fusion-360/overview" },
+      { "name": "TinkerCAD", "icon": "fas fa-cogs", "link": "https://www.tinkercad.com/" },
+      { "name": "Rhino/Grasshopper", "icon": "fas fa-cogs", "link": "https://www.rhino3d.com/" }
+    ]
+  },
+  {
+    "name": "Slicing",
+    "skills": [
+      { "name": "PrusaSlicer", "icon": "fab fa-github", "link": "https://www.prusa3d.com/prusaslicer/" },
+      { "name": "kiri.moto", "icon": "fab fa-github", "link": "https://kiri.moto.github.io/" },
+      { "name": "Cura", "icon": "fab fa-github", "link": "https://ultimaker.com/software/ultimaker-cura" },
+      { "name": "Lightburn", "icon": "fab fa-github", "link": "https://lightburnsoftware.com/" }
+    ]
+  },
+  {
+    "name": "Images",
+    "skills": [
+      { "name": "Inkscape", "icon": "fab fa-github", "link": "https://inkscape.org/" },
+      { "name": "Illustrator", "icon": "fab fa-adobe", "link": "https://www.adobe.com/products/illustrator.html" },
+      { "name": "GIMP", "icon": "fab fa-github", "link": "https://www.gimp.org/" },
+      { "name": "Photoshop", "icon": "fab fa-adobe", "link": "https://www.adobe.com/products/photoshop.html" },
+      { "name": "Lightroom", "icon": "fab fa-adobe", "link": "https://www.adobe.com/products/photoshop-lightroom.html" },
+      { "name": "Agisoft Metashape", "icon": "fab fa-github", "link": "https://www.agisoft.com/" }
+    ]
+  },
+  {
+    "name": "Video",
+    "skills": [
+      { "name": "Premiere", "icon": "fab fa-adobe", "link": "https://www.adobe.com/products/premiere.html" },
+      { "name": "DaVinci Resolve", "icon": "fas fa-film", "link": "https://www.blackmagicdesign.com/products/davinciresolve/" },
+      { "name": "OBS", "icon": "fab fa-github", "link": "https://obsproject.com/" },
+      { "name": "TouchDesigner", "icon": "fab fa-github", "link": "https://derivative.ca/" },
+      { "name": "DJI Drones", "icon": "fas fa-camera", "link": "https://www.dji.com/" },
+      { "name": "FPV Drones", "icon": "fas fa-camera", "link": "https://www.fpvdrone.com/" }
+    ]
+  },
+  {
+    "name": "Audio",
+    "skills": [
+      { "name": "Audacity", "icon": "fab fa-github", "link": "https://www.audacityteam.org/" },
+      { "name": "supercollider", "icon": "fab fa-github", "link": "https://supercollider.github.io/" }
+    ]
+  },
+  {
+    "name": "Office",
+    "skills": [
+      { "name": "MS-Office Suite", "icon": "fab fa-microsoft", "link": "https://www.microsoft.com/en-us/microsoft-365" },
+      { "name": "Latex", "icon": "fab fa-latex", "link": "https://www.latex-project.org/" },
+      { "name": "Markdown", "icon": "fab fa-markdown", "link": "https://www.markdownguide.org/" },
+      { "name": "Typst", "icon": "fab fa-github", "link": "https://typst.app/" }
+    ]
+  },
+  {
+    "name": "Educational",
+    "skills": [
+      { "name": "Scratch", "icon": "fab fa-scratch", "link": "https://scratch.mit.edu/" },
+      { "name": "Makey-Makey", "icon": "fab fa-github", "link": "https://www.makeymakey.com/" },
+      { "name": "Ozobot", "icon": "fab fa-github", "link": "https://ozobot.com/" },
+      { "name": "Cospaces", "icon": "fab fa-github", "link": "https://cospaces.io/" }
+    ]
+  }
+]
+{% end %}
 
-**UNIX** \| bash / zsh \| Arduino IDE \| Raspberry Pi
+## Machine Skills
 
-**Python** \| scipy \|  matplotlib \| seaborn \| pandas \| jupyter notebook \| tensorflow \| pytorch \| scikit-learn \| opencv \| flask \| micropython \| circuitpython
-
-**HTML, CSS, JavaScript** \| GH-pages \| psychoJS \| AMPStack \| ibex-farm
-
-**C#** \| Unity \| Unreal Engine \| Visual Studio
-
-**CAD** \| Fusion 360 \| TinkerCAD \| Rhino/Grasshopper
-
-**Slicing** \| PrusaSlicer \| kiri.moto \| Cura \| Lightburn
-
-**Images** \| Inkscape \| Illustrator \| GIMP \| Photoshop \| Lightroom \| Agisoft Metashape
-
-**Video** \| Premiere \| DaVinci Resolve \| OBS \| TouchDesigner \| DJI Drones \| FPV Drones
-
-**Audio** \| Audacity \| supercollider
-
-**Office** \| MS-Office Suite \| Latex \| Markdown \| Typst
-
-**Educational** \| Scratch \| Makey-Makey \| Ozobot \| Cospaces
-
-### Machine Skills
-
-**3D Printer** \| Fused-Deposition Modeling (FDM)\| Resin (MSLA)
-
-**CNC** \| Nomad 3 \| Shaper Origin
-
-**(Laser)cutter** \| Cricut \| Mr. Beam \| BRM Lasers Pro 1600 \| X-Tool S1 \| Scissors
-
-**Textile** \|  Brother Innov-is V3 Stitching Robot \| Sewing Machine \| Handstitching
-
-**VR** \| Meta Quest 2 \| HTC Vive Pro
-
-**AR** \| Magic Leap 1 \| Apple AR Suite
-
-**Microcontroller** \| Arduino \| Raspberry Pi \| ESP32 \| Pi Pico
-
-**Industrial robots** \| Universal Robots UR5
+{% skills() %}
+[
+  {
+    "name": "3D Printer",
+    "skills": [
+      { "name": "Fused-Deposition Modeling (FDM)", "icon": "fas fa-cube", "link": "https://en.wikipedia.org/wiki/Fused_filament_fabrication" },
+      { "name": "Resin (MSLA)", "icon": "fas fa-cube", "link": "https://en.wikipedia.org/wiki/Stereolithography" }
+    ]
+  },
+  {
+    "name": "CNC",
+    "skills": [
+      { "name": "Nomad 3", "icon": "fas fa-tools", "link": "https://shop.carbide3d.com/products/nomad-3" },
+      { "name": "Shaper Origin", "icon": "fas fa-tools", "link": "https://www.shapertools.com/" }
+    ]
+  },
+  {
+    "name": "Lasercutting",
+    "skills": [
+      { "name": "Cricut", "icon": "fas fa-cut", "link": "https://cricut.com/" },
+      { "name": "Mr. Beam", "icon": "fas fa-bolt", "link": "https://www.mr-beam.org/" },
+      { "name": "BRM Lasers Pro 1600", "icon": "fas fa-bolt", "link": "https://www.brmlasers.com/products/pro-1600/" },
+      { "name": "X-Tool S1", "icon": "fas fa-bolt", "link": "https://www.xtool.com/products/xtool-s1-laser-cutter" },
+      { "name": "Scissors", "icon": "fas fa-scissors" }
+    ]
+  },
+  {
+    "name": "Textile",
+    "skills": [
+      { "name": "Brother Innov-is V3 Stitching Robot", "icon": "fas fa-tshirt", "link": "https://www.brothersewing.co.uk/products/innov-is-v3" },
+      { "name": "Sewing Machine", "icon": "fas fa-tshirt" },
+      { "name": "Handstitching", "icon": "fas fa-hand-paper" }
+    ]
+  },
+  {
+    "name": "VR",
+    "skills": [
+      { "name": "Meta Quest 2", "icon": "fas fa-vr-cardboard", "link": "https://www.meta.com/quest/quest-2/" },
+      { "name": "HTC Vive Pro", "icon": "fas fa-vr-cardboard", "link": "https://www.vive.com/eu/product/vive-pro/" }
+    ]
+  },
+  {
+    "name": "AR",
+    "skills": [
+      { "name": "Magic Leap 1", "icon": "fas fa-glasses", "link": "https://www.magicleap.com/magic-leap-1" },
+      { "name": "Apple AR Suite", "icon": "fab fa-apple", "link": "https://developer.apple.com/augmented-reality/" }
+    ]
+  },
+  {
+    "name": "Microcontroller",
+    "skills": [
+      { "name": "Arduino", "icon": "fas fa-microchip", "link": "https://www.arduino.cc/" },
+      { "name": "Raspberry Pi", "icon": "fab fa-raspberry-pi", "link": "https://www.raspberrypi.com/" },
+      { "name": "ESP32", "icon": "fas fa-microchip", "link": "https://www.espressif.com/en/products/socs/esp32" },
+      { "name": "Pi Pico", "icon": "fas fa-microchip", "link": "https://www.raspberrypi.com/products/raspberry-pi-pico/" }
+    ]
+  },
+  {
+    "name": "Industrial robots",
+    "skills": [
+      { "name": "Universal Robots UR5", "icon": "fas fa-robot", "link": "https://www.universal-robots.com/products/ur5-robot/" }
+    ]
+  }
+]
+{% end %}