From c4bcb3d8174f79accdfedabf07eddddd50624a36 Mon Sep 17 00:00:00 2001
From: justdjmax <96355058+justmaxcz@users.noreply.github.com>
Date: Sun, 25 Feb 2024 00:24:17 +0000
Subject: [PATCH] Add files via upload

---
 index.html    |  37 -----------
 projects.html | 179 ++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 179 insertions(+), 37 deletions(-)
diff --git a/index.html b/index.html
index be55aac..452163f 100644
--- a/index.html
+++ b/index.html
@@ -161,43 +161,6 @@
         <h1>stuffbymax</h1>
         <p>Welcome to my world of game development!</p>
     </header>
-    <div class="container">
-        <section class="projects">
-            <h2 class="section-heading">Projects</h2>
-            <div class="project">
-                <h3 class="project-title">TerminalOS Simulator</h3>
-                <img src="https://img.itch.zone/aW1nLzE1MDc1ODc0LmpwZWc=/315x250%23c/cKRkea.jpeg" alt="TerminalOS Simulator">
-                <p class="project-description">An immersive simulation of a terminal-based operating system.</p>
-                <p><a href="https://stuff-by-max.itch.io/terminal">View Project</a></p>
-            </div>
-            <div class="project">
-                <h3 class="project-title">The Virus</h3>
-                <img src="https://img.itch.zone/aW1nLzE0OTAxNTg0LmpwZWc=/315x250%23c/cO3E3A.jpeg" alt="The Virus">
-                <p class="project-description">a "deadly virus"</p>
-                <p><a href="https://stuff-by-max.itch.io/the-virus">View Project</a></p>
-            </div>
-            <div class="project">
-                <h3 class="project-title">Stanislav, Let's Go to Houses</h3>
-                <img src="https://img.itch.zone/aW1nLzEyMTk5OTk1LnBuZw==/315x250%23c/jK9v43.png" alt="Stanislav, Let's Go to Houses">
-                <p class="project-description">Join Stanislav in his exciting journey to explore various houses.</p>
-                <p><a href="https://stuff-by-max.itch.io/stanislav-lets-go-to-houses">View Project</a></p>
-            </div>
-            <div class="project">
-                <h3 class="project-title">Black and White</h3>
-                <img src="https://img.itch.zone/aW1nLzkwNTQ0NjkucG5n/315x250%23c/bSdhNl.png" alt="Black and White">
-                <p class="project-description">A minimalist puzzle game where you navigate through black and white environments.</p>
-                <p><a href="https://stuff-by-max.itch.io/black-and-white">View Project</a></p>
-            </div>
-            <div class="project">
-                <h3 class="project-title">Simple Race</h3>
-                <p class="project-description">A basic racing game developed in bash.</p>
-                <p><a href="https://github.com/justmaxcz/Simple-race">View Project</a></p>
-            </div>
-            <div class="project">
-                <h3 class="project-title">Mouse Hunt</h3>
-                <p class="project-description">An simple game where you hunt mice developed in bash.</p>
-                <p><a href="https://github.com/justmaxcz/mouse-hunt">View Project</a></p>
-            </div>
         </section>
         <section class="resume">
             <h2 class="section-heading">Resume</h2>
