Update to Text

This commit is contained in:
IM23a-spirgif
2025-02-27 11:32:38 +01:00
parent 93be706611
commit 3931165e82
2 changed files with 16 additions and 15 deletions
+14 -13
View File
@@ -11,12 +11,12 @@
<!-- Welcome Screen -->
<div id="welcome-screen">
<div id="welcome-content">
<h1 id="welcome-text">Click the Image below to enter my website!</h1>
<h1 id="welcome-text">Welcome! Click the image below to begin your journey through my site!</h1>
<img id="enter-button" src="img/Penguin_Normal.png" alt="Enter Website"/>
<img id="turn-device-sideways" src="img/turn-device-sideways.png" alt="Enter Website"/>
<button id="dark-mode-toggle" class="dark-mode-toggle">
🌙<br>
Dark Mode
Toggle Dark Mode
</button>
</div>
</div>
@@ -32,20 +32,21 @@
<!-- "?" Block Explanatory Text -->
<div id="block-info" class="hidden">
<h1>Welcome!</h1>
<p>Hello and Welcome to my Portfolio Page! On here, you can find all my projects and information about myself. (If
you're really interested) ;). Anyway, have fun exploring the Page!</p>
<p>Welcome to my portfolio! Here, you'll discover the projects I've worked on, along with insights about my skills
and background. If you're curious about my work or have any questions, feel free to reach out! Enjoy
exploring!</p>
</div>
</div>
<section id="projects">
<div class="project">
<h3 class="project-name">TRLStats</h3>
<p class="project-description">An online javascript & python application that helps calculate damage stats for the
Game 'The Red Lake'!</p>
<img src="img/Project_TrlStats.png" alt="TRLStats">
<p class="long-description" data-project-name="TRLStats">TRLStats was my first project ever made, a damage
calculator for the Roblox Game 'The Red Lake'. The Project is based on a python file, using the python library
"Flask" to grab the data from JSON files, and then Javascript to display it.</p>
<p class="project-description">An interactive JavaScript and Python application designed to calculate damage
statistics for the popular Roblox game 'The Red Lake'.</p>
<img src="Project_TrlStats.png" alt="TRLStats">
<p class="long-description" data-project-name="TRLStats">TRLStats was my first project, a damage calculator for the
Roblox game 'The Red Lake'. This project combines Python, Flask for backend processing, and JavaScript to
dynamically display data extracted from JSON files.</p>
<a class="link" href="https://fretux.ch/trlstats" data-project-name="TRLStats">Link to the Website</a>
<p class="tags">HTML</p>
<p class="tags">CSS</p>
@@ -57,7 +58,7 @@
<h3 class="project-name">SBB-History</h3>
<p class="project-description">A Website about the creation of the SBB (Swiss Train Corporation) with an
interactable map!</p>
<img src="img/SBB-History.png" alt="SBB-History">
<img src="SBB-History.png" alt="SBB-History">
<p class="long-description" data-project-name="SBB-History">For a School Project, me and 2 friends had to create a
page about the economic history of a part of the swiss, which we chose to do about the "SBB", the Swiss Train
Coorporation, founded in 1902. It is a simple Website, using HTML, CSS and Javascript, alongside the "Maptiler"
@@ -81,8 +82,8 @@
<!-- NPC Dialog Overlay (initially hidden via CSS) -->
<div id="npc-dialog" class="hidden">
<div id="npc-dialog-content">
<p id="npc-dialog-text">Hello! I am Frederik Spirgi/Fretux, the creator of this Website!<br>Ask me anything you want
and I'll answer what I can!</p>
<p id="npc-dialog-text">Hello, I'm Frederik Spirgi (aka Fretux), the creator of this website! Feel free to ask me
anything—I'm here to share my journey and the technologies behind this interactive experience!</p>
<button id="dialog-option-1">Tell me more about your background!</button>
<br>
<button id="dialog-option-2">What technologies did you use to build this site?</button>