Update to Text
This commit is contained in:
+2
-2
@@ -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
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user