diff --git a/projects/year_02/challenge_13/Messy-coder-Verbeterd/.gitattributes b/projects/year_02/challenge_13/Messy-coder-Verbeterd/.gitattributes
new file mode 100644
index 0000000..dfe0770
--- /dev/null
+++ b/projects/year_02/challenge_13/Messy-coder-Verbeterd/.gitattributes
@@ -0,0 +1,2 @@
+# Auto detect text files and perform LF normalization
+* text=auto
diff --git a/projects/year_02/challenge_13/Messy-coder-Verbeterd/README.md b/projects/year_02/challenge_13/Messy-coder-Verbeterd/README.md
new file mode 100644
index 0000000..a803a60
--- /dev/null
+++ b/projects/year_02/challenge_13/Messy-coder-Verbeterd/README.md
@@ -0,0 +1,4 @@
+# Lorenzo von Matterhorn
+
+Hello, my name is Lorenzo and this is my portfolio site!
+
diff --git a/projects/year_02/challenge_13/Messy-coder-Verbeterd/about.php b/projects/year_02/challenge_13/Messy-coder-Verbeterd/about.php
new file mode 100644
index 0000000..9933609
--- /dev/null
+++ b/projects/year_02/challenge_13/Messy-coder-Verbeterd/about.php
@@ -0,0 +1,31 @@
+
+
+
+ Lorenzo van Matterhorn - Portofolio
+
+ Welkom op mijn portofolio!
+
+
+
+
+
+
diff --git a/projects/year_02/challenge_13/Messy-coder-Verbeterd/contact.php b/projects/year_02/challenge_13/Messy-coder-Verbeterd/contact.php
new file mode 100644
index 0000000..05f1491
--- /dev/null
+++ b/projects/year_02/challenge_13/Messy-coder-Verbeterd/contact.php
@@ -0,0 +1,38 @@
+
+
+
+ Lorenzo van Matterhorn - Portofolio
+
+
+ Hoe kom je in contact met mij?
+ Hoi! Ik ben Lorenzo van Matterhorn,
+ Mail me via: Mail mij
+ Of bel me op: 06-12345678
+ Je kunt me ook vinden op LinkedIn: Mijn LinkedIn
+ Of volg me op GitHub: Mijn GitHub
+ Ik kijk ernaar uit om van je te horen!
+
+
+
+
+
+
diff --git a/projects/year_02/challenge_13/Messy-coder-Verbeterd/database.inc.php b/projects/year_02/challenge_13/Messy-coder-Verbeterd/database.inc.php
new file mode 100644
index 0000000..e841072
--- /dev/null
+++ b/projects/year_02/challenge_13/Messy-coder-Verbeterd/database.inc.php
@@ -0,0 +1,19 @@
+connect_error) {
+ die("Verbinding mislukt: " . $conn->connect_error);
+}
+
+// Zorg voor juiste charset
+$conn->set_charset("utf8mb4");
diff --git a/projects/year_02/challenge_13/Messy-coder-Verbeterd/db/db_awfulportfolio-3.sql b/projects/year_02/challenge_13/Messy-coder-Verbeterd/db/db_awfulportfolio-3.sql
new file mode 100644
index 0000000..b87729b
--- /dev/null
+++ b/projects/year_02/challenge_13/Messy-coder-Verbeterd/db/db_awfulportfolio-3.sql
@@ -0,0 +1,157 @@
+-- phpMyAdmin SQL Dump
+-- version 5.2.1
+-- https://www.phpmyadmin.net/
+--
+-- Host: localhost:8889
+-- Generation Time: Sep 10, 2025 at 07:55 AM
+-- Server version: 8.0.40
+-- PHP Version: 8.3.14
+
+SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
+START TRANSACTION;
+SET time_zone = "+00:00";
+
+
+/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
+/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
+/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
+/*!40101 SET NAMES utf8mb4 */;
+
+--
+-- Database: `db_awfulportfolio`
+--
+CREATE DATABASE IF NOT EXISTS `db_awfulportfolio`
+ DEFAULT CHARACTER SET utf8mb4
+ COLLATE utf8mb4_general_ci;
+USE `db_awfulportfolio`;
+
+-- --------------------------------------------------------
+
+--
+-- Table structure for table `tb_coretasks`
+--
+
+CREATE TABLE `tb_coretasks` (
+ `id` int NOT NULL,
+ `coretask` varchar(10) NOT NULL,
+ `workproces` varchar(10) NOT NULL,
+ `name` varchar(150) NOT NULL,
+ `summary` text NOT NULL,
+ `mytext` text NOT NULL,
+ `document` varchar(150) NOT NULL,
+ `image` varchar(150) NOT NULL,
+ `status` int NOT NULL DEFAULT '1',
+ `timestamp` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
+
+-- --------------------------------------------------------
+
+--
+-- Table structure for table `tb_projectimages`
+--
+
+CREATE TABLE `tb_projectimages` (
+ `uuid` varchar(45) NOT NULL,
+ `project_uuid` varchar(45) NOT NULL,
+ `displayname` varchar(150) NOT NULL,
+ `map` varchar(50) NOT NULL DEFAULT 'images/projects',
+ `name` varchar(150) NOT NULL,
+ `indexnummer` int NOT NULL DEFAULT '0',
+ `status` int NOT NULL DEFAULT '1',
+ `timestamp` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
+
+--
+-- Dumping data for table `tb_projectimages`
+--
+
+INSERT INTO `tb_projectimages` (`uuid`, `project_uuid`, `displayname`, `map`, `name`, `indexnummer`, `status`, `timestamp`) VALUES
+('f47ac10b-58cc-4372-a567-0e02b2c3d479', '550e8400-e29b-41d4-a716-446655440001', 'Homepage', 'images/projects', 'ecommerce-home.jpg', 1, 1, '2025-08-30 10:14:24'),
+('f47ac10b-58cc-4372-a567-0e02b2c3d480', '550e8400-e29b-41d4-a716-446655440001', 'Productpagina', 'images/projects', 'ecommerce-product.jpg', 2, 1, '2025-08-30 10:14:24'),
+('f47ac10b-58cc-4372-a567-0e02b2c3d481', '550e8400-e29b-41d4-a716-446655440001', 'Winkelwagen', 'images/projects', 'ecommerce-cart.jpg', 3, 1, '2025-08-30 10:14:24'),
+('f47ac10b-58cc-4372-a567-0e02b2c3d482', '550e8400-e29b-41d4-a716-446655440002', 'App Dashboard', 'images/projects', 'portfolio-dashboard.jpg', 1, 1, '2025-08-30 10:14:24'),
+('f47ac10b-58cc-4372-a567-0e02b2c3d483', '550e8400-e29b-41d4-a716-446655440002', 'Projectweergave', 'images/projects', 'portfolio-project.jpg', 2, 1, '2025-08-30 10:14:24'),
+('f47ac10b-58cc-4372-a567-0e02b2c3d484', '550e8400-e29b-41d4-a716-446655440003', 'Klantoverzicht', 'images/projects', 'crm-clients.jpg', 1, 1, '2025-08-30 10:14:24'),
+('f47ac10b-58cc-4372-a567-0e02b2c3d485', '550e8400-e29b-41d4-a716-446655440003', 'Sales Pipeline', 'images/projects', 'crm-pipeline.jpg', 2, 1, '2025-08-30 10:14:24'),
+('f47ac10b-58cc-4372-a567-0e02b2c3d486', '550e8400-e29b-41d4-a716-446655440004', 'Reservatieformulier', 'images/projects', 'restaurant-booking.jpg', 1, 1, '2025-08-30 10:14:24'),
+('f47ac10b-58cc-4372-a567-0e02b2c3d487', '550e8400-e29b-41d4-a716-446655440004', 'Admin Dashboard', 'images/projects', 'restaurant-admin.jpg', 2, 1, '2025-08-30 10:14:24'),
+('f47ac10b-58cc-4372-a567-0e02b2c3d488', '550e8400-e29b-41d4-a716-446655440005', 'Trainingsschema', 'images/projects', 'fitness-workout.jpg', 1, 1, '2025-08-30 10:14:24'),
+('f47ac10b-58cc-4372-a567-0e02b2c3d489', '550e8400-e29b-41d4-a716-446655440005', 'Voortgangsgrafiek', 'images/projects', 'fitness-progress.jpg', 2, 1, '2025-08-30 10:14:24'),
+('f47ac10b-58cc-4372-a567-0e02b2c3d490', '550e8400-e29b-41d4-a716-446655440006', 'Projectoverzicht', 'images/projects', 'pm-projects.jpg', 1, 1, '2025-08-30 10:14:24'),
+('f47ac10b-58cc-4372-a567-0e02b2c3d491', '550e8400-e29b-41d4-a716-446655440006', 'Teamdashboard', 'images/projects', 'pm-team.jpg', 2, 1, '2025-08-30 10:14:24'),
+('f47ac10b-58cc-4372-a567-0e02b2c3d492', '550e8400-e29b-41d4-a716-446655440007', 'Weeroverzicht', 'images/projects', 'weather-dashboard.jpg', 1, 1, '2025-08-30 10:14:24'),
+('f47ac10b-58cc-4372-a567-0e02b2c3d493', '550e8400-e29b-41d4-a716-446655440007', 'Voorspellingskaart', 'images/projects', 'weather-forecast.jpg', 2, 1, '2025-08-30 10:14:24'),
+('f47ac10b-58cc-4372-a567-0e02b2c3d494', '550e8400-e29b-41d4-a716-446655440008', 'Social Analytics', 'images/projects', 'social-analytics.jpg', 1, 1, '2025-08-30 10:14:24'),
+('f47ac10b-58cc-4372-a567-0e02b2c3d495', '550e8400-e29b-41d4-a716-446655440008', 'Rapportage', 'images/projects', 'social-reports.jpg', 2, 1, '2025-08-30 10:14:24'),
+('f47ac10b-58cc-4372-a567-0e02b2c3d496', '550e8400-e29b-41d4-a716-446655440009', 'Cursusoverzicht', 'images/projects', 'elearning-courses.jpg', 1, 1, '2025-08-30 10:14:24'),
+('f47ac10b-58cc-4372-a567-0e02b2c3d497', '550e8400-e29b-41d4-a716-446655440009', 'Quiz Module', 'images/projects', 'elearning-quiz.jpg', 2, 1, '2025-08-30 10:14:24'),
+('f47ac10b-58cc-4372-a567-0e02b2c3d498', '550e8400-e29b-41d4-a716-446655440010', 'Home Dashboard', 'images/projects', 'smarthome-dashboard.jpg', 1, 1, '2025-08-30 10:14:24'),
+('f47ac10b-58cc-4372-a567-0e02b2c3d499', '550e8400-e29b-41d4-a716-446655440010', 'Energiemonitor', 'images/projects', 'smarthome-energy.jpg', 2, 1, '2025-08-30 10:14:24');
+
+-- --------------------------------------------------------
+
+--
+-- Table structure for table `tb_projects`
+--
+
+CREATE TABLE `tb_projects` (
+ `uuid` varchar(45) NOT NULL,
+ `name` varchar(150) NOT NULL,
+ `description` text NOT NULL,
+ `url` varchar(250) NOT NULL,
+ `status` int NOT NULL DEFAULT '1',
+ `timestamp` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
+
+--
+-- Dumping data for table `tb_projects`
+--
+
+INSERT INTO `tb_projects` (`uuid`, `name`, `description`, `url`, `status`, `timestamp`) VALUES
+('550e8400-e29b-41d4-a716-446655440001', 'E-commerce Website', 'Een volledige e-commerce oplossing ontwikkeld met React, Node.js en MySQL. Bevat een productcatalogus, winkelwagen, betalingsintegratie en beheerpaneel.', '', 1, '2025-08-30 10:14:24'),
+('550e8400-e29b-41d4-a716-446655440002', 'Portfolio App', 'Mobile applicatie ontwikkeld met React Native voor het tonen van professionele portfolio\'s. Bevat offline mogelijkheden en een CMS.', '', 1, '2025-08-30 10:14:24'),
+('550e8400-e29b-41d4-a716-446655440003', 'CRM Systeem', 'Customer Relationship Management systeem voor een middelgroot bedrijf met klantprofielen, sales pipeline en rapportagemodule.', '', 1, '2025-08-30 10:14:24'),
+('550e8400-e29b-41d4-a716-446655440004', 'Restaurant Booking Platform', 'Reservatiesysteem voor restaurants met real-time beschikbaarheid, betalingsverwerking en e-mailbevestigingen.', '', 1, '2025-08-30 10:14:24'),
+('550e8400-e29b-41d4-a716-446655440005', 'Fitness App', 'Personal trainer app met trainingsschema\'s, voortgangsmonitoring en voedingsadvies op maat.', '', 1, '2025-08-30 10:14:24'),
+('550e8400-e29b-41d4-a716-446655440006', 'Project Management Tool', 'Collaboratief projectmanagement platform met taakverdeling, tijdsregistratie en teamcommunicatie.', '', 1, '2025-08-30 10:14:24'),
+('550e8400-e29b-41d4-a716-446655440007', 'Weather Dashboard', 'Real-time weerdashboard met voorspellingen, historische data en persoonlijke locatievoorkeuren.', '', 1, '2025-08-30 10:14:24'),
+('550e8400-e29b-41d4-a716-446655440008', 'Social Media Analytics', 'Analyseplatform voor social media prestaties met automatische rapportage en adviesmodule.', '', 1, '2025-08-30 10:14:24'),
+('550e8400-e29b-41d4-a716-446655440009', 'E-learning Platform', 'Online leeromgeving met cursusbeheer, voortgangsmonitoring en interactieve quizzen.', '', 1, '2025-08-30 10:14:24'),
+('550e8400-e29b-41d4-a716-446655440010', 'Smart Home Controller', 'Dashboard voor het beheren van slimme huisapparaten met automatisering en energie monitoring.', '', 1, '2025-08-30 10:14:24');
+
+--
+-- Indexes for dumped tables
+--
+
+--
+-- Indexes for table `tb_coretasks`
+--
+ALTER TABLE `tb_coretasks`
+ ADD PRIMARY KEY (`id`);
+
+--
+-- Indexes for table `tb_projectimages`
+--
+ALTER TABLE `tb_projectimages`
+ ADD PRIMARY KEY (`uuid`);
+
+--
+-- Indexes for table `tb_projects`
+--
+ALTER TABLE `tb_projects`
+ ADD PRIMARY KEY (`uuid`);
+
+--
+-- AUTO_INCREMENT for dumped tables
+--
+
+--
+-- AUTO_INCREMENT for table `tb_coretasks`
+--
+ALTER TABLE `tb_coretasks`
+ MODIFY `id` int NOT NULL AUTO_INCREMENT;
+COMMIT;
+
+/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
+/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
+/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
diff --git a/projects/year_02/challenge_13/Messy-coder-Verbeterd/documents/Opinieverslag portfolio Lorenzo von Matterhorn.docx b/projects/year_02/challenge_13/Messy-coder-Verbeterd/documents/Opinieverslag portfolio Lorenzo von Matterhorn.docx
new file mode 100644
index 0000000..9d99add
Binary files /dev/null and b/projects/year_02/challenge_13/Messy-coder-Verbeterd/documents/Opinieverslag portfolio Lorenzo von Matterhorn.docx differ
diff --git a/projects/year_02/challenge_13/Messy-coder-Verbeterd/documents/Testrapport Portfoliowebsite (1).docx b/projects/year_02/challenge_13/Messy-coder-Verbeterd/documents/Testrapport Portfoliowebsite (1).docx
new file mode 100644
index 0000000..e80ec0d
Binary files /dev/null and b/projects/year_02/challenge_13/Messy-coder-Verbeterd/documents/Testrapport Portfoliowebsite (1).docx differ
diff --git a/projects/year_02/challenge_13/Messy-coder-Verbeterd/index.php b/projects/year_02/challenge_13/Messy-coder-Verbeterd/index.php
new file mode 100644
index 0000000..b51c4e0
--- /dev/null
+++ b/projects/year_02/challenge_13/Messy-coder-Verbeterd/index.php
@@ -0,0 +1,36 @@
+
+
+
+ Lorenzo van Matterhorn - Portofolio
+
+
+ Wie ben ik?
+ Hoi! Ik ben Lorenzo van Matterhorn, een enthousiaste en leergierige student software developer op het Vista College. Met een passie voor technologie en programmeren werk ik hard om mijn vaardigheden te verbeterd en coole software te maken die mensen echt kunnen gebruiken.
+ Op deze site deel ik mijn projecten, wat ik geleerdt heb en hoe ik steeds beter word als developer. Ik probeer altijd nieuwe dingen uit en leer elke dag bij, zodat ik straks echt goei ben in wat ik doe. Of je nou een werkgever bent, een medeprogrammeur of gewoon niewsgierig, neem vooral een kijkje en zie wat ik allemaal kan.
+ Tijdens mijn studtie ben ik bezig geweest met verschillende projecten, van kleine apps tot grotere websites. Door deze ervaringen heb ik veel geleerd over het ontwerpen en bouwen van software, en hoe je samen met anderen het beste resultaat behaaldt.
+ Ik ben altijd op zoek naar nieuwe uitdagingen en samenwerkingen, dus stuur gerust een berichtje als je interese hebt om samen te werken of gewoon vragen hebt!
+
+
+
+
+
+
diff --git a/projects/year_02/challenge_13/Messy-coder-Verbeterd/kerntaken.php b/projects/year_02/challenge_13/Messy-coder-Verbeterd/kerntaken.php
new file mode 100644
index 0000000..e65d9c0
--- /dev/null
+++ b/projects/year_02/challenge_13/Messy-coder-Verbeterd/kerntaken.php
@@ -0,0 +1,56 @@
+
+
+
+
+
+ Lorenzo van Matterhorn - Portfolio
+
+
+ Kerntaken
+
+ Realiseert Software
+
+
+ Voert ICT-projecten uit
+
+
+
+
+
+
+
+
diff --git a/projects/year_02/challenge_13/Messy-coder-Verbeterd/kerntaken/b1k1w1.php b/projects/year_02/challenge_13/Messy-coder-Verbeterd/kerntaken/b1k1w1.php
new file mode 100644
index 0000000..f300bd6
--- /dev/null
+++ b/projects/year_02/challenge_13/Messy-coder-Verbeterd/kerntaken/b1k1w1.php
@@ -0,0 +1,36 @@
+
+
+
+ Lorenzo von Matterhorn - Portofolio
+
+ B1-K1-W1
+ VUL MET DATABASE
+
+
+
+
+
+
\ No newline at end of file
diff --git a/projects/year_02/challenge_13/Messy-coder-Verbeterd/kerntaken/b1k1w2.php b/projects/year_02/challenge_13/Messy-coder-Verbeterd/kerntaken/b1k1w2.php
new file mode 100644
index 0000000..d592d69
--- /dev/null
+++ b/projects/year_02/challenge_13/Messy-coder-Verbeterd/kerntaken/b1k1w2.php
@@ -0,0 +1,36 @@
+
+
+
+ Lorenzo von Matterhorn - Portofolio
+
+ B1-K1-W2
+ VUL MET DATABASE
+
+
+
+
+
+
\ No newline at end of file
diff --git a/projects/year_02/challenge_13/Messy-coder-Verbeterd/kerntaken/b1k1w3.php b/projects/year_02/challenge_13/Messy-coder-Verbeterd/kerntaken/b1k1w3.php
new file mode 100644
index 0000000..6b51ee9
--- /dev/null
+++ b/projects/year_02/challenge_13/Messy-coder-Verbeterd/kerntaken/b1k1w3.php
@@ -0,0 +1,36 @@
+
+
+
+ Lorenzo von Matterhorn - Portofolio
+
+ B1-K1-W3
+ VUL MET DATABASE
+
+
+
+
+
+
\ No newline at end of file
diff --git a/projects/year_02/challenge_13/Messy-coder-Verbeterd/kerntaken/b1k1w4.php b/projects/year_02/challenge_13/Messy-coder-Verbeterd/kerntaken/b1k1w4.php
new file mode 100644
index 0000000..4e02fd2
--- /dev/null
+++ b/projects/year_02/challenge_13/Messy-coder-Verbeterd/kerntaken/b1k1w4.php
@@ -0,0 +1,36 @@
+
+
+
+ Lorenzo von Matterhorn - Portofolio
+
+ B1-K1-W4
+ VUL MET DATABASE
+
+
+
+
+
+
\ No newline at end of file
diff --git a/projects/year_02/challenge_13/Messy-coder-Verbeterd/kerntaken/b1k1w5.php b/projects/year_02/challenge_13/Messy-coder-Verbeterd/kerntaken/b1k1w5.php
new file mode 100644
index 0000000..91ff730
--- /dev/null
+++ b/projects/year_02/challenge_13/Messy-coder-Verbeterd/kerntaken/b1k1w5.php
@@ -0,0 +1,36 @@
+
+
+
+ Lorenzo von Matterhorn - Portofolio
+
+ B1-K1-W5
+ VUL MET DATABASE
+
+
+
+
+
+
\ No newline at end of file
diff --git a/projects/year_02/challenge_13/Messy-coder-Verbeterd/kerntaken/b1k2w1.php b/projects/year_02/challenge_13/Messy-coder-Verbeterd/kerntaken/b1k2w1.php
new file mode 100644
index 0000000..b8fc7c1
--- /dev/null
+++ b/projects/year_02/challenge_13/Messy-coder-Verbeterd/kerntaken/b1k2w1.php
@@ -0,0 +1,36 @@
+
+
+
+ Lorenzo von Matterhorn - Portofolio
+
+ B1-K2-W1
+ VUL MET DATABASE
+
+
+
+
+
+
\ No newline at end of file
diff --git a/projects/year_02/challenge_13/Messy-coder-Verbeterd/kerntaken/b1k2w2.php b/projects/year_02/challenge_13/Messy-coder-Verbeterd/kerntaken/b1k2w2.php
new file mode 100644
index 0000000..f08e99e
--- /dev/null
+++ b/projects/year_02/challenge_13/Messy-coder-Verbeterd/kerntaken/b1k2w2.php
@@ -0,0 +1,38 @@
+
+
+
+ Lorenzo von Matterhorn - Portofolio
+
+ B1-K2-W2
+ VUL MET DATABASE
+
+
+
+
+
+
\ No newline at end of file
diff --git a/projects/year_02/challenge_13/Messy-coder-Verbeterd/kerntaken/b1k2w3.php b/projects/year_02/challenge_13/Messy-coder-Verbeterd/kerntaken/b1k2w3.php
new file mode 100644
index 0000000..374bfed
--- /dev/null
+++ b/projects/year_02/challenge_13/Messy-coder-Verbeterd/kerntaken/b1k2w3.php
@@ -0,0 +1,36 @@
+
+
+
+ Lorenzo von Matterhorn - Portofolio
+
+ B1-K2-W3
+ VUL MET DATABASE
+
+
+
+
+
+
\ No newline at end of file
diff --git a/projects/year_02/challenge_13/Messy-coder-Verbeterd/kerntaken/kerntaken.css b/projects/year_02/challenge_13/Messy-coder-Verbeterd/kerntaken/kerntaken.css
new file mode 100644
index 0000000..0b911ec
--- /dev/null
+++ b/projects/year_02/challenge_13/Messy-coder-Verbeterd/kerntaken/kerntaken.css
@@ -0,0 +1,136 @@
+ * {
+ box-sizing: border-box;
+ }
+
+ body {
+ margin: 0;
+ padding: 0;
+ font-family: 'Segoe UI', Arial, sans-serif;
+ background-color: #FEFCE8;
+ color: #1F2937;
+ display: flex;
+ flex-direction: column;
+ min-height: 945px;
+ transition: background-color 0.5s, color 0.5s;
+ }
+
+ body.dark-mode {
+ background-color: #0F172A;
+ color: #F8FAFC;
+ }
+
+ header {
+ position: relative;
+ background: linear-gradient(to top, #FFB347, #FF7E5F);
+ color: white;
+ padding: 90px 15px 150px 15px;
+ text-align: center;
+ overflow: hidden;
+ transition: background-color 0.5s;
+ }
+
+ body.dark-mode header {
+ background: linear-gradient(to top, #1E3A8A, #0F172A);
+ }
+
+ .mountains {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 1920px;
+ height: 150px;
+ background: linear-gradient(to top, #1E3A8A 0%, transparent 100%);
+ clip-path: polygon(
+ 0% 100%, 10% 60%, 20% 85%, 30% 50%, 40% 80%,
+ 50% 40%, 60% 75%, 70% 45%, 80% 70%, 90% 50%, 100% 100%
+ );
+ }
+
+ .dark-mode .mountains {
+ background: linear-gradient(to top, #1E0A4A 0%, transparent 100%);
+ }
+
+ header h1,
+ header p,
+ header nav {
+ position: relative;
+ z-index: 1;
+ }
+
+ header h1 a {
+ color: white;
+ text-decoration: none;
+ }
+
+ header h1 a:hover {
+ text-decoration: underline;
+ }
+
+ nav ul {
+ list-style: none;
+ display: flex;
+ justify-content: center;
+ padding: 0;
+ margin-top: 10px;
+ }
+
+ nav li {
+ margin: 0 15px;
+ }
+
+ nav a {
+ color: white;
+ text-decoration: none;
+ font-weight: 500;
+ }
+
+ nav a:hover {
+ text-decoration: underline;
+ }
+
+ .dark-toggle {
+ position: fixed;
+ top: 15px;
+ right: 15px;
+ color: #1E3A8A;
+ border: none;
+ cursor: pointer;
+ z-index: 999;
+ background: transparent;
+ font-size: 30px;
+ }
+
+ .dark-toggle::before {
+ content: "🌕";
+ }
+
+ .dark-mode .dark-toggle {
+ color: #fff;
+ }
+
+ .dark-mode .dark-toggle::before {
+ content: "";
+ }
+
+ main {
+ flex: 1;
+ max-width: 960px;
+ margin: 30px auto;
+ padding: 23px;
+ background-color: white;
+ border-radius: 8px;
+ box-shadow: 0 0 10px rgba(0,0,0,0.05);
+ width: 1000px;
+ transition: background-color 0.5s;
+ }
+
+ body.dark-mode main {
+ background-color: #1E293B;
+ }
+
+ footer {
+ background-color: #1E3A8A;
+ color: white;
+ text-align: center;
+ padding: 15px;
+ }
\ No newline at end of file
diff --git a/projects/year_02/challenge_13/Messy-coder-Verbeterd/mainmenu.php b/projects/year_02/challenge_13/Messy-coder-Verbeterd/mainmenu.php
new file mode 100644
index 0000000..95774f8
--- /dev/null
+++ b/projects/year_02/challenge_13/Messy-coder-Verbeterd/mainmenu.php
@@ -0,0 +1,6 @@
+
\ No newline at end of file
diff --git a/projects/year_02/challenge_13/Messy-coder-Verbeterd/projects.php b/projects/year_02/challenge_13/Messy-coder-Verbeterd/projects.php
new file mode 100644
index 0000000..e8a4bff
--- /dev/null
+++ b/projects/year_02/challenge_13/Messy-coder-Verbeterd/projects.php
@@ -0,0 +1,77 @@
+
+
+
+ Lorenzo van Matterhorn - Portofolio
+
+ Projecten
+
+ query($sql);
+
+ if ($result->num_rows > 0) {
+ // Output data of each row
+ while($row = $result->fetch_assoc()) {
+ $uuid = $row["uuid"];
+ $image = getPhoto($uuid);
+
+ echo "" . htmlspecialchars($row["name"]) . " ";
+ echo "" . htmlspecialchars($row["description"]) . "
";
+ echo "Bekijk Project
";
+ echo "Geen projecten gevonden.
";
+ }
+
+ $conn->close();
+
+ function getPhoto($uuid) {
+ $sql = "SELECT * FROM tb_projectimages WHERE project_uuid = ?";
+ // Prepared statement om SQL-injectie te voorkomen
+ global $conn;
+ $stmt = $conn->prepare($sql);
+ $stmt->bind_param("s", $uuid);
+ $stmt->execute();
+ $result = $stmt->get_result();
+ if ($result->num_rows === 0) {
+ return "
+
+
+
+
+
diff --git a/projects/year_02/challenge_13/Messy-coder-Verbeterd/script.js b/projects/year_02/challenge_13/Messy-coder-Verbeterd/script.js
new file mode 100644
index 0000000..43e2b4a
--- /dev/null
+++ b/projects/year_02/challenge_13/Messy-coder-Verbeterd/script.js
@@ -0,0 +1,3 @@
+ function toggleDarkMode() {
+ document.body.classList.toggle('dark-mode');
+ }
\ No newline at end of file
diff --git a/projects/year_02/challenge_13/Messy-coder-Verbeterd/style.css b/projects/year_02/challenge_13/Messy-coder-Verbeterd/style.css
new file mode 100644
index 0000000..1f1fd58
--- /dev/null
+++ b/projects/year_02/challenge_13/Messy-coder-Verbeterd/style.css
@@ -0,0 +1,137 @@
+ * {
+ box-sizing: border-box;
+ }
+
+ body {
+ margin: 0;
+ padding: 0;
+ font-family: 'Segoe UI', Arial, sans-serif;
+ background-color: #FEFCE8;
+ color: #1F2937;
+ display: flex;
+ flex-direction: column;
+ min-height: 945px;
+ transition: background-color 0.5s, color 0.5s;
+ }
+
+ body.dark-mode {
+ background-color: #0F172A;
+ color: #F8FAFC;
+ }
+
+ header {
+ position: relative;
+ background: linear-gradient(to top, #FFB347, #FF7E5F);
+ color: white;
+ padding: 90px 15px 150px 15px;
+ text-align: center;
+ overflow: hidden;
+ transition: background-color 0.5s;
+ }
+
+ body.dark-mode header {
+ background: linear-gradient(to top, #1E3A8A, #0F172A);
+ }
+
+ .mountains {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 1920px;
+ height: 150px;
+ background: linear-gradient(to top, #223C89 0%, transparent 100%);
+ clip-path: polygon(
+ 0% 100%, 10% 60%, 20% 85%, 30% 50%, 40% 80%,
+ 50% 40%, 60% 75%, 70% 45%, 80% 70%, 90% 50%, 100% 100%
+ );
+ }
+
+ .dark-mode .mountains {
+ background: linear-gradient(to top, #1E0A4A 0%, transparent 100%);
+ }
+
+ header h1,
+ header p,
+ header nav {
+ position: relative;
+ z-index: 1;
+ }
+
+ header h1 a {
+ color: white;
+ text-decoration: none;
+ }
+
+ header h1 a:hover {
+ text-decoration: underline;
+ }
+
+ nav ul {
+ list-style: none;
+ display: flex;
+ justify-content: center;
+ padding: 0;
+ margin-top: 10px;
+ }
+
+ nav li {
+ margin: 0 15px;
+ }
+
+ nav a {
+ color: white;
+ text-decoration: none;
+ font-weight: 500;
+ }
+
+ nav a:hover {
+ text-decoration: underline;
+ }
+
+ .dark-toggle {
+ position: fixed;
+ top: 15px;
+ right: 15px;
+ color: #1E3A8A;
+ border: none;
+ cursor: pointer;
+ z-index: 999;
+ background: transparent;
+ font-size: 30px;
+ }
+
+ .dark-toggle::before {
+ content: "🌙";
+ }
+
+ .dark-mode .dark-toggle::before {
+ content: "☀️";
+ }
+ .dark-mode .dark-toggle {
+ color: #fff;
+ }
+
+
+
+ main {
+ flex: 1;
+ max-width: 960px;
+ margin: 30px auto;
+ padding: 23px;
+ background-color: white;
+ border-radius: 8px;
+ box-shadow: 0 0 10px rgba(0,0,0,0.05);
+ width: 1000px;
+ transition: background-color 0.5s;
+ }
+
+ body.dark-mode main {
+ background-color: #1E293B;
+ }
+
+ footer {
+ background-color: #1E3A8A;
+ color: white;
+ text-align: center;
+ padding: 15px;
+ }
\ No newline at end of file
";
+ }
+ $stmt->close();
+
+ $imagePath = "images/projects/" . $uuid . ".png";
+ if (file_exists($imagePath)) {
+ return "