Sara
/
distro-depot-generator
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

added template

main
Sara 2023-05-25 18:34:54 +02:00
parent 1c4eefba35
commit 97213209fd
1 changed files with 93 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

93
templates/index.html Normal file
View File

@ -0,0 +1,93 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="style.css">
<title>distro depot</title>
</head>
<body>
{% for distro in distros %}
<div class="operating-system-card">
<div class="distro-header">
<div><h2>{{ distro.name }}</h2></div>
<div><img class="distro-icon" src="{{ distro.icon_url }}"></div>
</div>
<div class="distro-links">
<a href="{{ distro.wiki }}">wiki</a>
<a href="{{ distro.download}}">download</a>
<a href="{{ distro.website }}">website</a>
</div>
<p class="distro-summary">
{{ distro.summary }}
</p>
<div class="distro-columns">
<span>
<h3>Freedom</h3>
<ul>
{% for item in distro.freedom_positives %}
<li p>{{ item }}</li>
{% endfor %}
<br>
{% for item in distro.freedom_negatives %}
<li n>{{ item }}</li>
{% endfor %}
</ul>
</span>
<span>
<h3>Usability</h3>
<ul>
{% for item in distro.usability_positives %}
<li p>{{ item }}</li>
{% endfor %}
<br>
{% for item in distro.usability_negatives %}
<li n>{{ item }}</li>
{% endfor %}
</ul>
</span>
<span>
<h3>Privacy</h3>
<ul>
{% for item in distro.usability_positives %}
<li p>{{ item }}</li>
{% endfor %}
<br>
{% for item in distro.usability_negatives %}
<li n>{{ item }}</li>
{% endfor %}
</ul>
</span>
</div>
<div class="star-columns">
<span>
{% for i in [1,2,3,4,5,] %}
{% if i < distro.freedom_stars %}
<img class="star" src="assets/icons_star.svg">
{% else %}
<img class="star" src="assets/icons_star-empty.svg">
{% endif %}
{% endfor %}
</span>
<span>
{% for i in [1,2,3,4,5,] %}
{% if i < distro.usability_stars %}
<img class="star" src="assets/icons_star.svg">
{% else %}
<img class="star" src="assets/icons_star-empty.svg">
{% endif %}
{% endfor %}
</span>
<span>
{% for i in [1,2,3,4,5,] %}
{% if i < distro.privacy_stars %}
<img class="star" src="assets/icons_star.svg">
{% else %}
<img class="star" src="assets/icons_star-empty.svg">
{% endif %}
{% endfor %}
</span>
</div>
</div>
{% endfor %}
</body>
</html>