diff --git a/House.png b/House.png
new file mode 100644
index 0000000..04c6b69
Binary files /dev/null and b/House.png differ
diff --git a/Project_TrlStats.png b/Project_TrlStats.png
new file mode 100644
index 0000000..73f8193
Binary files /dev/null and b/Project_TrlStats.png differ
diff --git a/darkmode.js b/darkmode.js
new file mode 100644
index 0000000..45149ea
--- /dev/null
+++ b/darkmode.js
@@ -0,0 +1,26 @@
+const darkModeToggle = document.getElementById('dark-mode-toggle');
+localStorage.setItem('darkMode', 'disabled');
+if (localStorage.getItem('darkMode') === 'enabled') {
+ document.body.classList.add('dark-mode');
+}
+darkModeToggle.addEventListener('click', () => {
+ document.body.classList.toggle('dark-mode');
+ darkModeToggle.classList.toggle('dark-mode');
+ if (document.body.classList.contains('dark-mode')) {
+ localStorage.setItem('darkMode', 'enabled');
+ darkModeToggle.style.color = "black";
+ darkModeToggle.innerHTML = "☀️
Light Mode";
+ } else {
+ localStorage.setItem('darkMode', 'disabled');
+ darkModeToggle.style.color = "white";
+ darkModeToggle.innerHTML = "🌙
Dark Mode";
+ }
+});
+
+enterButton.addEventListener('click', () => {
+ if (document.body.classList.contains('dark-mode')) {
+ document.body.style.backgroundColor = "black";
+ } else {
+ document.body.style.backgroundColor = "white";
+ }
+});
\ No newline at end of file
diff --git a/house-interior.png b/house-interior.png
new file mode 100644
index 0000000..9b14ed7
Binary files /dev/null and b/house-interior.png differ
diff --git a/image-tree-1.png b/image-tree-1.png
new file mode 100644
index 0000000..f15b478
Binary files /dev/null and b/image-tree-1.png differ
diff --git a/img.png b/img.png
new file mode 100644
index 0000000..279e06e
Binary files /dev/null and b/img.png differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..9cf5802
--- /dev/null
+++ b/index.html
@@ -0,0 +1,111 @@
+
+
+
+
+
+ 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!
+An online javascript & python application that helps calculate damage stats for the + Game 'The Red Lake'!
+
+ 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.
+ Link to the Website + + + + + +A Website about the creation of the SBB (Swiss Train Corporation) with an + interactable map!
+
+ 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" + API for the interactive map.
+ Link to the Website + + + +Hello! I am Frederik Spirgi/Fretux, the creator of this Website!
Ask me anything you want
+ and I'll answer what I can!