diff --git a/projects.html b/projects.html
index 226cb73..f521751 100644
--- a/projects.html
+++ b/projects.html
@@ -1,3 +1,9 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>stuffbymax Portfolio</title>
 <style>/* Add a black background color to the top navigation */
 .topnav {
   background-color: #333;
@@ -35,3 +41,176 @@
     <a href="about.html">About</a>
   </ul>
 </nav>
+<style>
+        /* Reset */
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+            margin: 0;
+            padding: 0;
+        }
+
+        body {
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            background-color: #1f1f1f;
+            color: #ffffff;
+            line-height: 1.6;
+            margin: 0;
+            padding: 0;
+        }
+
+        header {
+            background-color: #111111;
+            color: #ffffff;
+            text-align: center;
+            padding: 2rem 0;
+        }
+
+        .container {
+            max-width: 800px;
+            margin: 0 auto;
+            padding: 2rem;
+            background-color: #222222;
+            border-radius: 8px;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+        }
+
+        h1 {
+            font-size: 3rem;
+            margin-bottom: 1rem;
+            letter-spacing: 2px;
+            text-transform: uppercase;
+            color: #ff9900;
+        }
+
+        p {
+            font-size: 1.2rem;
+            line-height: 1.6;
+            margin-bottom: 1.5rem;
+        }
+
+        .section-heading {
+            color: #ff9900;
+            border-bottom: 2px solid #ff9900;
+            padding-bottom: 0.5rem;
+            margin-bottom: 2rem;
+            font-size: 2.5rem;
+            letter-spacing: 1px;
+        }
+
+        a {
+            color: #4dbbff;
+            text-decoration: none;
+            transition: color 0.3s ease;
+        }
+
+        a:hover {
+            color: #00a3ff;
+        }
+
+        footer {
+            background-color: #111111;
+            text-align: center;
+            padding: 2rem 0;
+            color: #ffffff;
+            margin-top: 2rem;
+            border-radius: 0 0 8px 8px;
+        }
+
+        .social-links img {
+            margin-right: 10px;
+            vertical-align: middle;
+            transition: transform 0.3s ease;
+        }
+
+        .social-links img:hover {
+            transform: scale(1.1);
+        }
+
+        .project {
+            margin-bottom: 3rem;
+        }
+
+        .project img {
+            max-width: 100%;
+            border-radius: 8px;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
+            transition: transform 0.3s ease;
+        }
+
+        .project img:hover {
+            transform: scale(1.05);
+        }
+
+        .project-title {
+            font-size: 1.5rem;
+            margin-bottom: 0.5rem;
+            color: #ffffff;
+        }
+
+        .project-description {
+            font-size: 1.2rem;
+            color: #cccccc;
+        }
+    </style>
+</head>
+<body>
+    <header>
+        <img src="https://yt3.ggpht.com/bGl_QOMH6oWEP_qO-kWkeAX8Fb185yCJCFcF5xbbSQEFC98CHCRb6KZYxeKwYgyaDgKnxeOMoXw=s176-c-k-c0x00ffffff-no-rj" alt="A beautiful landscape" width="100" height="100">
+        <h1>stuffbymax</h1>
+        <p>Welcome to my world of game development!</p>
+    </header>
+    <div class="container">
+        <section class="projects">
+            <h2 class="section-heading">Projects</h2>
+            <div class="project">
+                <h3 class="project-title">TerminalOS Simulator</h3>
+                <img src="https://img.itch.zone/aW1nLzE1MDc1ODc0LmpwZWc=/315x250%23c/cKRkea.jpeg" alt="TerminalOS Simulator">
+                <p class="project-description">An immersive simulation of a terminal-based operating system.</p>
+                <p><a href="https://stuff-by-max.itch.io/terminal">View Project</a></p>
+            </div>
+            <div class="project">
+                <h3 class="project-title">The Virus</h3>
+                <img src="https://img.itch.zone/aW1nLzE0OTAxNTg0LmpwZWc=/315x250%23c/cO3E3A.jpeg" alt="The Virus">
+                <p class="project-description">a "deadly virus"</p>
+                <p><a href="https://stuff-by-max.itch.io/the-virus">View Project</a></p>
+            </div>
+            <div class="project">
+                <h3 class="project-title">Stanislav, Let's Go to Houses</h3>
+                <img src="https://img.itch.zone/aW1nLzEyMTk5OTk1LnBuZw==/315x250%23c/jK9v43.png" alt="Stanislav, Let's Go to Houses">
+                <p class="project-description">Join Stanislav in his exciting journey to explore various houses.</p>
+                <p><a href="https://stuff-by-max.itch.io/stanislav-lets-go-to-houses">View Project</a></p>
+            </div>
+            <div class="project">
+                <h3 class="project-title">Black and White</h3>
+                <img src="https://img.itch.zone/aW1nLzkwNTQ0NjkucG5n/315x250%23c/bSdhNl.png" alt="Black and White">
+                <p class="project-description">A minimalist puzzle game where you navigate through black and white environments.</p>
+                <p><a href="https://stuff-by-max.itch.io/black-and-white">View Project</a></p>
+            </div>
+            <div class="project">
+                <h3 class="project-title">Simple Race</h3>
+                <p class="project-description">A basic racing game developed in bash.</p>
+                <p><a href="https://github.com/justmaxcz/Simple-race">View Project</a></p>
+            </div>
+            <div class="project">
+                <h3 class="project-title">Mouse Hunt</h3>
+                <p class="project-description">An simple game where you hunt mice developed in bash.</p>
+                <p><a href="https://github.com/justmaxcz/mouse-hunt">View Project</a></p>
+            </div>
+        </section>
+        </section>
+        <section class="contact">
+            <h2 class="section-heading">Contact Information</h2>
+            <ul class="social-links">
+                <li><a href="https://www.youtube.com/channel/UCPImH2euMdVLB0WD3w1GDtw"><img src="https://th.bing.com/th/id/R.94a67bc652e2c46a1f9294ab5165db3e?rik=743uMBzo4Hxi2A&pid=ImgRaw&r=0" alt="YouTube Logo" width="30" height="30"></a></li>
+                <li><a href="https://github.com/justmaxcz"><img src="https://th.bing.com/th/id/OIP.eoZPB2gfGH-1ckaL_JSZdwAAAA?rs=1&pid=ImgDetMain" alt="GitHub Logo" width="30" height="30"></a></li>
+            </ul>
+            <p>Email: i dont like shering my email</p>
+        </section>
+    </div>
+    <footer>
+        &copy; 2024 stuffbymax
+    </footer>
+</body>
+</html>
