Main page updated

templates/about/about.html

@@ -286,12 +286,6 @@
                     <div class="progress-bar" style="width: 65%;"></div>
                 </div>
             </div>
-            <div class="skill">
-                <div class="skill-name">Git</div>
-                <div class="progress-bar-container">
-                    <div class="progress-bar" style="width: 95%;"></div>
-                </div>
-            </div>
             <div class="skill">
                 <div class="skill-name">GDScript</div>
                 <div class="progress-bar-container">

templates/home.html

@@ -1,35 +0,0 @@
-{% extends "main.html" %}
-{% block content %}
-<main class="main">
-    <div class="intro">
-        Welcome to my portfolio! I'm a passionate Computer Science Engineer dedicated to crafting innovative and efficient digital solutions. 
-        Feel free to explore my projects, read my blogs, and learn more about me and my work.
-    </div>
-    <div class="quote">"Programs must be written for people to read, and only incidentally for machines to execute."</div>
-    <div class="author">– Harold Abelson</div>
-    <div class="card-container">
-        <div class="card">
-            <img src="profile.jpg" alt="Post Image">
-            <h3>Post Title 1</h3>
-            <div class="date">January 5, 2025</div>
-            <p>Explore the basics of computer science and its applications in the modern world.</p>
-            <a href="#post1">Read More</a>
-        </div>
-        <div class="card">
-            <img src="profile.jpg" alt="Post Image">
-            <h3>Post Title 2</h3>
-            <div class="date">January 6, 2025</div>
-            <p>Dive into advanced programming concepts and learn the secrets of clean code.</p>
-            <a href="#post2">Read More</a>
-        </div>
-        <div class="card">
-            <img src="profile.jpg" alt="Post Image">
-            <h3>Post Title 3</h3>
-            <div class="date">January 7, 2025</div>
-            <p>Discover the latest trends in AI and machine learning and their impact on society.</p>
-            <a href="#post3">Read More</a>
-        </div>
-    </div>
-</main>
-
-{% endblock %}

templates/home/home.html

@@ -0,0 +1,46 @@
+{% extends "main.html" %}
+{% block content %}
+<style>
+.card .topics {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: 8px;
+    margin-top: 20px;
+}
+
+.card .topics .topic {
+    font-size: 0.85em;
+    color: #777;
+    background-color: #efefef;
+    border-radius: 16px;
+    padding: 4px 10px;
+}
+
+</style>
+<main class="main">
+    <div class="intro">
+        Welcome to my personal website! I'm a passionate Computer Science Engineer dedicated to crafting innovative and efficient digital solutions. 
+        Feel free to explore my projects, read my blogs, and learn more about me and my work.
+    </div>
+    <div class="quote">{{ quote.quote }}</div>
+    <div class="author">– {{ quote.author }}</div>
+    <div class="card-container">
+        {% for post in post_data %}
+            <div class="card">
+                <img src="{{ url_for('static', filename=post['image_location']) }}" alt="Post Image">
+                <h3>{{ post['title'] }}</h3>
+                <div class="date">{{ post['date'] }}</div>
+                <p>{{ post['description'] }}</p>
+                <p class="topics">
+                    {% for topic in post['topics'] %}
+                        <span class="topic">{{ topic }}</span>
+                    {% endfor %}
+                </p>
+                <a href="{{ url_for('post', slug=post['slug']) }}">Read More</a>
+            </div>
+        {% endfor %}
+    </div>
+</main>
+
+{% endblock %}

templates/posts/my-fIrst-post.html

@@ -0,0 +1,5 @@
+{% extends "main.html" %}
+
+{% block content %}
+    <h1>THIS IS FINALY MY FIRST FREAKING POST!!!!</h1>
+{% endblock %}