129 lines
5.0 KiB
Plaintext
129 lines
5.0 KiB
Plaintext
<!DOCTYPE html>
|
|
%html{'lang': '{{language}}', 'dir': 'ltr'}
|
|
%head
|
|
%meta{'charset': 'utf-8'}
|
|
%title= name
|
|
%meta{'name': 'theme-color', 'content': '#7EB643'}
|
|
%meta{'name': 'viewport', 'content': 'width=device-width, user-scalable=no'}
|
|
%script{'defer': 'defer'}= js_org_hierarchical
|
|
%script{'defer': 'defer'}= js_org_linear
|
|
%script{'defer': 'defer'}= js_imgs_hierarchical
|
|
%script{'defer': 'defer'}= js_imgs_thumb
|
|
%script{'defer': 'defer'}= js_imgs_small
|
|
%script{'defer': 'defer'}= js_imgs_dcent
|
|
%script{'defer': 'defer'}= js_imgs_large
|
|
%script{'defer': 'defer'}= js_imgs_full
|
|
%script{'defer': 'defer'}= js_artists
|
|
%script{'defer': 'defer'}= js_images
|
|
%script{'defer': 'defer'}= js_social
|
|
%script{'defer': 'defer'}= js_tags
|
|
%script{'defer': 'defer'}= js_zips
|
|
%script{'defer': 'defer'}= js_name
|
|
%script{'defer': 'defer'}= js_formats
|
|
%script{'defer': 'defer'}= js_dimens
|
|
%script{'defer': 'defer'}= js_sizes
|
|
%script{'defer': 'defer', 'src': './main.js'}
|
|
%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'}
|
|
%body
|
|
%header
|
|
.pageWidthConstraint
|
|
%h1.blockdisplay= name
|
|
%section.blockdisplay
|
|
%nav#filterNav.filterbar.nodisplay
|
|
Only displaying images with:
|
|
%span.badge
|
|
%i#filterIcon.fa.fa-user{'aria-hidden': 'true'}
|
|
%span= ' '
|
|
%span#filterText Something
|
|
%span= ' '
|
|
%i.fa.fa-times-circle{'aria-hidden': 'true', 'onclick': 'clearFilters()'}
|
|
#galleryBrowser.fullscreenOverlay.nodisplay
|
|
.closeButton{'onclick': 'closeGallery()'}
|
|
%i.fa.fa-2x.fa-times{'aria-hidden': 'true'}
|
|
#galleryImage
|
|
#imageQualities
|
|
#qualityThumb.quality
|
|
%a#downloadThumb
|
|
%i.fa.fa-download{'aria-hidden': 'true'}
|
|
%i#seeThumb.fa.fa-eye{'aria-hidden': 'true'}
|
|
%span Thumbnail
|
|
%span#sizeThumb= '(?)'
|
|
#qualitySmall.quality
|
|
%a#downloadSmall
|
|
%i.fa.fa-download{'aria-hidden': 'true'}
|
|
%i#seeSmall.fa.fa-eye{'aria-hidden': 'true'}
|
|
%span Small
|
|
%span#sizeSmall= '(?)'
|
|
#qualityDcent.quality
|
|
%a#downloadDcent
|
|
%i.fa.fa-download{'aria-hidden': 'true'}
|
|
%i#seeDcent.fa.fa-eye{'aria-hidden': 'true'}
|
|
%span Decent
|
|
%span#sizeDcent= '(?)'
|
|
#qualityLarge.quality
|
|
%a#downloadLarge
|
|
%i.fa.fa-download{'aria-hidden': 'true'}
|
|
%i#seeLarge.fa.fa-eye{'aria-hidden': 'true'}
|
|
%span Large
|
|
%span#sizeLarge= '(?)'
|
|
#qualityFull.quality
|
|
%a#downloadFull
|
|
%i.fa.fa-download{'aria-hidden': 'true'}
|
|
%i#seeFull.fa.fa-eye{'aria-hidden': 'true'}
|
|
%span Full
|
|
%span#sizeFull= '(?)'
|
|
%main.pageWidthConstraint
|
|
%section#nestedElements
|
|
- for nestedItem in org_hierarchical
|
|
- with item=imgs_hierarchical[nestedItem.item]
|
|
- with info=images[nestedItem.item]
|
|
.card.housingNested{'id': 'nested-{{nestedItem.item}}'}
|
|
%img.cardPic{'src': './{{item}}', 'loading': 'lazy', 'onclick': 'openGallery({{nestedItem.item}})'}
|
|
.cardBody
|
|
- include 'cardbody.html'
|
|
- if nestedItem.children|length > 0
|
|
.cardBottom.minicardHolder
|
|
- for child in nestedItem.children
|
|
- with subitem=imgs_hierarchical[child]
|
|
- with subinfo=images[child]
|
|
.card.minicard{'id': 'nested-{{child}}', 'onclick': 'openGallery({{child}})'}
|
|
%img.cardPic{'src': './{{subitem}}', 'loading': 'lazy'}
|
|
.cardBody= subinfo['name']
|
|
%section#listElements.nodisplay
|
|
- for item in org_linear
|
|
- with info = images[loop.index0]
|
|
.card.housingSimple{'id': 'list-{{loop.index0}}'}
|
|
%img.cardPic{'src': '{{item}}', 'onclick': 'openGallery({{loop.index0}})'}
|
|
.cardBody
|
|
- include 'cardbody.html'
|
|
%section#colorAccuracy
|
|
.card
|
|
.cardBody
|
|
%h3 Color pallete by sampling
|
|
Coming soon™!
|
|
%section#downloadPane
|
|
.card
|
|
.cardBody
|
|
%h3 Download
|
|
- with tiers='Thumbnails (ZIP),Small images (ZIP),Decently-sized images (ZIP),Large images (ZIP),Best quality (ZIP)'.split(',')
|
|
- for tier in tiers
|
|
%div
|
|
%a{'href': '{{zips[loop.index0]["name"]}}'}
|
|
%i.fa.fa-download{'aria-hidden': 'true'}
|
|
= tier
|
|
[{{zips[loop.index0]['fmtd']}}]
|
|
%footer
|
|
.pageWidthConstraint
|
|
%p.justify 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.justify Even though a download button is easily accessible, no right over the images, for whatever purpose, is given.
|
|
%p.justify
|
|
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
|
|
or
|
|
%a{'href': 'https://t.me/Sfner', 'target': '_blank'} Telegram
|
|
and I'll have it removed as soon as possible.
|
|
%div.right
|
|
%a{'href': 'https://git.adlerosn.com/adler/site_fursona_refs'} Source code
|