add(project-5): to uni

Andebugulin · Andebugulin · commit 10c9bd2b60e6 · 2024-12-17T14:45:59.000+02:00
diff --git a/_pages/about.md b/_pages/about.md
@@ -19,14 +19,14 @@ social: true # includes social icons at the bottom of the page
 ```arduino
 $ whoami
 ```
-A passionate software developer, AI enthusiast, and student at XAMK, Finland 🇫🇮
+I am him. A passionate software developer and student at XAMK, Finland 🇫🇮
 
-I'm on a journey of exploration in software engineering and artificial intelligence, with a special love for the open-source community and great music.
+I'm exploring software engineering and artificial intelligence, low level programming and linux, with a special love for the open-source community and great music.
 
 ```arduino
-$ nvim interests
+$ vim interests
 ```
-Outside the box, you’ll find me living an active lifestyle, just chilling with friends or reading books. I run linux <span style="color: #CBC3E3;">Arch btw</span>  on a <span style="color: #CBC3E3;">fancy Hyprland</span> desktop, I enjoy the concept of efficiency, customization, and availability. 
+Outside the box, you’ll find me living an active lifestyle, just chilling with friends or doing sports. I run <span style="color: #CBC3E3;">Arch Linux</span>  on a <span style="color: #CBC3E3;">fancy Hyprland</span> desktop, I enjoy the concept of efficiency, customization, and availability, but of course, healthy and active lifestyle is my priority. 
 
 
 
diff --git a/_projects/5_project.md b/_projects/5_project.md
@@ -1,80 +1,190 @@
 ---
 layout: page
-title: project 5
-description: a project with a background image
+title: Piracy RPG
+description: A strategic naval exploration and combat game with procedural generation and advanced software design patterns
 img: assets/img/1.jpg
 importance: 3
-category: fun
+category: uni
 ---
 
