Added project site

Author: neeoder

home-style.css

@@ -138,3 +138,45 @@ main {
     text-align: center;
     font-size: 1.75em;
 }
+
+.hangman-project {
+    position: absolute;
+    left: 15%;
+    top: 30%;
+    height: 280px;
+    width: 65%;
+    border-radius: 10px;
+    border: 3px solid #ccc;
+}
+
+.hangman-project img {
+    transform: scale(0.6);
+    border-radius: 5px;
+    margin-left: -50px;
+    margin-top: -40px;
+}
+
+.text-container {
+    display: flex;
+    flex-direction: column;
+    margin-right: 20px;
+    width: 100%;
+}
+
+.description {
+    font-weight: bold;
+    color: #333;
+}
+
+.features {
+    margin-top: 10px;
+}
+
+.ai-label, .visualization-label {
+    font-weight: bold;
+    color: #f08080;
+}
+
+.features > span {
+    color: #388e3c;
+}

home.html

@@ -34,6 +34,19 @@ <h1>Welcome to Neeoder-code</h1>
             <div class="project_text">
                 <h1>My projects</h1>
             </div>
+            <div class="hangman-project">
+                <img src="images/hangman_thumb.png" alt="Hangman thumbnail">
+                <div class="text-container">
+                    <div class="description">
+                        A simple Hangman game, playable in english and german.
+                    </div>
+                    <div class="features">
+                        <span class="ai-label">AI:</span> An AI that plays statistically perfect by using
+                        letter-frequency-analysis<br>
+                        <span class="visualization-label">Visualization:</span> See the letter frequencies in a diagram
+                    </div>
+                </div>
+            </div>
         </div>
     </main>
     <script>