46 lines
1.4 KiB
HTML
46 lines
1.4 KiB
HTML
{% 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['content'] }}</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 %} |