-Every project has a beautiful feature showcase page.
-It's easy to include images in a flexible 3-column grid format.
-Make your photos 1/3, 2/3, or full width.
-
-To give your project a background in the portfolio page, just add the img tag to the front matter like so:
-
-    ---
-    layout: page
-    title: project
-    description: a project with a background image
-    img: /assets/img/12.jpg
-    ---
-
-<div class="row">
-    <div class="col-sm mt-3 mt-md-0">
-        {% include figure.liquid loading="eager" path="assets/img/1.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
-    </div>
-    <div class="col-sm mt-3 mt-md-0">
-        {% include figure.liquid loading="eager" path="assets/img/3.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
-    </div>
-    <div class="col-sm mt-3 mt-md-0">
-        {% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
-    </div>
-</div>
-<div class="caption">
-    Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles.
-</div>
-<div class="row">
-    <div class="col-sm mt-3 mt-md-0">
-        {% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
-    </div>
-</div>
-<div class="caption">
-    This image can also have a caption. It's like magic.
-</div>
-
-You can also put regular text between your rows of images.
-Say you wanted to write a little bit about your project before you posted the rest of the images.
-You describe how you toiled, sweated, _bled_ for your project, and then... you reveal its glory in the next row of images.
-
-<div class="row justify-content-sm-center">
-    <div class="col-sm-8 mt-3 mt-md-0">
-        {% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
-    </div>
-    <div class="col-sm-4 mt-3 mt-md-0">
-        {% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
-    </div>
-</div>
-<div class="caption">
-    You can also have artistically styled 2/3 + 1/3 images, like these.
-</div>
-
-The code is simple.
-Just wrap your images with `<div class="col-sm">` and place them inside `<div class="row">` (read more about the <a href="https://getbootstrap.com/docs/4.4/layout/grid/">Bootstrap Grid</a> system).
-To make images responsive, add `img-fluid` class to each; for rounded corners and shadows use `rounded` and `z-depth-1` classes.
-Here's the code for the last row of images above:
-
-{% raw %}
-
-```html
-<div class="row justify-content-sm-center">
-  <div class="col-sm-8 mt-3 mt-md-0">
-    {% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
-  </div>
-  <div class="col-sm-4 mt-3 mt-md-0">
-    {% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
-  </div>
-</div>
+## `Seas of Fortune` - Pirate RPG Adventure 🏴‍☠️  
+
+> Set sail on a digital voyage where strategy, exploration, and learning collide. Navigate dangerous waters, engage in tactical battles, and uncover procedurally generated island mysteries!  
+
+### `Game Concept`  
+
+*Seas of Fortune* is more than a game—it’s a showcase of advanced software engineering, built with `C#` and `.NET`. It demonstrates cutting-edge design patterns and AI techniques to deliver a rich and immersive pirate adventure.  
+
+### `Technical Architecture`  
+
+#### Advanced Design Patterns 🧩  
+
+The game incorporates essential software design patterns:  
+- **Singleton**: Centralized control for core systems  
+- **State**: Smooth handling of game states and transitions  
+- **Strategy**: Flexible combat and AI decision-making  
+- **Command**: Modular, extensible input handling  
+- **Factory & Abstract Factory**: Dynamic generation of game entities, islands, and battles  
+
+#### Artificial Intelligence Integration 🤖  
+
+*Seas of Fortune* raises the bar for game AI:  
+- Adaptive enemy behavior  
+- Procedural generation of intelligent, context-aware game worlds  
+- Strategic NPC pathfinding and decision-making  
+
+### `Feature Highlights`  
+
+#### Learn Vim While You Sail! 🧭📚  
+
+Master efficient navigation with our Vim-inspired HJKL control system:  
+- **H**: Sail West ←  
+- **J**: Head South ↓  
+- **K**: Navigate North ↑  
+- **L**: Explore East →  
+
+**Why it’s innovative:**  
+- Build Vim navigation skills naturally through gameplay  
+- Train muscle memory for efficient keyboard movement  
+- Turn controls into practical coding skills for text editors and IDEs  
+
+By the end of your pirate journey, you’ll unconsciously master Vim-style navigation—an invaluable tool for developers and power users alike!  
+
+### `Page Layouts`
+
+##### Exploration Interface
+```
+ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
+                                                                                
+ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
+                                                                                
+ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
+                                                                                
+ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
+                                                                                
+ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
+                                                                                
+ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ L ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
+                                                                                
+ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
+                                                                                
+ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
+                                                                                
+ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ B ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
+                                                                                
+ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ L ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
+                                                                                
+ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
+                                                                                
+ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
+                                                                                
+ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ F ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
+                                                                                
+ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
+                                                                                
+ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
+                                                                                
+Move the player ship (HJLK) or press Q to quit:
+```
+
+##### Combat Interface
+```
+[ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ]
+[ ][ ][@][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ]
+[ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][E][E][I][ ]
+[ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][E][ ][ ][ ]
+[ ][ ][ ][A][ ][ ][ ][ ][ ][ ][ ][ ][E][ ][ ]
+[ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ]
+[ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][E][ ][ ]
+[ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ]
+[ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ]
+[ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ]
+[ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ]
+[ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ]
+[ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][E][ ][ ]
+[ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][I]
+[ ][ ][ ][ ][ ][ ][I][ ][ ][ ][ ][ ][ ][ ][ ]
+
+Combat Log:
+Reward: 1500 Gold
+Reward: 60 Reputation
+Captain Jack Sparrow moved to position (1, 1)
+Captain Jack Sparrow moved to position (2, 1)
+Crewman Gibbs obtained Intricate Map.
+
+Ship 1 Crew:
+Captain Jack Sparrow: HP 100/100 | SP 100/100 | MP 50/50
+Crewman Gibbs: HP 100/100 | SP 100/100 | MP 50/50
+
+Ship 2 Crew:
+Davy Jones: HP 100/100 | SP 100/100 | MP 50/50
+Bootstrap Bill: HP 100/100 | SP 100/100 | MP 50/50
+Bill Turner: HP 100/100 | SP 100/100 | MP 50/50
+Maccus: HP 100/100 | SP 100/100 | MP 50/50
+Clanker: HP 100/100 | SP 100/100 | MP 50/50
+Victor: HP 100/100 | SP 100/100 | MP 50/50
+
+Current Action: Heal
+Current State: Action
+Stamina: 100/100
+Magic Points: 50/50
+Ammunition: 1
+
+Actions:
+1-4: Select action strategy
+HJKL: Move
+SPACE: Perform current action
+D: Enter defending state
+I: View Inventory
+E: Open Equipment Menu
+Q: Quit combat
+O: View Quests
 ```
 
-{% endraw %}
+### `Conclusion and Reflection`  
+
+Developing *Seas of Fortune* has been a rewarding journey in software engineering and game design, showcasing how advanced programming patterns and AI techniques can create an immersive and adaptable gaming experience.  
+
+Explore the technical implementation and adventures here:  
+- **[Seas of Fortune GitHub Repository](https://github.com/Andebugulin/rpg_pirates)**  
+
+### `Fancy Feature: Procedural Generation Magic`  
+
+The game’s core magic lies in its procedural generation system:  
+- Dynamic islands with detailed, context-aware terrains  
+- AI-driven quests that adapt to player actions  
+- Unpredictable, intelligent enemy encounters  
+
+Every playthrough delivers a unique, player-driven experience.  
+
+### `Learning Through Play`  
+
+*Seas of Fortune* blends fun with learning:  
+- Master advanced design patterns through gameplay  
+- Explore AI and procedural generation techniques  
+- Build strategic thinking with complex game mechanics  
+
+Who said software engineering can’t feel like an epic pirate adventure? 🌊🏴‍☠️  
+
+### `Contributors`  
+
+<div id="contributors-list" style="display: flex; flex-wrap: wrap; justify-content: space-around; padding: 20px;">Loading contributors...</div>
+<script>
+  async function fetchContributors() {
+    const url = 'https://api.github.com/repos/Andebugulin/rpg_pirates/contributors';
+    const response = await fetch(url);
+    const contributors = await response.json();
+
+    const contributorsHtml = contributors.map(contributor =>
+      `<div class="contributor" style="margin: 10px; text-align: center;">
+        <img src="${contributor.avatar_url}" alt="${contributor.login}" style="width: 100px; height: 100px; border-radius: 50%; display: block; margin: auto;">
+        <p><a href="${contributor.html_url}" target="_blank">${contributor.login}</a></p>
+      </div>`
+    ).join('');
+
+    document.getElementById('contributors-list').innerHTML = contributorsHtml;
+  }
+
+  fetchContributors();
+</script>
+
diff --git a/assets/img/prof_pic.jpg b/assets/img/prof_pic.jpg
