restyling

config.toml

@@ -1,11 +1,11 @@
 theme = "apollo"
-taxonomies = [{ name = "tags" }]
 
 # See this for more options: https://github.com/not-matthias/apollo/blob/main/config.toml#L14
 
 # base_url = "https://fettenderimakes.games"
 base_url = "https://fettenderi.github.io"
 title = "Marco Manganaro"
+description = "Technical Gameplay Designer"
 
 compile_sass = true
 minify_html = true
@@ -18,14 +18,13 @@ highlight_code = true
 toc = true
 theme = "toggle"
 favicon = "/icon/favicon.png"
-socials = [
-  { name = "linktree", url = "https://linktr.ee/fettenderi", icon = "linktree" },
-  { name = "itch.io", url = "https://fettenderi.itch.io", icon = "itchio" },
-  { name = "github", url = "https://github.com/Fettenderi", icon = "github" },
-  { name = "linkedin", url = "https://www.linkedin.com/in/marco-manganaro/", icon = "linkedin" },
-]
+socials = []
 menu = [
-    { name = "/games", url = "/games", weight = 1 },
-    { name = "/about", url = "/about", weight = 2 },
+    { name = "/cv", url = "/cv", weight = 2 },
+    { name = "/mail", url = "mailto:marco.manganaro03@gmail.com", weight = 2 },
+    { name = "/linkedin", url = "https://www.linkedin.com/in/marco-manganaro/", weight = 2 },
+    { name = "/github", url = "https://github.com/Fettenderi", weight = 2 },
+    { name = "/itch.io", url = "https://fettenderi.itch.io", weight = 2 },
+    { name = "/linktree", url = "https://linktr.ee/fettenderi", weight = 1 },
 ]
 

content/_index.md

@@ -1,10 +1,34 @@
 +++
-title= "Fettenderi"
-template = "homepage_alt.html"
+template = "homepage.html"
 
 [extra]
 site_title = "Fettenderi Makes Games"
 section_path = "games/_index.md"
 +++
 
