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
+2 -2
View File
@@ -9,11 +9,11 @@ darkModeToggle.addEventListener('click', () => {
if (document.body.classList.contains('dark-mode')) { if (document.body.classList.contains('dark-mode')) {
localStorage.setItem('darkMode', 'enabled'); localStorage.setItem('darkMode', 'enabled');
darkModeToggle.style.color = "black"; darkModeToggle.style.color = "black";
darkModeToggle.innerHTML = "☀️<br>Light Mode"; darkModeToggle.innerHTML = "☀️<br>Toggle Light Mode";
} else { } else {
localStorage.setItem('darkMode', 'disabled'); localStorage.setItem('darkMode', 'disabled');
darkModeToggle.style.color = "white"; darkModeToggle.style.color = "white";
darkModeToggle.innerHTML = "🌙<br>Dark Mode"; darkModeToggle.innerHTML = "🌙<br>Toggle Dark Mode";
} }
}); });
+14 -13
View File
@@ -11,12 +11,12 @@
<!-- Welcome Screen --> <!-- Welcome Screen -->
<div id="welcome-screen"> <div id="welcome-screen">
<div id="welcome-content"> <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="enter-button" src="img/Penguin_Normal.png" alt="Enter Website"/>
<img id="turn-device-sideways" src="img/turn-device-sideways.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"> <button id="dark-mode-toggle" class="dark-mode-toggle">
🌙<br> 🌙<br>
Dark Mode Toggle Dark Mode
</button> </button>
</div> </div>
</div> </div>
@@ -32,20 +32,21 @@
<!-- "?" Block Explanatory Text --> <!-- "?" Block Explanatory Text -->
<div id="block-info" class="hidden"> <div id="block-info" class="hidden">
<h1>Welcome!</h1> <h1>Welcome!</h1>
<p>Hello and Welcome to my Portfolio Page! On here, you can find all my projects and information about myself. (If <p>Welcome to my portfolio! Here, you'll discover the projects I've worked on, along with insights about my skills
you're really interested) ;). Anyway, have fun exploring the Page!</p> and background. If you're curious about my work or have any questions, feel free to reach out! Enjoy
exploring!</p>
</div> </div>
</div> </div>
<section id="projects"> <section id="projects">
<div class="project"> <div class="project">
<h3 class="project-name">TRLStats</h3> <h3 class="project-name">TRLStats</h3>
<p class="project-description">An online javascript & python application that helps calculate damage stats for the <p class="project-description">An interactive JavaScript and Python application designed to calculate damage
Game 'The Red Lake'!</p> statistics for the popular Roblox game 'The Red Lake'.</p>
<img src="img/Project_TrlStats.png" alt="TRLStats"> <img src="Project_TrlStats.png" alt="TRLStats">
<p class="long-description" data-project-name="TRLStats">TRLStats was my first project ever made, a damage <p class="long-description" data-project-name="TRLStats">TRLStats was my first project, a damage calculator for the
calculator for the Roblox Game 'The Red Lake'. The Project is based on a python file, using the python library Roblox game 'The Red Lake'. This project combines Python, Flask for backend processing, and JavaScript to
"Flask" to grab the data from JSON files, and then Javascript to display it.</p> 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> <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">HTML</p>
<p class="tags">CSS</p> <p class="tags">CSS</p>
@@ -57,7 +58,7 @@
<h3 class="project-name">SBB-History</h3> <h3 class="project-name">SBB-History</h3>
<p class="project-description">A Website about the creation of the SBB (Swiss Train Corporation) with an <p class="project-description">A Website about the creation of the SBB (Swiss Train Corporation) with an
interactable map!</p> 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 <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 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" 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) --> <!-- NPC Dialog Overlay (initially hidden via CSS) -->
<div id="npc-dialog" class="hidden"> <div id="npc-dialog" class="hidden">
<div id="npc-dialog-content"> <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 <p id="npc-dialog-text">Hello, I'm Frederik Spirgi (aka Fretux), the creator of this website! Feel free to ask me
and I'll answer what I can!</p> 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> <button id="dialog-option-1">Tell me more about your background!</button>
<br> <br>
<button id="dialog-option-2">What technologies did you use to build this site?</button> <button id="dialog-option-2">What technologies did you use to build this site?</button>