123 lines
4.1 KiB
HTML
123 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang='{{language}}' dir='ltr'>
|
|
<head>
|
|
<meta charset='utf-8' />
|
|
<title>{{ name }}</title>
|
|
<meta name='theme-color' content='#7EB643' />
|
|
<meta name='viewport' content='width=device-width, user-scalable=no' />
|
|
<script defer='defer'>{{ js_org_hierarchical }}</script>
|
|
<script defer='defer'>{{ js_org_linear }}</script>
|
|
<script defer='defer'>{{ js_imgs_hierarchical }}</script>
|
|
<script defer='defer'>{{ js_imgs_thumb }}</script>
|
|
<script defer='defer'>{{ js_imgs_small }}</script>
|
|
<script defer='defer'>{{ js_imgs_dcent }}</script>
|
|
<script defer='defer'>{{ js_imgs_large }}</script>
|
|
<script defer='defer'>{{ js_imgs_full }}</script>
|
|
<script defer='defer'>{{ js_artists }}</script>
|
|
<script defer='defer'>{{ js_images }}</script>
|
|
<script defer='defer'>{{ js_social }}</script>
|
|
<script defer='defer'>{{ js_tags }}</script>
|
|
<script defer='defer'>{{ js_zips }}</script>
|
|
<script defer='defer' src='./main.js'></script>
|
|
<link rel='stylesheet' href='./main.css' />
|
|
<link rel='stylesheet' href='./font-awesome-4.7.0/css/font-awesome.min.css' />
|
|
<link rel='shortcut icon' type='image/png' href='favicon.png' />
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<div class='pageWidthConstraint'>
|
|
<h1 class='blockdisplay'>{{ name }}</h1>
|
|
<section class='blockdisplay'>
|
|
<nav class='filterbar nodisplay'>
|
|
Only displaying images with:
|
|
<span class='badge'>
|
|
<i id='filterIcon' class='fa fa-user' aria-hidden='true'></i>
|
|
<span id='filterText'>Something</span>
|
|
<i class='fa fa-times-circle' aria-hidden='true' onclick='clearFilters()'></i>
|
|
</span>
|
|
</nav>
|
|
</section>
|
|
</div>
|
|
</header>
|
|
<main class='pageWidthConstraint'>
|
|
<section id='nestedElements'>
|
|
{% for nestedItem in org_hierarchical %}
|
|
{% with item=imgs_hierarchical[nestedItem.item] %}
|
|
{% with info=images[nestedItem.item] %}
|
|
<div class='card housingNested'>
|
|
<img class='cardPic' src='{{item}}' />
|
|
<div class='cardBody'>
|
|
{% include 'cardbody.html' %}
|
|
</div>
|
|
{% if nestedItem.children|length > 0 %}
|
|
<div class='cardBottom minicardHolder'>
|
|
{% for child in nestedItem.children %}
|
|
{% with subitem=imgs_hierarchical[child] %}
|
|
{% with subinfo=images[child] %}
|
|
<div class='card minicard'>
|
|
<img class='cardPic' src='{{subitem}}' />
|
|
<div class='cardBody'>{{ subinfo['name'] }}</div>
|
|
|
|
</div>
|
|
{% endwith %}
|
|
{% endwith %}
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
{% endwith %}
|
|
{% endwith %}
|
|
<hr />
|
|
{% endfor %}
|
|
<hr />
|
|
</section>
|
|
<section id='listElements'>
|
|
{% for item in org_linear %}
|
|
{% with info = images[loop.index0] %}
|
|
<div class='card housingSimple'>
|
|
<img class='cardPic' src='{{item}}' />
|
|
<div class='cardBody'>
|
|
{% include 'cardbody.html' %}
|
|
</div>
|
|
</div>
|
|
{% endwith %}
|
|
<hr />
|
|
{% endfor %}
|
|
<hr />
|
|
</section>
|
|
<section id='colorAccuracy'>
|
|
<div class='card'>
|
|
<div class='cartBody'>Coming soon</div>
|
|
</div>
|
|
<hr />
|
|
</section>
|
|
<section id='downloadPane'>
|
|
<div class='card'>
|
|
Download
|
|
</div>
|
|
<hr />
|
|
</section>
|
|
</main>
|
|
<footer>
|
|
<div class='pageWidthConstraint'>
|
|
<p class='left'>All artwork presented here serves the sole purpose of easing artists' effort to browse through references that, otherwise, would be sent via some electronical mean that is more prone to a misunderstanding.</p>
|
|
<p class='left'>Even though a download button is easily accessible, no right to reuse, for whatever purpose, any artwork here presented is given.</p>
|
|
<p class='left'>
|
|
If you drew something presented here and don't want it here, send me a message on
|
|
<a href='https://twitter.com/SfnerDragon' target='_blank'>
|
|
Twitter
|
|
</a>
|
|
or
|
|
<a href='https://t.me/Sfner' target='_blank'>
|
|
Telegram
|
|
</a>
|
|
and I'll have it removed as soon as possible.
|
|
</p>
|
|
<p class='right'>
|
|
<a href='https://git.adlerosn.com/adler/site_fursona_refs'>Source code</a>
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|