jake/jc-ng
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add categories

Browse Source
This commit is contained in:
Jake Charman
2026-02-06 21:43:34 +00:00
parent 46605e5f75
commit e6ee67a46f
2 changed files with 30 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/jakecharman/templates/links.html
View File

@@ -2,25 +2,30 @@
<main id="links-main"> <main id="links-main">
<h2>Useful Links</h2> <h2>Useful Links</h2>
<section id="links"> <section id="links">
{% for link in links %} {% for category in links %}
<div class="link"> <div class="category">
{% if link.get('img') is not none %} <h3>{{category}}</h3>
<a href="{{link.src}}" target="_blank"></a> {% for link in links.get(category) %}
<img class="link-thumb" <div class="link">
srcset=" {% if link.get('img') is not none %}
{% for i in range(200, 5100, 100) %} <a href="{{link.src}}" target="_blank"></a>
/image/{{ link.img }}?w={{i}} {{i}}w{{"," if not loop.last}} <img class="link-thumb"
{% endfor %} srcset="
" {% for i in range(200, 5100, 100) %}
sizes=" /image/{{ link.img }}?w={{i}} {{i}}w{{"," if not loop.last}}
(max-width: 999px) 80vw, {% endfor %}
(min-width: 1000px) 20vw "
" sizes="
src="/image/{{ link.img }}"> (max-width: 999px) 80vw,
</a> (min-width: 1000px) 20vw
{% endif %} "
<a href="{{link.src}}" target="_blank"><h3>{{ link.title }}</h3></a> src="/image/{{ link.img }}">
<p>{{ link.description }}</p> </a>
{% endif %}
<a href="{{link.src}}" target="_blank"><h3>{{ link.title }}</h3></a>
<p>{{ link.description }}</p>
</div>
{% endfor %}
</div> </div>
{% endfor %} {% endfor %}
</section> </section>

7
src/static/style/mobile.css
View File

@@ -290,15 +290,20 @@ pre{
.link { .link {
border-top: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;
clear: both;
} }
.link>img { .link>img {
float: left; float: left;
padding-right: 20px; padding-right: 20px;
max-width: 100px; width: 100px;
} }
.link>a>h3 { .link>a>h3 {
padding-top: 10px; padding-top: 10px;
margin: 0 margin: 0
} }
.category {
padding-top: 10px;
}