Main page updated

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 %}