updates
This commit is contained in:
@@ -1,20 +1,29 @@
|
||||
|
||||
{% extends "default.html" %}
|
||||
|
||||
{% block menu_links %}
|
||||
<a href="index.html">Home</a>
|
||||
<a href="static/about.html">About</a>
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="row row-cols-1 row-cols-md-3 g-4 px-1 py-2">
|
||||
{% for content_item in content_items %}
|
||||
<div class="col mb-3">
|
||||
<div class="card h-100" style="border-radius: 5px;">
|
||||
<img src="{{ content_item.image }}" alt="{{ content_item.title }}" class="card-img-top img-fluid" style="background: rgb(77, 77, 77); object-fit: cover; height: 200px; border-radius: 5px;">
|
||||
<div class="card-body d-flex flex-column">
|
||||
<h5 class="card-title"><a class="text-decoration-none text-body" href="{{ content_item.slug}}.html ">{{ content_item.title }}</a></h5>
|
||||
<p class="card-text mb-3">{{ content_item.preview | safe}}</p>
|
||||
|
||||
<!-- <div class="row row-cols-1 row-cols-md-3 row-cols-xxl-5 g-4 px-1 py-2"> -->
|
||||
<div class="container-fluid">
|
||||
<div class="row justify-content-center">
|
||||
{% for content_item in content_items %}
|
||||
<div class="card h-100 rounded mx-1 my-3" style="width: 100%; max-width: 400px;">
|
||||
<div class="card-header bg-dark">
|
||||
<img src="content/{{ content_item.image_file }}" alt="{{ content_item.title }}" class="card-img-top img-fluid mx-auto d-block object-fit-scale rounded" style="max-height: 200px; width: auto;">
|
||||
</div>
|
||||
<div class="card-body d-flex flex-column">
|
||||
<h5 class="card-title"><a class="text-decoration-none text-body" href="content/{{ content_item.slug}}.html ">{{ content_item.title }}</a></h5>
|
||||
<p class="card-text mb-3">{{ content_item.preview | safe}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
|
||||
{% endblock %}
|
||||
|
||||
Reference in New Issue
Block a user