-also known as Marco Manganaro is a sicilian [indie game developer](https://fettenderi.itch.io), [minecraft modder and map maker](https://www.planetminecraft.com/member/fettenderi/), currently studying software engineering and doing local game jams in turin.
+I’m a 21-year-old Sicilian software engineer studying at the Polytechnic University of Turin. My passion lies in crafting captivating, interactive experiences, especially through game mechanics that resonate with players. I see video games as a powerful art form that has the potential to engage, inspire, and connect.
+
+In my work with Minecraft, I design custom maps and mods focused on unique, immersive experiences. Combining level design with programming, I create tailored items and mechanics to bring each project to life, building worlds that captivate players with every interaction.
+
+Music is another source of inspiration for me; I enjoy exploring diverse genres and languages, and my playlists reflect this eclectic taste, often fueling my creativity.
+
+<!-- discipline??
+
+Marco Maanganaro, 21 sicilian, polytecnico di torino softwere eng
+
+dream of making enganing mechanics that people love, videogames as powerful art form
+
+make minecraft mods adding crazy items, making mesmerizing maps that player love seeing 
+
+passione per la music, diverse music genres and languages, plaaylist that reflects tastes, iframe più piccolo 
+
+
+# Robe da cambiare
+
+protfolio documento professionale!
+
+chiarificare cosaa faaccio con le mod magari metterlo più in basso per non distrarre
+rendere meno intralciante sezione music
+
+più gif nei progetti -> mostrare di più punch line e time tangled
+dire di cosa tratta ogni progetto, non laa descrizione di itch -->

content/cv.md

@@ -0,0 +1,35 @@
++++
+template = "page.html"
+title = "Resume"
+
+[extra]
+site_title = "Resume"
++++
+
+Paraponzi ponzi po
+
+<!-- discipline??
+
+Marco Maanganaro, 21 sicilian, polytecnico di torino softwere eng
+
+dream of making enganing mechanics that people love, videogames as powerful art form
+
+make minecraft mods adding crazy items, making mesmerizing maps that player love seeing 
+
+passione per la music, diverse music genres and languages, plaaylist that reflects tastes, iframe più piccolo 
+
+
+# Robe da cambiare
+
+aggiungere tag ai progetti per dare un'idea del mio ruolo
+sistemare aspect ratio mobili
+magari cambiare qualche colore qua e là
+
+protfolio documento professionale!
+
+essere più focussed sul mio ruolo principale
+chiarificare cosaa faaccio con le mod magari metterlo più in basso per non distrarre
+rendere meno intralciante sezione music
+
+più gif nei progetti -> mostrare di più punch line e time tangled
+dire di cosa tratta ogni progetto, non laa descrizione di itch -->

content/games/babel_ascent.md

@@ -6,11 +6,12 @@ weight = 6
 
 [extra]
 local_image = "/games/babel_ascent.png"
+tags=["godot-engine", "team", "lead designer", "technical gameplay designer", "vr", "shader"]
 babel = true
 +++
 <div class = "gallery">
-<iframe width="400" height="225" style="padding-bottom: 1em;" src="https://www.youtube.com/embed/gEMYtLm-8uY?si=rjLIaHoLB0D_y3Nd" title="Babel Ascent Trailer" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
-<iframe width="400" height="225"src="https://www.youtube.com/embed/StAaA7DYxMg?si=MtQHS2mt9SeBrxY8" title="Babel Ascent Playthrough" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<iframe width="400" height="225" class ="gallery-video" src="https://www.youtube.com/embed/gEMYtLm-8uY?si=rjLIaHoLB0D_y3Nd" title="Babel Ascent Trailer" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<iframe width="400" height="225" class ="gallery-video" src="https://www.youtube.com/embed/StAaA7DYxMg?si=MtQHS2mt9SeBrxY8" title="Babel Ascent Playthrough" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 </div>
 
 After working on a few small projects in VR, I wanted to create an actual game using my acquired knowledge. So [UnconsciousMotifs](https://unconscious-motifs.itch.io), [BatFerro](https://itch.io/profile/andrea-ferretti) and I were full of energy to start working on this project.

content/games/emperors_quest.md

@@ -5,6 +5,7 @@ date = "2024-05-27"
 weight = 5
 
 [extra]
+tags=["godot-engine", "solo", "gameplay design", "system design"]
 local_image = "/games/emperors_quest.png"
 +++
 

content/games/no_brake.md

@@ -5,7 +5,9 @@ date = "2020-11-15"
 weight = 1
 
 [extra]
+tags=["godot-engine", "solo", "3d"]
 local_image = "/games/no_brake.png"
+ignore = true
 +++
 
 This is my first ever attempt at videogame development, before this I only followed some tutorials about the Godot Engine and Blender.

content/games/projectmecha_alien.md

@@ -5,7 +5,9 @@ date = "2023-07-20"
 weight = 3
 
 [extra]
+tags=["godot-engine", "team", "3d", "technical designer"]
 local_image = "/games/projectmecha_alien.png"
+ignore = true
 +++
 
 After a two-year break from game development, I joined MechJam IV, and for the first time, I wasn’t working alone. I had the opportunity to collaborate with an amazing composer experienced with Wwise and FMOD.

content/games/punch_line.md

@@ -5,6 +5,7 @@ date = "2024-01-28"
 weight = 4
 
 [extra]
+tags=["unity-engine", "team","junior programmer", "typing"]
 local_image = "/games/punch_line.png"
 +++
 

content/games/time_tangled.md

@@ -5,6 +5,7 @@ date = "2021-05-22"
 weight = 2
 
 [extra]
+tags=["godot-engine", "solo", "bullet-hell"]
 local_image = "/games/time_tangled.png"
 +++
 

themes/apollo/sass/main.scss

@@ -10,6 +10,7 @@
 @import "parts/_homepage.scss";
 @import "parts/_footer.scss";
 @import "parts/_page.scss";
+@import "parts/_dynamic.scss";
 
 :root {
   /* Used for: block comment, hr, ... */
@@ -29,26 +30,8 @@ html {
 }
 
 .content {
-  max-width: 1000px;
+  max-width: 1200px;
   margin: 0 auto;
-  padding: 0 24px;
+  padding: 0 4em;
   word-wrap: break-word;
-}
-
-@media all and (min-width:640px) {
-  html {
-    font-size: 16.5px;
-  }
-}
-
-@media all and (min-width:720px) {
-  html {
-    font-size: 17px;
-  }
-}
-
-@media all and (min-width:960px) {
-  html {
-    font-size: 18px;
-  }
 }