structables/templates/category.html
Kumi 232a1504fb
Update .gitignore and enhance project structure
- Add 'privacy.txt' to .gitignore to prevent checking it in
- Refactor data storage from arrays to dictionaries for better data handling in 'main.py'
- Include 'pathlib' import for handling filesystem paths
- Introduce new CSS and Bootstrap files providing updated styles and responsive design elements
- Modify HTML templates to use updated data structures and enhance accessibility

These changes improve code readability, maintain project consistency, and enhance the front-end presentation. This work is part of ongoing efforts to better manage project data, secure sensitive information, and provide a more robust user interface.
2024-01-17 16:43:51 +01:00

42 lines
No EOL
1.4 KiB
HTML

{% extends "base.html" %}
{% block content %}
<center>
<h1>{{ title }}</h1>
<div class="channel-list">
{% for channel in channels %}
<div style="display:inline-block">
<a href="{{ channel.link }}" style="position:relative;text-align:center;color:white;">
<img src="{{ channel.img }}" alt="{{ channel.title }}" style="display:inline-block;max-width:200px;">
<p style="position:absolute;bottom:0px;left:4px;font-weight:thin;">{{ channel.title }}</p>
</a>
</div>
{% endfor %}
</div>
<h2><a href="{{ path }}projects/">Featured Projects</a></h2>
<div class="project-list">
{% for ible in ibles %}
<div class="ible-list-item">
<a href="{{ ible.link }}">
<img src="{{ ible.img }}" alt="{{ ible.title }}">
<br>
<span><b>{{ ible.title }}</b></span>
</a>
<span>by <a href="{{ ible.author_link }}">{{ ible.author }}</a></span>
<span>in <a href="{{ ible.channel_link }}">{{ ible.channel }}</a></span>
<br>
<span>{{ ible.views }} Views&nbsp;&nbsp;</span>
<span>{{ ible.favorites }} Favorites</span>
</div>
{% endfor %}
</div>
<h2><a href="/contest/">Contests</a></h2>
<div style="display:inline-block;">
{% for contest in contests %}
<a href="{{ contest.link }}" style="color:#bbc2cf;">
<img src="{{ contest.img }}" alt="{{ contest.title }}" style="max-width:400px;">
</a>
{% endfor %}
</div>
</center>
{% endblock %}