mirror of
https://github.com/greflm13/StaticGalleryBuilder.git
synced 2026-02-05 11:09:26 +00:00
205 lines
8.5 KiB
Django/Jinja
205 lines
8.5 KiB
Django/Jinja
{%- macro render_tags(tag_tree, parent) -%}
|
|
{%- for key, value in tag_tree.items() %}
|
|
<li class="tagentry">
|
|
<div class="tagflex">
|
|
<label class="tag" title="{{ key }}" id="{{ parent }}|{{ key }}">
|
|
<input type="checkbox" class="tagcheckbox" />{{ key }}
|
|
</label>{% if value %} <span class="tagtoggle" data-tagid="{{ parent }}|{{ key }}">
|
|
<svg width="1em" height="1em" viewBox="0 0 129.87601 129.87624">
|
|
<g id="layer1" transform="translate(-33.816833,-52.685642)">
|
|
<path stroke="currentColor" style="fill:none;stroke-width:20;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
|
|
d="M 54.476483,95.484647 98.754836,139.76308 143.03319,95.484647" id="path1" />
|
|
</g>
|
|
</svg></span>{% endif %}
|
|
</div>
|
|
{%- if value %}
|
|
<ol class="tagentryparent">
|
|
{{ render_tags(value, parent + '|' + key) }}
|
|
</ol>
|
|
{%- endif %}
|
|
</li><br>
|
|
{%- endfor %}
|
|
{%- endmacro -%}
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{{ title }}</title>
|
|
{%- if webmanifest %}
|
|
<link rel="manifest" href="/.static/manifest.webmanifest">
|
|
{%- endif %}
|
|
<link rel="preload" href="{{ stylesheet }}" as="style">
|
|
{%- if theme %}
|
|
<link rel="preload" href="{{ theme }}" as="style">
|
|
{%- endif %}
|
|
{%- if darktheme %}
|
|
<link rel="preload" href="{{ darktheme }}" as="style">
|
|
{%- endif %}
|
|
<link rel="icon" type="image/x-icon" href="{{ favicon }}">
|
|
<link rel="stylesheet" href="{{ stylesheet }}">
|
|
{%- if theme %}
|
|
<link rel="stylesheet" href="{{ theme }}" id="theme">
|
|
{%- endif %}
|
|
{%- if darktheme %}
|
|
<link rel="stylesheet" href="{{ darktheme }}" id="darktheme" disabled>
|
|
{%- endif %}
|
|
<link rel="preload" href="{{ root }}.static/pswp/photoswipe.css" as="style">
|
|
<link rel="preload" href="{{ root }}.static/pswp/default-skin/default-skin.css" as="style">
|
|
<link rel="modulepreload" href="{{ root }}.static/pswp/photoswipe.min.js">
|
|
<link rel="modulepreload" href="{{ root }}.static/pswp/photoswipe-ui-default.min.js">
|
|
<link rel="modulepreload" href="{{ root }}.static/functionality.min.js">
|
|
<link rel="stylesheet" href="{{ root }}.static/pswp/photoswipe.css">
|
|
<link rel="stylesheet" href="{{ root }}.static/pswp/default-skin/default-skin.css">
|
|
<script src="{{ root }}.static/pswp/photoswipe.min.js"></script>
|
|
<script src="{{ root }}.static/pswp/photoswipe-ui-default.min.js"></script>
|
|
<script src="{{ root }}.static/functionality.min.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="header">
|
|
<ol class="navbar">
|
|
<div class="navleft">
|
|
<li><a href="{{ root }}">Home</a></li>
|
|
{%- if parent %}
|
|
<li><a href="{{ parent }}">Parent Directory</a></li>
|
|
{%- endif %}
|
|
{%- if info %}
|
|
<li class="tooltip"><a>Info</a><span class="tooltiptext infotext">
|
|
{%- for infoline in info -%}
|
|
{{ infoline }}<br />
|
|
{%- endfor -%}
|
|
</span></li>
|
|
{%- endif %}
|
|
</div>
|
|
<div class="navcenter">
|
|
<li class="title"><span class="header">{{ header }}</span></li>
|
|
</div>
|
|
<div class="navright">
|
|
{% if tags %}
|
|
<li class="tooltip">
|
|
<a id="tagtogglelink">Filter by Tags <svg width="0.8em" height="0.8em" viewBox="0 0 129.87601 129.87624">
|
|
<g id="layer1" transform="translate(-33.816833,-52.685642)">
|
|
<path stroke="currentColor" style="fill:none;stroke-width:20;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
|
|
d="M 54.476483,95.484647 98.754836,139.76308 143.03319,95.484647" id="path1" />
|
|
</g>
|
|
</svg></a>
|
|
<ol class="tooltiptext tagdropdown" id="tagdropdown">
|
|
<span class="tagentry" id="reset-filter"><label>reset filter</label></span>
|
|
<span class="tagentry">
|
|
<label>
|
|
<input type="checkbox" id="recursive" />recursive filter
|
|
</label>
|
|
</span>
|
|
{{ render_tags(tags, '') }}
|
|
</ol>
|
|
</li>
|
|
{%- endif %}
|
|
{%- if licensefile %}
|
|
<li class="license"><a href="{{ licensefile }}">License</a></li>
|
|
{%- endif %}
|
|
{%- if darktheme %}
|
|
<li>
|
|
<a class="button" id="dark-mode-switch">
|
|
<input type="checkbox" class="checkbox" id="dark-mode-switch-check" />
|
|
<div class="knobs">
|
|
<span class="light">☀︎</span>
|
|
<span class="slider"></span>
|
|
<span class="dark">☽</span>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
{%- endif %}
|
|
</div>
|
|
</ol>
|
|
{% if subdirectories %}
|
|
<div class="folders">
|
|
{%- for subdirectory in subdirectories %}
|
|
<a href="{{ subdirectory.url }}">
|
|
<figure>
|
|
<img class="foldericon" />
|
|
{%- if subdirectory.thumb %}
|
|
<img class="folderthumb" src="{{ subdirectory.thumb }}" />
|
|
{%- endif %}
|
|
<figcaption>{{ subdirectory.name }}</figcaption>
|
|
</figure>
|
|
</a>
|
|
{%- endfor %}
|
|
</div>
|
|
{%- endif %}
|
|
</div>
|
|
<div class="row" id="imagelist">
|
|
</div>
|
|
{% if license %}
|
|
{%- if 'CC' in license.type %}
|
|
<div class="footer" xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/">
|
|
{%- if license.type == 'CC0 1.0' %}
|
|
<a property="dct:title" rel="cc:attributionURL" href="{{ root }}">{{ license.project }}</a> by <span property="cc:attributionName">{{ license.author }}</span> is marked with
|
|
<a href="{{ license.url }}" target="_blank" rel="license noopener noreferrer" style="display: inline-block">CC0 1.0
|
|
{%- for pic in license.pics %}
|
|
<img src="{{ pic }}" alt="" />
|
|
{%- endfor %}
|
|
</a>
|
|
{%- else %}
|
|
<a property="dct:title" rel="cc:attributionURL" href="{{ root }}">{{ license.project }}</a> by <span property="cc:attributionName">{{ license.author }}</span> is licensed under
|
|
<a href="{{ license.url }}" target="_blank" rel="license noopener noreferrer">{{ license.type }}
|
|
{%- for pic in license.pics %}
|
|
<img src="{{ pic }}" alt="" />
|
|
{%- endfor %}
|
|
</a>
|
|
{%- endif %}
|
|
<span class="attribution">Made with <a href="https://github.com/greflm13/StaticGalleryBuilder" target="_blank" rel="noopener noreferrer">StaticGalleryBuilder {{ version }}</a> by <a
|
|
href="https://github.com/greflm13" target="_blank" rel="noopener noreferrer">{{ logo }}</a>.</span>
|
|
<button type="button" id="totop" title="Back to Top">Back to Top</button>
|
|
</div>
|
|
{%- endif %}
|
|
{%- else %}
|
|
<div class="footer">
|
|
<span class="attribution">Made with <a href="https://github.com/greflm13/StaticGalleryBuilder" target="_blank" rel="noopener noreferrer">StaticGalleryBuilder {{ version }}</a> by <a
|
|
href="https://github.com/greflm13" target="_blank" rel="noopener noreferrer">{{ logo }}</a>.</span>
|
|
<button type="button" id="totop" title="Back to Top">Back to Top</button>
|
|
</div>
|
|
{%- endif %}
|
|
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
|
|
<div class="pswp__bg"></div>
|
|
<div class="pswp__scroll-wrap">
|
|
<div class="pswp__container">
|
|
<div class="pswp__item"></div>
|
|
<div class="pswp__item"></div>
|
|
<div class="pswp__item"></div>
|
|
</div>
|
|
<div class="pswp__ui pswp__ui--hidden">
|
|
<div class="pswp__top-bar">
|
|
<div class="pswp__counter"></div>
|
|
<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
|
|
<button class="pswp__button pswp__button--share" title="Share"></button>
|
|
<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
|
|
<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
|
|
<div class="pswp__preloader">
|
|
<div class="pswp__preloader__icn">
|
|
<div class="pswp__preloader__cut">
|
|
<div class="pswp__preloader__donut"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
|
|
<div class="pswp__share-tooltip"></div>
|
|
</div>
|
|
<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
|
|
</button>
|
|
<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
|
|
</button>
|
|
<div class="pswp__caption">
|
|
<div class="pswp__caption__center"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script>
|
|
new PhotoGallery();
|
|
</script>
|
|
|
|
</html> |