reset the template
This commit is contained in:
sakrecoer
parent
209b0d58c3
commit
bafff0e0dc
117
_config-reference.yml
Normal file
117
_config-reference.yml
Normal file
|
|
@ -0,0 +1,117 @@
|
|||
title : 徒 setto セット
|
||||
description: 'Set, Party, Gang! #Cybersoul.'
|
||||
|
||||
url: "https://setto.basspistol.com" # the base hostname & protocol for your site
|
||||
permalink: /:categories/:title/
|
||||
|
||||
## jekyll excludes
|
||||
exclude:
|
||||
- changelog.md
|
||||
- '*.*~'
|
||||
- '*.xcf'
|
||||
- '*.blend*'
|
||||
- Gemfile
|
||||
- Gemfile.lock
|
||||
- README.md
|
||||
- LICENCE
|
||||
## SEO
|
||||
geo:
|
||||
timezone: "Europe/Switzerland"
|
||||
lat: '46.203918'
|
||||
long: '6.133011'
|
||||
region: 'CH-GE'
|
||||
town: 'Geneva'
|
||||
country: 'Switzerland'
|
||||
postalcode: '1201'
|
||||
|
||||
banner: /images/setto-logo.svg
|
||||
icon: /images/setto-logoicon.svg
|
||||
logo: /images/setto-logo.svg
|
||||
logo-footer: /images/setto-logo-dark.svg
|
||||
mediaurl: https://media.basspistol.com/setto.basspistol.com
|
||||
|
||||
publisher:
|
||||
name: Basspistol
|
||||
domain: setto.basspistol.com
|
||||
mail: info@basspistol.com
|
||||
social:
|
||||
name: To Setto Setto
|
||||
mail: setto@basspistol.com
|
||||
links:
|
||||
- https://twitter.com/ToSettoSetto
|
||||
- https://instagram.com/ToSettoSetto
|
||||
|
||||
categories:
|
||||
- releases
|
||||
- ramblings
|
||||
|
||||
collections:
|
||||
albums:
|
||||
output: false
|
||||
permalink: /albums/:name/
|
||||
tracks:
|
||||
output: true
|
||||
permalink: /albums/:path/
|
||||
authors:
|
||||
output: false
|
||||
|
||||
## Matomo
|
||||
matomo_site_id: '11'
|
||||
matomo_container: 'kJUGWiO2'
|
||||
|
||||
# defaults
|
||||
|
||||
sass:
|
||||
sass_dir: _sass
|
||||
|
||||
defaults:
|
||||
- scope:
|
||||
path: ""
|
||||
values:
|
||||
lang: en
|
||||
- scope:
|
||||
path: ""
|
||||
type: "tracks"
|
||||
values:
|
||||
layout: "track"
|
||||
lang: en
|
||||
seo:
|
||||
type: "AudioObject"
|
||||
- scope:
|
||||
path: ""
|
||||
type: "pages"
|
||||
values:
|
||||
layout: "default"
|
||||
lang: en
|
||||
_options:
|
||||
image:
|
||||
width: 1024
|
||||
height: 720
|
||||
resize_style: cover
|
||||
uploads_dir: "/images/pages"
|
||||
content:
|
||||
width: 720
|
||||
height: 720
|
||||
resize_style: cover
|
||||
uploads_dir: "/images/pages"
|
||||
- scope:
|
||||
path: ""
|
||||
type: "posts"
|
||||
values:
|
||||
layout: "post"
|
||||
lang: en
|
||||
permalink: /:title/
|
||||
_options:
|
||||
image:
|
||||
width: 1024
|
||||
height: 720
|
||||
resize_style: cover
|
||||
uploads_dir: "/images/posts"
|
||||
content:
|
||||
width: 720
|
||||
height: 720
|
||||
resize_style: cover
|
||||
uploads_dir: "/images/posts"
|
||||
# ---------
|
||||
# Translate
|
||||
lang: en
|
||||
24
_config.yml
24
_config.yml
|
|
@ -25,10 +25,12 @@ geo:
|
|||
postalcode: '1201'
|
||||
|
||||
banner: /images/setto-logo.svg
|
||||
banner-vert:
|
||||
icon: /images/setto-logoicon.svg
|
||||
logo: /images/setto-logo.svg
|
||||
logo-footer: /images/setto-logo-dark.svg
|
||||
mediaurl: https://media.basspistol.com/setto.basspistol.com
|
||||
# mediaurl: /assets/albums
|
||||
|
||||
publisher:
|
||||
name: Basspistol
|
||||
|
|
@ -41,9 +43,17 @@ social:
|
|||
- https://twitter.com/ToSettoSetto
|
||||
- https://instagram.com/ToSettoSetto
|
||||
|
||||
## Matomo
|
||||
matomo_site_id: '11'
|
||||
matomo_container: 'kJUGWiO2'
|
||||
# defaults
|
||||
categories:
|
||||
- releases
|
||||
- ramblings
|
||||
tags:
|
||||
- LP
|
||||
- EP
|
||||
- Single
|
||||
|
||||
collections:
|
||||
albums:
|
||||
|
|
@ -55,12 +65,6 @@ collections:
|
|||
authors:
|
||||
output: false
|
||||
|
||||
## Matomo
|
||||
matomo_site_id: '11'
|
||||
matomo_container: 'kJUGWiO2'
|
||||
|
||||
# defaults
|
||||
|
||||
sass:
|
||||
sass_dir: _sass
|
||||
|
||||
|
|
@ -77,6 +81,14 @@ defaults:
|
|||
lang: en
|
||||
seo:
|
||||
type: "AudioObject"
|
||||
- scope:
|
||||
path: ""
|
||||
type: "albums"
|
||||
values:
|
||||
layout: "album"
|
||||
lang: en
|
||||
seo:
|
||||
type: "AudioObject"
|
||||
- scope:
|
||||
path: ""
|
||||
type: "pages"
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@
|
|||
download: false
|
||||
- name: Deezer
|
||||
url: https://www.deezer.com/fr/artist/56004012
|
||||
icon: fa-creative-commons-sampling
|
||||
icon: fa-deezer
|
||||
download: false
|
||||
- name: Napster
|
||||
url: https://us.napster.com/artist/-setto-
|
||||
|
|
|
|||
|
|
@ -1,38 +1,41 @@
|
|||
{% assign author_id = page.author | prepend: "/authors/" | append: "/" %}
|
||||
{% assign author = site.authors | where: "url", author_id | first %}
|
||||
<header id="author">
|
||||
<div id="author">
|
||||
<div class="bio">
|
||||
|
||||
{% if page.collection == 'posts' %}
|
||||
<div alt="Picture of {{ author.name }}"
|
||||
style="margin-right: 10px;background-image:url({{ author.image }});background-repeat: no-repeat;background-size:cover; border-radius:150px; width:150px; height:150px;">
|
||||
{% if page.collection == 'posts' %}
|
||||
<div class="author-image" alt="Picture of {{ author.name }}" style="background-image:url({{ author.image }});">
|
||||
</div>
|
||||
<br />
|
||||
<p><a href="mailto:{{ author.email }}"><strong>{{ author.name }}</strong></a></p>
|
||||
<p>{{ author.position }}{% if author.gpg != nil %} | <a target="_blank" rel="noopener"
|
||||
href="{{ author.gpg }}">GPG</a>{% endif %}</p>
|
||||
<p class="date">
|
||||
Published the
|
||||
|
||||
{% include dates.html %}
|
||||
</p>
|
||||
|
||||
{% endif %}
|
||||
<h6>
|
||||
|
||||
Share this page:
|
||||
</h6>
|
||||
<ul>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to facebook" alt="Share to facebook"
|
||||
href="https://touch.facebook.com/sharer.php?u={{ site.url }}{{ page.url | xml_escape }}&quote={{ page.title | xml_escape }}%20by%20{{ site.title xml_escape }}%20via%20{{ site.url }}"
|
||||
class="icon smaller fab fa-facebook-f"><span class="label">Facebook</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter"
|
||||
href="https://twitter.com/share?url={{ site.url }}{{ page.url | xml_escape }}&text={{ page.title | xml_escape }}%20by%20{{ site.title xml_escape }}%20&hashtags=paxNion"
|
||||
class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram"
|
||||
href="https://telegram.me/share/url?url={{ site.url }}{{ page.url }}&text={{ page.title | xml_escape }}%20by%20{{ site.title xml_escape }}"
|
||||
class="icon smaller fab fa-telegram"><span class="label ">Telegram</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to reddit" alt="Share to reddit"
|
||||
href="https://reddit.com/submit/?url={{ site.url }}{{ page.url }}&title={{ page.title | xml_escape }}%20by%20{{ site.title xml_escape }}"
|
||||
class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
|
||||
</ul>
|
||||
|
||||
|
||||
</div>
|
||||
<br />
|
||||
<p style="font-style: normal;"><a href="mailto:{{ author.email }}"><strong>{{ author.name }}</strong></a></p>
|
||||
<p style="font-style: normal;">{{ author.position }}{% if author.gpg != nil %} | <a target="_blank" rel="noopener" href="{{ author.gpg }}">GPG</a>{% endif %}</p>
|
||||
<p style="font-size:14px;font-style: normal;">
|
||||
Published the
|
||||
|
||||
{% include dates.html %}
|
||||
</p>
|
||||
|
||||
{% endif %}
|
||||
<h6>
|
||||
|
||||
Share this page:
|
||||
</h6>
|
||||
<ul class="icons">
|
||||
<li><a target="_blank" rel="nofollow noopener" title="Share to facebook" alt="Share to facebook" href="https://touch.facebook.com/sharer.php?u={{ site.url }}{{ page.url | xml_escape }}&quote={{ page.title | xml_escape }}%20by%20{{ site.title xml_escape }}%20via%20{{ site.url }}" class="icon brands style1 fa-facebook-f"><span class="label">Facebook</span></a></li>
|
||||
<li><a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter" href="https://twitter.com/share?url={{ site.url }}{{ page.url | xml_escape }}&text={{ page.title | xml_escape }}%20by%20{{ site.title xml_escape }}%20&hashtags=paxNion" class="icon brands style1 fa-twitter"><span class="label">Twitter</span></a></li>
|
||||
<li><a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram" href="https://telegram.me/share/url?url={{ site.url }}{{ page.url }}&text={{ page.title | xml_escape }}%20by%20{{ site.title xml_escape }}" class="icon brands style1 fa-telegram"><span class="label">Telegram</span></a></li>
|
||||
<li><a target="_blank" rel="nofollow noopener" title="Share to reddit" alt="Share to reddit" href="https://reddit.com/submit/?url={{ site.url }}{{ page.url }}&title={{ page.title | xml_escape }}%20by%20{{ site.title xml_escape }}" class="icon brands style1 fa-reddit"><span class="label">Reddit</span></a></li>
|
||||
</ul>
|
||||
{% if page.collection == 'tracks' %}
|
||||
{% for post in site.posts %}
|
||||
{% if post.album == page.albumSlug %}
|
||||
<a href="{{ relBase }}{{ post.url }}" class="button smaller"> Back to Album</a><br /><br />
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
</div>
|
||||
</header>
|
||||
</div>
|
||||
|
|
@ -1,42 +0,0 @@
|
|||
<!-- Contact -->
|
||||
<section id="contact" class="wrapper style1 align-center">
|
||||
<div class="inner medium">
|
||||
<h2 class="editable">
|
||||
|
||||
</h2>
|
||||
<form action="{{ site.baseurl }}/contact-success/" method="post">
|
||||
<input type="hidden" name="_to" value="setto@basspistol.com" /><br />
|
||||
<input type="text" name="_gotcha" style="display: none;" />
|
||||
<div class="fields">
|
||||
<div class="field half">
|
||||
<label for="name">{{ site.data.translations[page.lang].name }}</label>
|
||||
<input type="text" name="name" id="name" placeholder="{{ site.data.translations[page.lang].name }} {{ site.data.translations[page.lang].lastname }}" />
|
||||
</div>
|
||||
<div class="field half">
|
||||
<label for="email">{{ site.data.translations[page.lang].email }}</label>
|
||||
<input type="email" name="email" placeholder="{{ site.data.translations[page.lang].required }}" required />
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="message">{{ site.data.translations[page.lang].message }}</label>
|
||||
<textarea name="message" id="message" rows="6" placeholder="{{ site.data.translations[page.lang].write-msg }}"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div style="text-align: left;">
|
||||
<input type="checkbox" name="consent" id="consent" required />
|
||||
<label for="consent">{{ site.data.translations[page.lang].privacy }}
|
||||
</label>
|
||||
<br /><br />
|
||||
|
||||
<input type="checkbox" name="newsletter" id="newsletter" />
|
||||
<label for="newsletter">{{ site.data.translations[page.lang].newsletter }}
|
||||
</label>
|
||||
</div>
|
||||
<br />
|
||||
<ul class="actions special">
|
||||
<li><input type="submit" name="submit" id="submit" value="{{ site.data.translations[page.lang].send }}" /></li>
|
||||
</ul>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<!-- END Contact -->
|
||||
|
|
@ -1,7 +1,14 @@
|
|||
|
||||
<div id="cookie-notice">
|
||||
{{ site.data.translations[page.lang].cookies }}
|
||||
<a class="button small yes" href="#" id="cookie-notice-accept">{{ site.data.translations[page.lang].cookie-agree }}</a>
|
||||
|
||||
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
|
||||
enjoyed this enough to come back.
|
||||
<br />Click <a href="#" id="cookie-notice-decline">here</a> if you want this shit to go away without cookies.
|
||||
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
|
||||
</p>
|
||||
<a class="button yes" href="#"
|
||||
id="cookie-notice-accept">I'm in!</a>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,33 +1,32 @@
|
|||
<!-- Footer -->
|
||||
{% unless page.collection == 'tracks' %}
|
||||
{% include streamer.html %}
|
||||
<footer id="footer" class="wrapper style1 align-center">
|
||||
<div class="footflex">
|
||||
<div>
|
||||
<h4>{{ site.title }}</h4>
|
||||
<p>{{ site.description }}
|
||||
<br /><a href="mailto:{{ site.social.mail }}">{{ site.social.mail }}</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<ul>
|
||||
{% if page.url != '/' %}
|
||||
<li><a href="{{ relBase }}/">{{ site.data.translations[page.lang].home }}</a></li>
|
||||
{% endif %}
|
||||
{% for entry in site.data.navigation %}
|
||||
<li><a href="{{ entry.url }}">{{ entry.name }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
<div><img src="{{ relBase }}{{ site.logo-footer }}" style="max-width:300px" alt="{{ site.title }} Logo" /></div>
|
||||
</div>
|
||||
<div class="inner">
|
||||
<ul class="icons">
|
||||
{% for nw in site.data.social %}
|
||||
|
||||
<li><a target="_blank" alt="{{ site.title }} on {{ nw.name }}" title="{{ site.title }} on {{ nw.name }}" rel="noopener" href="{{ nw.url }}" class="icon brands style2 {{ nw.icon }}"><span class="label">{{ nw.name }}</span></a></li>
|
||||
|
||||
{% endunless %}
|
||||
<footer>
|
||||
<div>
|
||||
<h3>{{ site.title }}</h3>
|
||||
<p>{{ site.description }}</p>
|
||||
<ul>
|
||||
{% if page.url != '/' %}
|
||||
<li><a href="{{ relBase }}/">Home</a></li>
|
||||
{% endif %}
|
||||
{% for entry in site.data.navigation %}
|
||||
<li><a href="{{ entry.url }}">{{ entry.name }}</a></li>
|
||||
{% endfor %}
|
||||
|
||||
</ul>
|
||||
<p>©{{ site.time | date: '%Y' }} {{ site.publisher.name }} | <a href="{{ relBase }}/webcreds/">Credits</a> | <a href="{{ relBase }}/cookies/">Cookies & Privacy</a></p>
|
||||
</div>
|
||||
<div><img src="{{ relBase }}{{ site.banner-vert }}" height="100%" alt="{{ site.title }} Logo" /></div>
|
||||
<div style="text-align: center;">
|
||||
{% for nw in site.data.social %}
|
||||
<a target="_blank" alt="{{ site.title }} on {{ nw.name }}" title="{{ site.title }} on {{ nw.name }}" rel="noopener"
|
||||
href="{{ nw.url }}" class="icon small fab {{ nw.icon }}"><span class="label">{{ nw.name }}</span></a>
|
||||
{% endfor %}
|
||||
<a target="_blank" alt="email" href="mailto:{{ site.social.mail }}" class="icon small fas fa-envelope-open-text"><span
|
||||
class="label">Email</span></a>
|
||||
</div>
|
||||
<small>
|
||||
|
||||
<p>©{{ site.time | date: '%Y' }} {{ site.publisher.name }} | <a href="{{ relBase }}/webcreds/">Credits</a> | <a
|
||||
href="{{ relBase }}/cookies/">Cookies & Privacy</a></p>
|
||||
</small>
|
||||
</footer>
|
||||
|
|
|
|||
7
_includes/header.html
Normal file
7
_includes/header.html
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<header class="hero" style="background-image: url({{ page.image }});">
|
||||
<div>
|
||||
<h1>{{ page.title }}</h1>
|
||||
<p>{{ page.description }}</p>
|
||||
</div>
|
||||
<div class="imagecontainer"></div>
|
||||
</header>
|
||||
|
|
@ -1,28 +1,33 @@
|
|||
<!-- Navigation -->
|
||||
<div id="logo" class="logo">
|
||||
<a href="/"><img width="100em" src="{{ site.icon }}" alt="{{ site.title }} Logo" /></a>
|
||||
<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span class="icon solid fa-bars navmenu"></span></a>
|
||||
</div>
|
||||
|
||||
<div id="navbar" style="display: block;" class="modalDialog">
|
||||
<a href="#close" onclick="removeBlur()" alt="Close Menu" title="Close Menu"><div id="closearea"> </div></a>
|
||||
<nav>
|
||||
<a href="#close" title="Close" onclick="removeBlur()" class="close-button close" style="margin: 0 auto;">X</a>
|
||||
<ul>
|
||||
{% if page.url != '/' %}
|
||||
<li><a href="{{ relBase }}/" class="button smaller">{{ site.data.translations[page.lang].home }}</a></li>
|
||||
{% endif %}
|
||||
{% for entry in site.data.navigation %}
|
||||
{% if entry.external_site == false %}
|
||||
<li><a href="{{ relBase }}{{ entry.url }}" class="button smaller">{{ entry.name }}</a></li>
|
||||
{% else %}
|
||||
<li><a href="{{ entry.url }}" target="_blank" rel="noopener" class="button smaller">{{ entry.name }}</a></li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<div id="sticky" class="logo{% if page.collection == 'tracks' %} sticky{% endif %}">
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<a id="logo" href="/"><img height="40px" src="{{ site.banner }}" alt="{{ site.title }} Logo" /></a>
|
||||
<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span
|
||||
class="fas fa-bars navmenu"></span></a>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="navbar" class="modalDialog">
|
||||
<a href="#close" onclick="removeBlur()" alt="Close Menu" title="Close Menu">
|
||||
<div id="closearea"> </div>
|
||||
</a>
|
||||
<nav>
|
||||
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
|
||||
<ul>
|
||||
{% if page.url != '/' %}
|
||||
<li><a href="{{ relBase }}/" class="button">home</a></li>
|
||||
{% endif %}
|
||||
{% for entry in site.data.navigation %}
|
||||
{% if entry.external_site == false %}
|
||||
<li><a href="{{ relBase }}{{ entry.url }}" class="button">{{ entry.name }}</a></li>
|
||||
{% else %}
|
||||
<li><a href="{{ entry.url }}" target="_blank" rel="noopener" class="button">{{ entry.name }}</a></li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- End Navigation -->
|
||||
|
|
@ -1,10 +1,3 @@
|
|||
<!-- Scripts -->
|
||||
{% include relBase.html %}
|
||||
<script src="{{ relBase }}/assets/js/jquery.min.js"></script>
|
||||
<script src="{{ relBase }}/assets/js/jquery.scrollex.min.js"></script>
|
||||
<script src="{{ relBase }}/assets/js/jquery.scrolly.min.js"></script>
|
||||
<script src="{{ relBase }}/assets/js/browser.min.js"></script>
|
||||
<script src="{{ relBase }}/assets/js/breakpoints.min.js"></script>
|
||||
<script src="{{ relBase }}/assets/js/util.js"></script>
|
||||
<script src="{{ relBase }}/assets/js/main.js"></script>
|
||||
<script src="{{ relBase }}/assets/js/set.js"></script>
|
||||
|
|
|
|||
|
|
@ -1,205 +1,88 @@
|
|||
|
||||
{% if page.collection == 'posts' %}
|
||||
{% if page.category == 'releases' %}
|
||||
{% if page.check_this_if_cannot_be_bought == false %}
|
||||
<section class="streambox" style="padding: 40px;">
|
||||
<h2 style="text-align: center;display: block;">Get this release</h2>
|
||||
<div class="streamer">
|
||||
{% for shop in page.stores %}
|
||||
{% if shop.download == true %}
|
||||
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button small icon brands {{ shop.icon }}">{{ shop.name }}</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<p style="text-align: center;display: block;margin-top:40px;">Stream it, follow, like and subscribe!</p>
|
||||
<div class="streamer">
|
||||
|
||||
{% for shop in page.stores %}
|
||||
{% if shop.download != true %}
|
||||
|
||||
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button small icon brands {{ shop.icon }}">{{ shop.name }}</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
{% else %}
|
||||
<section class="streambox" style="padding: 40px;">
|
||||
<h2 style="text-align: center;display: block;">This release can't be obtained</h2>
|
||||
<p>Stream, follow, like and subscribe!</p>
|
||||
<div class="streamer">
|
||||
{% for shop in site.data.stores %}
|
||||
{% if shop.download == true %}
|
||||
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button small icon brands {{ shop.icon }}">{{ shop.name }}</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
<h2 style="text-align: center;display: block;"> </h2>
|
||||
|
||||
<div class="streamer">
|
||||
{% for shop in site.data.stores %}
|
||||
{% if shop.download != true %}
|
||||
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button small icon brands {{ shop.icon }}">{{ shop.name }}</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
{% if page.check_this_if_cannot_be_bought == false %}
|
||||
<section class="streambox" style="padding: 40px;">
|
||||
<h2 style="text-align: center;display: block;">Get this release</h2>
|
||||
{% if page.category == 'releases' %}
|
||||
{% if page.check_this_if_cannot_be_bought == false %}
|
||||
<section class="streambox">
|
||||
<h2>Get this release</h2>
|
||||
<div class="streamer">
|
||||
{% for shop in page.stores %}
|
||||
{% if shop.download == true %}
|
||||
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button small icon brands {{ shop.icon }}">{{ shop.name }}</a>
|
||||
{% endif %}
|
||||
|
||||
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" title="Stream from {{ shop.name }}" class="icon fab {{ shop.icon }}"><span class="label">{{ shop.name }}</span></a>
|
||||
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<p style="text-align: center;display: block;margin-top:40px;">Stream it, follow, like and subscribe!</p>
|
||||
</section>
|
||||
{% else %}
|
||||
<section class="streambox">
|
||||
<h2>This release can't be obtained</h2>
|
||||
<p>Stream, follow, like and subscribe!</p>
|
||||
<div class="streamer">
|
||||
|
||||
{% for shop in page.stores %}
|
||||
{% if shop.download != true %}
|
||||
|
||||
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button small icon brands {{ shop.icon }}">{{ shop.name }}</a>
|
||||
{% endif %}
|
||||
{% for shop in site.data.stores %}
|
||||
|
||||
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" title="Stream from {{ shop.name }}" class="icon fab {{ shop.icon }}"><span class="label">{{ shop.name }}</span></a>
|
||||
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
{% else %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</section>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
{% if page.check_this_if_cannot_be_bought == false %}
|
||||
<section class="streambox">
|
||||
<h2>Get this release</h2>
|
||||
<div class="streamer">
|
||||
{% for shop in page.stores %}
|
||||
|
||||
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" title="Stream from {{ shop.name }}" class="icon fab {{ shop.icon }}"><span class="label">{{ shop.name }}</span></a>
|
||||
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
{% else %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% elsif page.collection == 'tracks' %}
|
||||
<section class="streambox">
|
||||
|
||||
<section class="streambox" style="padding: 40px;">
|
||||
{% for post in site.posts %}
|
||||
{% if post.album == page.albumSlug %}
|
||||
{% if post.check_this_if_cannot_be_bought == false %}
|
||||
|
||||
{% for post in site.posts %}
|
||||
{% if post.album == page.albumSlug %}
|
||||
{% if post.check_this_if_cannot_be_bought == false %}
|
||||
<h2>Get this track</h2>
|
||||
<div class="streamer">
|
||||
{% for shop in post.stores %}
|
||||
|
||||
<h2 style="text-align: center;display: block;">Get this track</h2>
|
||||
<div class="streamer">
|
||||
{% for shop in post.stores %}
|
||||
{% if shop.download == true %}
|
||||
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button small icon brands {{ shop.icon }}">{{ shop.name }}</a>
|
||||
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" title="Stream from {{ shop.name }}" class="icon fab {{ shop.icon }}"><span class="label">{{ shop.name }}</span></a>
|
||||
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
|
||||
<h2>This track can't be obtained</h2>
|
||||
<p>Stream, follow, like and subscribe!</p>
|
||||
<div class="streamer">
|
||||
{% for shop in site.data.stores %}
|
||||
|
||||
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" title="Stream from {{ shop.name }}" class="icon fab {{ shop.icon }}"><span class="label">{{ shop.name }}</span></a>
|
||||
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% break %}
|
||||
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<p style="text-align: center;display: block;margin-top:40px;">Stream it, follow, like and subscribe!</p>
|
||||
<div class="streamer">
|
||||
|
||||
{% for shop in post.stores %}
|
||||
{% if shop.download != true %}
|
||||
|
||||
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button small icon brands {{ shop.icon }}">{{ shop.name }}</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
|
||||
<h2 style="text-align: center;display: block;">This track can't be obtained</h2>
|
||||
<p>Stream, follow, like and subscribe!</p>
|
||||
<div class="streamer">
|
||||
{% for shop in site.data.stores %}
|
||||
{% if shop.download == true %}
|
||||
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button small icon brands {{ shop.icon }}">{{ shop.name }}</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
<h2 style="text-align: center;display: block;"> </h2>
|
||||
|
||||
<div class="streamer">
|
||||
{% for shop in site.data.stores %}
|
||||
{% if shop.download != true %}
|
||||
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button small icon brands {{ shop.icon }}">{{ shop.name }}</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% break %}
|
||||
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</section>
|
||||
|
||||
{% elsif page.collection == 'albums' %}
|
||||
|
||||
<section class="streambox" style="padding: 40px;">
|
||||
{% for post in site.posts %}
|
||||
{% if post.album == page.slug %}
|
||||
{% if post.check_this_if_cannot_be_bought == false %}
|
||||
|
||||
<h2 style="text-align: center;display: block;">Get this album</h2>
|
||||
<div class="streamer">
|
||||
{% for shop in post.stores %}
|
||||
{% if shop.download == true %}
|
||||
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button small icon brands {{ shop.icon }}">{{ shop.name }}</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<p style="text-align: center;display: block;margin-top:40px;">Stream it, follow, like and subscribe!</p>
|
||||
<div class="streamer">
|
||||
|
||||
{% for shop in post.stores %}
|
||||
{% if shop.download != true %}
|
||||
|
||||
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button small icon brands {{ shop.icon }}">{{ shop.name }}</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
|
||||
<h2 style="text-align: center;display: block;">This album can't be obtained</h2>
|
||||
<p>Stream, follow, like and subscribe!</p>
|
||||
<div class="streamer">
|
||||
{% for shop in site.data.stores %}
|
||||
{% if shop.download == true %}
|
||||
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button small icon brands {{ shop.icon }}">{{ shop.name }}</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
<h2 style="text-align: center;display: block;"> </h2>
|
||||
|
||||
<div class="streamer">
|
||||
{% for shop in site.data.stores %}
|
||||
{% if shop.download != true %}
|
||||
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button small icon brands {{ shop.icon }}">{{ shop.name }}</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% break %}
|
||||
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
</section>
|
||||
</section>
|
||||
|
||||
{% else %}
|
||||
<section class="streambox" style="padding: 40px;">
|
||||
<h2 style="text-align: center;display: block;">Support {{ site.title }}</h2>
|
||||
<p>Stream, follow, like and subscribe!</p>
|
||||
<div class="streamer">
|
||||
{% for shop in site.data.stores %}
|
||||
{% if shop.download == true %}
|
||||
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button small icon brands {{ shop.icon }}">{{ shop.name }}</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
<h2 style="text-align: center;display: block;"> </h2>
|
||||
<section class="streambox">
|
||||
<h2>Support {{ site.title }}</h2>
|
||||
<p>Stream, follow, like and subscribe!</p>
|
||||
<div class="streamer">
|
||||
{% for shop in site.data.stores %}
|
||||
|
||||
<div class="streamer">
|
||||
{% for shop in site.data.stores %}
|
||||
{% if shop.download != true %}
|
||||
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button small icon brands {{ shop.icon }}">{{ shop.name }}</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" title="Stream from {{ shop.name }}" class="icon fab {{ shop.icon }}"><span class="label">{{ shop.name }}</span></a>
|
||||
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
{% endif %}
|
||||
|
|
|
|||
|
|
@ -1,3 +0,0 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
|
|
@ -2,32 +2,40 @@
|
|||
---
|
||||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
Based on _Story_ by html5up.net | @ajlkn
|
||||
Publikatorized by Sakrecoer
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
Remixed and Jekyllified by Setto
|
||||
-->
|
||||
<html lang="{% if page.lang != site.lang %}{{ page.lang }}{% else %}{{ site.lang }}{% endif %}">
|
||||
<html lang="{{ site.lang }}">
|
||||
<head>
|
||||
{% include seo.html %}
|
||||
{% include relBase.html %}
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="{{ relBase }}/assets/css/main20200727.css" />
|
||||
|
||||
<link rel="stylesheet" href="{{ relBase }}/assets/css/all.min.css" />
|
||||
<link rel="stylesheet" href="{{ relBase }}/assets/css/main.css" />
|
||||
<link rel="apple-touch-icon" href="{{ site.url }}/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" href="{{ site.url }}/touch-icon.png" sizes="192x192">
|
||||
<link rel="shortcut icon" href="{{ site.url }}{{ site.icon }}" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscript20200727.css" /></noscript>
|
||||
<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscripts.css" /></noscript>
|
||||
</head>
|
||||
|
||||
<body id="body">
|
||||
<span id="top" style="display: none;"></span>
|
||||
<!-- Wrapper -->
|
||||
<div id="wrapper" class="divided">
|
||||
{{ content }}
|
||||
</div>
|
||||
{% include navigation.html %}
|
||||
{% include scripts.html %}
|
||||
{% include cookie-consent.html %}
|
||||
<body>
|
||||
<!-- Wrapper -->
|
||||
<div id="main-wrapper">
|
||||
|
||||
{{ content }}
|
||||
<!-- Footer -->
|
||||
{% unless page.collection == 'tracks' %}
|
||||
{% include footer.html %}
|
||||
{% endunless %}
|
||||
<!-- END Footer -->
|
||||
|
||||
|
||||
</div>
|
||||
<!-- END Wrapper -->
|
||||
{% unless page.collection == 'traks' %}
|
||||
{% include navigation.html %}
|
||||
{% endunless %}
|
||||
{% include cookie-consent.html %}
|
||||
{% include scripts.html %}
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,46 +1,7 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
|
||||
{% include relBase.html %}
|
||||
|
||||
<!-- Banner -->
|
||||
<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="min-height:100vh;">
|
||||
|
||||
<div class="content">
|
||||
<h1>{{ page.title }}</h1>
|
||||
<p>{{ page.description }}</p>
|
||||
<ul class="actions stacked">
|
||||
<li><a href="#readmore" class="button small smooth-scroll">Check it!</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="image">
|
||||
<img src="{{ page.image }}" alt="unfound page" />
|
||||
</div>
|
||||
</section>
|
||||
<!-- Content -->
|
||||
<section class="wrapper style1 align-center">
|
||||
<div class="inner">
|
||||
|
||||
<div class="index align-left">
|
||||
<!-- Author -->
|
||||
<section>
|
||||
{% if page.url != '/cookies/' %}
|
||||
{% if page.url != '/webcreds/' %}
|
||||
{% include author.html %}
|
||||
{% endif %}{% endif %}
|
||||
<!-- Content -->
|
||||
<div class="content" id="readmore">
|
||||
{{ content }}
|
||||
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
{% include footer.html %}
|
||||
{% include header.html %}
|
||||
<section>
|
||||
{{ content }}
|
||||
</section>
|
||||
|
|
@ -1,403 +1,332 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
{% if page.category == 'releases' %}
|
||||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
Based on _Story_ by html5up.net | @ajlkn
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
Remixed and Jekyllified by Setto
|
||||
-->
|
||||
<html lang="{% if page.lang != site.lang %}{{ page.lang }}{% else %}{{ site.lang }}{% endif %}">
|
||||
<head>
|
||||
<script src="{{ relBase }}/assets/js/jquery-3.5.1.min.js"></script>
|
||||
{% include header.html %}
|
||||
|
||||
{% include seo.html %}
|
||||
{% include relBase.html %}
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="{{ relBase }}/assets/css/main20200727.css" />
|
||||
<link rel="apple-touch-icon" href="{{ site.url }}/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" href="{{ site.url }}/touch-icon.png" sizes="192x192">
|
||||
<link rel="shortcut icon" href="{{ site.url }}{{ site.icon }}" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscript20200727.css" /></noscript>
|
||||
</head>
|
||||
<body id="body">
|
||||
<span id="top" style="display: none;"></span>
|
||||
<!-- Wrapper -->
|
||||
<div id="wrapper" class="divided">
|
||||
<section class="album-player">
|
||||
|
||||
<!-- HERE BEGINS MADNESS -->
|
||||
{% for album in site.albums %}
|
||||
{% if page.album == album.slug %}
|
||||
{% assign onetracker = album.tracks | size %}
|
||||
<div class="player-wrap">
|
||||
|
||||
<!-- Banner -->
|
||||
<section
|
||||
class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center"
|
||||
style="min-height:100vh;">
|
||||
<div class="content editable">
|
||||
<h1 class="editable">{{ page.title }}</h1>
|
||||
<p>{{ page.description }}</p>
|
||||
<ul class="actions stacked">
|
||||
<li><a href="#moe" class="button small smooth-scroll">Listen!</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="{{ relBase }}{{ page.image }}" alt="{{ page.title }}" class="editable" />
|
||||
</div>
|
||||
</section>
|
||||
<!-- Content -->
|
||||
<section class="wrapper style1 align-center">
|
||||
<div class="inner" style="padding-top: 40px;">
|
||||
<div class="index align-left">
|
||||
<!-- Author -->
|
||||
<section style="padding-top:40px;" id="moe">
|
||||
{% include author.html %}
|
||||
<!-- Content -->
|
||||
<div class="content">
|
||||
|
||||
|
||||
<!-- HERE BEGINS MADNESS -->
|
||||
{% for album in site.albums %}
|
||||
{% if page.album == album.slug %}
|
||||
<!-- Content -->
|
||||
<div class="content">
|
||||
<div id="mainwrap">
|
||||
<div id="nowPlay">
|
||||
<p class="right" id="npTitle" style="font-weight: bold;"></p>
|
||||
<p class="left" id="npAction">Paused...</p>
|
||||
</div>
|
||||
<div id="audiowrap">
|
||||
<div id="audio0">
|
||||
<audio id="audio1" preload="metadata" controls="controls">Your browser does not support HTML5
|
||||
Audio!</audio>
|
||||
</div>{% assign onetracker = album.tracks | size %}
|
||||
{% if onetracker > 1 %}
|
||||
<div id="tracks">
|
||||
<a id="btnPrev"><span class="icon solid fa-fast-backward"></span></a>
|
||||
<a id="btnNext"><span class="icon solid fa-fast-forward"></span></a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div id="plwrap">
|
||||
<ul id="plList">
|
||||
{% for track in album.tracks %}
|
||||
<li class="">
|
||||
<div class="plItem">
|
||||
<div class="plNum">{{ track.common.track.no }}.</div>
|
||||
<div class="plTitle">{{ track.common.title }}</div>
|
||||
<div class="plLength">{% assign round_seconds = track.format.duration | round %}{% assign minutes = round_seconds | divided_by: 60 %}{% assign leftover_seconds = minutes | times: 60 %}{{ minutes }}:{% assign seconds_without_zero = round_seconds | minus: leftover_seconds %}{% if seconds_without_zero < 10 %}0{% endif %}{{ seconds_without_zero }}</div>
|
||||
</div>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="noJSalbum">
|
||||
|
||||
{% for track in album.tracks %}
|
||||
|
||||
<div class="plItem">
|
||||
<div class="plNum">{{ track.common.track.no }}.</div>
|
||||
<div class="plTitle"><a href="{{ site.mediaurl }}/{{ track.albumSlug }}/{{ track.trackSlug }}.mp3" target="_blank" rel="noopener">{{ track.common.title }} </a></div>
|
||||
<div class="plLength">{% assign round_seconds = track.format.duration | round %}{% assign minutes = round_seconds | divided_by: 60 %}{% assign leftover_seconds = minutes | times: 60 %}{{ minutes }}:{% assign seconds_without_zero = round_seconds | minus: leftover_seconds %}{% if seconds_without_zero < 10 %}0{% endif %}{{ seconds_without_zero }}</div>
|
||||
</div>
|
||||
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="content editable" style="font-size: 16px;margin-top:60px;">
|
||||
{{ content }}
|
||||
<div id="plwrap">
|
||||
<ul id="plList">
|
||||
{% for track in album.tracks %}
|
||||
<li class="" {% if onetracker == 1 %}style="border-radius: 5px;"{% endif %}>
|
||||
<div class="plItem">
|
||||
<div class="plNum">{{ track.common.track.no }}.</div>
|
||||
<div class="plTitle">{{ track.common.title }}</div>
|
||||
<div class="plLength">
|
||||
{% assign round_seconds = track.format.duration | round %}{% assign minutes = round_seconds | divided_by: 60 %}{% assign leftover_seconds = minutes | times: 60 %}{{ minutes }}:{% assign seconds_without_zero = round_seconds | minus: leftover_seconds %}{% if seconds_without_zero < 10 %}0{% endif %}{{ seconds_without_zero }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="noJSalbum">
|
||||
|
||||
{% for track in album.tracks %}
|
||||
|
||||
<div class="plItem">
|
||||
<div class="plNum">{{ track.common.track.no }}.</div>
|
||||
<div class="plTitle"><a href="{{ site.mediaurl }}/{{ track.albumSlug }}/{{ track.trackSlug }}.mp3" target="_blank"
|
||||
rel="noopener">{{ track.common.title }} </a></div>
|
||||
<div class="plLength">
|
||||
{% assign round_seconds = track.format.duration | round %}{% assign minutes = round_seconds | divided_by: 60 %}{% assign leftover_seconds = minutes | times: 60 %}{{ minutes }}:{% assign seconds_without_zero = round_seconds | minus: leftover_seconds %}{% if seconds_without_zero < 10 %}0{% endif %}{{ seconds_without_zero }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
|
||||
<div class="coverart">
|
||||
<div class="coverartwrapper">
|
||||
<div id="npImage" class="coverartwrapped"></div>
|
||||
</div>
|
||||
{% assign author_id = page.author | prepend: "/authors/" | append: "/" %}
|
||||
{% assign author = site.authors | where: "url", author_id | first %}
|
||||
<div id="author">
|
||||
<div class="bio">
|
||||
<p><a href="mailto:{{ author.email }}"><strong>{{ author.name }}</strong></a></p>
|
||||
<p>{{ author.position }}{% if author.gpg != nil %} | <a target="_blank" rel="noopener"
|
||||
href="{{ author.gpg }}">GPG</a>{% endif %}</p>
|
||||
<p class="date">
|
||||
Published the
|
||||
|
||||
{% include dates.html %}
|
||||
</p>
|
||||
|
||||
|
||||
<h6>
|
||||
|
||||
Share this page:
|
||||
</h6>
|
||||
<ul>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to facebook" alt="Share to facebook"
|
||||
href="https://touch.facebook.com/sharer.php?u={{ site.url }}{{ page.url | xml_escape }}&quote={{ page.title | xml_escape }}%20by%20{{ site.title | xml_escape }}%20via%20{{ site.url }}"
|
||||
class="icon smaller fab fa-facebook-f"><span class="label">Facebook</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter"
|
||||
href="https://twitter.com/share?url={{ site.url }}{{ page.url | xml_escape }}&text={{ page.title | xml_escape }}%20by%20{{ site.title | xml_escape }}%20&hashtags=paxNion"
|
||||
class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram"
|
||||
href="https://telegram.me/share/url?url={{ site.url }}{{ page.url }}&text={{ page.title | xml_escape }}%20by%20{{ site.title | xml_escape }}"
|
||||
class="icon smaller fab fa-telegram"><span class="label ">Telegram</span></a>
|
||||
<a target="_blank" rel="nofollow noopener" title="Share to reddit" alt="Share to reddit"
|
||||
href="https://reddit.com/submit/?url={{ site.url }}{{ page.url }}&title={{ page.title | xml_escape }}%20by%20{{ site.title | xml_escape }}"
|
||||
class="icon smaller fab fa-reddit"><span class="label">Reddit</span></a>
|
||||
</ul>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="fixedPlayer" class="showplayer hideplayer">
|
||||
<div id="audiowrap">
|
||||
|
||||
<div id="audio0">
|
||||
<audio id="audio1" preload="metadata" controls="controls">
|
||||
Your browser does not support HTML5 Audio!
|
||||
</audio>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div id="nowPlay">
|
||||
|
||||
{% if onetracker > 1 %}
|
||||
<div id="tracks">
|
||||
<a id="btnPrev"><span class="fas fa-fast-backward"></span></a>
|
||||
<a id="btnNext"><span class="fas fa-fast-forward"></span></a>
|
||||
</div>
|
||||
{% endif %}
|
||||
<p class="right" id="npTitle" style="font-weight: bold;"></p>
|
||||
<p class="left" id="npAction">Paused...</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<section class="info">
|
||||
<div>
|
||||
{{ content }}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% include streamer.html %}
|
||||
<!-- Tracks -->
|
||||
|
||||
{% if onetracker > 1 %}
|
||||
<!-- Tracks -->
|
||||
{% for track in album.tracks %}
|
||||
|
||||
<section
|
||||
class="spotlight style4 orient-{% cycle 'left', 'right' %} content-align-left image-position-center onscroll-image-fade-in"
|
||||
{% if forloop.index == 1 %}style="box-shadow: none;" {% endif %}>
|
||||
<div class="content">
|
||||
<h3>{{ track.common.title }}</h3>
|
||||
<section class="track-picker">
|
||||
<div class="full-image" style="background-image:url({{ site.mediaurl }}/{{ track.albumSlug }}/{{ track.trackSlug }}.jpeg);">
|
||||
|
||||
</div>
|
||||
<div>
|
||||
<h2>{{ track.common.title }}</h2>
|
||||
<p>
|
||||
{% assign round_seconds = track.format.duration | round %}{% assign minutes = round_seconds | divided_by: 60 %}{% assign leftover_seconds = minutes | times: 60 %}{{ minutes }}:{% assign seconds_without_zero = round_seconds | minus: leftover_seconds %}{% if seconds_without_zero < 10 %}0{% endif %}{{ seconds_without_zero }}
|
||||
<br /><strong>{{ track.common.genre }}</strong>
|
||||
<br />{{ track.common.year }}</p>
|
||||
<a href="{{ relBase }}/albums/{{ track.slug }}/" class="button"><span class="fas fa-play"></span> Play</a>
|
||||
|
||||
|
||||
|
||||
<ul class="actions stacked">
|
||||
<li><a href="{{ relBase }}/albums/{{ track.slug }}/" class="button small icon solid fa-play">Play</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="{{ site.mediaurl }}/{{ track.albumSlug }}/{{ track.trackSlug }}.jpeg" alt="{{ track.common.title }}" />
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
{% endfor %}
|
||||
|
||||
<!-- END Tracks -->
|
||||
<!-- END Tracks -->
|
||||
{% endif %}
|
||||
|
||||
{% break %} {% endif %} {% endfor %}
|
||||
<!-- HERE ENDS MADNESS -->
|
||||
{% break %} {% endif %} {% endfor %}
|
||||
<!-- HERE ENDS MADNESS -->
|
||||
|
||||
<!-- post Naviation -->
|
||||
<section class="post-navigation">
|
||||
|
||||
|
||||
<section class="wrapper style1 align-center">
|
||||
<div class="inner">
|
||||
<div class="index align-left">
|
||||
<!-- Author -->
|
||||
{% if page.previous.url or page.next.url %}
|
||||
|
||||
<section>
|
||||
|
||||
<!-- Content -->
|
||||
<div class="content">
|
||||
<!-- post Naviation -->
|
||||
<div style="text-align: center;">
|
||||
<h3>{{ site.data.translations[page.lang].post-nav}}</h3>
|
||||
</div>
|
||||
<div class="post-nav">
|
||||
<div>
|
||||
{% if page.previous.url and page.lang == page.previous.lang %}
|
||||
<h4><a href="{{page.previous.url}}" alt="Read {{page.previous.title}}" title="Read {{page.previous.title}}"><i class="fas fa-arrow-left"></i></a> <a
|
||||
href="{{page.previous.url}}"> {{page.previous.title}}</a></h4>
|
||||
<p style="margin-right: 20px">{{ page.previous.description }}</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="post-nav-next">
|
||||
{% if page.next.url and page.lang == page.next.lang %}
|
||||
<h4><a href="{{page.next.url}}"> {{page.next.title}}</a> <a href="{{page.next.url}}" alt="Read {{page.next.title}}" title="Read {{page.next.title}}"><i
|
||||
class="fas fa-arrow-right"></i></a></h4>
|
||||
<p style="margin-left: 20px">{{ page.next.description }}</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Post Navigation -->
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
{% include footer.html %}
|
||||
<h2>Check out more</h2>
|
||||
<div class="post-nav">
|
||||
{% if page.previous.url %}
|
||||
<h3>{{page.previous.title}}</h3>
|
||||
<p>{{ page.previous.description }}</p>
|
||||
<h4><a href="{{page.previous.url}}" alt="Read {{page.previous.title}}" title="Read {{page.previous.title}}"><span
|
||||
class="fas fa-arrow-left"></span> Previous</a></h4>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="post-nav-next">
|
||||
{% if page.next.url%}
|
||||
|
||||
<h3>{{page.next.title}}</h3>
|
||||
<p>{{ page.next.description }}</p>
|
||||
<h4><a href="{{page.next.url}}">Next <span class="fas fa-arrow-right"></span></a></h4>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% include navigation.html %}
|
||||
{% include scripts.html %}
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
// html5media enables <video> and <audio> tags in all major browsers
|
||||
// External File: http://api.html5media.info/1.1.8/html5media.min.js
|
||||
|
||||
{% endif %}
|
||||
|
||||
|
||||
// Add user agent as an attribute on the <html> tag...
|
||||
// Inspiration: http://css-tricks.com/ie-10-specific-styles/
|
||||
var b = document.documentElement;
|
||||
b.setAttribute('data-useragent', navigator.userAgent);
|
||||
b.setAttribute('data-platform', navigator.platform);
|
||||
|
||||
</section>
|
||||
<!-- End Post Navigation -->
|
||||
|
||||
|
||||
// HTML5 audio player + playlist controls...
|
||||
// Inspiration: http://jonhall.info/how_to/create_a_playlist_for_html5_audio
|
||||
// Mythium Archive: https://archive.org/details/mythium/
|
||||
jQuery(function ($) {
|
||||
var supportsAudio = !!document.createElement('audio').canPlayType;
|
||||
if (supportsAudio) {
|
||||
var index = 0,
|
||||
playing = false,
|
||||
mediaPath = '',
|
||||
extension = '',
|
||||
tracks = [{% for album in site.albums %}{% if page.album == album.slug %}{% for track in album.tracks %}{
|
||||
"track": {{ track.common.track.no }},
|
||||
"name": "{{ track.common.title }}",
|
||||
"length": "{% assign round_seconds = track.format.duration | round %}{% assign minutes = round_seconds | divided_by: 60 %}{% assign leftover_seconds = minutes | times: 60 %}{{ minutes }}:{{ round_seconds | minus: leftover_seconds }}",
|
||||
"file": "{{ site.mediaurl }}/{{ track.albumSlug }}/{{ track.trackSlug }}"
|
||||
}{% unless forloop.last %},{% endunless %}{% endfor %}{% break %} {% endif %}{% endfor %}],
|
||||
trackCount = tracks.length,
|
||||
npAction = $('#npAction'),
|
||||
npTitle = $('#npTitle'),
|
||||
audio = $('#audio1').bind('play', function () {
|
||||
playing = true;
|
||||
npAction.text('Playing...');
|
||||
}).bind('pause', function () {
|
||||
playing = false;
|
||||
npAction.text('Paused...');
|
||||
}).bind('ended', function () {
|
||||
npAction.text('Paused...');
|
||||
if ((index + 1) < trackCount) {
|
||||
index++;
|
||||
loadTrack(index);
|
||||
<script type="text/javascript">
|
||||
// html5media enables <video> and <audio> tags in all major browsers
|
||||
// External File: http://api.html5media.info/1.1.8/html5media.min.js
|
||||
|
||||
|
||||
// Add user agent as an attribute on the <html> tag...
|
||||
// Inspiration: http://css-tricks.com/ie-10-specific-styles/
|
||||
// var b = document.documentElement;
|
||||
// b.setAttribute('data-useragent', navigator.userAgent);
|
||||
// b.setAttribute('data-platform', navigator.platform);
|
||||
|
||||
|
||||
// HTML5 audio player + playlist controls...
|
||||
// Inspiration: http://jonhall.info/how_to/create_a_playlist_for_html5_audio
|
||||
// Mythium Archive: https://archive.org/details/mythium/
|
||||
jQuery(function ($) {
|
||||
var supportsAudio = !!document.createElement('audio').canPlayType;
|
||||
if (supportsAudio) {
|
||||
var index = 0,
|
||||
playing = false,
|
||||
mediaPath = '',
|
||||
extension = '',
|
||||
tracks = [{% for album in site.albums %}{% if page.album == album.slug %}{% for track in album.tracks %}{
|
||||
"track": {{ track.common.track.no }},
|
||||
"name": "{{ track.common.title }}",
|
||||
"length": "{% assign round_seconds = track.format.duration | round %}{% assign minutes = round_seconds | divided_by: 60 %}{% assign leftover_seconds = minutes | times: 60 %}{{ minutes }}:{{ round_seconds | minus: leftover_seconds }}",
|
||||
"file": "{{ site.mediaurl }}/{{ track.albumSlug }}/{{ track.trackSlug }}",
|
||||
"image": "{{ site.mediaurl }}/{{ track.albumSlug }}/{{ track.trackSlug }}"
|
||||
}{% unless forloop.last %},{% endunless %}{% endfor %}{% break %} {% endif %}{% endfor %}],
|
||||
trackCount = tracks.length,
|
||||
npAction = $('#npAction'),
|
||||
npTitle = $('#npTitle'),
|
||||
npImage = $('#npImage'),
|
||||
audio = $('#audio1').bind('play', function () {
|
||||
playing = true;
|
||||
npAction.text('Playing...');
|
||||
$('#fixedPlayer').removeClass('hideplayer');
|
||||
$("#npImage").addClass('spinnit');
|
||||
}).bind('pause', function () {
|
||||
playing = false;
|
||||
npAction.text('Paused...');
|
||||
|
||||
$("#npImage").removeClass('spinnit');
|
||||
}).bind('ended', function () {
|
||||
npAction.text('Paused...');
|
||||
if ((index + 1) < trackCount) {
|
||||
index++;
|
||||
loadTrack(index);
|
||||
audio.play();
|
||||
} else {
|
||||
audio.pause();
|
||||
index = 0;
|
||||
loadTrack(index);
|
||||
}
|
||||
}).get(0),
|
||||
btnPrev = $('#btnPrev').click(function () {
|
||||
if ((index - 1) > -1) {
|
||||
index--;
|
||||
loadTrack(index);
|
||||
if (playing) {
|
||||
audio.play();
|
||||
}
|
||||
} else {
|
||||
audio.pause();
|
||||
index = 0;
|
||||
loadTrack(index);
|
||||
}
|
||||
}),
|
||||
btnNext = $('#btnNext').click(function () {
|
||||
if ((index + 1) < trackCount) {
|
||||
index++;
|
||||
loadTrack(index);
|
||||
if (playing) {
|
||||
audio.play();
|
||||
}
|
||||
} else {
|
||||
audio.pause();
|
||||
index = 0;
|
||||
loadTrack(index);
|
||||
}
|
||||
}),
|
||||
li = $('#plList li').click(function () {
|
||||
var id = parseInt($(this).index());
|
||||
if (id !== index || playing == false) {
|
||||
playTrack(id);
|
||||
}else {
|
||||
audio.pause();
|
||||
}
|
||||
|
||||
}),
|
||||
loadTrack = function (id) {
|
||||
|
||||
npTitle.text(tracks[id].name);
|
||||
index = id;
|
||||
audio.src = mediaPath + tracks[id].file + extension;
|
||||
$('audio').attr("data-matomo-title", tracks[id].name);
|
||||
$("#npImage").attr('style', 'background-image:url(' + tracks[id].image + '.jpeg)');
|
||||
|
||||
|
||||
|
||||
},
|
||||
playTrack = function (id) {
|
||||
$('.plSel').removeClass('plSel');
|
||||
$('#plList li:eq(' + id + ')').addClass('plSel');
|
||||
loadTrack(id);
|
||||
audio.play();
|
||||
} else {
|
||||
audio.pause();
|
||||
index = 0;
|
||||
loadTrack(index);
|
||||
}
|
||||
}).get(0),
|
||||
btnPrev = $('#btnPrev').click(function () {
|
||||
if ((index - 1) > -1) {
|
||||
index--;
|
||||
loadTrack(index);
|
||||
if (playing) {
|
||||
audio.play();
|
||||
}
|
||||
} else {
|
||||
audio.pause();
|
||||
index = 0;
|
||||
loadTrack(index);
|
||||
}
|
||||
}),
|
||||
btnNext = $('#btnNext').click(function () {
|
||||
if ((index + 1) < trackCount) {
|
||||
index++;
|
||||
loadTrack(index);
|
||||
if (playing) {
|
||||
audio.play();
|
||||
}
|
||||
} else {
|
||||
audio.pause();
|
||||
index = 0;
|
||||
loadTrack(index);
|
||||
}
|
||||
}),
|
||||
li = $('#plList li').click(function () {
|
||||
var id = parseInt($(this).index());
|
||||
if (id !== index) {
|
||||
playTrack(id);
|
||||
}
|
||||
}),
|
||||
loadTrack = function (id) {
|
||||
$('.plSel').removeClass('plSel');
|
||||
$('#plList li:eq(' + id + ')').addClass('plSel');
|
||||
npTitle.text(tracks[id].name);
|
||||
index = id;
|
||||
audio.src = mediaPath + tracks[id].file + extension;
|
||||
$('audio').attr("data-matomo-title", tracks[id].name);
|
||||
},
|
||||
playTrack = function (id) {
|
||||
loadTrack(id);
|
||||
audio.play();
|
||||
};
|
||||
extension = audio.canPlayType('audio/mpeg') ? '.mp3' : audio.canPlayType('audio/ogg') ? '.ogg' : '';
|
||||
loadTrack(index);
|
||||
}
|
||||
});
|
||||
|
||||
</script>
|
||||
};
|
||||
extension = audio.canPlayType('audio/mpeg') ? '.mp3' : audio.canPlayType('audio/ogg') ? '.ogg' : '';
|
||||
loadTrack(index);
|
||||
}
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
{% include cookie-consent.html %}
|
||||
</body>
|
||||
</html>
|
||||
{% else %}
|
||||
|
||||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
Based on _Story_ by html5up.net | @ajlkn
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
Remixed and Jekyllified by Setto
|
||||
-->
|
||||
<html lang="{% if page.lang != site.lang %}{{ page.lang }}{% else %}{{ site.lang }}{% endif %}">
|
||||
<head>
|
||||
|
||||
{% include seo.html %}
|
||||
{% include relBase.html %}
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="{{ relBase }}/assets/css/main20200727.css" />
|
||||
|
||||
<link rel="apple-touch-icon" href="{{ site.url }}/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" href="{{ site.url }}/touch-icon.png" sizes="192x192">
|
||||
<link rel="shortcut icon" href="{{ site.url }}{{ site.icon }}" type="image/png" />
|
||||
<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscript20200727.css" /></noscript>
|
||||
</head>
|
||||
|
||||
<body id="body">
|
||||
<span id="top" style="display: none;"></span>
|
||||
<!-- Wrapper -->
|
||||
<div id="wrapper" class="divided">
|
||||
|
||||
<!-- Banner -->
|
||||
<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="min-height:85vh;">
|
||||
|
||||
<div class="content">
|
||||
<h1>{{ page.title }}</h1>
|
||||
<p>{{ page.description }}</p>
|
||||
<ul class="actions stacked">
|
||||
<li><a href="#post" class="button small smooth-scroll">Check it!</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="image">
|
||||
<img src="{{ page.image }}" alt="unfound page" />
|
||||
</div>
|
||||
</section>
|
||||
<!-- Content -->
|
||||
<section class="wrapper style1 align-center">
|
||||
<div class="inner">
|
||||
|
||||
<div class="index align-left">
|
||||
<!-- Author -->
|
||||
<section id="post">
|
||||
{% if page.url != '/cookies/' %}
|
||||
{% if page.url != '/webcreds/' %}
|
||||
{% include author.html %}
|
||||
{% endif %}{% endif %}
|
||||
<!-- Content -->
|
||||
<div class="content editable">
|
||||
{{ content }}
|
||||
{% if page.link != nil %}
|
||||
<ul class="actions stacked">
|
||||
<li><a href="{{ page.link }}?ref=ToSettoSettoSentMe" target="_blank" rel="noopener" class="button small icon solid fa-external-link-alt">Read it!</a></li>
|
||||
</ul>
|
||||
{% endif %}
|
||||
</div>
|
||||
</section>
|
||||
{% include header.html %}
|
||||
<section class="info">
|
||||
<div>
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="wrapper style1 align-center">
|
||||
<div class="inner">
|
||||
<div class="index align-left">
|
||||
<!-- Author -->
|
||||
|
||||
<section>
|
||||
|
||||
<!-- Content -->
|
||||
<div class="content">
|
||||
<!-- post Naviation -->
|
||||
<div style="text-align: center;">
|
||||
<h3>{{ site.data.translations[page.lang].post-nav}}</h3>
|
||||
</div>
|
||||
<div class="post-nav">
|
||||
<div>
|
||||
{% if page.previous.url and page.lang == page.previous.lang %}
|
||||
<h4><a href="{{page.previous.url}}" alt="Read {{page.previous.title}}" title="Read {{page.previous.title}}"><i class="fas fa-arrow-left"></i></a> <a
|
||||
href="{{page.previous.url}}"> {{page.previous.title}}</a></h4>
|
||||
<p style="margin-right: 20px">{{ page.previous.description }}</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="post-nav-next">
|
||||
{% if page.next.url and page.lang == page.next.lang %}
|
||||
<h4><a href="{{page.next.url}}"> {{page.next.title}}</a> <a href="{{page.next.url}}" alt="Read {{page.next.title}}" title="Read {{page.next.title}}"><i
|
||||
class="fas fa-arrow-right"></i></a></h4>
|
||||
<p style="margin-left: 20px">{{ page.next.description }}</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Post Navigation -->
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% include footer.html %}
|
||||
|
||||
</div>
|
||||
{% include navigation.html %}
|
||||
{% include scripts.html %}
|
||||
{% include cookie-consent.html %}
|
||||
</body>
|
||||
</html>
|
||||
</section>
|
||||
{% include streamer.html %}
|
||||
<!-- post Naviation -->
|
||||
<section class="post-navigation">
|
||||
{% if page.previous.url or page.next.url %}
|
||||
<h2>Post Navigation</h2>
|
||||
<div class="post-nav">
|
||||
|
||||
{% if page.previous.url %}
|
||||
<h4><a href="{{page.previous.url}}" alt="Read {{page.previous.title}}" title="Read {{page.previous.title}}"><span
|
||||
class="fas fa-arrow-left"></span> Previous Post</a></h4>
|
||||
<h3>{{page.previous.title}}</h3>
|
||||
<p>{{ page.previous.description }}</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="post-nav-next">
|
||||
{% if page.next.url%}
|
||||
<h4><a href="{{page.next.url}}">Next Post <span class="fas fa-arrow-right"></span></a></h4>
|
||||
<h3>{{page.next.title}}</h3>
|
||||
<p>{{ page.next.description }}</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</section>
|
||||
{% endif %}
|
||||
|
|
@ -4,124 +4,154 @@ layout: default
|
|||
|
||||
{% include relBase.html %}
|
||||
<!-- Banner -->
|
||||
<section
|
||||
class="banner onload-image-fade-in onload-content-fade-right style3 fullscreen content-align-center image-position-center" style="background-image:url('{{ site.mediaurl }}/{{ page.slug }}.jpeg');background-size: cover; background-repeat: no-repeat;">
|
||||
<div style="z-index:0;position:absolute; top:0; left:0; width:100%;min-height:100%;background-color: rgba(13, 13 ,13, 0.5);"></div>
|
||||
<div id="mainwrap" class="content" style="z-index:1">
|
||||
<h1 style="margin-top:80px">{{ page.common.title }}</h1>
|
||||
<p><strong>{% for style in page.common.genre %}{{ style }}{% endfor %}</strong> by <strong>{{ page.common.artist }}</strong>
|
||||
<br />{{ page.common.year }}
|
||||
</p>
|
||||
|
||||
<p><strong><span id="tracktime"></span></strong><span id="{{ page.common.title | slugify | remove: '-' }}"></span></strong></p>
|
||||
|
||||
<script type="text/javascript">
|
||||
var {{ page.common.title | slugify | remove: '-' }}timestamp = {{ page.format.duration | round }};
|
||||
var {{ page.common.title | slugify | remove: '-' }}hours = Math.floor({{ page.common.title | slugify | remove: '-' }}timestamp / 60 / 60);
|
||||
var {{ page.common.title | slugify | remove: '-' }}minutes = Math.floor({{ page.common.title | slugify | remove: '-' }}timestamp / 60) - ({{ page.common.title | slugify | remove: '-' }}hours * 60);
|
||||
var {{ page.common.title | slugify | remove: '-' }}seconds = {{ page.common.title | slugify | remove: '-' }}timestamp % 60;
|
||||
var {{ page.common.title | slugify | remove: '-' }}formatted = {{ page.common.title | slugify | remove: '-' }}hours.toString().padStart(2, '0') + ':' + {{ page.common.title | slugify | remove: '-' }}minutes.toString().padStart(2, '0') + ':' + {{ page.common.title | slugify | remove: '-' }}seconds.toString().padStart(2, '0');
|
||||
var theSpan = document.getElementById("{{ page.common.title | slugify | remove: '-' }}");
|
||||
theSpan.innerHTML = {{ page.common.title | slugify | remove: '-' }}formatted;
|
||||
</script>
|
||||
|
||||
<ul class="actions stacked">
|
||||
<li><button id="mu_pause" class="button small icon solid fa-play">Play!</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="noJSalbum" class="content" style="z-index:1">
|
||||
<h1 style="margin-top:80px">{{ page.common.title }}</h1>
|
||||
<p><strong>{% for style in page.common.genre %}{{ style }}{% endfor %}</strong> by <strong>{{ page.common.artist }}</strong>
|
||||
<br />{{ page.common.year }}
|
||||
</p>
|
||||
|
||||
<p><strong>{% assign round_seconds = page.format.duration | round %}{% assign minutes = round_seconds | divided_by: 60 %}{% assign leftover_seconds = minutes | times: 60 %}{{ minutes }}:{% assign seconds_without_zero = round_seconds | minus: leftover_seconds %}{% if seconds_without_zero < 10 %}0{% endif %}{{ seconds_without_zero }}</strong></p>
|
||||
|
||||
<ul class="actions stacked">
|
||||
<li><a class="button small icon solid fa-play" target="_blank" rel="noopener" href="{{ site.mediaurl }}/{{ page.albumSlug }}/{{ page.trackSlug }}.mp3">Play!</a></li>
|
||||
</ul>
|
||||
<div id="trackArt" style="background-image:url({{ site.mediaurl }}/{{ page.slug }}.jpeg)">
|
||||
<section>
|
||||
<div class="coverartwrapper">
|
||||
<div class="coverartwrapped" id="coverart" style="background-image: url({{ site.mediaurl }}/{{ page.slug }}.jpeg);"></div>
|
||||
</div>
|
||||
<div class="playbutton">
|
||||
<a id="mu_pause" class="button">Play!</a>
|
||||
</div>
|
||||
<p><strong>{% for style in page.common.genre %}{{ style }}{% endfor %}</strong> by <strong>{{ page.common.artist }}</strong>
|
||||
<br />{{ page.common.year }}
|
||||
</p>
|
||||
|
||||
<p><strong><span id="tracktime"></span></strong><span id="trackDuration"></span></strong></p>
|
||||
|
||||
<script type="text/javascript">
|
||||
var trackDurationtimestamp = {{ page.format.duration | round }};
|
||||
var trackDurationhours = Math.floor(trackDurationtimestamp / 60 / 60);
|
||||
var trackDurationminutes = Math.floor(trackDurationtimestamp / 60) - (trackDurationhours * 60);
|
||||
var trackDurationseconds = trackDurationtimestamp % 60;
|
||||
var trackDurationformatted = trackDurationhours.toString().padStart(2, '0') + ':' + trackDurationminutes.toString().padStart(2, '0') + ':' + trackDurationseconds.toString().padStart(2, '0');
|
||||
var theSpan = document.getElementById("trackDuration");
|
||||
theSpan.innerHTML = trackDurationformatted;
|
||||
</script>
|
||||
|
||||
<div class="image">
|
||||
<img src="{{ site.mediaurl }}/{{ page.slug }}.jpeg" alt="{{ page.title }} logo" id="coverart" />
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<!-- Content -->
|
||||
<div id="trackInfo">
|
||||
<section>
|
||||
|
||||
<h1 style="margin-top:80px">{{ page.common.title }}</h1>
|
||||
|
||||
|
||||
{% include author.html %}
|
||||
|
||||
<div class="noJSalbum">
|
||||
<h1 style="margin-top:80px">{{ page.common.title }}</h1>
|
||||
<p><strong>{% for style in page.common.genre %}{{ style }}{% endfor %}</strong> by <strong>{{ page.common.artist }}</strong>
|
||||
<br />{{ page.common.year }}
|
||||
</p>
|
||||
|
||||
<p><strong>{% assign round_seconds = page.format.duration | round %}{% assign minutes = round_seconds | divided_by: 60 %}{% assign leftover_seconds = minutes | times: 60 %}{{ minutes }}:{% assign seconds_without_zero = round_seconds | minus: leftover_seconds %}{% if seconds_without_zero < 10 %}0{% endif %}{{ seconds_without_zero }}</strong></p>
|
||||
|
||||
<ul class="actions stacked">
|
||||
<li><a class="button" target="_blank" rel="noopener" href="{{ site.mediaurl }}/{{ page.albumSlug }}/{{ page.trackSlug }}.mp3"><span class="fas fa-play"></span> Play!</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Content -->
|
||||
<section class="wrapper style1 align-center">
|
||||
<div class="inner" style="padding-top:40px">
|
||||
<div class="index align-left">
|
||||
<section style="padding-top:40px">
|
||||
{% include author.html %}
|
||||
<!-- Content -->
|
||||
<div class="content">
|
||||
{% if page.all.UNSYNCEDLYRICS and page.all.USLT %}
|
||||
<p style="font-size:16px;">
|
||||
{{ page.all.USLT.text | newline_to_br }}
|
||||
</p>
|
||||
{% elsif page.all.USLT and page.all.UNSYNCEDLYRICS == nil %}
|
||||
<p style="font-size:16px;">
|
||||
{{ page.all.USLT.text | newline_to_br }}
|
||||
</p>
|
||||
{% elsif page.all.UNSYNCEDLYRICS and page.all.USLT == nil %}
|
||||
<p style="font-size:16px;">
|
||||
{{ page.all.UNSYNCEDLYRICS | newline_to_br }}
|
||||
</p>
|
||||
{% endif %}
|
||||
<p>
|
||||
{{ page.all.Comment }}
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
{% if page.all.UNSYNCEDLYRICS and page.all.USLT %}
|
||||
<p style="font-size:16px;">
|
||||
{{ page.all.USLT.text | newline_to_br }}
|
||||
</p>
|
||||
{% elsif page.all.USLT and page.all.UNSYNCEDLYRICS == nil %}
|
||||
<p style="font-size:16px;">
|
||||
{{ page.all.USLT.text | newline_to_br }}
|
||||
</p>
|
||||
{% elsif page.all.UNSYNCEDLYRICS and page.all.USLT == nil %}
|
||||
<p style="font-size:16px;">
|
||||
{{ page.all.UNSYNCEDLYRICS | newline_to_br }}
|
||||
</p>
|
||||
{% endif %}
|
||||
<p>
|
||||
{{ page.all.Comment }}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
{% for post in site.posts %}
|
||||
{% if post.album == page.albumSlug %}
|
||||
{% include streamer.html %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<!-- Page navigation -->
|
||||
<section class="wrapper style1 align-center">
|
||||
<div class="inner">
|
||||
<div class="index align-left">
|
||||
<!-- Author -->
|
||||
<!-- post Naviation -->
|
||||
<section class="post-navigation">
|
||||
|
||||
<section>
|
||||
<!-- Content -->
|
||||
<div class="content">
|
||||
<!-- post Naviation -->
|
||||
<div style="text-align: center;">
|
||||
<h3>Play more songs grom this release</h3>
|
||||
</div>
|
||||
<div class="post-nav">
|
||||
<div>
|
||||
|
||||
<h4><a href="{{ relBase }}/albums/{{ page.previousTrack.slug }}/" alt="Read {{ page.previousTrack.common.title }}" title="Read {{ page.previousTrack.common.title }}"><i class="fas fa-arrow-left"></i></a> <a
|
||||
href="{{ relBase }}/albums/{{ page.previousTrack.slug }}/"> {{ page.previousTrack.common.title }}</a>
|
||||
</h4>
|
||||
|
||||
</div>
|
||||
<div class="post-nav-next">
|
||||
{% if page.previous.url or page.next.url %}
|
||||
|
||||
<h4><a href="{{ relBase }}/albums/{{ page.nextTrack.slug }}/"> {{ page.nextTrack.common.title }}</a> <a
|
||||
href="{{ relBase }}/albums/{{ page.nextTrack.slug }}/" alt="Read {{ page.nextTrack.common.title }}" title="Read {{ page.nextTrack.common.title }}"><i class="fas fa-arrow-right"></i></a></h4>
|
||||
<h2>Track Navigation</h2>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Post Navigation -->
|
||||
</div>
|
||||
</section>
|
||||
<div class="post-nav">
|
||||
|
||||
{% if page.previous.url %}
|
||||
<h4><a href="{{page.previous.url}}" alt="Read {{page.previous.title}}" title="Read {{page.previous.title}}"><span
|
||||
class="fas fa-arrow-left"></span> Previous</a></h4>
|
||||
<h3>{{page.previous.common.title}}</h3>
|
||||
<p>{{ page.previous.description }}</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-nav-next">
|
||||
{% if page.next.url%}
|
||||
<h4><a href="{{page.next.url}}">Next <span class="fas fa-arrow-right"></span></a></h4>
|
||||
<h3>{{page.next.common.title}}</h3>
|
||||
<p>{{ page.next.description }}</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
{% endif %}
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
{% include footer.html %}
|
||||
<!-- End Post Navigation -->
|
||||
</div>
|
||||
|
||||
<!-- Audio player-->
|
||||
<audio autoplay preload="metadata" data-matomo-title="{{ page.common.title }}">
|
||||
<source src="{{ site.mediaurl }}/{{ page.slug }}.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' />
|
||||
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
|
||||
</audio>
|
||||
{% include footer.html %}
|
||||
|
||||
|
||||
|
||||
<div id="fixedPlayer" class="showplayer hideplayer">
|
||||
<div id="audiowrap">
|
||||
|
||||
<div id="audio0">
|
||||
<audio controls autoplay preload="metadata" data-matomo-title="{{ page.common.title }}">
|
||||
<source src="{{ site.mediaurl }}/{{ page.slug }}.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' />
|
||||
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
|
||||
</audio>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div id="nowPlay">
|
||||
|
||||
|
||||
<div id="tracks">
|
||||
{% if page.previous.url %}
|
||||
<a id="btnPrev" href="{{page.previous.url}}"><span class="fas fa-fast-backward"></span></a>
|
||||
{% endif %}
|
||||
{% if page.next.url %}
|
||||
<a id="btnNext"href="{{page.next.url}}"><span class="fas fa-fast-forward"></span></a>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<p class="right" id="npTitle" style="font-weight: bold;">{{ page.common.title }} </a></p>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
function loadUrl(newLocation) {
|
||||
|
|
@ -132,6 +162,7 @@ layout: default
|
|||
var mu = document.getElementsByTagName("audio")[0];
|
||||
var pauseButton = document.getElementById("mu_pause");
|
||||
var spincover = document.getElementById("coverart");
|
||||
var fixedplayer = document.getElementById("fixedPlayer")
|
||||
|
||||
mu.addEventListener('ended', function () {
|
||||
// only functional if "loop" is removed
|
||||
|
|
@ -141,10 +172,9 @@ layout: default
|
|||
});
|
||||
mu.onplaying = function() {
|
||||
pauseButton.innerHTML = "Pause";
|
||||
pauseButton.classList.remove("fa-play");
|
||||
pauseButton.classList.add("fa-pause");
|
||||
spincover.classList.add("spinnit");
|
||||
spincover.classList.remove("paused");
|
||||
fixedplayer.classList.remove("hideplayer");
|
||||
};
|
||||
|
||||
pauseButton.addEventListener("click", function () {
|
||||
|
|
@ -155,8 +185,7 @@ layout: default
|
|||
else {
|
||||
mu.pause();
|
||||
pauseButton.innerHTML = "Resume";
|
||||
pauseButton.classList.add("fa-play");
|
||||
pauseButton.classList.remove("fa-pause");
|
||||
|
||||
spincover.classList.add("paused");
|
||||
}
|
||||
});
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@ description: >-
|
|||
When day-to-day communication blurs the line between the virtual and real.
|
||||
image: /images/posts/1-k-as-tu-fait-de-nous-.jpeg
|
||||
category: releases
|
||||
tags: EP
|
||||
link:
|
||||
check_this_if_cannot_be_bought: false
|
||||
album: satoshi-mon-ami
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@ description: >-
|
|||
strange in the cypher...
|
||||
image: /images/darkweb.jpg
|
||||
category: releases
|
||||
tags: EP
|
||||
link:
|
||||
check_this_if_cannot_be_bought: false
|
||||
album: darkweb
|
||||
|
|
|
|||
|
|
@ -5,6 +5,7 @@ date: 2019-12-12 03:03:00
|
|||
description: Jazzy Cybersoul with a hint of 303 baselines.
|
||||
image: /images/posts/1-grandma-got-the-ssh-keys.jpeg
|
||||
category: releases
|
||||
tags: single
|
||||
link:
|
||||
check_this_if_cannot_be_bought: true
|
||||
album: cyber-grany
|
||||
|
|
|
|||
|
|
@ -8,6 +8,7 @@ description: >-
|
|||
stem from the lack in body language
|
||||
image: /images/posts/1-ep-life-of-a-dudelini.jpeg
|
||||
category: releases
|
||||
tags: single
|
||||
link:
|
||||
album: live-with-hardware
|
||||
check_this_if_cannot_be_bought: true
|
||||
|
|
|
|||
|
|
@ -11,6 +11,7 @@ description: >-
|
|||
Open your mind, open the source!
|
||||
image: /images/posts/final-pingnucover1220x1200.jpg
|
||||
category: releases
|
||||
tags: EP
|
||||
link:
|
||||
check_this_if_cannot_be_bought: false
|
||||
album: unmet-dependencies
|
||||
|
|
|
|||
61
_sass/_cookies.scss
Normal file
61
_sass/_cookies.scss
Normal file
|
|
@ -0,0 +1,61 @@
|
|||
/* cookies */
|
||||
|
||||
#cookie-notice {
|
||||
|
||||
display: none;
|
||||
text-align: right;
|
||||
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
background-color: _palette(border);
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-evenly;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
z-index: 1000;
|
||||
|
||||
p {
|
||||
flex: 1 0 250px;
|
||||
margin: 40px 20px 40px 40px;
|
||||
font-size: 0.75em;
|
||||
font-family: _font(family-fixed);
|
||||
}
|
||||
@media only screen and (max-width: 651px) {
|
||||
p {
|
||||
text-align: center;
|
||||
margin: 40px 40px 20px 40px;
|
||||
}
|
||||
.yes {
|
||||
margin: 20px 40px 40px 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.yes {
|
||||
flex: 0 0 250px;
|
||||
-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
|
||||
-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
|
||||
-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
|
||||
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
|
||||
text-align: center;
|
||||
background-position-x: 0%;
|
||||
background-position-y: 0%;
|
||||
background-repeat: repeat;
|
||||
background-attachment: scroll;
|
||||
background-image: linear-gradient(228deg, _palette(accent1-alt), _palette(accent2-alt));
|
||||
background-origin: padding-box;
|
||||
background-clip: border-box;
|
||||
background-size: 400% 400%;
|
||||
-webkit-animation: backgroundBlink 2s ease infinite;
|
||||
-moz-animation: backgroundBlink 2s ease infinite;
|
||||
animation: backgroundBlink 2s ease infinite;
|
||||
margin: 40px 40px 40px 20px;
|
||||
}
|
||||
.yes:hover {
|
||||
// color: #000 !important;
|
||||
-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
|
||||
-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
|
||||
-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
|
||||
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
|
||||
}
|
||||
160
_sass/_elements.scss
Normal file
160
_sass/_elements.scss
Normal file
|
|
@ -0,0 +1,160 @@
|
|||
|
||||
// Basic Elements
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: _font(title);
|
||||
|
||||
}
|
||||
h1 {
|
||||
font-size: 2.5em;
|
||||
}
|
||||
h2 {
|
||||
font-size: 2em;
|
||||
}
|
||||
h3 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
strong {
|
||||
font-weight: 700;
|
||||
}
|
||||
a {
|
||||
text-decoration-style: wavy;
|
||||
text-decoration-color: transparent;
|
||||
color: _palette(accent2);
|
||||
-moz-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
|
||||
-webkit-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
|
||||
-ms-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
|
||||
transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
|
||||
}
|
||||
a:hover {
|
||||
color: _palette(accent1);
|
||||
text-decoration-style: wavy;
|
||||
text-decoration-color: unset;
|
||||
}
|
||||
|
||||
// Buttons
|
||||
|
||||
.button {
|
||||
background-color: _palette(accent2);
|
||||
padding: 1em;
|
||||
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
font-weight: 500;
|
||||
color: _palette(fg);
|
||||
|
||||
|
||||
}
|
||||
.button:hover {
|
||||
background-color: _palette(accent1);
|
||||
color: _palette(bg);
|
||||
}
|
||||
|
||||
// album index
|
||||
.releases {
|
||||
display:flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-around;
|
||||
padding: 20px;
|
||||
|
||||
h2 {
|
||||
flex: 0 0 100%;
|
||||
margin: 20px;
|
||||
}
|
||||
article {
|
||||
flex: 1 1 280px;
|
||||
max-width: 480px;
|
||||
margin: 20px;
|
||||
}
|
||||
img {
|
||||
width:100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
border-radius: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
// Streambox
|
||||
.streambox {
|
||||
text-align: center;
|
||||
line-height: 2em;
|
||||
> h2, div {
|
||||
margin: 20px;
|
||||
}
|
||||
}
|
||||
.streamer {
|
||||
margin-top: 2em;;
|
||||
|
||||
}
|
||||
// icon
|
||||
|
||||
.label {
|
||||
display: none;
|
||||
}
|
||||
.icon {
|
||||
flex: 0 0 45px;
|
||||
margin:20px;
|
||||
font-size: 45px;
|
||||
border-radius: 100px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
line-height: 100px;
|
||||
border: 1px solid _palette(accent2);
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
-moz-transition: border 0.2s ease-in-out, color 0.2s ease-in-out;
|
||||
-webkit-transition: border 0.2s ease-in-out, color 0.2s ease-in-out;
|
||||
-ms-transition: border 0.2s ease-in-out, color 0.2s ease-in-out;
|
||||
transition: border 0.2s ease-in-out, color 0.2s ease-in-out;
|
||||
|
||||
}
|
||||
.icon:hover {
|
||||
border: 1px solid _palette(accent1);
|
||||
|
||||
}
|
||||
.small {
|
||||
border-radius: 80px;
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
line-height: 70px;
|
||||
font-size: 45px;
|
||||
margin-left: 0;
|
||||
}
|
||||
.smaller {
|
||||
border-radius: 30px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
font-size: 18px;
|
||||
margin: 10px 10px 10px 0;
|
||||
}
|
||||
|
||||
// Content Author
|
||||
#author {
|
||||
flex: 0 0 280px;
|
||||
margin: 20px;
|
||||
.date {
|
||||
font-size:.85em;
|
||||
}
|
||||
.author-image {
|
||||
margin-right: 10px;
|
||||
background-repeat: no-repeat;
|
||||
background-size:cover;
|
||||
border-radius:150px;
|
||||
width:150px;
|
||||
height:150px;
|
||||
}
|
||||
}
|
||||
|
||||
.info {
|
||||
padding: 40px;
|
||||
> div {
|
||||
max-width: 700px;
|
||||
margin: auto;
|
||||
}
|
||||
p {
|
||||
margin: 20px 0;
|
||||
}
|
||||
}
|
||||
152
_sass/_layout.scss
Normal file
152
_sass/_layout.scss
Normal file
|
|
@ -0,0 +1,152 @@
|
|||
html,
|
||||
body {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
body {
|
||||
height: 100vh;
|
||||
width: 100%;
|
||||
font-family: _font(family-fixed);
|
||||
color: _palette(fg);
|
||||
letter-spacing: _font(kerning);
|
||||
background-color: _palette(bg);
|
||||
|
||||
}
|
||||
#main-wrapper {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
-webkit-transition: filter 400ms ease-in;
|
||||
-moz-transition: filter 400ms ease-in;
|
||||
transition: filter 400ms ease-in;
|
||||
|
||||
}
|
||||
.content-wrapper {
|
||||
max-width: 1200px;
|
||||
margin: auto;
|
||||
}
|
||||
.wrapper {
|
||||
margin: 20px 40px;
|
||||
}
|
||||
.hero {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
align-content: flex-end;
|
||||
background-color: _palette(bg);
|
||||
justify-content: center;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
padding: 40px;
|
||||
position: relative;
|
||||
min-height: 75vh;
|
||||
width: 100vw;
|
||||
|
||||
|
||||
|
||||
div {
|
||||
z-index: 10;
|
||||
h1, p {
|
||||
flex: 1 0 100%;
|
||||
width: 100%;
|
||||
z-index: 10;
|
||||
color: _palette(fg);
|
||||
text-align: center;
|
||||
max-width: 1200px;
|
||||
}
|
||||
}
|
||||
|
||||
.imagecontainer {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url('../img/vignette.svg');
|
||||
background-size: 480px 480px;
|
||||
background-repeat: repeat-x;
|
||||
background-position: bottom;
|
||||
z-index: 1;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
section {
|
||||
flex: 1 1 100%;
|
||||
padding: 20px;
|
||||
background-color: _palette(bg);
|
||||
-webkit-box-shadow: inset 0px 23px 25px -25px rgba(0,0,0,0.1);
|
||||
-moz-box-shadow: inset 0px 23px 25px -25px rgba(0,0,0,0.1);
|
||||
box-shadow: inset 0px 23px 25px -25px rgba(0,0,0,0.1);
|
||||
h2 {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
section:first-of-type {
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
footer {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
padding: 160px 20px 20px 20px;
|
||||
background-color: _palette(fg);
|
||||
color: _palette(bg);
|
||||
justify-content: center;
|
||||
background-image: url('../img/vignette-footer.svg');
|
||||
background-size: 480px 480px;
|
||||
background-repeat: repeat-x;
|
||||
background-position: top;
|
||||
div {
|
||||
flex: 0 1 280px;
|
||||
margin:20px;
|
||||
img {
|
||||
margin: auto;
|
||||
display: block
|
||||
}
|
||||
li {
|
||||
border-bottom: 1px solid _palette(bg-alt);
|
||||
line-height: 2;
|
||||
font-size: 1.5em;
|
||||
a {
|
||||
font-weight: 700;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
small {
|
||||
flex: 0 0 100%;
|
||||
margin: 20px;
|
||||
text-align: center;
|
||||
.label {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.post-navigation {
|
||||
padding: 80px 0 160px 0;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
|
||||
h2 {
|
||||
flex: 0 0 100%;
|
||||
margin-top: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
.post-nav, .post-nav-next {
|
||||
|
||||
flex: 0 0 200px;
|
||||
margin: 40px;
|
||||
h4 {
|
||||
font-size: 2em;
|
||||
justify-self: right;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
160
_sass/_navigation.scss
Normal file
160
_sass/_navigation.scss
Normal file
|
|
@ -0,0 +1,160 @@
|
|||
/* NAVIGATION */
|
||||
|
||||
#navbar {
|
||||
z-index: 10000;
|
||||
display: block;
|
||||
}
|
||||
.logo {
|
||||
filter: blur(20px);
|
||||
opacity: 0;
|
||||
text-decoration: none;
|
||||
position: fixed;
|
||||
top:0;
|
||||
width: 100%;
|
||||
height: 80px;
|
||||
z-index: 100;
|
||||
-webkit-transition: all 400ms ease-in;
|
||||
-moz-transition: all 400ms ease-in;
|
||||
transition: all 400ms ease-in;
|
||||
background-color: transparent;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
background-size: 95% 95%;
|
||||
-webkit-transition: all 400ms ease-in;
|
||||
-moz-transition: all 400ms ease-in;
|
||||
transition: all 400ms ease-in;
|
||||
-webkit-box-shadow: 0px 3px 29px 0px rgba(0,0,0,0.15);
|
||||
-moz-box-shadow: 0px 3px 29px 0px rgba(0,0,0,0.15);
|
||||
box-shadow: 0px 3px 29px 0px rgba(0,0,0,0.15);
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
> a {
|
||||
height: 40px;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
.logo:hover {
|
||||
filter: blur(0px);
|
||||
opacity: 1;
|
||||
-webkit-transition: all 400ms ease-in;
|
||||
-moz-transition: all 400ms ease-in;
|
||||
transition: all 400ms ease-in;
|
||||
background-color: _palette(bg);
|
||||
|
||||
}
|
||||
.sticky {
|
||||
filter: blur(0px);
|
||||
opacity: 1;
|
||||
background-color: _palette(bg);
|
||||
-webkit-transition: all 400ms ease-in;
|
||||
-moz-transition: all 400ms ease-in;
|
||||
transition: all 400ms ease-in;
|
||||
|
||||
}
|
||||
.navmenu {
|
||||
margin: 0 40px 0 20px;
|
||||
font-size: 34px;
|
||||
color:_palette(accent1);
|
||||
}
|
||||
|
||||
|
||||
nav {
|
||||
position: absolute;
|
||||
width: 300px;
|
||||
max-height: 90vh;
|
||||
max-width: 90vw;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
background-color: _palette(bg);
|
||||
border-radius: 5px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
ul {
|
||||
padding: 20px;
|
||||
width: 100%
|
||||
}
|
||||
li {
|
||||
list-style-type: none;
|
||||
margin: 20px;
|
||||
padding: 0;
|
||||
a {
|
||||
display: block;
|
||||
font-size: 14px
|
||||
}
|
||||
}
|
||||
}
|
||||
.blurredout {
|
||||
filter: blur(5px);
|
||||
-webkit-transition: filter 400ms ease-in;
|
||||
-moz-transition: filter 400ms ease-in;
|
||||
transition: filter 400ms ease-in;
|
||||
}
|
||||
|
||||
.modalDialog {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background: _palette(bg-alt);
|
||||
z-index: 10;
|
||||
opacity:0;
|
||||
-webkit-transition: opacity 400ms ease-in;
|
||||
-moz-transition: opacity 400ms ease-in;
|
||||
transition: opacity 400ms ease-in;
|
||||
pointer-events: none;
|
||||
|
||||
}
|
||||
|
||||
.modalDialog:target {
|
||||
opacity:1;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.modalDialog > div {
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
margin: 100px auto;
|
||||
padding: 20px;
|
||||
border-radius: 3px;
|
||||
background: rgb(0, 31, 36);
|
||||
background: -moz-linear-gradient(#000, rgb(0, 31, 36));
|
||||
background: -webkit-linear-gradient(#000, rgb(0, 31, 36));
|
||||
background: -o-linear-gradient(#000, rgb(0, 31, 36));
|
||||
}
|
||||
|
||||
.close-button {
|
||||
background-color: _palette(accent2);
|
||||
color: _palette(accent1);
|
||||
margin: 0 auto;
|
||||
line-height: 48px;
|
||||
position: absolute;
|
||||
right: -12px;
|
||||
text-align: center;
|
||||
top: -10px;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
border-radius: 48px;
|
||||
transition: all 400ms ease-in;
|
||||
}
|
||||
|
||||
.close-button:hover {
|
||||
background-color: _palette(accent1);
|
||||
color: _palette(accent2);
|
||||
|
||||
}
|
||||
|
||||
#closearea {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
}
|
||||
35
_sass/_noscripts.scss
Normal file
35
_sass/_noscripts.scss
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
// NAvigation
|
||||
|
||||
.logo, #sticky {
|
||||
filter: blur(0px);
|
||||
opacity: 1;
|
||||
background-color: _palette(bg);
|
||||
}
|
||||
|
||||
.blurredout {
|
||||
filter: blur(0px);
|
||||
opacity: 1;
|
||||
background-color: _palette(bg);
|
||||
-webkit-transition: all 400ms ease-in;
|
||||
-moz-transition: all 400ms ease-in;
|
||||
transition: all 400ms ease-in;
|
||||
}
|
||||
|
||||
.hero {
|
||||
padding-top: 120px;
|
||||
}
|
||||
|
||||
// Player link
|
||||
.player-wrap {
|
||||
display: none;
|
||||
}
|
||||
.noJSalbum {
|
||||
display: unset;
|
||||
flex: 0 1 400px;
|
||||
border-radius: 5px;
|
||||
width: 100%;
|
||||
}
|
||||
#fixed-player {
|
||||
display: unset;
|
||||
height: unset;
|
||||
}
|
||||
330
_sass/_player.scss
Normal file
330
_sass/_player.scss
Normal file
|
|
@ -0,0 +1,330 @@
|
|||
/* Audio Player Styles
|
||||
================================================== */
|
||||
|
||||
/* Default / Desktop / Firefox */
|
||||
.album-player {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 20px;
|
||||
justify-content: space-evenly;
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
> div {
|
||||
|
||||
margin: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
audio {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.player-wrap {
|
||||
flex: 1 1 400px;
|
||||
max-width: 700px;
|
||||
border-radius: 5px;
|
||||
width: 100%;
|
||||
}
|
||||
#plwrap {
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
li {
|
||||
border-top: solid 1px _palette(fg-alt);
|
||||
|
||||
}
|
||||
li:first-child {
|
||||
border-radius: 5px 5px 0 0 ;
|
||||
}
|
||||
li:last-child {
|
||||
border-radius: 0 0 5px 5px;
|
||||
border-bottom: solid 1px _palette(fg-alt);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#audiowrap {
|
||||
background-color: _palette(bg);
|
||||
margin: 0 auto 0 auto;
|
||||
}
|
||||
|
||||
#plwrap {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#tracks {
|
||||
flex: 1 0 200px;
|
||||
min-height: 65px;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
|
||||
#nowPlay {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 80px;
|
||||
flex-wrap: unset;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
background-color: _palette(bg);
|
||||
|
||||
}
|
||||
|
||||
#npTitle {
|
||||
flex: 1 1 100%;
|
||||
margin: 0;
|
||||
padding: 21px;
|
||||
|
||||
}
|
||||
|
||||
#npAction {
|
||||
display: none;
|
||||
margin: 0;
|
||||
padding: 21px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
#plList {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#plList li {
|
||||
background-color: _palette(bg);
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
padding: 21px 0;
|
||||
border-left: 1px solid _palette(fg-alt);
|
||||
border-right: 1px solid _palette(fg-alt);
|
||||
border-top: 0;
|
||||
transition: all 400ms ease-in-out;
|
||||
}
|
||||
|
||||
#plList li:hover {
|
||||
background-color: _palette(accent1);
|
||||
color: _palette(bg);
|
||||
transition: all 400ms ease-in-out;
|
||||
}
|
||||
|
||||
.plItem {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.plTitle {
|
||||
left: 75px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
right: 65px;
|
||||
text-overflow: ellipsis;
|
||||
top: 0;
|
||||
white-space: nowrap;
|
||||
font-weight: bold;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.plNum {
|
||||
padding-left: 21px;
|
||||
width: 65px;
|
||||
}
|
||||
|
||||
.plLength {
|
||||
padding-left: 21px;
|
||||
position: absolute;
|
||||
right: 21px;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.plSel {
|
||||
background-color: _palette(fg-alt)!important;
|
||||
cursor: pointer!important;
|
||||
}
|
||||
.plSel:hover {
|
||||
background-color: _palette(accent1)!important;
|
||||
}
|
||||
|
||||
|
||||
a[id^="btn"] {
|
||||
font-size: 1.5em;
|
||||
color: _palette(fg);
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
padding: 0 27px 0 21px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
a[id^="btn"]::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.coverart {
|
||||
flex: 1 1 400px;
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
max-width: 700px;
|
||||
#author {
|
||||
margin: 40px 0 0 0;
|
||||
flex: 1 1 auto;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.coverartwrapper {
|
||||
|
||||
width: 80%;
|
||||
padding-top: 80%; /* 1:1 Aspect Ratio */
|
||||
position: relative; /* If you want text inside of it */
|
||||
}
|
||||
.coverartwrapped {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
border-radius: 100%;
|
||||
padding-bottom: 0;
|
||||
background-size: cover;
|
||||
|
||||
}
|
||||
.spinnit {
|
||||
|
||||
-webkit-animation: infiniteRotate 2s linear infinite; /* Safari */
|
||||
-moz-animation: infiniteRotate 2s linear infinite;
|
||||
animation: infiniteRotate 2s linear infinite;
|
||||
}
|
||||
|
||||
.paused {
|
||||
animation-play-state: paused;
|
||||
}
|
||||
|
||||
.track-picker {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin:0;
|
||||
padding:0;
|
||||
background-color: _palette(accent1);
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
min-height: 50vw;
|
||||
text-align: left;
|
||||
.button {
|
||||
background-color: _palette(accent1);
|
||||
color: _palette(bg);
|
||||
}
|
||||
.button:hover {
|
||||
background-color: _palette(accent2);
|
||||
color: _palette(fg);
|
||||
}
|
||||
> div {
|
||||
flex: 1 1 auto;
|
||||
width: 50%;
|
||||
min-width: 280px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: _palette(bg);
|
||||
-webkit-box-shadow: inset 0px 23px 25px -25px rgba(0,0,0,0.25);
|
||||
-moz-box-shadow: inset 0px 23px 25px -25px rgba(0,0,0,0.25);
|
||||
box-shadow: inset 0px 23px 25px -25px rgba(0,0,0,0.25);
|
||||
|
||||
> h2, a, p {
|
||||
text-align: left;
|
||||
margin: 20px 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.full-image {
|
||||
width: 50%;
|
||||
min-width: 280px;
|
||||
min-height: 50vw;
|
||||
background-color: transparent;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.track-picker:nth-child(even) {
|
||||
flex-direction: row-reverse;
|
||||
background-color: _palette(accent2);
|
||||
text-align: right;
|
||||
.button {
|
||||
background-color: _palette(accent2);
|
||||
color: _palette(fg);
|
||||
}
|
||||
.button:hover{
|
||||
background-color: _palette(accent1);
|
||||
color: _palette(bg);
|
||||
}
|
||||
> div {
|
||||
> h2, a, p {
|
||||
text-align: right;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#fixedPlayer {
|
||||
background-color: _palette(bg);
|
||||
margin: 0;
|
||||
padding:0;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 100000;
|
||||
-webkit-box-shadow: 0px 3px 35px 2px rgba(0,0,0,0.3);
|
||||
-moz-box-shadow: 0px 3px 35px 2px rgba(0,0,0,0.3);
|
||||
box-shadow: 0px 3px 35px 2px rgba(0,0,0,0.3);
|
||||
-webkit-transition: all 400ms ease-in;
|
||||
-moz-transition: all 400ms ease-in;
|
||||
transition: all 400ms ease-in;
|
||||
}
|
||||
.showplayer {
|
||||
height: 120px;
|
||||
|
||||
}
|
||||
.hideplayer {
|
||||
height: 0;
|
||||
}
|
||||
@media only screen and (max-width: 559px) {
|
||||
.track-picker {
|
||||
background-size: 100%;
|
||||
.full-image {
|
||||
min-height: 100vw;
|
||||
}
|
||||
|
||||
}
|
||||
#nowPlay {
|
||||
|
||||
align-items: baseline;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
#tracks {
|
||||
flex: 1 0 100px;
|
||||
width: 100px;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
|
||||
}
|
||||
a[id^="btn"] {
|
||||
font-size: 1em;
|
||||
color: _palette(fg);
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
padding: 0 0 0 20px;
|
||||
text-decoration: none;
|
||||
}
|
||||
#npTitle{
|
||||
|
||||
font-size: 0.8em;
|
||||
|
||||
text-decoration: none;
|
||||
margin: 0;
|
||||
padding: 0 0 0 20px;
|
||||
}
|
||||
}
|
||||
461
_sass/_set.scss
461
_sass/_set.scss
|
|
@ -1,336 +1,9 @@
|
|||
|
||||
|
||||
/* Animation */
|
||||
@-webkit-keyframes infiniteRotate {
|
||||
0% { -webkit-transform: rotate(0deg); }
|
||||
100% { -webkit-transform: rotate(360deg); }
|
||||
}
|
||||
|
||||
@keyframes infinite-rotate {
|
||||
0% { -webkit-transform: rotate(0deg); }
|
||||
100% { -webkit-transform: rotate(360deg); }
|
||||
}
|
||||
@-moz-keyframes infinite-rotate {
|
||||
0% { -webkit-transform: rotate(0deg); }
|
||||
100% { -webkit-transform: rotate(360deg); }
|
||||
}
|
||||
|
||||
|
||||
|
||||
@-webkit-keyframes backgroundBlink {
|
||||
0%{background-position:73% 0%}
|
||||
50%{background-position:28% 100%}
|
||||
100%{background-position:73% 0%}
|
||||
}
|
||||
@-moz-keyframes backgroundBlink {
|
||||
0%{background-position:73% 0%}
|
||||
50%{background-position:28% 100%}
|
||||
100%{background-position:73% 0%}
|
||||
}
|
||||
@keyframes backgroundBlink {
|
||||
0%{background-position:73% 0%}
|
||||
50%{background-position:28% 100%}
|
||||
100%{background-position:73% 0%}
|
||||
}
|
||||
|
||||
@-webkit-keyframes BackgroundFlow {
|
||||
0%{background-position:0% 50%}
|
||||
50%{background-position:100% 50%}
|
||||
100%{background-position:0% 50%}
|
||||
}
|
||||
@-moz-keyframes BackgroundFlow {
|
||||
0%{background-position:0% 50%}
|
||||
50%{background-position:100% 50%}
|
||||
100%{background-position:0% 50%}
|
||||
}
|
||||
@keyframes BackgroundFlow {
|
||||
0%{background-position:0% 100%}
|
||||
50%{background-position:100% 0%}
|
||||
100%{background-position:0% 100%}
|
||||
}
|
||||
|
||||
.slow-background {
|
||||
-webkit-animation: BackgroundFlow 200s ease infinite;
|
||||
-moz-animation: BackgroundFlow 200s ease infinite;
|
||||
animation: BackgroundFlow 200s ease infinite;
|
||||
}
|
||||
|
||||
.spinnit {
|
||||
|
||||
-webkit-animation: infiniteRotate 2s linear infinite; /* Safari */
|
||||
-moz-animation: infiniteRotate 2s linear infinite;
|
||||
animation: infiniteRotate 2s linear infinite;
|
||||
}
|
||||
.paused {
|
||||
animation-play-state: paused;
|
||||
}
|
||||
|
||||
|
||||
/* NAVIGATION */
|
||||
/* Style the navbar */
|
||||
#navbar {
|
||||
z-index: 100000;
|
||||
}
|
||||
#logo {
|
||||
padding:10px;
|
||||
z-index: 10000;
|
||||
-webkit-transition: filter 400ms ease-in;
|
||||
-moz-transition: filter 400ms ease-in;
|
||||
transition: filter 400ms ease-in;
|
||||
|
||||
}
|
||||
.logo:hover {
|
||||
filter: blur(0px);
|
||||
-webkit-transition: filter 400ms ease-in;
|
||||
-moz-transition: filter 400ms ease-in;
|
||||
transition: filter 400ms ease-in;
|
||||
|
||||
}
|
||||
.logo {
|
||||
filter: blur(20px);
|
||||
text-decoration: none;
|
||||
position: fixed;
|
||||
top:20px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 300px;
|
||||
height: 95px;
|
||||
background-color: transparent;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
background-size: 95% 95%;
|
||||
-webkit-transition: all 400ms ease-in;
|
||||
-moz-transition: all 400ms ease-in;
|
||||
transition: all 400ms ease-in;
|
||||
box-shadow: none;
|
||||
border-radius: 20px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
}
|
||||
.sticky {
|
||||
filter: blur(0px);
|
||||
-webkit-transition: filter 400ms ease-in;
|
||||
-moz-transition: filter 400ms ease-in;
|
||||
transition: filter 400ms ease-in;
|
||||
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
background-size: 95% 95%;
|
||||
-webkit-transition: all 400ms ease-in;
|
||||
-moz-transition: all 400ms ease-in;
|
||||
transition: all 400ms ease-in;
|
||||
|
||||
}
|
||||
|
||||
|
||||
nav {
|
||||
position: absolute;
|
||||
width: 300px;
|
||||
|
||||
max-height: 90vh;
|
||||
max-width: 90vw;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
background-color: _palette(bg);
|
||||
border-radius: 20px;
|
||||
padding: 20px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
|
||||
ul {
|
||||
margin: auto;
|
||||
|
||||
width: 100%
|
||||
|
||||
}
|
||||
li {
|
||||
list-style-type: none;
|
||||
margin: 10px;
|
||||
width: 80%;
|
||||
padding: 0;
|
||||
a {
|
||||
width: 100%;
|
||||
display: block;
|
||||
margin: auto !important;
|
||||
font-size: 14px
|
||||
}
|
||||
}
|
||||
}
|
||||
.blurredout {
|
||||
filter: blur(5px);
|
||||
-webkit-transition: filter 400ms ease-in;
|
||||
-moz-transition: filter 400ms ease-in;
|
||||
transition: filter 400ms ease-in;
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
-webkit-transition: filter 400ms ease-in;
|
||||
-moz-transition: filter 400ms ease-in;
|
||||
transition: filter 400ms ease-in;
|
||||
}
|
||||
.modalDialog {
|
||||
position: fixed;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background: _palette(fg-light);
|
||||
z-index: 11;
|
||||
opacity:0;
|
||||
-webkit-transition: opacity 400ms ease-in;
|
||||
-moz-transition: opacity 400ms ease-in;
|
||||
transition: opacity 400ms ease-in;
|
||||
pointer-events: none;
|
||||
|
||||
}
|
||||
|
||||
.modalDialog:target {
|
||||
opacity:1;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.modalDialog > div {
|
||||
width: 80%;
|
||||
max-width: 1100px;
|
||||
max-height: 80vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
margin: 100px auto;
|
||||
padding: 20px;
|
||||
border-radius: 3px;
|
||||
background: rgb(0, 31, 36);
|
||||
background: -moz-linear-gradient(#000, rgb(0, 31, 36));
|
||||
background: -webkit-linear-gradient(#000, rgb(0, 31, 36));
|
||||
background: -o-linear-gradient(#000, rgb(0, 31, 36));
|
||||
}
|
||||
|
||||
|
||||
.close-button {
|
||||
background-color: #FFFFFF;
|
||||
color: _palette(accent-dark);
|
||||
line-height: 48px;
|
||||
position: absolute;
|
||||
right: -12px;
|
||||
text-align: center;
|
||||
top: -10px;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
-webkit-border-radius: 48px;
|
||||
-moz-border-radius: 48px;
|
||||
border-radius: 48px;
|
||||
-moz-box-shadow: 1px 1px 3px #000;
|
||||
-webkit-box-shadow: 1px 1px 3px #000;
|
||||
box-shadow: 1px 1px 3px #000;
|
||||
transition: all 400ms ease-in;
|
||||
}
|
||||
|
||||
.close-button:hover {
|
||||
background-color: _palette(accent);
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
#closearea {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
}
|
||||
.navmenu {
|
||||
font-size: 34px;
|
||||
color:_palette(accent);
|
||||
}
|
||||
|
||||
//* POSTS *//
|
||||
|
||||
#post-text {
|
||||
padding-top: 1rem;
|
||||
}
|
||||
//* FOOTER *//
|
||||
|
||||
#footer {
|
||||
|
||||
background-color: _palette(fg);
|
||||
color: _palette(bg);
|
||||
box-shadow: inset 0 10px 10px 0 rgba(0, 45, 107, 0.25) !important;
|
||||
|
||||
h1, h2, h3, h4, h5, p, a, strong {
|
||||
color: _palette(bg);
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.footflex {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-evenly;
|
||||
div {
|
||||
text-align: left;
|
||||
flex: 0 1 300px;
|
||||
max-width: 300px;
|
||||
margin: 80px 80px 0 80px;
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
li {
|
||||
list-style: none;
|
||||
border-bottom: 1px solid _palette(bg);
|
||||
line-height: 3em;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.style2 {
|
||||
&:before {
|
||||
box-shadow: inset 0 0 0 _size(border-width) _palette(bg);
|
||||
}
|
||||
}
|
||||
.style2:hover {
|
||||
&:before {
|
||||
box-shadow: inset 0 0 0 _size(border-width) _palette(accent);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* AUTHOR */
|
||||
|
||||
#author {
|
||||
.bio {
|
||||
padding-right: 20px;
|
||||
p {
|
||||
color: _palette(fg);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Content images */
|
||||
div.content {
|
||||
img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
max-width: 500px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Cloudcannon editor links */
|
||||
//* Cloudcannon *//
|
||||
|
||||
.editor-link {
|
||||
display: none;
|
||||
margin-top: 0;
|
||||
padding-top: 30px;
|
||||
margin-top: 0;
|
||||
padding-top: 30px;
|
||||
.btn {
|
||||
border: 0;
|
||||
border-radius: 2px;
|
||||
|
|
@ -345,7 +18,6 @@ div.content {
|
|||
background-color: #f7e064;
|
||||
color: #333;
|
||||
box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2);
|
||||
|
||||
&:hover {
|
||||
background-color: #f4d525;
|
||||
color: #333;
|
||||
|
|
@ -357,129 +29,6 @@ div.content {
|
|||
display: block;
|
||||
}
|
||||
|
||||
/* cookies */
|
||||
|
||||
#cookie-notice {
|
||||
padding: 15px;
|
||||
.noJSalbum {
|
||||
display: none;
|
||||
text-align: right;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
background-color: _palette(accent-dark);
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-evenly;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
z-index: 1000;
|
||||
|
||||
p {
|
||||
flex: 1 0 250px;
|
||||
margin: 0;
|
||||
font-size: 12px;
|
||||
font-family: _font(family-fixed);
|
||||
}
|
||||
@media only screen and (max-width: 569px) {
|
||||
p {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.yes {
|
||||
flex: 0 0 250px;
|
||||
|
||||
-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
|
||||
-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
|
||||
-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
|
||||
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
|
||||
border-radius: 0.375em;
|
||||
border: 0;
|
||||
color: #000 !important;
|
||||
background-position-x: 0%;
|
||||
background-position-y: 0%;
|
||||
background-repeat: repeat;
|
||||
background-attachment: scroll;
|
||||
background-image: linear-gradient(228deg, _palette(bg), _palette(fg));
|
||||
background-origin: padding-box;
|
||||
background-clip: border-box;
|
||||
|
||||
background-size: 400% 400%;
|
||||
-webkit-animation: backgroundBlink 2s ease infinite;
|
||||
-moz-animation: backgroundBlink 2s ease infinite;
|
||||
animation: backgroundBlink 2s ease infinite;
|
||||
margin: 20px;
|
||||
|
||||
}
|
||||
.yes:hover {
|
||||
color: #000 !important;
|
||||
}
|
||||
|
||||
/* Background Video */
|
||||
.fullscreen-bg {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
z-index: -100;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.fullscreen-bg__video {
|
||||
background: #fff;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top:50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Post Navigation */
|
||||
|
||||
.post-nav {
|
||||
/* Insert your custom styling here. Example:
|
||||
|
||||
font-size: 14px;
|
||||
margin-bottom: 1em;
|
||||
*/
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
|
||||
}
|
||||
.post-nav div {
|
||||
/* flex-grow, flex-shrink, flex-basis */
|
||||
flex: 0 1 300px;
|
||||
|
||||
}
|
||||
.post-nav-next {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
||||
/* Stream links */
|
||||
.streambox {
|
||||
|
||||
display: block;
|
||||
text-align: center;
|
||||
|
||||
.streamer {
|
||||
list-style-type:none;
|
||||
display:flex;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
|
||||
a {
|
||||
flex: 1 0 150px;
|
||||
margin:10px;
|
||||
}
|
||||
.button {
|
||||
display: block;
|
||||
flex: unset;
|
||||
}
|
||||
h3 {
|
||||
flex: unset;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
18
_sass/_videos.scss
Normal file
18
_sass/_videos.scss
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
/* Background Video */
|
||||
.fullscreen-bg {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
z-index: -100;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.fullscreen-bg__video {
|
||||
background: #fff;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top:50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 100%;
|
||||
}
|
||||
|
|
@ -1,47 +0,0 @@
|
|||
///
|
||||
/// Story by HTML5 UP
|
||||
/// html5up.net | @ajlkn
|
||||
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
///
|
||||
|
||||
/* Basic */
|
||||
|
||||
// MSIE: Required for IEMobile.
|
||||
@-ms-viewport {
|
||||
width: device-width;
|
||||
}
|
||||
|
||||
// MSIE: Prevents scrollbar from overlapping content.
|
||||
body {
|
||||
-ms-overflow-style: scrollbar;
|
||||
}
|
||||
|
||||
// Ensures page width is always >=320px.
|
||||
@include breakpoint('<=xsmall') {
|
||||
html, body {
|
||||
min-width: 320px;
|
||||
}
|
||||
}
|
||||
|
||||
// Set box model to border-box.
|
||||
// Based on css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
|
||||
html {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
*, *:before, *:after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
body {
|
||||
background: _palette(bg);
|
||||
|
||||
// Stops initial animations until page loads.
|
||||
&.is-preload {
|
||||
*, *:before, *:after {
|
||||
@include vendor('animation', 'none !important');
|
||||
@include vendor('transition', 'none !important');
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -1,76 +0,0 @@
|
|||
///
|
||||
/// Story by HTML5 UP
|
||||
/// html5up.net | @ajlkn
|
||||
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
///
|
||||
|
||||
// Reset.
|
||||
// Based on meyerweb.com/eric/tools/css/reset (v2.0 | 20110126 | License: public domain)
|
||||
|
||||
html, body, div, span, applet, object,
|
||||
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
|
||||
pre, a, abbr, acronym, address, big, cite,
|
||||
code, del, dfn, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var, b,
|
||||
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
|
||||
form, label, legend, table, caption, tbody,
|
||||
tfoot, thead, tr, th, td, article, aside,
|
||||
canvas, details, embed, figure, figcaption,
|
||||
footer, header, hgroup, menu, nav, output, ruby,
|
||||
section, summary, time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
ol, ul {
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
blockquote, q {
|
||||
quotes: none;
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
-webkit-text-size-adjust: none;
|
||||
}
|
||||
|
||||
mark {
|
||||
background-color: transparent;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
input::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
input, select, textarea {
|
||||
-moz-appearance: none;
|
||||
-webkit-appearance: none;
|
||||
-ms-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
|
|
@ -1,234 +0,0 @@
|
|||
///
|
||||
/// Story by HTML5 UP
|
||||
/// html5up.net | @ajlkn
|
||||
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
///
|
||||
|
||||
/* Type */
|
||||
|
||||
html {
|
||||
font-size: 18pt;
|
||||
|
||||
@include breakpoint('<=xlarge') {
|
||||
font-size: 20pt;
|
||||
}
|
||||
|
||||
@include breakpoint('<=large') {
|
||||
font-size: 18pt;
|
||||
}
|
||||
|
||||
@include breakpoint('<=small') {
|
||||
font-size: 17pt;
|
||||
}
|
||||
|
||||
@include breakpoint('<=xxsmall') {
|
||||
font-size: 17pt;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
|
||||
background-size: 20%;
|
||||
background-repeat: repeat;
|
||||
color: _palette(fg);
|
||||
}
|
||||
|
||||
body, input, select, textarea {
|
||||
font-family: _font(family-fixed);
|
||||
font-size: 0.75rem;
|
||||
font-weight: _font(weight);
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
a {
|
||||
@include vendor('transition', 'color #{_duration(transition)} ease-in-out');
|
||||
text-decoration: underline;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
strong, b {
|
||||
font-weight: _font(weight-bold);
|
||||
}
|
||||
|
||||
em, i {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0 0 _size(element-margin) 0;
|
||||
|
||||
&.major {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: _font(weight-bold);
|
||||
line-height: 1.375;
|
||||
letter-spacing: _font(kerning);
|
||||
margin: 0 0 (_size(element-margin) * 0.5) 0;
|
||||
font-family: _font(family);
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 3.5rem;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 2.25rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 0.7rem;
|
||||
}
|
||||
|
||||
sub {
|
||||
font-size: 0.8rem;
|
||||
position: relative;
|
||||
top: 0.5rem;
|
||||
}
|
||||
|
||||
sup {
|
||||
font-size: 0.8rem;
|
||||
position: relative;
|
||||
top: -0.5rem;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: solid (_size(border-width) * 4);
|
||||
font-style: italic;
|
||||
margin: 0 0 _size(element-margin) 0;
|
||||
padding: (_size(element-margin) / 4) 0 (_size(element-margin) / 4) _size(element-margin);
|
||||
}
|
||||
|
||||
code {
|
||||
border-radius: _size(border-radius);
|
||||
font-family: _font(family-fixed);
|
||||
font-size: 0.9em;
|
||||
margin: 0 0.25rem;
|
||||
padding: 0.25rem 0.325rem;
|
||||
}
|
||||
|
||||
pre {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
font-family: _font(family-fixed);
|
||||
font-size: 0.9em;
|
||||
margin: 0 0 _size(element-margin) 0;
|
||||
|
||||
code {
|
||||
display: block;
|
||||
line-height: 1.5;
|
||||
padding: 0.75rem 1rem;
|
||||
overflow-x: auto;
|
||||
}
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0;
|
||||
border-bottom: solid _size(border-width);
|
||||
margin: (_size(element-margin) * 1.25) 0;
|
||||
|
||||
&.major {
|
||||
margin: (_size(element-margin) * 1.75) 0;
|
||||
}
|
||||
}
|
||||
|
||||
.align-left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.align-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.align-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
@include breakpoint('<=small') {
|
||||
p {
|
||||
&.major {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin color-typography($p: null) {
|
||||
|
||||
@if $p != null {
|
||||
background-color: _palette($p, bg);
|
||||
color: _palette($p, fg);
|
||||
}
|
||||
|
||||
input, select, textarea {
|
||||
color: _palette($p, fg-bold);
|
||||
}
|
||||
|
||||
a {
|
||||
color: _palette($p, fg-bold);
|
||||
|
||||
&:hover {
|
||||
color: _palette($p, accent);
|
||||
}
|
||||
}
|
||||
|
||||
strong, b {
|
||||
color: _palette($p, fg-bold);
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: _palette($p, fg-bold);
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left-color: _palette($p, border);
|
||||
}
|
||||
|
||||
code {
|
||||
background: _palette($p, border-bg);
|
||||
border-color: _palette($p, border);
|
||||
}
|
||||
|
||||
hr {
|
||||
border-bottom-color: _palette($p, border);
|
||||
}
|
||||
}
|
||||
|
||||
@include color-typography;
|
||||
|
|
@ -1,101 +0,0 @@
|
|||
///
|
||||
/// Story by HTML5 UP
|
||||
/// html5up.net | @ajlkn
|
||||
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
///
|
||||
|
||||
/* Actions */
|
||||
|
||||
ul.actions {
|
||||
@include vendor('display', 'flex');
|
||||
cursor: default;
|
||||
list-style: none;
|
||||
margin-left: (_size(element-margin) * -0.5);
|
||||
padding-left: 0;
|
||||
|
||||
li {
|
||||
padding: 0 0 0 (_size(element-margin) * 0.5);
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
&.special {
|
||||
@include vendor('justify-content', 'center');
|
||||
width: 100%;
|
||||
margin-left: 0;
|
||||
|
||||
li {
|
||||
&:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.stacked {
|
||||
@include vendor('flex-direction', 'column');
|
||||
margin-left: 0;
|
||||
|
||||
li {
|
||||
padding: (_size(element-margin) * 0.65) 0 0 0;
|
||||
|
||||
&:first-child {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.fit {
|
||||
width: calc(100% + #{_size(element-margin) * 0.5});
|
||||
|
||||
li {
|
||||
@include vendor('flex-grow', '1');
|
||||
@include vendor('flex-shrink', '1');
|
||||
width: 100%;
|
||||
|
||||
> * {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
&.stacked {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=xsmall') {
|
||||
&:not(.fixed) {
|
||||
@include vendor('flex-direction', 'column');
|
||||
margin-left: 0;
|
||||
width: 100% !important;
|
||||
|
||||
li {
|
||||
@include vendor('flex-grow', '1');
|
||||
@include vendor('flex-shrink', '1');
|
||||
padding: (_size(element-margin) * 0.5) 0 0 0;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
|
||||
> * {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
input[type="submit"],
|
||||
input[type="reset"],
|
||||
input[type="button"],
|
||||
button,
|
||||
.button {
|
||||
width: 100%;
|
||||
|
||||
&.icon {
|
||||
&:before {
|
||||
margin-left: -0.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,990 +0,0 @@
|
|||
///
|
||||
/// Story by HTML5 UP
|
||||
/// html5up.net | @ajlkn
|
||||
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
///
|
||||
|
||||
/* Banner (transitions) */
|
||||
|
||||
.banner {
|
||||
|
||||
// Mixin.
|
||||
@mixin transition-banner($event) {
|
||||
$x: null;
|
||||
$y: null;
|
||||
|
||||
@if ($event == 'load') {
|
||||
$x: 'body.is-preload &';
|
||||
$y: _duration(on-load);
|
||||
}
|
||||
@else if ($event == 'scroll') {
|
||||
$x: '&.is-inactive';
|
||||
$y: _duration(on-scroll);
|
||||
}
|
||||
|
||||
// Content.
|
||||
&.on#{$event}-content-fade-up {
|
||||
.content {
|
||||
@include vendor('transition', (
|
||||
'opacity #{$y} ease-in-out',
|
||||
'transform #{$y} ease-in-out'
|
||||
));
|
||||
}
|
||||
|
||||
#{$x} {
|
||||
.content {
|
||||
@include vendor('transform', 'translateY(1rem)');
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.on#{$event}-content-fade-down {
|
||||
.content {
|
||||
@include vendor('transition', (
|
||||
'opacity #{$y} ease-in-out',
|
||||
'transform #{$y} ease-in-out'
|
||||
));
|
||||
}
|
||||
|
||||
#{$x} {
|
||||
.content {
|
||||
@include vendor('transform', 'translateY(-1rem)');
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.on#{$event}-content-fade-left {
|
||||
.content {
|
||||
@include vendor('transition', (
|
||||
'opacity #{$y} ease-in-out',
|
||||
'transform #{$y} ease-in-out'
|
||||
));
|
||||
}
|
||||
|
||||
#{$x} {
|
||||
.content {
|
||||
@include vendor('transform', 'translateX(1rem)');
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.on#{$event}-content-fade-right {
|
||||
.content {
|
||||
@include vendor('transition', (
|
||||
'opacity #{$y} ease-in-out',
|
||||
'transform #{$y} ease-in-out'
|
||||
));
|
||||
}
|
||||
|
||||
#{$x} {
|
||||
.content {
|
||||
@include vendor('transform', 'translateX(-1rem)');
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.on#{$event}-content-fade-in {
|
||||
.content {
|
||||
@include vendor('transition', 'opacity #{$y} ease-in-out');
|
||||
}
|
||||
|
||||
#{$x} {
|
||||
.content {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Image.
|
||||
&.on#{$event}-image-fade-up {
|
||||
.image {
|
||||
@include vendor('transition', (
|
||||
'opacity #{$y} ease-in-out',
|
||||
'transform #{$y} ease-in-out'
|
||||
));
|
||||
|
||||
img {
|
||||
@include vendor('transition', 'opacity #{$y} ease-in-out');
|
||||
@include vendor('transition-delay', '#{$y * 0.75}');
|
||||
}
|
||||
}
|
||||
|
||||
#{$x} {
|
||||
.image {
|
||||
@include vendor('transform', 'translateY(1rem)');
|
||||
opacity: 0;
|
||||
|
||||
img {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.on#{$event}-image-fade-down {
|
||||
.image {
|
||||
@include vendor('transition', (
|
||||
'opacity #{$y} ease-in-out',
|
||||
'transform #{$y} ease-in-out'
|
||||
));
|
||||
|
||||
img {
|
||||
@include vendor('transition', 'opacity #{$y} ease-in-out');
|
||||
@include vendor('transition-delay', '#{$y * 0.75}');
|
||||
}
|
||||
}
|
||||
|
||||
#{$x} {
|
||||
.image {
|
||||
@include vendor('transform', 'translateY(-1rem)');
|
||||
opacity: 0;
|
||||
|
||||
img {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.on#{$event}-image-fade-left {
|
||||
.image {
|
||||
@include vendor('transition', (
|
||||
'opacity #{$y} ease-in-out',
|
||||
'transform #{$y} ease-in-out'
|
||||
));
|
||||
|
||||
img {
|
||||
@include vendor('transition', 'opacity #{$y} ease-in-out');
|
||||
@include vendor('transition-delay', '#{$y * 0.75}');
|
||||
}
|
||||
}
|
||||
|
||||
#{$x} {
|
||||
.image {
|
||||
@include vendor('transform', 'translateX(1rem)');
|
||||
opacity: 0;
|
||||
|
||||
img {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.on#{$event}-image-fade-right {
|
||||
.image {
|
||||
@include vendor('transition', (
|
||||
'opacity #{$y} ease-in-out',
|
||||
'transform #{$y} ease-in-out'
|
||||
));
|
||||
|
||||
img {
|
||||
@include vendor('transition', 'opacity #{$y} ease-in-out');
|
||||
@include vendor('transition-delay', '#{$y * 0.75}');
|
||||
}
|
||||
}
|
||||
|
||||
#{$x} {
|
||||
.image {
|
||||
@include vendor('transform', 'translateX(-1rem)');
|
||||
opacity: 0;
|
||||
|
||||
img {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.on#{$event}-image-fade-in {
|
||||
.image {
|
||||
img {
|
||||
@include vendor('transition', 'opacity #{$y} ease-in-out');
|
||||
}
|
||||
}
|
||||
|
||||
#{$x} {
|
||||
.image {
|
||||
img {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// On Load.
|
||||
@include transition-banner('load');
|
||||
|
||||
// On Scroll.
|
||||
@include transition-banner('scroll');
|
||||
|
||||
}
|
||||
|
||||
/* Banner (style1) */
|
||||
|
||||
.banner.style1 {
|
||||
@include vendor('align-items', 'stretch');
|
||||
@include vendor('display', 'flex');
|
||||
@include vendor('flex-direction', 'row');
|
||||
@include vendor('justify-content', 'flex-end');
|
||||
position: relative;
|
||||
text-align: left;
|
||||
overflow-x: hidden;
|
||||
|
||||
.content {
|
||||
@include padding(_size(padding, default), _size(padding, default));
|
||||
@include vendor('align-self', 'center');
|
||||
@include vendor('flex-grow', '1');
|
||||
@include vendor('flex-shrink', '1');
|
||||
width: 50%;
|
||||
max-width: (_size(inner) * 0.75);
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.image {
|
||||
@include vendor('flex-grow', '0');
|
||||
@include vendor('flex-shrink', '0');
|
||||
border-radius: 0;
|
||||
width: 50%;
|
||||
|
||||
img {
|
||||
@include vendor('object-fit', 'cover');
|
||||
@include vendor('object-position', 'center');
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=xlarge') {
|
||||
.content {
|
||||
@include padding(_size(padding, xlarge), _size(padding, xlarge));
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=large') {
|
||||
.content {
|
||||
@include padding(_size(padding, large), _size(padding, large));
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=medium') {
|
||||
.content {
|
||||
@include padding(_size(padding, medium) * 1.25, _size(padding, medium));
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=small') {
|
||||
.content {
|
||||
@include padding(_size(padding, small) * 1.25, _size(padding, small));
|
||||
}
|
||||
}
|
||||
|
||||
@include orientation(portrait) {
|
||||
@include vendor('flex-direction', 'column-reverse');
|
||||
text-align: center;
|
||||
|
||||
.content {
|
||||
@include vendor('display', 'flex');
|
||||
@include vendor('flex-direction', 'column');
|
||||
@include vendor('justify-content', 'center');
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.image {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
height: 45vh;
|
||||
}
|
||||
}
|
||||
|
||||
// Modifiers.
|
||||
|
||||
// Size.
|
||||
&.fullscreen {
|
||||
min-height: 100vh;
|
||||
|
||||
@include orientation(portrait) {
|
||||
.content {
|
||||
min-height: 50vh;
|
||||
}
|
||||
|
||||
.image {
|
||||
height: 50vh;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Orientation.
|
||||
&.orient-left {
|
||||
// ...
|
||||
}
|
||||
|
||||
&.orient-right {
|
||||
@include vendor('flex-direction', 'row-reverse');
|
||||
|
||||
@include orientation(portrait) {
|
||||
@include vendor('flex-direction', 'column-reverse');
|
||||
}
|
||||
}
|
||||
|
||||
// Content Alignment.
|
||||
&.content-align-left {
|
||||
// ...
|
||||
}
|
||||
|
||||
&.content-align-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&.content-align-right {
|
||||
text-align: right;
|
||||
|
||||
@include orientation(portrait) {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
// Image Position.
|
||||
&.image-position-left {
|
||||
.image {
|
||||
img {
|
||||
@include vendor('object-position', 'left');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.image-position-center {
|
||||
.image {
|
||||
img {
|
||||
// ...
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.image-position-right {
|
||||
.image {
|
||||
img {
|
||||
@include vendor('object-position', 'right');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Banner (style2) */
|
||||
|
||||
.banner.style2 {
|
||||
@include padding(_size(padding, default) * 0.75, _size(padding, default) * 0.75);
|
||||
@include vendor('align-items', 'center');
|
||||
@include vendor('display', 'flex');
|
||||
@include vendor('justify-content', 'center');
|
||||
background-color: _palette(border-darken);
|
||||
position: relative;
|
||||
text-align: center;
|
||||
overflow-x: hidden;
|
||||
|
||||
.content {
|
||||
@include padding(_size(padding, default) * 0.75, _size(padding, default) * 0.75);
|
||||
position: relative;
|
||||
width: (_size(inner) * 0.625);
|
||||
max-width: 100%;
|
||||
background-color: inherit;
|
||||
border-radius: _size(border-radius-alt);
|
||||
margin-bottom: _size(element-margin);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.image {
|
||||
@include vendor('flex-grow', '0');
|
||||
@include vendor('flex-shrink', '0');
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
border-radius: 0;
|
||||
|
||||
img {
|
||||
@include vendor('object-fit', 'cover');
|
||||
@include vendor('object-position', 'center');
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=xlarge') {
|
||||
@include padding(_size(padding, xlarge) * 0.75, _size(padding, xlarge) * 0.75);
|
||||
|
||||
.content {
|
||||
@include padding(_size(padding, xlarge) * 0.75, _size(padding, xlarge) * 0.75);
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=large') {
|
||||
@include padding(_size(padding, large), _size(padding, large) * 0.75);
|
||||
|
||||
.content {
|
||||
@include padding(_size(padding, large), _size(padding, large) * 0.75);
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=medium') {
|
||||
@include padding(_size(padding, medium), _size(padding, medium));
|
||||
|
||||
.content {
|
||||
@include padding(_size(padding, medium) * 1.25, _size(padding, medium) * 0.75);
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=small') {
|
||||
@include padding(_size(padding, small), _size(padding, small));
|
||||
|
||||
.content {
|
||||
@include padding(_size(padding, small) * 1.25, _size(padding, small) * 0.75);
|
||||
}
|
||||
}
|
||||
|
||||
// Modifiers.
|
||||
|
||||
// Size.
|
||||
&.fullscreen {
|
||||
min-height: 80vh;
|
||||
}
|
||||
|
||||
// Orientation.
|
||||
&.orient-left {
|
||||
@include vendor('justify-content', 'flex-start');
|
||||
padding-left: 0;
|
||||
|
||||
.content {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.orient-center {
|
||||
// ...
|
||||
}
|
||||
|
||||
&.orient-right {
|
||||
@include vendor('justify-content', 'flex-end');
|
||||
padding-right: 0;
|
||||
|
||||
.content {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Content Alignment.
|
||||
&.content-align-left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
&.content-align-center {
|
||||
// ...
|
||||
}
|
||||
|
||||
&.content-align-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
// Image Position.
|
||||
&.image-position-left {
|
||||
.image {
|
||||
img {
|
||||
@include vendor('object-position', 'left');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.image-position-center {
|
||||
.image {
|
||||
img {
|
||||
// ...
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.image-position-right {
|
||||
.image {
|
||||
img {
|
||||
@include vendor('object-position', 'right');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Banner (style3) */
|
||||
|
||||
.banner.style3 {
|
||||
$image-size: 21rem;
|
||||
$content-size: (_size(inner) * 0.875) - $image-size - (_size(element-margin) * 1.75);
|
||||
|
||||
@include padding(_size(padding, default), _size(padding, default));
|
||||
@include vendor('align-items', 'center');
|
||||
@include vendor('display', 'flex');
|
||||
@include vendor('flex-direction', 'row-reverse');
|
||||
@include vendor('justify-content', 'center');
|
||||
position: relative;
|
||||
text-align: left;
|
||||
overflow-x: hidden;
|
||||
|
||||
.content {
|
||||
width: $content-size;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.image {
|
||||
@include vendor('flex-grow', '0');
|
||||
@include vendor('flex-shrink', '0');
|
||||
width: $image-size;
|
||||
height: $image-size;
|
||||
border-radius: 100%;
|
||||
margin: 0 (_size(element-margin) * 1.75) _size(element-margin) 0;
|
||||
|
||||
img {
|
||||
@include vendor('object-fit', 'cover');
|
||||
@include vendor('object-position', 'center');
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=xlarge') {
|
||||
@include padding(_size(padding, xlarge), _size(padding, xlarge));
|
||||
}
|
||||
|
||||
@include breakpoint('<=large') {
|
||||
@include padding(_size(padding, large), _size(padding, large));
|
||||
}
|
||||
|
||||
@include breakpoint('<=medium') {
|
||||
@include padding(_size(padding, medium) * 1.25, _size(padding, medium));
|
||||
|
||||
.image {
|
||||
width: ($image-size * 0.875);
|
||||
height: ($image-size * 0.875);
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=small') {
|
||||
@include padding(_size(padding, small) * 1.25, _size(padding, small));
|
||||
@include vendor('align-items', 'flex-start');
|
||||
|
||||
.image {
|
||||
width: ($image-size * 0.75);
|
||||
height: ($image-size * 0.75);
|
||||
margin: 0 (_size(element-margin) * 1) _size(element-margin) 0;
|
||||
}
|
||||
}
|
||||
|
||||
@include orientation(portrait) {
|
||||
@include vendor('align-items', 'center');
|
||||
@include vendor('flex-direction', 'column-reverse');
|
||||
text-align: center;
|
||||
|
||||
.content {
|
||||
width: 34rem;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.image {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Modifiers.
|
||||
|
||||
// Size.
|
||||
&.fullscreen {
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
// Orientation.
|
||||
&.orient-left {
|
||||
@include vendor('flex-direction', 'row');
|
||||
|
||||
.image {
|
||||
margin: 0 0 _size(element-margin) (_size(element-margin) * 1.75);
|
||||
}
|
||||
|
||||
@include breakpoint('<=small') {
|
||||
.image {
|
||||
margin: 0 0 _size(element-margin) (_size(element-margin) * 1);
|
||||
}
|
||||
}
|
||||
|
||||
@include orientation(portrait) {
|
||||
@include vendor('flex-direction', 'column-reverse');
|
||||
|
||||
.image {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.orient-right {
|
||||
// ...
|
||||
}
|
||||
|
||||
// Content Alignment.
|
||||
&.content-align-left {
|
||||
// ...
|
||||
}
|
||||
|
||||
&.content-align-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&.content-align-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
// Image Position.
|
||||
&.image-position-left {
|
||||
.image {
|
||||
img {
|
||||
@include vendor('object-position', 'left');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.image-position-center {
|
||||
// ...
|
||||
}
|
||||
|
||||
&.image-position-right {
|
||||
.image {
|
||||
img {
|
||||
@include vendor('object-position', 'right');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Banner (style4) */
|
||||
|
||||
.banner.style4 {
|
||||
$image-width: 13rem;
|
||||
$content-size: (_size(inner) * 0.75) - $image-width - (_size(element-margin) * 1.75);
|
||||
|
||||
@include padding(_size(padding, default), _size(padding, default));
|
||||
@include vendor('align-items', 'center');
|
||||
@include vendor('display', 'flex');
|
||||
@include vendor('flex-direction', 'row-reverse');
|
||||
@include vendor('justify-content', 'center');
|
||||
position: relative;
|
||||
text-align: left;
|
||||
overflow-x: hidden;
|
||||
|
||||
.content {
|
||||
width: $content-size;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.image {
|
||||
@include phone($image-width);
|
||||
margin-right: (_size(element-margin) * 1.75);
|
||||
}
|
||||
|
||||
@include breakpoint('<=xlarge') {
|
||||
@include padding(_size(padding, xlarge), _size(padding, xlarge));
|
||||
}
|
||||
|
||||
@include breakpoint('<=large') {
|
||||
@include padding(_size(padding, large), _size(padding, large));
|
||||
}
|
||||
|
||||
@include breakpoint('<=medium') {
|
||||
@include padding(_size(padding, medium) * 1.25, _size(padding, medium));
|
||||
|
||||
.image {
|
||||
@include resize-phone($image-width, 0.875);
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=small') {
|
||||
@include padding(_size(padding, small) * 1.25, _size(padding, small));
|
||||
@include vendor('align-items', 'flex-start');
|
||||
|
||||
.image {
|
||||
@include resize-phone($image-width, 0.625);
|
||||
}
|
||||
}
|
||||
|
||||
@include orientation(portrait) {
|
||||
@include vendor('align-items', 'center');
|
||||
@include vendor('flex-direction', 'column-reverse');
|
||||
text-align: center;
|
||||
|
||||
.content {
|
||||
width: 34rem;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.image {
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Modifiers.
|
||||
|
||||
// Size.
|
||||
&.fullscreen {
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
// Variant.
|
||||
&.iphone {
|
||||
// ...
|
||||
}
|
||||
|
||||
&.android {
|
||||
// ...
|
||||
}
|
||||
|
||||
// Orientation.
|
||||
&.orient-left {
|
||||
@include vendor('flex-direction', 'row');
|
||||
|
||||
.image {
|
||||
margin-right: 0;
|
||||
margin-left: (_size(element-margin) * 1.75);
|
||||
}
|
||||
|
||||
@include orientation(portrait) {
|
||||
@include vendor('flex-direction', 'column-reverse');
|
||||
|
||||
.image {
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.orient-right {
|
||||
// ...
|
||||
}
|
||||
|
||||
// Content Alignment.
|
||||
&.content-align-left {
|
||||
// ...
|
||||
}
|
||||
|
||||
&.content-align-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&.content-align-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
// Image Position.
|
||||
&.image-position-left {
|
||||
.image {
|
||||
img {
|
||||
@include vendor('object-position', 'left');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.image-position-center {
|
||||
// ...
|
||||
}
|
||||
|
||||
&.image-position-right {
|
||||
.image {
|
||||
img {
|
||||
@include vendor('object-position', 'right');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Banner (style5) */
|
||||
|
||||
.banner.style5 {
|
||||
@include padding(_size(padding, default), _size(padding, default));
|
||||
@include vendor('align-items', 'center');
|
||||
@include vendor('display', 'flex');
|
||||
@include vendor('justify-content', 'center');
|
||||
background-color: inherit;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
overflow-x: hidden;
|
||||
|
||||
.content {
|
||||
position: relative;
|
||||
width: (_size(inner) * 0.625);
|
||||
max-width: 100%;
|
||||
margin-bottom: _size(element-margin);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.image {
|
||||
@include vendor('flex-grow', '0');
|
||||
@include vendor('flex-shrink', '0');
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
border-radius: 0;
|
||||
opacity: 0.1;
|
||||
|
||||
img {
|
||||
@include vendor('object-fit', 'cover');
|
||||
@include vendor('object-position', 'center');
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=xlarge') {
|
||||
@include padding(_size(padding, xlarge), _size(padding, xlarge));
|
||||
}
|
||||
|
||||
@include breakpoint('<=large') {
|
||||
@include padding(_size(padding, large), _size(padding, large));
|
||||
}
|
||||
|
||||
@include breakpoint('<=medium') {
|
||||
@include padding(_size(padding, medium) * 1.25, _size(padding, medium));
|
||||
}
|
||||
|
||||
@include breakpoint('<=small') {
|
||||
@include padding(_size(padding, small) * 1.25, _size(padding, small));
|
||||
}
|
||||
|
||||
// Modifiers.
|
||||
|
||||
// Size.
|
||||
&.fullscreen {
|
||||
min-height: 80vh;
|
||||
}
|
||||
|
||||
// Content Alignment.
|
||||
&.content-align-left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
&.content-align-center {
|
||||
// ...
|
||||
}
|
||||
|
||||
&.content-align-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
// Image Position.
|
||||
&.image-position-left {
|
||||
.image {
|
||||
img {
|
||||
@include vendor('object-position', 'left');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.image-position-center {
|
||||
// ...
|
||||
}
|
||||
|
||||
&.image-position-right {
|
||||
.image {
|
||||
img {
|
||||
@include vendor('object-position', 'right');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Mixin
|
||||
|
||||
@mixin color-banner($p: null) {
|
||||
.banner {
|
||||
.image {
|
||||
background-color: transparentize(_palette($p, fg-bold), 0.875);
|
||||
}
|
||||
|
||||
@if ($p != 'invert') {
|
||||
&.invert {
|
||||
.image {
|
||||
background-color: transparentize(_palette(invert, fg-bold), 0.875);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.banner.style4 {
|
||||
.image {
|
||||
@include color-phone($p);
|
||||
}
|
||||
|
||||
// Variant.
|
||||
&.iphone {
|
||||
.image {
|
||||
@include color-phone-variant('iphone', $p);
|
||||
}
|
||||
}
|
||||
|
||||
&.android {
|
||||
.image {
|
||||
@include color-phone-variant('android', $p);
|
||||
}
|
||||
}
|
||||
|
||||
@if ($p != 'invert') {
|
||||
&.invert {
|
||||
.image {
|
||||
@include color-phone(invert);
|
||||
}
|
||||
|
||||
// Variant.
|
||||
&.iphone {
|
||||
.image {
|
||||
@include color-phone-variant('iphone', invert);
|
||||
}
|
||||
}
|
||||
|
||||
&.android {
|
||||
.image {
|
||||
@include color-phone-variant('android', invert);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include color-banner;
|
||||
|
|
@ -1,34 +0,0 @@
|
|||
///
|
||||
/// Story by HTML5 UP
|
||||
/// html5up.net | @ajlkn
|
||||
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
///
|
||||
|
||||
/* Box */
|
||||
|
||||
.box {
|
||||
border-radius: _size(border-radius);
|
||||
border: solid _size(border-width);
|
||||
margin-bottom: _size(element-margin);
|
||||
padding: 1.5rem;
|
||||
|
||||
> :last-child,
|
||||
> :last-child > :last-child,
|
||||
> :last-child > :last-child > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
&.alt {
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin color-box($p: null) {
|
||||
.box {
|
||||
border-color: _palette($p, border);
|
||||
}
|
||||
}
|
||||
|
||||
@include color-box;
|
||||
|
|
@ -1,121 +0,0 @@
|
|||
///
|
||||
/// Story by HTML5 UP
|
||||
/// html5up.net | @ajlkn
|
||||
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
///
|
||||
|
||||
/* Button */
|
||||
|
||||
input[type="submit"],
|
||||
input[type="reset"],
|
||||
input[type="button"],
|
||||
button,
|
||||
.button {
|
||||
@include vendor('appearance', 'none');
|
||||
@include vendor('transition', (
|
||||
'background-color #{_duration(transition)} ease-in-out',
|
||||
'box-shadow #{_duration(transition)} ease-in-out',
|
||||
'color #{_duration(transition)} ease-in-out'
|
||||
));
|
||||
border: 0;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-weight: _font(weight-bold);
|
||||
font-family: _font(family-fixed);
|
||||
letter-spacing: _font(kerning-alt);
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
white-space: nowrap;
|
||||
font-size: 0.75rem;
|
||||
max-width: 20rem;
|
||||
height: 3.75em;
|
||||
line-height: 3.75em;
|
||||
border-radius: 7px;
|
||||
padding: 0 2.5em;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
|
||||
&.icon {
|
||||
&:before {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
&.fit {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&.small {
|
||||
font-size: 0.7rem;
|
||||
height: 3.325em;
|
||||
line-height: 3.325em;
|
||||
border-radius: 7px;
|
||||
padding: 0 2em;
|
||||
}
|
||||
&.smaller {
|
||||
font-size: 0.5rem;
|
||||
height: 2.75em;
|
||||
line-height: 2.75em;
|
||||
border-radius: 7px;
|
||||
padding: 0 2em;
|
||||
}
|
||||
|
||||
&.large {
|
||||
font-size: 0.8rem;
|
||||
height: 4em;
|
||||
line-height: 4em;
|
||||
border-radius: 7px;
|
||||
padding: 0 3em;
|
||||
}
|
||||
|
||||
&.wide {
|
||||
min-width: 14em;
|
||||
}
|
||||
|
||||
&.disabled,
|
||||
&:disabled {
|
||||
@include vendor('pointer-events', 'none');
|
||||
opacity: 0.25;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin color-button($p: null) {
|
||||
input[type="submit"],
|
||||
input[type="reset"],
|
||||
input[type="button"],
|
||||
button,
|
||||
.button {
|
||||
background-color: _palette(fg);
|
||||
box-shadow: inset 0 0 5px _size(border-width) _palette($p, border-darken);
|
||||
color: _palette($p, bg) !important;
|
||||
|
||||
&:hover {
|
||||
box-shadow: inset 0 0 5px _size(border-width) _palette($p, border);
|
||||
color: _palette($p, fg) !important;
|
||||
background-color: _palette(border-darken);
|
||||
}
|
||||
|
||||
&:active {
|
||||
background-color: transparentize(_palette($p, accent), 0.8);
|
||||
box-shadow: inset 0 0 0 _size(border-width) _palette($p, accent);
|
||||
color: _palette($p, accent) !important;
|
||||
}
|
||||
|
||||
&.primary {
|
||||
background-color: _palette($p, fg-bold);
|
||||
box-shadow: none;
|
||||
color: _palette($p, bg) !important;
|
||||
|
||||
&:hover {
|
||||
background-color: _palette($p, accent);
|
||||
}
|
||||
|
||||
&:active {
|
||||
background-color: darken(_palette($p, accent), 12);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include color-button;
|
||||
|
|
@ -1,287 +0,0 @@
|
|||
///
|
||||
/// Story by HTML5 UP
|
||||
/// html5up.net | @ajlkn
|
||||
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
///
|
||||
|
||||
/* Form */
|
||||
|
||||
form {
|
||||
margin: 0 0 _size(element-margin) 0;
|
||||
|
||||
> :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
> .fields {
|
||||
$gutter: (_size(element-margin) * 0.75);
|
||||
|
||||
@include vendor('display', 'flex');
|
||||
@include vendor('flex-wrap', 'wrap');
|
||||
width: calc(100% + #{$gutter * 2});
|
||||
margin: ($gutter * -1) 0 _size(element-margin) ($gutter * -1);
|
||||
|
||||
> .field {
|
||||
@include vendor('flex-grow', '0');
|
||||
@include vendor('flex-shrink', '0');
|
||||
padding: $gutter 0 0 $gutter;
|
||||
width: calc(100% - #{$gutter * 1});
|
||||
|
||||
&.half {
|
||||
width: calc(50% - #{$gutter * 0.5});
|
||||
}
|
||||
|
||||
&.third {
|
||||
width: calc(#{100% / 3} - #{$gutter * (1 / 3)});
|
||||
}
|
||||
|
||||
&.quarter {
|
||||
width: calc(25% - #{$gutter * 0.25});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=xsmall') {
|
||||
> .fields {
|
||||
$gutter: (_size(element-margin) * 0.75);
|
||||
|
||||
width: calc(100% + #{$gutter * 2});
|
||||
margin: ($gutter * -1) 0 _size(element-margin) ($gutter * -1);
|
||||
|
||||
> .field {
|
||||
padding: $gutter 0 0 $gutter;
|
||||
width: calc(100% - #{$gutter * 1});
|
||||
|
||||
&.half {
|
||||
width: calc(100% - #{$gutter * 1});
|
||||
}
|
||||
|
||||
&.third {
|
||||
width: calc(100% - #{$gutter * 1});
|
||||
}
|
||||
|
||||
&.quarter {
|
||||
width: calc(100% - #{$gutter * 1});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
label {
|
||||
display: block;
|
||||
font-size: 0.9rem;
|
||||
font-weight: _font(weight-bold);
|
||||
margin: 0 0 (_size(element-margin) * 0.5) 0;
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
input[type="email"],
|
||||
input[type="tel"],
|
||||
input[type="search"],
|
||||
input[type="url"],
|
||||
select,
|
||||
textarea {
|
||||
@include vendor('appearance', 'none');
|
||||
background-color: _palette(bg-transparent);
|
||||
border-radius: _size(border-radius);
|
||||
border: none;
|
||||
border: solid _size(border-width);
|
||||
color: inherit;
|
||||
display: block;
|
||||
outline: 0;
|
||||
padding: 0 0.825rem;
|
||||
text-decoration: none;
|
||||
width: 100%;
|
||||
box-shadow: inset 0 0 5px 1px _palette(border);
|
||||
|
||||
&:invalid {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
select {
|
||||
background-size: 1.25rem;
|
||||
background-repeat: no-repeat;
|
||||
background-position: calc(100% - 1rem) center;
|
||||
height: _size(element-height);
|
||||
padding-right: _size(element-height);
|
||||
text-overflow: ellipsis;
|
||||
|
||||
&:focus {
|
||||
&::-ms-value {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
&::-ms-expand {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
input[type="email"],
|
||||
input[type="tel"],
|
||||
input[type="search"],
|
||||
input[type="url"],
|
||||
select {
|
||||
height: _size(element-height);
|
||||
}
|
||||
|
||||
textarea {
|
||||
padding: 0.75rem 1rem;
|
||||
}
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"], {
|
||||
@include vendor('appearance', 'none');
|
||||
display: block;
|
||||
float: left;
|
||||
margin-right: -2rem;
|
||||
opacity: 0;
|
||||
width: 1rem;
|
||||
z-index: -1;
|
||||
|
||||
& + label {
|
||||
@include icon(false, solid);
|
||||
@include vendor('user-select', 'none');
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-size: 1rem;
|
||||
font-weight: _font(weight);
|
||||
padding-left: (_size(element-height) * 0.6) + 0.75rem;
|
||||
padding-right: 0.75rem;
|
||||
position: relative;
|
||||
margin-bottom: 0;
|
||||
|
||||
&:before {
|
||||
border-radius: _size(border-radius);
|
||||
border: solid _size(border-width);
|
||||
content: '';
|
||||
display: inline-block;
|
||||
font-size: 0.8rem;
|
||||
height: (_size(element-height) * 0.6);
|
||||
left: 0;
|
||||
line-height: (_size(element-height) * 0.6);
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
top: 0;
|
||||
width: (_size(element-height) * 0.6);
|
||||
}
|
||||
}
|
||||
|
||||
&:checked + label {
|
||||
&:before {
|
||||
content: '\f00c';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
input[type="checkbox"] {
|
||||
& + label {
|
||||
&:before {
|
||||
border-radius: _size(border-radius);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
input[type="radio"] {
|
||||
& + label {
|
||||
&:before {
|
||||
border-radius: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
:-moz-placeholder {
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
::-moz-placeholder {
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
:-ms-input-placeholder {
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
@mixin color-form($p: null) {
|
||||
label {
|
||||
color: _palette($p, fg-bold);
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
input[type="email"],
|
||||
input[type="tel"],
|
||||
input[type="search"],
|
||||
input[type="url"],
|
||||
select,
|
||||
textarea {
|
||||
border-color: _palette($p, border);
|
||||
|
||||
&:focus {
|
||||
border-color: _palette($p, accent);
|
||||
box-shadow: 0 0 0 _size(border-width) _palette($p, accent);
|
||||
}
|
||||
}
|
||||
|
||||
select {
|
||||
background-image: svg-url("<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'><path d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='#{_palette(border)}' /></svg>");
|
||||
|
||||
option {
|
||||
color: _palette(fg-bold);
|
||||
background: _palette(bg);
|
||||
}
|
||||
}
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"], {
|
||||
& + label {
|
||||
color: _palette($p, fg);
|
||||
|
||||
&:before {
|
||||
border-color: _palette($p, fg-light);
|
||||
}
|
||||
}
|
||||
|
||||
&:checked + label {
|
||||
&:before {
|
||||
background-color: _palette($p, fg-bold);
|
||||
border-color: _palette($p, fg-bold);
|
||||
color: _palette($p, bg);
|
||||
}
|
||||
}
|
||||
|
||||
&:focus + label {
|
||||
&:before {
|
||||
border-color: _palette($p, accent);
|
||||
box-shadow: 0 0 0 _size(border-width) _palette($p, accent);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
color: _palette($p, fg-light) !important;
|
||||
}
|
||||
|
||||
:-moz-placeholder {
|
||||
color: _palette($p, fg-light) !important;
|
||||
}
|
||||
|
||||
::-moz-placeholder {
|
||||
color: _palette($p, fg-light) !important;
|
||||
}
|
||||
|
||||
:-ms-input-placeholder {
|
||||
color: _palette($p, fg-light) !important;
|
||||
}
|
||||
}
|
||||
|
||||
@include color-form;
|
||||
|
|
@ -1,616 +0,0 @@
|
|||
///
|
||||
/// Story by HTML5 UP
|
||||
/// html5up.net | @ajlkn
|
||||
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
///
|
||||
|
||||
/* Gallery (transitions) */
|
||||
|
||||
.gallery {
|
||||
|
||||
// Mixin.
|
||||
@mixin transition-gallery($event) {
|
||||
$x: null;
|
||||
$y: null;
|
||||
|
||||
@if ($event == 'load') {
|
||||
$x: 'body.is-preload &';
|
||||
$y: _duration(on-load);
|
||||
}
|
||||
@else if ($event == 'scroll') {
|
||||
$x: '&.is-inactive';
|
||||
$y: _duration(on-scroll);
|
||||
}
|
||||
|
||||
&.on#{$event}-fade-in {
|
||||
article {
|
||||
.image {
|
||||
img {
|
||||
@include vendor('transition', 'opacity #{$y} ease-in-out');
|
||||
@include vendor('transition-delay', '#{_misc(gallery-limit) * _duration(gallery-delay)}');
|
||||
}
|
||||
}
|
||||
|
||||
@for $i from 0 through _misc(gallery-limit) {
|
||||
&:nth-child(#{$i + 1}) {
|
||||
.image {
|
||||
img {
|
||||
@include vendor('transition-delay', '#{$i * _duration(gallery-delay)}');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#{$x} {
|
||||
article {
|
||||
.image {
|
||||
img {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// On Load.
|
||||
@include transition-gallery('load');
|
||||
|
||||
// On Scroll.
|
||||
@include transition-gallery('scroll');
|
||||
|
||||
}
|
||||
|
||||
/* Gallery (style1) */
|
||||
|
||||
.gallery.style1 {
|
||||
@include color-typography(invert);
|
||||
@include color-button(invert);
|
||||
@include vendor('align-items', 'center');
|
||||
@include vendor('display', 'flex');
|
||||
@include vendor('flex-wrap', 'wrap');
|
||||
@include vendor('justify-content', 'center');
|
||||
position: relative;
|
||||
width: 100%;
|
||||
background-color: transparent;
|
||||
|
||||
> .forward, >.backward {
|
||||
display: none;
|
||||
}
|
||||
|
||||
> .inner {
|
||||
@include vendor('align-items', 'inherit');
|
||||
@include vendor('display', 'inherit');
|
||||
@include vendor('flex-wrap', 'inherit');
|
||||
@include vendor('justify-content', 'inherit');
|
||||
}
|
||||
|
||||
article {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 25%;
|
||||
|
||||
.image {
|
||||
@include vendor('transition', 'opacity #{_duration(transition)} ease-in-out');
|
||||
display: block;
|
||||
width: 100%;
|
||||
border-radius: 0;
|
||||
|
||||
img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.caption {
|
||||
@include vendor('align-items', 'center');
|
||||
@include vendor('display', 'flex');
|
||||
@include vendor('flex-direction', 'column');
|
||||
@include vendor('justify-content', 'center');
|
||||
@include vendor('pointer-events', 'none');
|
||||
@include vendor('transition', 'opacity #{_duration(transition)} ease-in-out');
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: transparentize(_palette(invert, bg), 1 - _misc(overlay-opacity));
|
||||
opacity: 0;
|
||||
padding: 2rem;
|
||||
z-index: 1;
|
||||
font-size: 0.8rem;
|
||||
|
||||
a {
|
||||
@include vendor('pointer-events', 'auto');
|
||||
}
|
||||
|
||||
h2, h3, h4, h5, h6 {
|
||||
font-size: 1.25rem;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
> * {
|
||||
max-width: 100%;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
> :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.caption {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=large') {
|
||||
article {
|
||||
width: (100% / 3);
|
||||
|
||||
.caption {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=medium') {
|
||||
article {
|
||||
width: 50%;
|
||||
|
||||
.caption {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=xsmall') {
|
||||
article {
|
||||
width: 100%;
|
||||
|
||||
.caption {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Modifiers.
|
||||
|
||||
// size
|
||||
&.small {
|
||||
article {
|
||||
width: 20%;
|
||||
|
||||
.caption {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=large') {
|
||||
article {
|
||||
width: 25%;
|
||||
|
||||
.caption {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=medium') {
|
||||
article {
|
||||
width: (100% / 3);
|
||||
|
||||
.caption {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=xsmall') {
|
||||
article {
|
||||
width: 50%;
|
||||
|
||||
.caption {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.medium {
|
||||
// ...
|
||||
}
|
||||
|
||||
&.big {
|
||||
article {
|
||||
width: (100% / 3);
|
||||
|
||||
.caption {
|
||||
padding: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=large') {
|
||||
article {
|
||||
width: 50%;
|
||||
|
||||
.caption {
|
||||
padding: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=medium') {
|
||||
article {
|
||||
width: 50%;
|
||||
|
||||
.caption {
|
||||
padding: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=xsmall') {
|
||||
article {
|
||||
width: 100%;
|
||||
|
||||
.caption {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Gallery (style2) */
|
||||
|
||||
.gallery.style2 {
|
||||
@include color-typography(invert);
|
||||
@include color-button(invert);
|
||||
@include vendor('display', 'flex');
|
||||
-webkit-overflow-scrolling: touch;
|
||||
position: relative;
|
||||
background-color: transparent;
|
||||
|
||||
> .forward, >.backward {
|
||||
@include icon(false, solid);
|
||||
@include vendor('transition', 'opacity #{_duration(transition)} ease-in-out');
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 5rem;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
z-index: 2;
|
||||
|
||||
&:before {
|
||||
display: block;
|
||||
top: calc(50% - 1.5rem);
|
||||
width: 4rem;
|
||||
height: 3rem;
|
||||
line-height: 1em;
|
||||
font-size: 3rem;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> .forward, > .backward {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
> .forward {
|
||||
right: 0;
|
||||
background-image: linear-gradient(to left, rgba(0,0,0,0.25) 15%, rgba(0,0,0,0));
|
||||
|
||||
&:before {
|
||||
content: '\f105';
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
> .backward {
|
||||
left: 0;
|
||||
background-image: linear-gradient(to right, rgba(0,0,0,0.25) 15%, rgba(0,0,0,0));
|
||||
|
||||
&:before {
|
||||
content: '\f104';
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
> .inner {
|
||||
@include vendor('display', 'inherit');
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
article {
|
||||
@include vendor('flex-grow', '0');
|
||||
@include vendor('flex-shrink', '0');
|
||||
display: block;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
width: 22.5rem;
|
||||
max-width: 75vw;
|
||||
|
||||
.image {
|
||||
display: block;
|
||||
width: 100%;
|
||||
border-radius: 0;
|
||||
|
||||
img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.caption {
|
||||
@include vendor('align-items', 'center');
|
||||
@include vendor('display', 'flex');
|
||||
@include vendor('flex-direction', 'column');
|
||||
@include vendor('justify-content', 'center');
|
||||
@include vendor('pointer-events', 'none');
|
||||
@include vendor('transition', 'opacity #{_duration(transition)} ease-in-out');
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: transparentize(_palette(invert, bg), 1 - _misc(lightbox-opacity));
|
||||
opacity: 0;
|
||||
padding: 3rem;
|
||||
z-index: 1;
|
||||
font-size: 1rem;
|
||||
|
||||
a {
|
||||
@include vendor('pointer-events', 'auto');
|
||||
}
|
||||
|
||||
h2, h3, h4, h5, h6 {
|
||||
font-size: 1.25rem;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
> * {
|
||||
max-width: 100%;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
> :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.caption {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=medium') {
|
||||
article {
|
||||
.caption {
|
||||
padding: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=small') {
|
||||
article {
|
||||
.caption {
|
||||
padding: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Modifiers.
|
||||
|
||||
// size
|
||||
&.small {
|
||||
article {
|
||||
width: 17.5rem;
|
||||
|
||||
.caption {
|
||||
padding: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=medium') {
|
||||
article {
|
||||
.caption {
|
||||
padding: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=small') {
|
||||
article {
|
||||
.caption {
|
||||
padding: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.medium {
|
||||
// ...
|
||||
}
|
||||
|
||||
&.big {
|
||||
article {
|
||||
width: 30rem;
|
||||
|
||||
.caption {
|
||||
padding: 4rem;
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=medium') {
|
||||
article {
|
||||
.caption {
|
||||
padding: 3rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=small') {
|
||||
article {
|
||||
.caption {
|
||||
padding: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Gallery (lightbox) */
|
||||
|
||||
@include keyframes('gallery-modal-spinner') {
|
||||
0% {
|
||||
@include vendor('transform', 'rotate(0deg)');
|
||||
}
|
||||
|
||||
100% {
|
||||
@include vendor('transform', 'rotate(360deg)');
|
||||
}
|
||||
}
|
||||
|
||||
.gallery.lightbox {
|
||||
.modal {
|
||||
@include vendor('display', 'flex');
|
||||
@include vendor('align-items', 'center');
|
||||
@include vendor('justify-content', 'center');
|
||||
@include vendor('pointer-events', 'none');
|
||||
@include vendor('user-select', 'none');
|
||||
@include vendor('transition', (
|
||||
'opacity #{_duration(gallery-lightbox)} ease',
|
||||
'visibility #{_duration(gallery-lightbox)}',
|
||||
'z-index #{_duration(gallery-lightbox)}'
|
||||
));
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
outline: 0;
|
||||
background-color: transparentize(_palette(invert, bg), 1 - _misc(lightbox-opacity));
|
||||
visibility: none;
|
||||
opacity: 0;
|
||||
z-index: 0;
|
||||
|
||||
&:before {
|
||||
@include vendor('animation', 'gallery-modal-spinner 1s infinite linear');
|
||||
@include vendor('transition', 'opacity #{_duration(gallery-lightbox) * 0.5} ease');
|
||||
@include vendor('transition-delay', '#{_duration(gallery-lightbox)}');
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
margin: -2rem 0 0 -2rem;
|
||||
background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="96px" height="96px" viewBox="0 0 96 96" zoomAndPan="disable"><style>circle {fill: transparent; stroke: #{_palette(invert, fg-bold)}; stroke-width: 1.5px; }</style><defs><clipPath id="corner"><polygon points="0,0 48,0 48,48 96,48 96,96 0,96" /></clipPath></defs><g clip-path="url(#corner)"><circle cx="48" cy="48" r="32"/></g></svg>');
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 4rem;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0.5rem;
|
||||
right: 0.5rem;
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
cursor: pointer;
|
||||
background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64px" height="64px" viewBox="0 0 64 64" zoomAndPan="disable"><style>line {stroke: #{_palette(invert, fg-bold)};stroke-width: 1.5px;}</style><line x1="20" y1="20" x2="44" y2="44" /><line x1="20" y1="44" x2="44" y2="20" /></svg>');
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 3rem;
|
||||
}
|
||||
|
||||
.inner {
|
||||
@include vendor('transform', 'translateY(0.75rem)');
|
||||
@include vendor('transition', (
|
||||
'opacity #{_duration(gallery-lightbox) * 0.5} ease',
|
||||
'transform #{_duration(gallery-lightbox) * 0.5} ease'
|
||||
));
|
||||
opacity: 0;
|
||||
|
||||
img {
|
||||
display: block;
|
||||
max-width: 90vw;
|
||||
max-height: 85vh;
|
||||
box-shadow: 0 1rem 3rem 0 rgba(0, 0, 0, 0.35);
|
||||
}
|
||||
}
|
||||
|
||||
&.visible {
|
||||
@include vendor('pointer-events', 'auto');
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
z-index: _misc(z-index-base) + 1;
|
||||
|
||||
&:before {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
&.loaded {
|
||||
.inner {
|
||||
@include vendor('transform', 'translateY(0)');
|
||||
@include vendor('transition', (
|
||||
'opacity #{_duration(gallery-lightbox)} ease',
|
||||
'transform #{_duration(gallery-lightbox)} ease'
|
||||
));
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&:before {
|
||||
@include vendor('transition-delay', '0s');
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=medium') {
|
||||
.modal {
|
||||
.inner {
|
||||
img {
|
||||
max-width: 100vw;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Mixin
|
||||
|
||||
@mixin color-gallery($p: null) {
|
||||
.gallery {
|
||||
article {
|
||||
.image {
|
||||
background-color: transparentize(_palette($p, fg-bold), 0.875);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include color-gallery;
|
||||
|
|
@ -1,103 +0,0 @@
|
|||
///
|
||||
/// Story by HTML5 UP
|
||||
/// html5up.net | @ajlkn
|
||||
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
///
|
||||
|
||||
/* Icon */
|
||||
|
||||
.icon {
|
||||
@include icon;
|
||||
border-bottom: none;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
|
||||
> .label {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:before {
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
&.solid {
|
||||
&:before {
|
||||
font-weight: 900;
|
||||
}
|
||||
}
|
||||
|
||||
&.brands {
|
||||
&:before {
|
||||
font-family: 'Font Awesome 5 Brands';
|
||||
}
|
||||
}
|
||||
|
||||
&.style2 {
|
||||
&:before {
|
||||
border-radius: 2.75em;
|
||||
display: inline-block;
|
||||
height: 2.75em;
|
||||
line-height: 2.75em;
|
||||
width: 2.75em;
|
||||
}
|
||||
}
|
||||
|
||||
&.major {
|
||||
display: block;
|
||||
margin: 0 0 (_size(element-margin) * 0.5) 0;
|
||||
|
||||
&:before {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a.icon {
|
||||
&.style2 {
|
||||
&:before {
|
||||
@include vendor('transition', (
|
||||
'background-color #{_duration(transition)} ease-in-out',
|
||||
'box-shadow #{_duration(transition)} ease-in-out',
|
||||
'color #{_duration(transition)} ease-in-out'
|
||||
));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin color-icon($p: null) {
|
||||
.icon {
|
||||
&.style2 {
|
||||
&:before {
|
||||
box-shadow: inset 0 0 0 _size(border-width) _palette($p, border);
|
||||
}
|
||||
}
|
||||
}
|
||||
.player {
|
||||
&.style2 {
|
||||
&:before {
|
||||
box-shadow: inset 0 0 0 _size(border-width) _palette($p, fg-light);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a.icon {
|
||||
&.style2 {
|
||||
&:hover {
|
||||
&:before {
|
||||
box-shadow: inset 0 0 0 _size(border-width) _palette($p, accent);
|
||||
color: _palette($p, accent);
|
||||
}
|
||||
}
|
||||
|
||||
&:active {
|
||||
&:before {
|
||||
background-color: transparentize(_palette($p, accent), 0.9);
|
||||
box-shadow: inset 0 0 0 _size(border-width) _palette($p, accent);
|
||||
color: _palette($p, accent);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include color-icon;
|
||||
|
|
@ -1,22 +0,0 @@
|
|||
///
|
||||
/// Story by HTML5 UP
|
||||
/// html5up.net | @ajlkn
|
||||
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
///
|
||||
|
||||
/* Icons */
|
||||
|
||||
ul.icons {
|
||||
cursor: default;
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
padding: 0 0.75rem 0 0;
|
||||
|
||||
&:last-child {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,61 +0,0 @@
|
|||
///
|
||||
/// Story by HTML5 UP
|
||||
/// html5up.net | @ajlkn
|
||||
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
///
|
||||
|
||||
/* Image */
|
||||
|
||||
.image {
|
||||
border: 0;
|
||||
border-radius: _size(border-radius);
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
|
||||
img {
|
||||
display: block;
|
||||
border-radius: _size(border-radius);
|
||||
}
|
||||
|
||||
&.left,
|
||||
&.right {
|
||||
width: 40%;
|
||||
max-width: 10rem;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
&.left {
|
||||
float: left;
|
||||
margin: 0 1.5rem 1rem 0;
|
||||
top: 0.25rem;
|
||||
}
|
||||
|
||||
&.right {
|
||||
float: right;
|
||||
margin: 0 0 1rem 1.5rem;
|
||||
top: 0.25rem;
|
||||
}
|
||||
|
||||
&.fit {
|
||||
display: block;
|
||||
margin: 0 0 _size(element-margin) 0;
|
||||
width: 100%;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
&.main {
|
||||
display: block;
|
||||
margin: 0 0 (_size(element-margin) * 1.5) 0;
|
||||
width: 100%;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,66 +0,0 @@
|
|||
///
|
||||
/// Story by HTML5 UP
|
||||
/// html5up.net | @ajlkn
|
||||
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
///
|
||||
|
||||
/* Index */
|
||||
|
||||
.index {
|
||||
> * {
|
||||
@include padding(3rem, 0);
|
||||
@include vendor('display', 'flex');
|
||||
border-top: solid 1px;
|
||||
|
||||
> header {
|
||||
@include vendor('flex-grow', '0');
|
||||
@include vendor('flex-shrink', '0');
|
||||
width: 15rem;
|
||||
}
|
||||
|
||||
> .content {
|
||||
@include vendor('flex-grow', '1');
|
||||
@include vendor('flex-shrink', '1');
|
||||
}
|
||||
}
|
||||
|
||||
> :first-child {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
@include breakpoint('<=medium') {
|
||||
> * {
|
||||
> header {
|
||||
width: 11rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=small') {
|
||||
> * {
|
||||
> header {
|
||||
width: 10rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=xsmall') {
|
||||
> * {
|
||||
@include vendor('flex-direction', 'column');
|
||||
|
||||
> header {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin color-index($p: null) {
|
||||
.index {
|
||||
> * {
|
||||
border-top-color: _palette($p, border);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include color-index;
|
||||
|
|
@ -1,338 +0,0 @@
|
|||
///
|
||||
/// Story by HTML5 UP
|
||||
/// html5up.net | @ajlkn
|
||||
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
///
|
||||
|
||||
/* Items (transitions) */
|
||||
|
||||
.items {
|
||||
|
||||
// Mixin.
|
||||
@mixin transition-items($event) {
|
||||
$x: null;
|
||||
$y: null;
|
||||
|
||||
@if ($event == 'load') {
|
||||
$x: 'body.is-preload &';
|
||||
$y: _duration(on-load);
|
||||
}
|
||||
@else if ($event == 'scroll') {
|
||||
$x: '&.is-inactive';
|
||||
$y: _duration(on-scroll);
|
||||
}
|
||||
|
||||
&.on#{$event}-fade-in {
|
||||
> * {
|
||||
> .inner {
|
||||
@include vendor('transition', 'opacity #{$y} ease-in-out');
|
||||
@include vendor('transition-delay', '#{_misc(items-limit) * _duration(items-delay)}');
|
||||
}
|
||||
|
||||
@for $i from 0 through _misc(items-limit) {
|
||||
&:nth-child(#{$i + 1}) {
|
||||
> .inner {
|
||||
@include vendor('transition-delay', '#{$i * _duration(items-delay)}');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#{$x} {
|
||||
> * {
|
||||
> .inner {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// On Load.
|
||||
@include transition-items('load');
|
||||
|
||||
// On Scroll.
|
||||
@include transition-items('scroll');
|
||||
|
||||
}
|
||||
|
||||
/* Items (style1) */
|
||||
|
||||
@mixin items-style1-size($name, $size, $padding) {
|
||||
&.#{$name} {
|
||||
> * {
|
||||
@include padding($padding, $padding);
|
||||
width: #{100% / $size};
|
||||
|
||||
&:nth-child(-n + #{$size}) {
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
&:nth-child(#{$size}n + 1) {
|
||||
border-left-width: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin items-style1-size-reset($name, $size) {
|
||||
&.#{$name} {
|
||||
> * {
|
||||
&:nth-child(-n + #{$size}) {
|
||||
border-top-width: _size(border-width);
|
||||
}
|
||||
|
||||
&:nth-child(#{$size}n + 1) {
|
||||
border-left-width: _size(border-width);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.items.style1 {
|
||||
@include vendor('display', 'flex');
|
||||
@include vendor('flex-wrap', 'wrap');
|
||||
@include vendor('justify-content', 'center');
|
||||
margin: (_size(element-margin) * 1.5) 0;
|
||||
position: relative;
|
||||
|
||||
> * {
|
||||
@include vendor('flex-grow', '0');
|
||||
@include vendor('flex-shrink', '0');
|
||||
border-style: solid;
|
||||
border-left-width: _size(border-width);
|
||||
border-top-width: _size(border-width);
|
||||
}
|
||||
|
||||
// Modifiers.
|
||||
|
||||
// Size.
|
||||
@include items-style1-size(big, 2, _size(gutter));
|
||||
@include items-style1-size(medium, 3, _size(gutter) * 0.625);
|
||||
@include items-style1-size(small, 4, _size(gutter) * 0.375);
|
||||
|
||||
@include breakpoint('<=large') {
|
||||
@include items-style1-size-reset(small, 4);
|
||||
@include items-style1-size(small, 3, _size(gutter) * 0.625);
|
||||
}
|
||||
|
||||
@include breakpoint('<=medium') {
|
||||
@include items-style1-size-reset(medium, 3);
|
||||
@include items-style1-size(medium, 2, _size(gutter));
|
||||
|
||||
@include items-style1-size-reset(small, 3);
|
||||
@include items-style1-size(small, 2, _size(gutter));
|
||||
}
|
||||
|
||||
@include breakpoint('<=xsmall') {
|
||||
@include items-style1-size-reset(big, 2);
|
||||
@include items-style1-size(big, 1, _size(gutter) * 0.75);
|
||||
|
||||
@include items-style1-size-reset(medium, 2);
|
||||
@include items-style1-size(medium, 1, _size(gutter) * 0.75);
|
||||
|
||||
@include items-style1-size-reset(small, 2);
|
||||
@include items-style1-size(small, 1, _size(gutter) * 0.75);
|
||||
|
||||
&.big,
|
||||
&.medium,
|
||||
&.small {
|
||||
> * {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
> :first-child {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
> :last-child {
|
||||
padding-bottom: 0;
|
||||
|
||||
> .inner {
|
||||
> :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Items (style2) */
|
||||
|
||||
@mixin items-style2-size($name, $size, $padding) {
|
||||
&.#{$name} {
|
||||
> * {
|
||||
@include padding($padding, $padding);
|
||||
width: #{100% / $size};
|
||||
|
||||
&:nth-child(-n + #{$size}) {
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
&:nth-child(#{$size}n + 1) {
|
||||
border-left-width: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin items-style2-size-reset($name, $size) {
|
||||
&.#{$name} {
|
||||
> * {
|
||||
&:nth-child(-n + #{$size}) {
|
||||
border-top-width: _size(border-width);
|
||||
}
|
||||
|
||||
&:nth-child(#{$size}n + 1) {
|
||||
border-left-width: _size(border-width);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.items.style2 {
|
||||
@include vendor('display', 'flex');
|
||||
@include vendor('flex-wrap', 'wrap');
|
||||
@include vendor('justify-content', 'center');
|
||||
margin: (_size(element-margin) * 1.5) 0;
|
||||
position: relative;
|
||||
border: solid _size(border-width);
|
||||
border-radius: _size(border-radius);
|
||||
|
||||
> * {
|
||||
@include vendor('flex-grow', '0');
|
||||
@include vendor('flex-shrink', '0');
|
||||
border-style: solid;
|
||||
border-left-width: _size(border-width);
|
||||
border-top-width: _size(border-width);
|
||||
}
|
||||
|
||||
// Modifiers.
|
||||
|
||||
// Size.
|
||||
@include items-style2-size(big, 2, _size(gutter));
|
||||
@include items-style2-size(medium, 3, _size(gutter) * 0.625);
|
||||
@include items-style2-size(small, 4, _size(gutter) * 0.375);
|
||||
|
||||
@include breakpoint('<=large') {
|
||||
@include items-style2-size-reset(small, 4);
|
||||
@include items-style2-size(small, 3, _size(gutter) * 0.625);
|
||||
}
|
||||
|
||||
@include breakpoint('<=medium') {
|
||||
@include items-style2-size-reset(medium, 3);
|
||||
@include items-style2-size(medium, 2, _size(gutter));
|
||||
|
||||
@include items-style2-size-reset(small, 3);
|
||||
@include items-style2-size(small, 2, _size(gutter));
|
||||
}
|
||||
|
||||
@include breakpoint('<=xsmall') {
|
||||
@include items-style2-size-reset(big, 2);
|
||||
@include items-style2-size(big, 1, _size(gutter) * 0.75);
|
||||
|
||||
@include items-style2-size-reset(medium, 2);
|
||||
@include items-style2-size(medium, 1, _size(gutter) * 0.75);
|
||||
|
||||
@include items-style2-size-reset(small, 2);
|
||||
@include items-style2-size(small, 1, _size(gutter) * 0.75);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Items (style3) */
|
||||
|
||||
@mixin items-style3-size($name, $size, $padding) {
|
||||
&.#{$name} {
|
||||
> * {
|
||||
@include padding($padding, $padding);
|
||||
width: #{100% / $size};
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.items.style3 {
|
||||
@include vendor('display', 'flex');
|
||||
@include vendor('flex-wrap', 'wrap');
|
||||
@include vendor('justify-content', 'center');
|
||||
margin: (_size(element-margin) * 1.5) 0;
|
||||
position: relative;
|
||||
|
||||
> * {
|
||||
@include vendor('flex-grow', '0');
|
||||
@include vendor('flex-shrink', '0');
|
||||
}
|
||||
|
||||
// Modifiers.
|
||||
|
||||
// Size.
|
||||
@include items-style3-size(big, 2, _size(gutter) * 0.5);
|
||||
@include items-style3-size(medium, 3, _size(gutter) * 0.5 * 0.625);
|
||||
@include items-style3-size(small, 4, _size(gutter) * 0.5 * 0.375);
|
||||
|
||||
@include breakpoint('<=large') {
|
||||
@include items-style3-size(small, 3, _size(gutter) * 0.5 * 0.625);
|
||||
}
|
||||
|
||||
@include breakpoint('<=medium') {
|
||||
@include items-style3-size(medium, 2, _size(gutter) * 0.5);
|
||||
@include items-style3-size(small, 2, _size(gutter) * 0.5);
|
||||
}
|
||||
|
||||
@include breakpoint('<=small') {
|
||||
margin: _size(element-margin) 0;
|
||||
}
|
||||
|
||||
@include breakpoint('<=xsmall') {
|
||||
@include items-style3-size(big, 1, _size(gutter) * 0.5 * 0.75);
|
||||
@include items-style3-size(medium, 1, _size(gutter) * 0.5 * 0.75);
|
||||
@include items-style3-size(small, 1, _size(gutter) * 0.5 * 0.75);
|
||||
|
||||
&.big,
|
||||
&.medium,
|
||||
&.small {
|
||||
> * {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
> :first-child {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
> :last-child {
|
||||
padding-bottom: 0;
|
||||
|
||||
> .inner {
|
||||
> :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Mixin
|
||||
|
||||
@mixin color-items($p: null) {
|
||||
.items.style1 {
|
||||
> * {
|
||||
border-color: _palette($p, #fff);
|
||||
}
|
||||
}
|
||||
|
||||
.items.style2 {
|
||||
border-color: _palette($p, border);
|
||||
|
||||
> * {
|
||||
border-color: _palette($p, border);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include color-items;
|
||||
|
|
@ -1,86 +0,0 @@
|
|||
///
|
||||
/// Story by HTML5 UP
|
||||
/// html5up.net | @ajlkn
|
||||
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
///
|
||||
|
||||
/* List */
|
||||
|
||||
ol {
|
||||
list-style: decimal;
|
||||
margin: 0 0 _size(element-margin) 0;
|
||||
padding-left: 1.25rem;
|
||||
|
||||
li {
|
||||
padding-left: 0.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: disc;
|
||||
margin: 0 0 _size(element-margin) 0;
|
||||
padding-left: 1rem;
|
||||
|
||||
li {
|
||||
padding-left: 0.5rem;
|
||||
}
|
||||
|
||||
&.alt {
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
|
||||
li {
|
||||
border-top: solid _size(border-width);
|
||||
padding: 0.5rem 0;
|
||||
|
||||
&:first-child {
|
||||
border-top: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
dl {
|
||||
margin: 0 0 _size(element-margin) 0;
|
||||
|
||||
dt {
|
||||
display: block;
|
||||
font-weight: _font(weight-bold);
|
||||
margin: 0 0 (_size(element-margin) * 0.5) 0;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-left: _size(element-margin);
|
||||
}
|
||||
|
||||
&.style2 {
|
||||
dt {
|
||||
width: 25%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
dd {
|
||||
width: 70%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin color-list($p: null) {
|
||||
ul {
|
||||
&.alt {
|
||||
li {
|
||||
border-top-color: _palette($p, border);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include color-list;
|
||||
|
|
@ -1,35 +0,0 @@
|
|||
///
|
||||
/// Story by HTML5 UP
|
||||
/// html5up.net | @ajlkn
|
||||
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
///
|
||||
|
||||
/* Row */
|
||||
|
||||
.row {
|
||||
@include html-grid(2rem);
|
||||
|
||||
@include breakpoint('<=xlarge') {
|
||||
@include html-grid(2rem, 'xlarge');
|
||||
}
|
||||
|
||||
@include breakpoint('<=large') {
|
||||
@include html-grid(2rem, 'large');
|
||||
}
|
||||
|
||||
@include breakpoint('<=medium') {
|
||||
@include html-grid(2rem, 'medium');
|
||||
}
|
||||
|
||||
@include breakpoint('<=small') {
|
||||
@include html-grid(2rem, 'small');
|
||||
}
|
||||
|
||||
@include breakpoint('<=xsmall') {
|
||||
@include html-grid(2rem, 'xsmall');
|
||||
}
|
||||
|
||||
@include breakpoint('<=xxsmall') {
|
||||
@include html-grid(2rem, 'xxsmall');
|
||||
}
|
||||
}
|
||||
|
|
@ -1,49 +0,0 @@
|
|||
///
|
||||
/// Story by HTML5 UP
|
||||
/// html5up.net | @ajlkn
|
||||
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
///
|
||||
|
||||
/* Section/Article */
|
||||
|
||||
section, article {
|
||||
&.special {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
header {
|
||||
p {
|
||||
position: relative;
|
||||
margin: (_size(element-margin) * -0.325) 0 (_size(element-margin) * 0.75) 0;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
h1 + p {
|
||||
font-size: 1.375rem;
|
||||
}
|
||||
|
||||
h2 + p {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
h3 + p {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
h4 + p,
|
||||
h5 + p,
|
||||
h6 + p {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin color-section($p: null) {
|
||||
header {
|
||||
p {
|
||||
color: _palette($p, fg-light);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include color-section;
|
||||
File diff suppressed because it is too large
Load diff
|
|
@ -1,137 +0,0 @@
|
|||
///
|
||||
/// Story by HTML5 UP
|
||||
/// html5up.net | @ajlkn
|
||||
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
///
|
||||
|
||||
/* Table */
|
||||
|
||||
.table-wrapper {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
margin: 0 0 _size(element-margin) 0;
|
||||
overflow-x: auto;
|
||||
|
||||
> table {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
table {
|
||||
margin: 0 0 _size(element-margin) 0;
|
||||
width: 100%;
|
||||
|
||||
tbody {
|
||||
tr {
|
||||
border: solid _size(border-width);
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 0.75rem 0.75rem;
|
||||
}
|
||||
|
||||
th {
|
||||
font-size: 0.9rem;
|
||||
font-weight: _font(weight-bold);
|
||||
padding: 0 0.75rem 0.75rem 0.75rem;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
thead {
|
||||
border-bottom: solid (_size(border-width) * 2);
|
||||
}
|
||||
|
||||
tfoot {
|
||||
border-top: solid (_size(border-width) * 2);
|
||||
}
|
||||
|
||||
&.alt {
|
||||
border-collapse: separate;
|
||||
|
||||
tbody {
|
||||
tr {
|
||||
td {
|
||||
border: solid _size(border-width);
|
||||
border-left-width: 0;
|
||||
border-top-width: 0;
|
||||
|
||||
&:first-child {
|
||||
border-left-width: _size(border-width);
|
||||
}
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
td {
|
||||
border-top-width: _size(border-width);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
thead {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
tfoot {
|
||||
border-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.fixed {
|
||||
table-layout: fixed;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin color-table($p: null) {
|
||||
table {
|
||||
tbody {
|
||||
tr {
|
||||
border-color: _palette($p, border);
|
||||
|
||||
&:nth-child(2n + 1) {
|
||||
background-color: _palette($p, border-bg);
|
||||
}
|
||||
|
||||
&.alt {
|
||||
background-color: _palette($p, border-bg) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
th {
|
||||
color: _palette($p, fg-bold);
|
||||
}
|
||||
|
||||
thead {
|
||||
border-bottom-color: _palette($p, border);
|
||||
}
|
||||
|
||||
tfoot {
|
||||
border-top-color: _palette($p, border);
|
||||
}
|
||||
|
||||
&.alt {
|
||||
tbody {
|
||||
tr {
|
||||
td {
|
||||
border-color: _palette($p, border);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.uniform {
|
||||
tbody {
|
||||
tr {
|
||||
&:nth-child(2n + 1) {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include color-table;
|
||||
|
|
@ -1,120 +0,0 @@
|
|||
///
|
||||
/// Story by HTML5 UP
|
||||
/// html5up.net | @ajlkn
|
||||
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
///
|
||||
|
||||
/* Wrapper (style1) */
|
||||
|
||||
.wrapper.style1 {
|
||||
> .inner {
|
||||
@include padding(_size(padding, default), _size(padding, default) * 0.5);
|
||||
margin: 0 auto;
|
||||
max-width: 100%;
|
||||
width: _size(inner);
|
||||
|
||||
&.medium {
|
||||
width: _size(inner) * 0.75;
|
||||
}
|
||||
|
||||
&.small {
|
||||
width: _size(inner) * 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=xlarge') {
|
||||
> .inner {
|
||||
@include padding(_size(padding, xlarge), _size(padding, xlarge) * 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=large') {
|
||||
> .inner {
|
||||
@include padding(_size(padding, large), _size(padding, large));
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=medium') {
|
||||
> .inner {
|
||||
@include padding(_size(padding, medium) * 1.5, _size(padding, medium));
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=small') {
|
||||
> .inner {
|
||||
@include padding(_size(padding, small) * 1.5, _size(padding, small));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Wrapper (style2) */
|
||||
|
||||
.wrapper.style2 {
|
||||
padding: _size(padding, default);
|
||||
background-color: _palette(bg-alt);
|
||||
|
||||
> .inner {
|
||||
@include padding(_size(padding, default) * 0.75, _size(padding, default) * 0.5);
|
||||
background-color: _palette(bg);
|
||||
border-radius: _size(border-radius-alt);
|
||||
margin: 0 auto;
|
||||
max-width: 100%;
|
||||
position: relative;
|
||||
width: _size(inner);
|
||||
z-index: 1;
|
||||
|
||||
&.medium {
|
||||
width: _size(inner) * 0.75;
|
||||
}
|
||||
|
||||
&.small {
|
||||
width: _size(inner) * 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=xlarge') {
|
||||
padding: _size(padding, xlarge);
|
||||
|
||||
> .inner {
|
||||
@include padding(_size(padding, xlarge) * 0.75, _size(padding, xlarge) * 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=large') {
|
||||
padding: _size(padding, large);
|
||||
|
||||
> .inner {
|
||||
@include padding(_size(padding, large) * 0.75, _size(padding, large) * 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=medium') {
|
||||
padding: _size(padding, medium) * 0.75;
|
||||
|
||||
> .inner {
|
||||
@include padding(_size(padding, medium), _size(padding, medium) * 0.75);
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=small') {
|
||||
padding: _size(padding, small) * 0.75;
|
||||
|
||||
> .inner {
|
||||
@include padding(_size(padding, small), _size(padding, small) * 0.75);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
> .wrapper.style2 {
|
||||
&.invert {
|
||||
&:not(.color1):not(.color2):not(.color3):not(.color4):not(.color5):not(.color6):not(.color7) {
|
||||
background-color: _palette(invert, bg-alt);
|
||||
}
|
||||
|
||||
> .inner {
|
||||
background-color: _palette(invert, bg);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,49 +0,0 @@
|
|||
///
|
||||
/// Story by HTML5 UP
|
||||
/// html5up.net | @ajlkn
|
||||
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
///
|
||||
|
||||
/* Wrapper */
|
||||
|
||||
@mixin wrapper-color($n) {
|
||||
> .color#{$n} {
|
||||
background-color: _palette(color#{$n});
|
||||
}
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
background-color: inherit;
|
||||
width: 100%;
|
||||
overflow-x: hidden;
|
||||
|
||||
> .invert {
|
||||
@include color(invert);
|
||||
}
|
||||
|
||||
@include wrapper-color(1);
|
||||
@include wrapper-color(2);
|
||||
@include wrapper-color(3);
|
||||
@include wrapper-color(4);
|
||||
@include wrapper-color(5);
|
||||
@include wrapper-color(6);
|
||||
@include wrapper-color(7);
|
||||
|
||||
&.divided {
|
||||
> * {
|
||||
box-shadow: inset 0 10px 10px 0 _palette(border-alt);
|
||||
|
||||
&:first-child {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
> .invert {
|
||||
box-shadow: inset 0 1px 0 0 _palette(invert, border-alt);
|
||||
|
||||
&:first-child {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
43
_sass/libs/_animations.scss
Normal file
43
_sass/libs/_animations.scss
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
// Animation
|
||||
@-webkit-keyframes infiniteRotate {
|
||||
0% { -webkit-transform: rotate(0deg); }
|
||||
100% { -webkit-transform: rotate(360deg); }
|
||||
}
|
||||
@-moz-keyframes infiniteRotate {
|
||||
0% { -webkit-transform: rotate(0deg); }
|
||||
100% { -webkit-transform: rotate(360deg); }
|
||||
}
|
||||
@keyframes infiniteRotate {
|
||||
0% { -webkit-transform: rotate(0deg); }
|
||||
100% { -webkit-transform: rotate(360deg); }
|
||||
}
|
||||
|
||||
|
||||
@-webkit-keyframes backgroundBlink {
|
||||
0%{background-position:73% 0%}
|
||||
50%{background-position:28% 100%}
|
||||
100%{background-position:73% 0%}
|
||||
}
|
||||
@-moz-keyframes backgroundBlink {
|
||||
0%{background-position:73% 0%}
|
||||
50%{background-position:28% 100%}
|
||||
100%{background-position:73% 0%}
|
||||
}
|
||||
@keyframes backgroundBlink {
|
||||
0%{background-position:73% 0%}
|
||||
50%{background-position:28% 100%}
|
||||
100%{background-position:73% 0%}
|
||||
}
|
||||
|
||||
@-webkit-keyframes backgroundSize {
|
||||
0%{background-size:200% 400%}
|
||||
100%{background-size:400% 200%}
|
||||
}
|
||||
@-moz-keyframes backgroundSize {
|
||||
0%{background-size:200% 400%}
|
||||
100%{background-size:400% 200%}
|
||||
}
|
||||
@keyframes backgroundSize {
|
||||
0%{background-size:200% 400%}
|
||||
100%{background-size:400% 200%}
|
||||
}
|
||||
|
|
@ -1,223 +0,0 @@
|
|||
// breakpoints.scss v1.0 | @ajlkn | MIT licensed */
|
||||
|
||||
// Vars.
|
||||
|
||||
/// Breakpoints.
|
||||
/// @var {list}
|
||||
$breakpoints: () !global;
|
||||
|
||||
// Mixins.
|
||||
|
||||
/// Sets breakpoints.
|
||||
/// @param {map} $x Breakpoints.
|
||||
@mixin breakpoints($x: ()) {
|
||||
$breakpoints: $x !global;
|
||||
}
|
||||
|
||||
/// Wraps @content in a @media block targeting a specific orientation.
|
||||
/// @param {string} $orientation Orientation.
|
||||
@mixin orientation($orientation) {
|
||||
@media screen and (orientation: #{$orientation}) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
/// Wraps @content in a @media block using a given query.
|
||||
/// @param {string} $query Query.
|
||||
@mixin breakpoint($query: null) {
|
||||
|
||||
$breakpoint: null;
|
||||
$op: null;
|
||||
$media: null;
|
||||
|
||||
// Determine operator, breakpoint.
|
||||
|
||||
// Greater than or equal.
|
||||
@if (str-slice($query, 0, 2) == '>=') {
|
||||
|
||||
$op: 'gte';
|
||||
$breakpoint: str-slice($query, 3);
|
||||
|
||||
}
|
||||
|
||||
// Less than or equal.
|
||||
@elseif (str-slice($query, 0, 2) == '<=') {
|
||||
|
||||
$op: 'lte';
|
||||
$breakpoint: str-slice($query, 3);
|
||||
|
||||
}
|
||||
|
||||
// Greater than.
|
||||
@elseif (str-slice($query, 0, 1) == '>') {
|
||||
|
||||
$op: 'gt';
|
||||
$breakpoint: str-slice($query, 2);
|
||||
|
||||
}
|
||||
|
||||
// Less than.
|
||||
@elseif (str-slice($query, 0, 1) == '<') {
|
||||
|
||||
$op: 'lt';
|
||||
$breakpoint: str-slice($query, 2);
|
||||
|
||||
}
|
||||
|
||||
// Not.
|
||||
@elseif (str-slice($query, 0, 1) == '!') {
|
||||
|
||||
$op: 'not';
|
||||
$breakpoint: str-slice($query, 2);
|
||||
|
||||
}
|
||||
|
||||
// Equal.
|
||||
@else {
|
||||
|
||||
$op: 'eq';
|
||||
$breakpoint: $query;
|
||||
|
||||
}
|
||||
|
||||
// Build media.
|
||||
@if ($breakpoint and map-has-key($breakpoints, $breakpoint)) {
|
||||
|
||||
$a: map-get($breakpoints, $breakpoint);
|
||||
|
||||
// Range.
|
||||
@if (type-of($a) == 'list') {
|
||||
|
||||
$x: nth($a, 1);
|
||||
$y: nth($a, 2);
|
||||
|
||||
// Max only.
|
||||
@if ($x == null) {
|
||||
|
||||
// Greater than or equal (>= 0 / anything)
|
||||
@if ($op == 'gte') {
|
||||
$media: 'screen';
|
||||
}
|
||||
|
||||
// Less than or equal (<= y)
|
||||
@elseif ($op == 'lte') {
|
||||
$media: 'screen and (max-width: ' + $y + ')';
|
||||
}
|
||||
|
||||
// Greater than (> y)
|
||||
@elseif ($op == 'gt') {
|
||||
$media: 'screen and (min-width: ' + ($y + 1) + ')';
|
||||
}
|
||||
|
||||
// Less than (< 0 / invalid)
|
||||
@elseif ($op == 'lt') {
|
||||
$media: 'screen and (max-width: -1px)';
|
||||
}
|
||||
|
||||
// Not (> y)
|
||||
@elseif ($op == 'not') {
|
||||
$media: 'screen and (min-width: ' + ($y + 1) + ')';
|
||||
}
|
||||
|
||||
// Equal (<= y)
|
||||
@else {
|
||||
$media: 'screen and (max-width: ' + $y + ')';
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Min only.
|
||||
@else if ($y == null) {
|
||||
|
||||
// Greater than or equal (>= x)
|
||||
@if ($op == 'gte') {
|
||||
$media: 'screen and (min-width: ' + $x + ')';
|
||||
}
|
||||
|
||||
// Less than or equal (<= inf / anything)
|
||||
@elseif ($op == 'lte') {
|
||||
$media: 'screen';
|
||||
}
|
||||
|
||||
// Greater than (> inf / invalid)
|
||||
@elseif ($op == 'gt') {
|
||||
$media: 'screen and (max-width: -1px)';
|
||||
}
|
||||
|
||||
// Less than (< x)
|
||||
@elseif ($op == 'lt') {
|
||||
$media: 'screen and (max-width: ' + ($x - 1) + ')';
|
||||
}
|
||||
|
||||
// Not (< x)
|
||||
@elseif ($op == 'not') {
|
||||
$media: 'screen and (max-width: ' + ($x - 1) + ')';
|
||||
}
|
||||
|
||||
// Equal (>= x)
|
||||
@else {
|
||||
$media: 'screen and (min-width: ' + $x + ')';
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Min and max.
|
||||
@else {
|
||||
|
||||
// Greater than or equal (>= x)
|
||||
@if ($op == 'gte') {
|
||||
$media: 'screen and (min-width: ' + $x + ')';
|
||||
}
|
||||
|
||||
// Less than or equal (<= y)
|
||||
@elseif ($op == 'lte') {
|
||||
$media: 'screen and (max-width: ' + $y + ')';
|
||||
}
|
||||
|
||||
// Greater than (> y)
|
||||
@elseif ($op == 'gt') {
|
||||
$media: 'screen and (min-width: ' + ($y + 1) + ')';
|
||||
}
|
||||
|
||||
// Less than (< x)
|
||||
@elseif ($op == 'lt') {
|
||||
$media: 'screen and (max-width: ' + ($x - 1) + ')';
|
||||
}
|
||||
|
||||
// Not (< x and > y)
|
||||
@elseif ($op == 'not') {
|
||||
$media: 'screen and (max-width: ' + ($x - 1) + '), screen and (min-width: ' + ($y + 1) + ')';
|
||||
}
|
||||
|
||||
// Equal (>= x and <= y)
|
||||
@else {
|
||||
$media: 'screen and (min-width: ' + $x + ') and (max-width: ' + $y + ')';
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// String.
|
||||
@else {
|
||||
|
||||
// Missing a media type? Prefix with "screen".
|
||||
@if (str-slice($a, 0, 1) == '(') {
|
||||
$media: 'screen and ' + $a;
|
||||
}
|
||||
|
||||
// Otherwise, use as-is.
|
||||
@else {
|
||||
$media: $a;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Output.
|
||||
@media #{$media} {
|
||||
@content;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Astloch';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Astloch Bold'), local('Astloch-Bold'), url(/assets/fonts/Astloch-Bold.ttf) format('truetype');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
|
|
@ -1,90 +0,0 @@
|
|||
/// Removes a specific item from a list.
|
||||
/// @author Hugo Giraudel
|
||||
/// @param {list} $list List.
|
||||
/// @param {integer} $index Index.
|
||||
/// @return {list} Updated list.
|
||||
@function remove-nth($list, $index) {
|
||||
|
||||
$result: null;
|
||||
|
||||
@if type-of($index) != number {
|
||||
@warn "$index: #{quote($index)} is not a number for `remove-nth`.";
|
||||
}
|
||||
@else if $index == 0 {
|
||||
@warn "List index 0 must be a non-zero integer for `remove-nth`.";
|
||||
}
|
||||
@else if abs($index) > length($list) {
|
||||
@warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";
|
||||
}
|
||||
@else {
|
||||
|
||||
$result: ();
|
||||
$index: if($index < 0, length($list) + $index + 1, $index);
|
||||
|
||||
@for $i from 1 through length($list) {
|
||||
|
||||
@if $i != $index {
|
||||
$result: append($result, nth($list, $i));
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@return $result;
|
||||
|
||||
}
|
||||
|
||||
/// Gets a value from a map.
|
||||
/// @author Hugo Giraudel
|
||||
/// @param {map} $map Map.
|
||||
/// @param {string} $keys Key(s).
|
||||
/// @return {string} Value.
|
||||
@function val($map, $keys...) {
|
||||
|
||||
@if nth($keys, 1) == null {
|
||||
$keys: remove-nth($keys, 1);
|
||||
}
|
||||
|
||||
@each $key in $keys {
|
||||
$map: map-get($map, $key);
|
||||
}
|
||||
|
||||
@return $map;
|
||||
|
||||
}
|
||||
|
||||
/// Gets a duration value.
|
||||
/// @param {string} $keys Key(s).
|
||||
/// @return {string} Value.
|
||||
@function _duration($keys...) {
|
||||
@return val($duration, $keys...);
|
||||
}
|
||||
|
||||
/// Gets a font value.
|
||||
/// @param {string} $keys Key(s).
|
||||
/// @return {string} Value.
|
||||
@function _font($keys...) {
|
||||
@return val($font, $keys...);
|
||||
}
|
||||
|
||||
/// Gets a misc value.
|
||||
/// @param {string} $keys Key(s).
|
||||
/// @return {string} Value.
|
||||
@function _misc($keys...) {
|
||||
@return val($misc, $keys...);
|
||||
}
|
||||
|
||||
/// Gets a palette value.
|
||||
/// @param {string} $keys Key(s).
|
||||
/// @return {string} Value.
|
||||
@function _palette($keys...) {
|
||||
@return val($palette, $keys...);
|
||||
}
|
||||
|
||||
/// Gets a size value.
|
||||
/// @param {string} $keys Key(s).
|
||||
/// @return {string} Value.
|
||||
@function _size($keys...) {
|
||||
@return val($size, $keys...);
|
||||
}
|
||||
|
|
@ -1,149 +0,0 @@
|
|||
// html-grid.scss v1.0 | @ajlkn | MIT licensed */
|
||||
|
||||
// Mixins.
|
||||
|
||||
/// Initializes the current element as an HTML grid.
|
||||
/// @param {mixed} $gutters Gutters (either a single number to set both column/row gutters, or a list to set them individually).
|
||||
/// @param {mixed} $suffix Column class suffix (optional; either a single suffix or a list).
|
||||
@mixin html-grid($gutters: 1.5em, $suffix: '') {
|
||||
|
||||
// Initialize.
|
||||
$cols: 12;
|
||||
$multipliers: 0, 0.25, 0.5, 1, 1.50, 2.00;
|
||||
$unit: 100% / $cols;
|
||||
|
||||
// Suffixes.
|
||||
$suffixes: null;
|
||||
|
||||
@if (type-of($suffix) == 'list') {
|
||||
$suffixes: $suffix;
|
||||
}
|
||||
@else {
|
||||
$suffixes: ($suffix);
|
||||
}
|
||||
|
||||
// Gutters.
|
||||
$guttersCols: null;
|
||||
$guttersRows: null;
|
||||
|
||||
@if (type-of($gutters) == 'list') {
|
||||
|
||||
$guttersCols: nth($gutters, 1);
|
||||
$guttersRows: nth($gutters, 2);
|
||||
|
||||
}
|
||||
@else {
|
||||
|
||||
$guttersCols: $gutters;
|
||||
$guttersRows: 0;
|
||||
|
||||
}
|
||||
|
||||
// Row.
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
box-sizing: border-box;
|
||||
align-items: stretch;
|
||||
|
||||
// Columns.
|
||||
> * {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
// Gutters.
|
||||
&.gtr-uniform {
|
||||
> * {
|
||||
> :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Alignment.
|
||||
&.aln-left {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
&.aln-center {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
&.aln-right {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
&.aln-top {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
&.aln-middle {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
&.aln-bottom {
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
// Step through suffixes.
|
||||
@each $suffix in $suffixes {
|
||||
|
||||
// Suffix.
|
||||
@if ($suffix != '') {
|
||||
$suffix: '-' + $suffix;
|
||||
}
|
||||
@else {
|
||||
$suffix: '';
|
||||
}
|
||||
|
||||
// Row.
|
||||
|
||||
// Important.
|
||||
> .imp#{$suffix} {
|
||||
order: -1;
|
||||
}
|
||||
|
||||
// Columns, offsets.
|
||||
@for $i from 1 through $cols {
|
||||
> .col-#{$i}#{$suffix} {
|
||||
width: $unit * $i;
|
||||
}
|
||||
|
||||
> .off-#{$i}#{$suffix} {
|
||||
margin-left: $unit * $i;
|
||||
}
|
||||
}
|
||||
|
||||
// Step through multipliers.
|
||||
@each $multiplier in $multipliers {
|
||||
|
||||
// Gutters.
|
||||
$class: null;
|
||||
|
||||
@if ($multiplier != 1) {
|
||||
$class: '.gtr-' + ($multiplier * 100);
|
||||
}
|
||||
|
||||
&#{$class} {
|
||||
margin-top: ($guttersRows * $multiplier * -1);
|
||||
margin-left: ($guttersCols * $multiplier * -1);
|
||||
|
||||
> * {
|
||||
padding: ($guttersRows * $multiplier) 0 0 ($guttersCols * $multiplier);
|
||||
}
|
||||
|
||||
// Uniform.
|
||||
&.gtr-uniform {
|
||||
margin-top: $guttersCols * $multiplier * -1;
|
||||
|
||||
> * {
|
||||
padding-top: $guttersCols * $multiplier;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -1,78 +0,0 @@
|
|||
/// Makes an element's :before pseudoelement a FontAwesome icon.
|
||||
/// @param {string} $content Optional content value to use.
|
||||
/// @param {string} $category Optional category to use.
|
||||
/// @param {string} $where Optional pseudoelement to target (before or after).
|
||||
@mixin icon($content: false, $category: regular, $where: before) {
|
||||
|
||||
text-decoration: none;
|
||||
|
||||
&:#{$where} {
|
||||
|
||||
@if $content {
|
||||
content: $content;
|
||||
}
|
||||
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
display: inline-block;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
text-rendering: auto;
|
||||
line-height: 1;
|
||||
text-transform: none !important;
|
||||
|
||||
@if ($category == brands) {
|
||||
font-family: 'Font Awesome 5 Brands';
|
||||
}
|
||||
@elseif ($category == solid) {
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
font-weight: 900;
|
||||
}
|
||||
@else {
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/// Applies padding to an element, taking the current element-margin value into account.
|
||||
/// @param {mixed} $tb Top/bottom padding.
|
||||
/// @param {mixed} $lr Left/right padding.
|
||||
/// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left)
|
||||
/// @param {bool} $important If true, adds !important.
|
||||
@mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) {
|
||||
|
||||
@if $important {
|
||||
$important: '!important';
|
||||
}
|
||||
|
||||
$x: 0.1em;
|
||||
|
||||
@if unit(_size(element-margin)) == 'rem' {
|
||||
$x: 0.1rem;
|
||||
}
|
||||
|
||||
padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max($x, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important};
|
||||
|
||||
}
|
||||
|
||||
/// Encodes a SVG data URL so IE doesn't choke (via codepen.io/jakob-e/pen/YXXBrp).
|
||||
/// @param {string} $svg SVG data URL.
|
||||
/// @return {string} Encoded SVG data URL.
|
||||
@function svg-url($svg) {
|
||||
|
||||
$svg: str-replace($svg, '"', '\'');
|
||||
$svg: str-replace($svg, '%', '%25');
|
||||
$svg: str-replace($svg, '<', '%3C');
|
||||
$svg: str-replace($svg, '>', '%3E');
|
||||
$svg: str-replace($svg, '&', '%26');
|
||||
$svg: str-replace($svg, '#', '%23');
|
||||
$svg: str-replace($svg, '{', '%7B');
|
||||
$svg: str-replace($svg, '}', '%7D');
|
||||
$svg: str-replace($svg, ';', '%3B');
|
||||
|
||||
@return url("data:image/svg+xml;charset=utf8,#{$svg}");
|
||||
|
||||
}
|
||||
76
_sass/libs/_reset.scss
Normal file
76
_sass/libs/_reset.scss
Normal file
|
|
@ -0,0 +1,76 @@
|
|||
///
|
||||
/// Story by HTML5 UP
|
||||
/// html5up.net | @ajlkn
|
||||
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
///
|
||||
|
||||
// Reset.
|
||||
// Based on meyerweb.com/eric/tools/css/reset (v2.0 | 20110126 | License: public domain)
|
||||
|
||||
html, body, div, span, applet, object,
|
||||
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
|
||||
pre, a, abbr, acronym, address, big, cite,
|
||||
code, del, dfn, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var, b,
|
||||
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
|
||||
form, label, legend, table, caption, tbody,
|
||||
tfoot, thead, tr, th, td, article, aside,
|
||||
canvas, details, embed, figure, figcaption,
|
||||
footer, header, hgroup, menu, nav, output, ruby,
|
||||
section, summary, time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
body {
|
||||
line-height: 1.75;
|
||||
}
|
||||
|
||||
ol, ul {
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
blockquote, q {
|
||||
quotes: none;
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
-webkit-text-size-adjust: none;
|
||||
}
|
||||
|
||||
mark {
|
||||
background-color: transparent;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
input::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
input, select, textarea {
|
||||
-moz-appearance: none;
|
||||
-webkit-appearance: none;
|
||||
-ms-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
|
|
@ -1,85 +1,147 @@
|
|||
// Misc.
|
||||
$misc: (
|
||||
z-index-base: 10000,
|
||||
overlay-opacity: 0.75,
|
||||
lightbox-opacity: 0.75,
|
||||
gallery-limit: 32,
|
||||
items-limit: 16
|
||||
);
|
||||
/// Removes a specific item from a list.
|
||||
/// @author Hugo Giraudel
|
||||
/// @param {list} $list List.
|
||||
/// @param {integer} $index Index.
|
||||
/// @return {list} Updated list.
|
||||
@function remove-nth($list, $index) {
|
||||
|
||||
// Duration.
|
||||
$duration: (
|
||||
menu: 0.5s,
|
||||
transition: 0.2s,
|
||||
gallery-lightbox: 0.5s,
|
||||
gallery-delay: 0.15s,
|
||||
items-delay: 0.15s,
|
||||
on-load: 0.75s,
|
||||
on-scroll: 0.75s
|
||||
);
|
||||
$result: null;
|
||||
|
||||
// Size.
|
||||
$size: (
|
||||
border-radius: 4px,
|
||||
border-radius-alt: 0.5rem,
|
||||
border-width: 1px,
|
||||
element-height: 2.75rem,
|
||||
element-margin: 2rem,
|
||||
gutter: 3.5rem,
|
||||
inner: 64rem,
|
||||
padding: (
|
||||
default: 7rem,
|
||||
xlarge: 5rem,
|
||||
large: 4rem,
|
||||
medium: 3rem,
|
||||
small: 2rem
|
||||
)
|
||||
);
|
||||
@if type-of($index) != number {
|
||||
@warn "$index: #{quote($index)} is not a number for `remove-nth`.";
|
||||
}
|
||||
@else if $index == 0 {
|
||||
@warn "List index 0 must be a non-zero integer for `remove-nth`.";
|
||||
}
|
||||
@else if abs($index) > length($list) {
|
||||
@warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";
|
||||
}
|
||||
@else {
|
||||
|
||||
// Font.
|
||||
$font: (
|
||||
family: ('Astloch', Helvetica, sans-serif),
|
||||
family-fixed: ('Lucida Console', Monaco, monospace),
|
||||
weight: 400,
|
||||
weight-bold: 700,
|
||||
kerning: -0.025em,
|
||||
kerning-alt: 0.125em
|
||||
);
|
||||
$result: ();
|
||||
$index: if($index < 0, length($list) + $index + 1, $index);
|
||||
|
||||
@for $i from 1 through length($list) {
|
||||
|
||||
@if $i != $index {
|
||||
$result: append($result, nth($list, $i));
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@return $result;
|
||||
|
||||
}
|
||||
|
||||
/// Gets a value from a map.
|
||||
/// @author Hugo Giraudel
|
||||
/// @param {map} $map Map.
|
||||
/// @param {string} $keys Key(s).
|
||||
/// @return {string} Value.
|
||||
@function val($map, $keys...) {
|
||||
|
||||
@if nth($keys, 1) == null {
|
||||
$keys: remove-nth($keys, 1);
|
||||
}
|
||||
|
||||
@each $key in $keys {
|
||||
$map: map-get($map, $key);
|
||||
}
|
||||
|
||||
@return $map;
|
||||
|
||||
}
|
||||
|
||||
/// Gets a font value.
|
||||
/// @param {string} $keys Key(s).
|
||||
/// @return {string} Value.
|
||||
@function _font($keys...) {
|
||||
@return val($font, $keys...);
|
||||
}
|
||||
|
||||
/// Gets a palette value.
|
||||
/// @param {string} $keys Key(s).
|
||||
/// @return {string} Value.
|
||||
@function _palette($keys...) {
|
||||
@return val($palette, $keys...);
|
||||
}
|
||||
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: 'Jetbrain-regular';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Jetbrain Regular'), local('Jetbrain-Regular'), url(/assets/fonts/JetBrainsMono_Regular.ttf) format('truetype');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Jetbrain-regular';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local('Jetbrain Regular'), local('Jetbrain-Regular'), url(/assets/fonts/JetBrainsMono_Italic.ttf) format('truetype');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Jetbrain-regular';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Jetbrain Bold'), local('Jetbrain-Bold'), url(/assets/fonts/JetBrainsMono_Bold.ttf) format('truetype');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Jetbrain-regular';
|
||||
font-style: italic;
|
||||
font-weight: 500;
|
||||
src: local('Jetbrain Bold'), local('Jetbrain-Bold'), url(/assets/fonts/JetBrainsMono_Bold_Italic.ttf) format('truetype');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Jetbrain-Extrabold';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Jetbrain ExtraBold'), local('Jetbrain-ExtraBold'), url(/assets/fonts/JetBrainsMono_ExtraBold.ttf) format('truetype');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Jetbrain-Extrabold';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: local('Jetbrain ExtraBold'), local('Jetbrain-ExtraBold'), url(/assets/fonts/JetBrainsMono_ExtraBold_Italic.ttf) format('truetype');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Staatliches';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Astloch Bold'), local('Astloch-Bold'), url(/assets/fonts/Astloch-Bold.ttf) format('truetype');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
|
||||
|
||||
$font: (
|
||||
title: ('Staatliches', 'Lucida Console', Monaco, monospace),
|
||||
family: ('Jetbrain-Extrabold', 'Lucida Console', Monaco, monospace),
|
||||
family-fixed: ('Jetbrain-Regular', 'Lucida Console', Monaco, monospace),
|
||||
weight: 400,
|
||||
weight-bold: 700,
|
||||
kerning: -0.025em,
|
||||
kerning-alt: 0.125em
|
||||
);
|
||||
// Palette.
|
||||
$palette: (
|
||||
color1: #30363d,
|
||||
color2: #db8992,
|
||||
color3: #ab7aad,
|
||||
color4: #897cad,
|
||||
color5: #7794ce,
|
||||
color6: #64abb4,
|
||||
color7: #6ba78c,
|
||||
$palette: (
|
||||
|
||||
bg: rgb(66, 66, 66),
|
||||
bg-alt: rgba(66, 66, 66, 0.75),
|
||||
fg: rgb(254, 255, 234),
|
||||
fg-alt: rgba(254, 255, 234, 0.25),
|
||||
border: rgba(0, 0, 0, 1),
|
||||
border-alt: rgba(0, 0, 0, 0.75),
|
||||
accent1: rgb(252, 252, 100),
|
||||
accent1-alt:rgb(182, 182, 0),
|
||||
accent2: rgb(0, 146, 137),
|
||||
accent2-alt:rgb(0, 97, 90),
|
||||
|
||||
bg: #111111,
|
||||
bg-alt: rgb(238, 238, 238),
|
||||
bg-transparent: rgba(238, 238, 238, 0.5),
|
||||
fg: rgb(238, 238, 238),
|
||||
fg-bold: rgb(238, 238, 238),
|
||||
fg-light: rgba(238, 238, 238, 0.75),
|
||||
border: rgba(0, 0, 0, 0.2),
|
||||
border-alt: rgba(0, 0, 0, 0.075),
|
||||
border-bg: rgba(0, 0, 0, 0.05),
|
||||
border-darken: rgba(0, 0, 0, 0.25),
|
||||
border-dark: rgba(0, 0, 0, 0.85),
|
||||
accent: rgba(233, 77, 29, 1),
|
||||
accent-dark: rgb(0, 0, 0),
|
||||
|
||||
invert: (
|
||||
bg: #000000,
|
||||
bg-alt: #222222,
|
||||
fg: #ffffff,
|
||||
fg-bold: #ffffff,
|
||||
fg-light: #ffffff,
|
||||
border: rgb(0, 0, 0),
|
||||
border-alt: rgba(238, 238, 238, 0.25),
|
||||
border-bg: rgba(0, 0, 0, 0.125),
|
||||
accent: #47D3E5
|
||||
),
|
||||
);
|
||||
);
|
||||
|
|
@ -1,376 +0,0 @@
|
|||
// vendor.scss v1.0 | @ajlkn | MIT licensed */
|
||||
|
||||
// Vars.
|
||||
|
||||
/// Vendor prefixes.
|
||||
/// @var {list}
|
||||
$vendor-prefixes: (
|
||||
'-moz-',
|
||||
'-webkit-',
|
||||
'-ms-',
|
||||
''
|
||||
);
|
||||
|
||||
/// Properties that should be vendorized.
|
||||
/// Data via caniuse.com, github.com/postcss/autoprefixer, and developer.mozilla.org
|
||||
/// @var {list}
|
||||
$vendor-properties: (
|
||||
|
||||
// Animation.
|
||||
'animation',
|
||||
'animation-delay',
|
||||
'animation-direction',
|
||||
'animation-duration',
|
||||
'animation-fill-mode',
|
||||
'animation-iteration-count',
|
||||
'animation-name',
|
||||
'animation-play-state',
|
||||
'animation-timing-function',
|
||||
|
||||
// Appearance.
|
||||
'appearance',
|
||||
|
||||
// Backdrop filter.
|
||||
'backdrop-filter',
|
||||
|
||||
// Background image options.
|
||||
'background-clip',
|
||||
'background-origin',
|
||||
'background-size',
|
||||
|
||||
// Box sizing.
|
||||
'box-sizing',
|
||||
|
||||
// Clip path.
|
||||
'clip-path',
|
||||
|
||||
// Filter effects.
|
||||
'filter',
|
||||
|
||||
// Flexbox.
|
||||
'align-content',
|
||||
'align-items',
|
||||
'align-self',
|
||||
'flex',
|
||||
'flex-basis',
|
||||
'flex-direction',
|
||||
'flex-flow',
|
||||
'flex-grow',
|
||||
'flex-shrink',
|
||||
'flex-wrap',
|
||||
'justify-content',
|
||||
'order',
|
||||
|
||||
// Font feature.
|
||||
'font-feature-settings',
|
||||
'font-language-override',
|
||||
'font-variant-ligatures',
|
||||
|
||||
// Font kerning.
|
||||
'font-kerning',
|
||||
|
||||
// Fragmented borders and backgrounds.
|
||||
'box-decoration-break',
|
||||
|
||||
// Grid layout.
|
||||
'grid-column',
|
||||
'grid-column-align',
|
||||
'grid-column-end',
|
||||
'grid-column-start',
|
||||
'grid-row',
|
||||
'grid-row-align',
|
||||
'grid-row-end',
|
||||
'grid-row-start',
|
||||
'grid-template-columns',
|
||||
'grid-template-rows',
|
||||
|
||||
// Hyphens.
|
||||
'hyphens',
|
||||
'word-break',
|
||||
|
||||
// Masks.
|
||||
'mask',
|
||||
'mask-border',
|
||||
'mask-border-outset',
|
||||
'mask-border-repeat',
|
||||
'mask-border-slice',
|
||||
'mask-border-source',
|
||||
'mask-border-width',
|
||||
'mask-clip',
|
||||
'mask-composite',
|
||||
'mask-image',
|
||||
'mask-origin',
|
||||
'mask-position',
|
||||
'mask-repeat',
|
||||
'mask-size',
|
||||
|
||||
// Multicolumn.
|
||||
'break-after',
|
||||
'break-before',
|
||||
'break-inside',
|
||||
'column-count',
|
||||
'column-fill',
|
||||
'column-gap',
|
||||
'column-rule',
|
||||
'column-rule-color',
|
||||
'column-rule-style',
|
||||
'column-rule-width',
|
||||
'column-span',
|
||||
'column-width',
|
||||
'columns',
|
||||
|
||||
// Object fit.
|
||||
'object-fit',
|
||||
'object-position',
|
||||
|
||||
// Regions.
|
||||
'flow-from',
|
||||
'flow-into',
|
||||
'region-fragment',
|
||||
|
||||
// Scroll snap points.
|
||||
'scroll-snap-coordinate',
|
||||
'scroll-snap-destination',
|
||||
'scroll-snap-points-x',
|
||||
'scroll-snap-points-y',
|
||||
'scroll-snap-type',
|
||||
|
||||
// Shapes.
|
||||
'shape-image-threshold',
|
||||
'shape-margin',
|
||||
'shape-outside',
|
||||
|
||||
// Tab size.
|
||||
'tab-size',
|
||||
|
||||
// Text align last.
|
||||
'text-align-last',
|
||||
|
||||
// Text decoration.
|
||||
'text-decoration-color',
|
||||
'text-decoration-line',
|
||||
'text-decoration-skip',
|
||||
'text-decoration-style',
|
||||
|
||||
// Text emphasis.
|
||||
'text-emphasis',
|
||||
'text-emphasis-color',
|
||||
'text-emphasis-position',
|
||||
'text-emphasis-style',
|
||||
|
||||
// Text size adjust.
|
||||
'text-size-adjust',
|
||||
|
||||
// Text spacing.
|
||||
'text-spacing',
|
||||
|
||||
// Transform.
|
||||
'transform',
|
||||
'transform-origin',
|
||||
|
||||
// Transform 3D.
|
||||
'backface-visibility',
|
||||
'perspective',
|
||||
'perspective-origin',
|
||||
'transform-style',
|
||||
|
||||
// Transition.
|
||||
'transition',
|
||||
'transition-delay',
|
||||
'transition-duration',
|
||||
'transition-property',
|
||||
'transition-timing-function',
|
||||
|
||||
// Unicode bidi.
|
||||
'unicode-bidi',
|
||||
|
||||
// User select.
|
||||
'user-select',
|
||||
|
||||
// Writing mode.
|
||||
'writing-mode',
|
||||
|
||||
);
|
||||
|
||||
/// Values that should be vendorized.
|
||||
/// Data via caniuse.com, github.com/postcss/autoprefixer, and developer.mozilla.org
|
||||
/// @var {list}
|
||||
$vendor-values: (
|
||||
|
||||
// Cross fade.
|
||||
'cross-fade',
|
||||
|
||||
// Element function.
|
||||
'element',
|
||||
|
||||
// Filter function.
|
||||
'filter',
|
||||
|
||||
// Flexbox.
|
||||
'flex',
|
||||
'inline-flex',
|
||||
|
||||
// Grab cursors.
|
||||
'grab',
|
||||
'grabbing',
|
||||
|
||||
// Gradients.
|
||||
'linear-gradient',
|
||||
'repeating-linear-gradient',
|
||||
'radial-gradient',
|
||||
'repeating-radial-gradient',
|
||||
|
||||
// Grid layout.
|
||||
'grid',
|
||||
'inline-grid',
|
||||
|
||||
// Image set.
|
||||
'image-set',
|
||||
|
||||
// Intrinsic width.
|
||||
'max-content',
|
||||
'min-content',
|
||||
'fit-content',
|
||||
'fill',
|
||||
'fill-available',
|
||||
'stretch',
|
||||
|
||||
// Sticky position.
|
||||
'sticky',
|
||||
|
||||
// Transform.
|
||||
'transform',
|
||||
|
||||
// Zoom cursors.
|
||||
'zoom-in',
|
||||
'zoom-out',
|
||||
|
||||
);
|
||||
|
||||
// Functions.
|
||||
|
||||
/// Removes a specific item from a list.
|
||||
/// @author Hugo Giraudel
|
||||
/// @param {list} $list List.
|
||||
/// @param {integer} $index Index.
|
||||
/// @return {list} Updated list.
|
||||
@function remove-nth($list, $index) {
|
||||
|
||||
$result: null;
|
||||
|
||||
@if type-of($index) != number {
|
||||
@warn "$index: #{quote($index)} is not a number for `remove-nth`.";
|
||||
}
|
||||
@else if $index == 0 {
|
||||
@warn "List index 0 must be a non-zero integer for `remove-nth`.";
|
||||
}
|
||||
@else if abs($index) > length($list) {
|
||||
@warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";
|
||||
}
|
||||
@else {
|
||||
|
||||
$result: ();
|
||||
$index: if($index < 0, length($list) + $index + 1, $index);
|
||||
|
||||
@for $i from 1 through length($list) {
|
||||
|
||||
@if $i != $index {
|
||||
$result: append($result, nth($list, $i));
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@return $result;
|
||||
|
||||
}
|
||||
|
||||
/// Replaces a substring within another string.
|
||||
/// @author Hugo Giraudel
|
||||
/// @param {string} $string String.
|
||||
/// @param {string} $search Substring.
|
||||
/// @param {string} $replace Replacement.
|
||||
/// @return {string} Updated string.
|
||||
@function str-replace($string, $search, $replace: '') {
|
||||
|
||||
$index: str-index($string, $search);
|
||||
|
||||
@if $index {
|
||||
@return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
|
||||
}
|
||||
|
||||
@return $string;
|
||||
|
||||
}
|
||||
|
||||
/// Replaces a substring within each string in a list.
|
||||
/// @param {list} $strings List of strings.
|
||||
/// @param {string} $search Substring.
|
||||
/// @param {string} $replace Replacement.
|
||||
/// @return {list} Updated list of strings.
|
||||
@function str-replace-all($strings, $search, $replace: '') {
|
||||
|
||||
@each $string in $strings {
|
||||
$strings: set-nth($strings, index($strings, $string), str-replace($string, $search, $replace));
|
||||
}
|
||||
|
||||
@return $strings;
|
||||
|
||||
}
|
||||
|
||||
// Mixins.
|
||||
|
||||
/// Wraps @content in vendorized keyframe blocks.
|
||||
/// @param {string} $name Name.
|
||||
@mixin keyframes($name) {
|
||||
|
||||
@-moz-keyframes #{$name} { @content; }
|
||||
@-webkit-keyframes #{$name} { @content; }
|
||||
@-ms-keyframes #{$name} { @content; }
|
||||
@keyframes #{$name} { @content; }
|
||||
|
||||
}
|
||||
|
||||
/// Vendorizes a declaration's property and/or value(s).
|
||||
/// @param {string} $property Property.
|
||||
/// @param {mixed} $value String/list of value(s).
|
||||
@mixin vendor($property, $value) {
|
||||
|
||||
// Determine if property should expand.
|
||||
$expandProperty: index($vendor-properties, $property);
|
||||
|
||||
// Determine if value should expand (and if so, add '-prefix-' placeholder).
|
||||
$expandValue: false;
|
||||
|
||||
@each $x in $value {
|
||||
@each $y in $vendor-values {
|
||||
@if $y == str-slice($x, 1, str-length($y)) {
|
||||
|
||||
$value: set-nth($value, index($value, $x), '-prefix-' + $x);
|
||||
$expandValue: true;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Expand property?
|
||||
@if $expandProperty {
|
||||
@each $vendor in $vendor-prefixes {
|
||||
#{$vendor}#{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
|
||||
}
|
||||
}
|
||||
|
||||
// Expand just the value?
|
||||
@elseif $expandValue {
|
||||
@each $vendor in $vendor-prefixes {
|
||||
#{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
|
||||
}
|
||||
}
|
||||
|
||||
// Neither? Treat them as a normal declaration.
|
||||
@else {
|
||||
#{$property}: #{$value};
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -1,136 +0,0 @@
|
|||
/* Audio Player Styles
|
||||
================================================== */
|
||||
|
||||
/* Default / Desktop / Firefox */
|
||||
|
||||
audio {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#mainwrap {
|
||||
border-radius: 5px;
|
||||
width: 100%;
|
||||
ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
li:last-child {
|
||||
border-radius: 0 0 5px 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#audiowrap {
|
||||
background-color: _palette(accent-dark);
|
||||
margin: 0 auto 0 auto;
|
||||
}
|
||||
|
||||
#plwrap {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#tracks {
|
||||
min-height: 65px;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
|
||||
}
|
||||
|
||||
|
||||
#nowPlay {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
flex-wrap: unset;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: _palette(accent-dark);
|
||||
border-radius: 5px 5px 0 0;
|
||||
}
|
||||
|
||||
#npTitle {
|
||||
margin: 0;
|
||||
padding: 21px;
|
||||
|
||||
}
|
||||
|
||||
#npAction {
|
||||
display: none;
|
||||
margin: 0;
|
||||
padding: 21px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
#plList {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#plList li {
|
||||
background-color: _palette(border-darken);
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
padding: 21px 0;
|
||||
border: 1px solid _palette(accent-dark);
|
||||
border-top: 0;
|
||||
transition: all 400ms ease-in-out;
|
||||
}
|
||||
|
||||
#plList li:hover {
|
||||
background-color: _palette(border-alt);
|
||||
transition: all 400ms ease-in-out;
|
||||
}
|
||||
|
||||
.plItem {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.plTitle {
|
||||
left: 75px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
right: 65px;
|
||||
text-overflow: ellipsis;
|
||||
top: 0;
|
||||
white-space: nowrap;
|
||||
font-weight: bold;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.plNum {
|
||||
padding-left: 21px;
|
||||
width: 65px;
|
||||
}
|
||||
|
||||
.plLength {
|
||||
padding-left: 21px;
|
||||
position: absolute;
|
||||
right: 21px;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.plSel, .plSel:hover {
|
||||
background-color: _palette(border-alt)!important;
|
||||
cursor: default!important;
|
||||
border-radius: 5px;
|
||||
|
||||
}
|
||||
|
||||
a[id^="btn"] {
|
||||
background-color: _palette(border-darken);
|
||||
color: _palette(fg);
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
padding: 0 27px 0 21px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
a[id^="btn"]::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#noJSalbum {
|
||||
display: none;
|
||||
}
|
||||
97
_sass/trackplayer.scss
Normal file
97
_sass/trackplayer.scss
Normal file
|
|
@ -0,0 +1,97 @@
|
|||
|
||||
#trackArt {
|
||||
overflow-x: hidden;
|
||||
flex: 1 1 50%;
|
||||
min-width: 512px;
|
||||
height: 100vh;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
> section {
|
||||
position: absolute;
|
||||
height: 100vh;
|
||||
width: 50%;
|
||||
background: _palette(border-alt);
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
> * {
|
||||
margin: 40px;
|
||||
}
|
||||
|
||||
}
|
||||
.coverartwrapper {
|
||||
|
||||
margin-top: 120px;
|
||||
margin-left: 50%;
|
||||
translate: -50%;
|
||||
|
||||
width: 50%;
|
||||
padding-top: 50%; /* 1:1 Aspect Ratio */
|
||||
position: relative; /* If you want text inside of it */
|
||||
}
|
||||
.coverartwrapped {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
border-radius: 100%;
|
||||
padding-bottom: 0;
|
||||
background-size: cover;
|
||||
}
|
||||
.playbutton {
|
||||
cursor: pointer;
|
||||
justify-self: center;
|
||||
}
|
||||
|
||||
}
|
||||
#trackInfo {
|
||||
flex: 1 1 50%;
|
||||
|
||||
height:100vh;
|
||||
overflow-y: scroll;
|
||||
overflow-x: hidden;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
section {
|
||||
text-align: left;
|
||||
> * {
|
||||
margin: 20px;
|
||||
}
|
||||
.info {
|
||||
margin: 20px;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.post-nav-next {
|
||||
text-align: right;
|
||||
}
|
||||
.post-nav {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
}
|
||||
.playerlogo {
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1023px) {
|
||||
#trackArt {
|
||||
height: 80vh;
|
||||
min-width: 100%;
|
||||
section {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
height: 80vh;
|
||||
}
|
||||
}
|
||||
#trackInfo {
|
||||
height: unset;
|
||||
overflow-y: unset;
|
||||
}
|
||||
|
||||
}
|
||||
5
assets/css/all.min.css
vendored
Normal file
5
assets/css/all.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
5
assets/css/fontawesome-all.min.css
vendored
5
assets/css/fontawesome-all.min.css
vendored
File diff suppressed because one or more lines are too long
16
assets/css/main.scss
Normal file
16
assets/css/main.scss
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
---
|
||||
---
|
||||
@import 'libs/vars';
|
||||
|
||||
@import 'libs/reset';
|
||||
|
||||
// sethy stuff
|
||||
@import 'layout';
|
||||
@import 'libs/animations';
|
||||
@import 'elements';
|
||||
@import 'navigation';
|
||||
@import 'videos';
|
||||
@import 'cookies';
|
||||
@import 'player';
|
||||
@import 'trackplayer';
|
||||
@import 'set';
|
||||
|
|
@ -1,192 +0,0 @@
|
|||
---
|
||||
---
|
||||
@import 'libs/vars';
|
||||
@import 'libs/functions';
|
||||
@import 'libs/mixins';
|
||||
@import 'libs/vendor';
|
||||
@import 'libs/breakpoints';
|
||||
@import 'libs/html-grid';
|
||||
@import 'fontawesome-all.min.css';
|
||||
@import 'libs/fonts';
|
||||
|
||||
/*
|
||||
Story by HTML5 UP
|
||||
html5up.net | @ajlkn
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
*/
|
||||
|
||||
// Breakpoints.
|
||||
|
||||
@include breakpoints((
|
||||
xlarge: ( 1281px, 1680px ),
|
||||
large: ( 981px, 1280px ),
|
||||
medium: ( 737px, 980px ),
|
||||
small: ( 481px, 736px ),
|
||||
xsmall: ( 361px, 480px ),
|
||||
xxsmall: ( null, 360px )
|
||||
));
|
||||
|
||||
// Mixins.
|
||||
|
||||
@mixin color($p) {
|
||||
@include color-typography($p);
|
||||
@include color-box($p);
|
||||
@include color-button($p);
|
||||
@include color-form($p);
|
||||
@include color-icon($p);
|
||||
@include color-list($p);
|
||||
@include color-section($p);
|
||||
@include color-table($p);
|
||||
@include color-banner($p);
|
||||
@include color-spotlight($p);
|
||||
@include color-gallery($p);
|
||||
@include color-items($p);
|
||||
@include color-index($p);
|
||||
}
|
||||
|
||||
// Phone.
|
||||
|
||||
@mixin phone($image-width) {
|
||||
@include vendor('flex-grow', '0');
|
||||
@include vendor('flex-shrink', '0');
|
||||
border-radius: 0;
|
||||
border: solid _size(border-width);
|
||||
|
||||
img {
|
||||
@include vendor('object-fit', 'cover');
|
||||
@include vendor('object-position', 'center');
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
display: block;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
border: solid _size(border-width);
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
display: block;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
border: solid _size(border-width);
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
@include resize-phone($image-width, 1);
|
||||
}
|
||||
|
||||
@mixin resize-phone($image-width, $image-factor) {
|
||||
$image-pad-top: 2.5rem;
|
||||
$image-pad-bottom: 3rem;
|
||||
$image-height: ($image-width * (1920 / 1080));
|
||||
|
||||
width: ($image-width * $image-factor);
|
||||
height: (($image-width * $image-factor) * (1920 / 1080));
|
||||
margin-top: ($image-pad-top * $image-factor);
|
||||
margin-bottom: (_size(element-margin) + ($image-pad-bottom * $image-factor));
|
||||
|
||||
&:before {
|
||||
height: ($image-pad-top * $image-factor);
|
||||
background-size: (64px * $image-factor) (32px * $image-factor);
|
||||
margin-top: (($image-pad-top * $image-factor) * -1);
|
||||
border-radius: (1rem * $image-factor) (1rem * $image-factor) 0 0;
|
||||
}
|
||||
|
||||
&:after {
|
||||
height: ($image-pad-bottom * $image-factor);
|
||||
background-size: (64px * $image-factor) (32px * $image-factor);
|
||||
margin-bottom: (($image-pad-bottom * $image-factor) * -1);
|
||||
border-radius: 0 0 (1rem * $image-factor) (1rem * $image-factor);
|
||||
}
|
||||
}
|
||||
|
||||
@mixin color-phone($p) {
|
||||
border-color: _palette($p, border);
|
||||
background-color: _palette($p, border);
|
||||
|
||||
@if ($p != 'invert') {
|
||||
border-width: 0;
|
||||
}
|
||||
@else {
|
||||
border-width: _size(border-width);
|
||||
}
|
||||
|
||||
&:before {
|
||||
background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64px" height="32px" viewBox="0 0 64 32" zoomAndPan="disable"><style>rect {fill: transparent; stroke: #{_palette($p, border)}; stroke-width: #{_size(border-width)}; }</style><rect rx="4" ry="4" x="11" y="12" width="42" height="8" vector-effect="non-scaling-stroke" /></svg>');
|
||||
border-color: _palette($p, border);
|
||||
|
||||
@if ($p == 'invert') {
|
||||
width: calc(100% + #{_size(border-width) * 2});
|
||||
margin-left: (_size(border-width) * -1);
|
||||
}
|
||||
@else {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
&:after {
|
||||
background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64px" height="32px" viewBox="0 0 64 32" zoomAndPan="disable"><style>circle {fill: transparent; stroke: #{_palette($p, border)}; stroke-width: #{_size(border-width)}; }</style><circle cx="32" cy="16" r="14" vector-effect="non-scaling-stroke" /></svg>');
|
||||
border-color: _palette($p, border);
|
||||
|
||||
@if ($p == 'invert') {
|
||||
width: calc(100% + #{_size(border-width) * 2});
|
||||
margin-left: (_size(border-width) * -1);
|
||||
}
|
||||
@else {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin color-phone-variant($v, $p) {
|
||||
@if ($v == 'android') {
|
||||
&:after {
|
||||
background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64px" height="32px" viewBox="0 0 64 32" zoomAndPan="disable"><style>rect {fill: transparent; stroke: #{_palette($p, border)}; stroke-width: #{_size(border-width)}; }</style><rect rx="4" ry="4" x="6" y="4" width="52" height="24" vector-effect="non-scaling-stroke" /></svg>');
|
||||
}
|
||||
}
|
||||
@else if ($p == 'iphone') {
|
||||
// ...
|
||||
}
|
||||
}
|
||||
|
||||
// Base.
|
||||
|
||||
@import 'base/reset';
|
||||
@import 'base/page';
|
||||
@import 'base/typography';
|
||||
|
||||
// Component.
|
||||
|
||||
@import 'components/row';
|
||||
@import 'components/box';
|
||||
@import 'components/button';
|
||||
@import 'components/form';
|
||||
@import 'components/icon';
|
||||
@import 'components/image';
|
||||
@import 'components/list';
|
||||
@import 'components/actions';
|
||||
@import 'components/icons';
|
||||
@import 'components/section';
|
||||
@import 'components/table';
|
||||
@import 'components/banner';
|
||||
@import 'components/spotlight';
|
||||
@import 'components/gallery';
|
||||
@import 'components/wrapper';
|
||||
@import 'components/items';
|
||||
@import 'components/index';
|
||||
|
||||
// Layout.
|
||||
|
||||
@import 'layout/wrapper';
|
||||
|
||||
// Set's customizations
|
||||
|
||||
@import 'set.scss';
|
||||
@import 'player.scss';
|
||||
|
|
@ -1,235 +0,0 @@
|
|||
---
|
||||
---
|
||||
@import 'libs/vars';
|
||||
@import 'libs/functions';
|
||||
@import 'libs/mixins';
|
||||
@import 'libs/vendor';
|
||||
@import 'libs/breakpoints';
|
||||
@import 'libs/html-grid';
|
||||
@import 'libs/fonts';
|
||||
|
||||
|
||||
/*
|
||||
Story by HTML5 UP
|
||||
html5up.net | @ajlkn
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
*/
|
||||
|
||||
/* Banner (transitions) */
|
||||
|
||||
.banner {
|
||||
|
||||
// Mixin.
|
||||
@mixin transition-banner($event) {
|
||||
$x: null;
|
||||
$y: null;
|
||||
|
||||
@if ($event == 'load') {
|
||||
$x: 'body.is-preload &';
|
||||
$y: _duration(on-load);
|
||||
}
|
||||
@else if ($event == 'scroll') {
|
||||
$x: '&.is-inactive';
|
||||
$y: _duration(on-scroll);
|
||||
}
|
||||
|
||||
// Content.
|
||||
&.on#{$event}-content-fade-up {
|
||||
.content {
|
||||
@include vendor('transition', 'none');
|
||||
}
|
||||
|
||||
#{$x} {
|
||||
.content {
|
||||
@include vendor('transform', 'none');
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.on#{$event}-content-fade-down {
|
||||
.content {
|
||||
@include vendor('transition', 'none');
|
||||
}
|
||||
|
||||
#{$x} {
|
||||
.content {
|
||||
@include vendor('transform', 'none');
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.on#{$event}-content-fade-left {
|
||||
.content {
|
||||
@include vendor('transition', 'none');
|
||||
}
|
||||
|
||||
#{$x} {
|
||||
.content {
|
||||
@include vendor('transform', 'none');
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.on#{$event}-content-fade-right {
|
||||
.content {
|
||||
@include vendor('transition', 'none');
|
||||
}
|
||||
|
||||
#{$x} {
|
||||
.content {
|
||||
@include vendor('transform', 'none');
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.on#{$event}-content-fade-in {
|
||||
.content {
|
||||
@include vendor('transition', 'none');
|
||||
}
|
||||
|
||||
#{$x} {
|
||||
.content {
|
||||
@include vendor('transform', 'none');
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Image.
|
||||
&.on#{$event}-image-fade-up {
|
||||
.image {
|
||||
@include vendor('transition', 'none');
|
||||
|
||||
img {
|
||||
@include vendor('transition', 'none');
|
||||
}
|
||||
}
|
||||
|
||||
#{$x} {
|
||||
.image {
|
||||
@include vendor('transform', 'none');
|
||||
opacity: 1;
|
||||
|
||||
img {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.on#{$event}-image-fade-down {
|
||||
.image {
|
||||
@include vendor('transition', 'none');
|
||||
|
||||
img {
|
||||
@include vendor('transition', 'none');
|
||||
}
|
||||
}
|
||||
|
||||
#{$x} {
|
||||
.image {
|
||||
@include vendor('transform', 'none');
|
||||
opacity: 1;
|
||||
|
||||
img {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.on#{$event}-image-fade-left {
|
||||
.image {
|
||||
@include vendor('transition', 'none');
|
||||
|
||||
img {
|
||||
@include vendor('transition', 'none');
|
||||
}
|
||||
}
|
||||
|
||||
#{$x} {
|
||||
.image {
|
||||
@include vendor('transform', 'none');
|
||||
opacity: 1;
|
||||
|
||||
img {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.on#{$event}-image-fade-right {
|
||||
.image {
|
||||
@include vendor('transition', 'none');
|
||||
|
||||
img {
|
||||
@include vendor('transition', 'none');
|
||||
}
|
||||
}
|
||||
|
||||
#{$x} {
|
||||
.image {
|
||||
@include vendor('transform', 'none');
|
||||
opacity: 1;
|
||||
|
||||
img {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.on#{$event}-image-fade-in {
|
||||
.image {
|
||||
img {
|
||||
@include vendor('transition', 'none');
|
||||
}
|
||||
}
|
||||
|
||||
#{$x} {
|
||||
.image {
|
||||
img {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// On Load.
|
||||
@include transition-banner('load');
|
||||
|
||||
// On Scroll.
|
||||
@include transition-banner('scroll');
|
||||
|
||||
}
|
||||
|
||||
// Set's customizations
|
||||
|
||||
@import 'set';
|
||||
@import 'player';
|
||||
|
||||
.logo {
|
||||
filter: blur(0px);
|
||||
}
|
||||
|
||||
.blurredout {
|
||||
filter: blur(0px);
|
||||
-webkit-transition: filter 400ms ease-in;
|
||||
-moz-transition: filter 400ms ease-in;
|
||||
transition: filter 400ms ease-in;
|
||||
}
|
||||
|
||||
// Player link
|
||||
#mainwrap {
|
||||
display: none;
|
||||
}
|
||||
#noJSalbum {
|
||||
display: unset;
|
||||
}
|
||||
18
assets/css/noscripts.scss
Normal file
18
assets/css/noscripts.scss
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
---
|
||||
---
|
||||
@import 'libs/vars';
|
||||
|
||||
@import 'libs/reset';
|
||||
|
||||
// sethy stuff
|
||||
@import 'libs/animations';
|
||||
@import 'layout';
|
||||
@import 'elements';
|
||||
@import 'navigation';
|
||||
@import 'videos';
|
||||
@import 'cookies';
|
||||
@import 'player';
|
||||
@import 'trackplayer';
|
||||
@import 'set';
|
||||
@import 'noscripts';
|
||||
|
||||
BIN
assets/fonts/JetBrainsMono_Bold.ttf
Normal file
BIN
assets/fonts/JetBrainsMono_Bold.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/JetBrainsMono_Bold_Italic.ttf
Normal file
BIN
assets/fonts/JetBrainsMono_Bold_Italic.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/JetBrainsMono_ExtraBold.ttf
Normal file
BIN
assets/fonts/JetBrainsMono_ExtraBold.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/JetBrainsMono_ExtraBold_Italic.ttf
Normal file
BIN
assets/fonts/JetBrainsMono_ExtraBold_Italic.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/JetBrainsMono_Italic.ttf
Normal file
BIN
assets/fonts/JetBrainsMono_Italic.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/JetBrainsMono_Regular.ttf
Normal file
BIN
assets/fonts/JetBrainsMono_Regular.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Staatliches-Regular.ttf
Normal file
BIN
assets/fonts/Staatliches-Regular.ttf
Normal file
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 64 B |
130
assets/img/vignette-footer.svg
Normal file
130
assets/img/vignette-footer.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 26 KiB |
BIN
assets/img/vignette.jpg
Normal file
BIN
assets/img/vignette.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
12
assets/img/vignette.svg
Normal file
12
assets/img/vignette.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 16 KiB |
2
assets/js/breakpoints.min.js
vendored
2
assets/js/breakpoints.min.js
vendored
|
|
@ -1,2 +0,0 @@
|
|||
/* breakpoints.js v1.0 | @ajlkn | MIT licensed */
|
||||
var breakpoints=function(){"use strict";function e(e){t.init(e)}var t={list:null,media:{},events:[],init:function(e){t.list=e,window.addEventListener("resize",t.poll),window.addEventListener("orientationchange",t.poll),window.addEventListener("load",t.poll),window.addEventListener("fullscreenchange",t.poll)},active:function(e){var n,a,s,i,r,d,c;if(!(e in t.media)){if(">="==e.substr(0,2)?(a="gte",n=e.substr(2)):"<="==e.substr(0,2)?(a="lte",n=e.substr(2)):">"==e.substr(0,1)?(a="gt",n=e.substr(1)):"<"==e.substr(0,1)?(a="lt",n=e.substr(1)):"!"==e.substr(0,1)?(a="not",n=e.substr(1)):(a="eq",n=e),n&&n in t.list)if(i=t.list[n],Array.isArray(i)){if(r=parseInt(i[0]),d=parseInt(i[1]),isNaN(r)){if(isNaN(d))return;c=i[1].substr(String(d).length)}else c=i[0].substr(String(r).length);if(isNaN(r))switch(a){case"gte":s="screen";break;case"lte":s="screen and (max-width: "+d+c+")";break;case"gt":s="screen and (min-width: "+(d+1)+c+")";break;case"lt":s="screen and (max-width: -1px)";break;case"not":s="screen and (min-width: "+(d+1)+c+")";break;default:s="screen and (max-width: "+d+c+")"}else if(isNaN(d))switch(a){case"gte":s="screen and (min-width: "+r+c+")";break;case"lte":s="screen";break;case"gt":s="screen and (max-width: -1px)";break;case"lt":s="screen and (max-width: "+(r-1)+c+")";break;case"not":s="screen and (max-width: "+(r-1)+c+")";break;default:s="screen and (min-width: "+r+c+")"}else switch(a){case"gte":s="screen and (min-width: "+r+c+")";break;case"lte":s="screen and (max-width: "+d+c+")";break;case"gt":s="screen and (min-width: "+(d+1)+c+")";break;case"lt":s="screen and (max-width: "+(r-1)+c+")";break;case"not":s="screen and (max-width: "+(r-1)+c+"), screen and (min-width: "+(d+1)+c+")";break;default:s="screen and (min-width: "+r+c+") and (max-width: "+d+c+")"}}else s="("==i.charAt(0)?"screen and "+i:i;t.media[e]=!!s&&s}return t.media[e]!==!1&&window.matchMedia(t.media[e]).matches},on:function(e,n){t.events.push({query:e,handler:n,state:!1}),t.active(e)&&n()},poll:function(){var e,n;for(e=0;e<t.events.length;e++)n=t.events[e],t.active(n.query)?n.state||(n.state=!0,n.handler()):n.state&&(n.state=!1)}};return e._=t,e.on=function(e,n){t.on(e,n)},e.active=function(e){return t.active(e)},e}();!function(e,t){"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?module.exports=t():e.breakpoints=t()}(this,function(){return breakpoints});
|
||||
2
assets/js/browser.min.js
vendored
2
assets/js/browser.min.js
vendored
|
|
@ -1,2 +0,0 @@
|
|||
/* browser.js v1.0 | @ajlkn | MIT licensed */
|
||||
var browser=function(){"use strict";var e={name:null,version:null,os:null,osVersion:null,touch:null,mobile:null,_canUse:null,canUse:function(n){e._canUse||(e._canUse=document.createElement("div"));var o=e._canUse.style,r=n.charAt(0).toUpperCase()+n.slice(1);return n in o||"Moz"+r in o||"Webkit"+r in o||"O"+r in o||"ms"+r in o},init:function(){var n,o,r,i,t=navigator.userAgent;for(n="other",o=0,r=[["firefox",/Firefox\/([0-9\.]+)/],["bb",/BlackBerry.+Version\/([0-9\.]+)/],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/],["opera",/OPR\/([0-9\.]+)/],["opera",/Opera\/([0-9\.]+)/],["edge",/Edge\/([0-9\.]+)/],["safari",/Version\/([0-9\.]+).+Safari/],["chrome",/Chrome\/([0-9\.]+)/],["ie",/MSIE ([0-9]+)/],["ie",/Trident\/.+rv:([0-9]+)/]],i=0;i<r.length;i++)if(t.match(r[i][1])){n=r[i][0],o=parseFloat(RegExp.$1);break}for(e.name=n,e.version=o,n="other",o=0,r=[["ios",/([0-9_]+) like Mac OS X/,function(e){return e.replace("_",".").replace("_","")}],["ios",/CPU like Mac OS X/,function(e){return 0}],["wp",/Windows Phone ([0-9\.]+)/,null],["android",/Android ([0-9\.]+)/,null],["mac",/Macintosh.+Mac OS X ([0-9_]+)/,function(e){return e.replace("_",".").replace("_","")}],["windows",/Windows NT ([0-9\.]+)/,null],["bb",/BlackBerry.+Version\/([0-9\.]+)/,null],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/,null],["linux",/Linux/,null],["bsd",/BSD/,null],["unix",/X11/,null]],i=0;i<r.length;i++)if(t.match(r[i][1])){n=r[i][0],o=parseFloat(r[i][2]?r[i][2](RegExp.$1):RegExp.$1);break}e.os=n,e.osVersion=o,e.touch="wp"==e.os?navigator.msMaxTouchPoints>0:!!("ontouchstart"in window),e.mobile="wp"==e.os||"android"==e.os||"ios"==e.os||"bb"==e.os}};return e.init(),e}();!function(e,n){"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?module.exports=n():e.browser=n()}(this,function(){return browser});
|
||||
|
|
@ -1,563 +0,0 @@
|
|||
/*
|
||||
Story by HTML5 UP
|
||||
html5up.net | @ajlkn
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
|
||||
Note: Only needed for demo purposes. Delete for production sites.
|
||||
*/
|
||||
|
||||
(function($) {
|
||||
|
||||
var $window = $(window);
|
||||
|
||||
// Styles.
|
||||
$(
|
||||
'<style>' +
|
||||
'.demo-animate-all:not(.gallery), .demo-animate-all:not(.gallery) *, .demo-animate-all:not(.gallery) *:before, .demo-animate-all:not(.gallery) *:after { transition: all 0.5s ease-in-out; }' +
|
||||
'.demo-controls .property .classes { display: none; }' +
|
||||
'.demo-controls .property[data-requires] { display: none; }' +
|
||||
'.demo-controls .property[data-requires].active { display: inline; }' +
|
||||
'.demo-controls .property .tooltip { position: relative; }' +
|
||||
'.demo-controls .property .tooltip:before { content: \'Click to change!\'; font-size: 0.7rem; position: absolute; bottom: 100%; left: 0; background: #47D3E5; color: #ffffff; line-height: 1; white-space: nowrap; font-weight: bold; border-radius: 0.125rem; padding: 0.325rem 0.425rem; animation: demo-controls-tooltip 1.5s forwards; animation-delay: 1s; opacity: 0; }' +
|
||||
'.demo-controls .property .tooltip:after { content: \'\'; position: absolute; bottom: calc(100% - 0.25rem); left: 0.5rem; border-left: solid 0.5rem transparent; border-right: solid 0.5rem transparent; border-top: solid 0.5rem #47D3E5; width: 0.5rem; height: 0.5rem; animation: demo-controls-tooltip 1.5s forwards; animation-delay: 1s; opacity: 0; }' +
|
||||
'@keyframes demo-controls-tooltip {' +
|
||||
'0% { opacity: 0; transform: translateY(0); }' +
|
||||
'10% { opacity: 1; transform: translateY(0.125rem); }' +
|
||||
'20% { opacity: 1; transform: translateY(-0.125rem); }' +
|
||||
'30% { opacity: 1; transform: translateY(0.125rem); }' +
|
||||
'40% { opacity: 1; transform: translateY(-0.125rem); }' +
|
||||
'50% { opacity: 1; transform: translateY(0.125rem); }' +
|
||||
'60% { opacity: 1; transform: translateY(0); }' +
|
||||
'90% { opacity: 1; }' +
|
||||
'100% { opacity: 0; }' +
|
||||
'}' +
|
||||
'</style>'
|
||||
).appendTo($('head'));
|
||||
|
||||
// Functions.
|
||||
$.fn.demo_controls = function(styles, userOptions) {
|
||||
|
||||
var $this = $(this),
|
||||
$styleProperty, $stylePropertyClasses,
|
||||
$controls, $x, $y, $z,
|
||||
options,
|
||||
current, i, j, k, s, n, count;
|
||||
|
||||
// No elements?
|
||||
if (this.length == 0)
|
||||
return $this;
|
||||
|
||||
// Multiple elements?
|
||||
if (this.length > 1) {
|
||||
|
||||
for (var i=0; i < this.length; i++)
|
||||
$(this[i]).demo_controls(styles, userOptions);
|
||||
|
||||
return $this;
|
||||
|
||||
}
|
||||
|
||||
// Options.
|
||||
options = $.extend({
|
||||
target: null,
|
||||
palette: true
|
||||
}, userOptions);
|
||||
|
||||
// Controls.
|
||||
if (styles) {
|
||||
|
||||
$controls = $(
|
||||
'<span class="demo-controls">' +
|
||||
'<span class="property" data-name="style">' +
|
||||
'<a href="#" class="title tooltip">style</a>' +
|
||||
'<span class="classes"></span>' + (options.palette ? ', ' : ' ') +
|
||||
'</span>' +
|
||||
(options.palette ?
|
||||
'<span class="property active" data-name="scheme">' +
|
||||
'<a href="#" class="title">scheme</a>' +
|
||||
'<span class="classes">' +
|
||||
'<span data-class="-" class="active">default</span>' +
|
||||
'<span data-class="invert">invert</span>' +
|
||||
'</span>, ' +
|
||||
'</span>' +
|
||||
'<span class="property active" data-name="color">' +
|
||||
'<a href="#" class="title">color</a>' +
|
||||
'<span class="classes">' +
|
||||
'<span data-class="-" class="active">default</span>' +
|
||||
'<span data-class="color1">color1</span>' +
|
||||
'<span data-class="color2">color2</span>' +
|
||||
'<span data-class="color3">color3</span>' +
|
||||
'<span data-class="color4">color4</span>' +
|
||||
'<span data-class="color5">color5</span>' +
|
||||
'<span data-class="color6">color6</span>' +
|
||||
'<span data-class="color7">color7</span>' +
|
||||
'</span>, ' +
|
||||
'</span>'
|
||||
: '') +
|
||||
'</span>'
|
||||
);
|
||||
|
||||
}
|
||||
else {
|
||||
|
||||
$controls = $(
|
||||
'<span class="demo-controls">' +
|
||||
(options.palette ?
|
||||
'<span class="property active" data-name="scheme">' +
|
||||
'<a href="#" class="title">scheme</a>' +
|
||||
'<span class="classes">' +
|
||||
'<span data-class="-" class="active">default</span>' +
|
||||
'<span data-class="invert">invert</span>' +
|
||||
'</span> and ' +
|
||||
'</span>' +
|
||||
'<span class="property active" data-name="color">' +
|
||||
'<a href="#" class="title">color</a>' +
|
||||
'<span class="classes">' +
|
||||
'<span data-class="-" class="active">default</span>' +
|
||||
'<span data-class="color1">color1</span>' +
|
||||
'<span data-class="color2">color2</span>' +
|
||||
'<span data-class="color3">color3</span>' +
|
||||
'<span data-class="color4">color4</span>' +
|
||||
'<span data-class="color5">color5</span>' +
|
||||
'<span data-class="color6">color6</span>' +
|
||||
'<span data-class="color7">color7</span>' +
|
||||
'</span>' +
|
||||
'</span>'
|
||||
: '') +
|
||||
'</span>'
|
||||
);
|
||||
|
||||
}
|
||||
|
||||
// Target.
|
||||
switch (options.target) {
|
||||
|
||||
case 'previous':
|
||||
$this.prev().find('.demo-controls').replaceWith($controls);
|
||||
break;
|
||||
|
||||
default:
|
||||
$this.find('.demo-controls').replaceWith($controls);
|
||||
break;
|
||||
|
||||
}
|
||||
|
||||
// Styles.
|
||||
if (styles) {
|
||||
|
||||
$styleProperty = $controls.find('.property[data-name="style"]');
|
||||
$stylePropertyClasses = $styleProperty.children('.classes');
|
||||
|
||||
for (i in styles) {
|
||||
|
||||
current = false;
|
||||
count = Object.keys(styles[i]).length;
|
||||
n = 1;
|
||||
|
||||
// Add to style property.
|
||||
$x = $('<span data-class="' + i + '">, ' + i + '</span>')
|
||||
.appendTo($stylePropertyClasses);
|
||||
|
||||
if ($this.hasClass(i)) {
|
||||
|
||||
$x.addClass('active');
|
||||
current = true;
|
||||
|
||||
}
|
||||
|
||||
// Step through properties.
|
||||
for (j in styles[i]) {
|
||||
|
||||
$x = $(
|
||||
'<span class="property" data-name="' + j + '" data-requires="' + i + '">' +
|
||||
(n == count ? '<span>and </span>' : '') +
|
||||
'<a href="#" class="title">' + j + '</a>' +
|
||||
'<span class="classes">' +
|
||||
'</span>' + (n < count ? ', ' : '') +
|
||||
'</span>'
|
||||
).appendTo($controls);
|
||||
|
||||
$y = $x.children('.classes');
|
||||
|
||||
if (current)
|
||||
$x.addClass('active');
|
||||
|
||||
for (k in styles[i][j]) {
|
||||
|
||||
$z = $('<span data-class="' + k + '">, ' + styles[i][j][k].replace('*', '') + '</span>')
|
||||
.appendTo($y);
|
||||
|
||||
if (styles[i][j][k].substr(-1, 1) == '*')
|
||||
$z.addClass('default');
|
||||
|
||||
if (current
|
||||
&& $this.hasClass(k))
|
||||
$z.addClass('active');
|
||||
|
||||
}
|
||||
|
||||
n++;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Events.
|
||||
$controls.on('click', 'a', function(event) {
|
||||
event.preventDefault();
|
||||
});
|
||||
|
||||
$controls.on('click', '.property.active', function(event) {
|
||||
|
||||
var $property = $(this);
|
||||
var $classes = $property.find('.classes > *');
|
||||
var $current = $classes.filter('.active');
|
||||
var $next;
|
||||
|
||||
// Determine next.
|
||||
if ($current.length == 0
|
||||
|| $current.index() == $classes.length - 1)
|
||||
$next = $classes.first();
|
||||
else
|
||||
$next = $current.next();
|
||||
|
||||
// Turn on animate all.
|
||||
$this.addClass('demo-animate-all');
|
||||
|
||||
// Deactivate current.
|
||||
$current.removeClass('active');
|
||||
$this.removeClass($current.data('class'));
|
||||
|
||||
// Activate next.
|
||||
$next.addClass('active');
|
||||
$this.addClass($next.data('class'));
|
||||
|
||||
// Turn off animate all.
|
||||
setTimeout(function() {
|
||||
$this.removeClass('demo-animate-all');
|
||||
}, 500);
|
||||
|
||||
});
|
||||
|
||||
$controls.on('click', '.property[data-name="style"]', function(event) {
|
||||
|
||||
var $property = $(this);
|
||||
var $classes = $property.find('.classes > *');
|
||||
var $current = $classes.filter('.active');
|
||||
var $next;
|
||||
|
||||
// Determine next.
|
||||
if ($current.length == 0
|
||||
|| $current.index() == $classes.length - 1)
|
||||
$next = $classes.first();
|
||||
else
|
||||
$next = $current.next();
|
||||
|
||||
// Turn on animate all.
|
||||
$this.addClass('demo-animate-all');
|
||||
|
||||
// Deactivate current.
|
||||
$current.removeClass('active');
|
||||
$this.removeClass($current.data('class'));
|
||||
|
||||
$controls.find('.property[data-requires="' + $current.data('class') + '"]')
|
||||
.removeClass('active');
|
||||
|
||||
$controls.find('.property[data-requires="' + $current.data('class') + '"] > .classes > .active').each(function() {
|
||||
|
||||
$(this).removeClass('active');
|
||||
|
||||
if ($(this).data('class') != '-')
|
||||
$this.removeClass($(this).data('class'));
|
||||
|
||||
});
|
||||
|
||||
// Activate next.
|
||||
$next.addClass('active');
|
||||
$this.addClass($next.data('class'));
|
||||
|
||||
$controls.find('.property[data-requires="' + $next.data('class') + '"]')
|
||||
.addClass('active');
|
||||
|
||||
$controls.find('.property[data-requires="' + $next.data('class') + '"] > .classes > .default').each(function() {
|
||||
|
||||
$(this).addClass('active');
|
||||
|
||||
if ($(this).data('class') != '-')
|
||||
$this.addClass($(this).data('class'));
|
||||
|
||||
});
|
||||
|
||||
// Turn off animate all.
|
||||
setTimeout(function() {
|
||||
$this.removeClass('demo-animate-all');
|
||||
}, 500);
|
||||
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
// Elements.
|
||||
|
||||
// Wrappers.
|
||||
$('.wrapper').demo_controls(null, {
|
||||
palette: true
|
||||
});
|
||||
|
||||
// Banner.
|
||||
$('.banner').demo_controls({
|
||||
style1: {
|
||||
'size': {
|
||||
'-': 'normal',
|
||||
'fullscreen': 'fullscreen*'
|
||||
},
|
||||
'orientation': {
|
||||
'orient-left': 'left*',
|
||||
'orient-right': 'right'
|
||||
},
|
||||
'content alignment': {
|
||||
'content-align-left': 'left*',
|
||||
'content-align-center': 'center',
|
||||
'content-align-right': 'right'
|
||||
},
|
||||
'image position': {
|
||||
'image-position-left': 'left',
|
||||
'image-position-center': 'center*',
|
||||
'image-position-right': 'right'
|
||||
}
|
||||
},
|
||||
style2: {
|
||||
'size': {
|
||||
'-': 'normal',
|
||||
'fullscreen': 'fullscreen*'
|
||||
},
|
||||
'orientation': {
|
||||
'orient-left': 'left',
|
||||
'orient-center': 'center*',
|
||||
'orient-right': 'right'
|
||||
},
|
||||
'content alignment': {
|
||||
'content-align-left': 'left',
|
||||
'content-align-center': 'center*',
|
||||
'content-align-right': 'right'
|
||||
},
|
||||
'image position': {
|
||||
'image-position-left': 'left',
|
||||
'image-position-center': 'center*',
|
||||
'image-position-right': 'right'
|
||||
}
|
||||
},
|
||||
style3: {
|
||||
'size': {
|
||||
'-': 'normal',
|
||||
'fullscreen': 'fullscreen*'
|
||||
},
|
||||
'orientation': {
|
||||
'orient-left': 'left',
|
||||
'orient-right': 'right*'
|
||||
},
|
||||
'content alignment': {
|
||||
'content-align-left': 'left*',
|
||||
'content-align-center': 'center',
|
||||
'content-align-right': 'right'
|
||||
},
|
||||
'image position': {
|
||||
'image-position-left': 'left',
|
||||
'image-position-center': 'center*',
|
||||
'image-position-right': 'right'
|
||||
}
|
||||
},
|
||||
style4: {
|
||||
'size': {
|
||||
'-': 'normal',
|
||||
'fullscreen': 'fullscreen*'
|
||||
},
|
||||
'phone type': {
|
||||
'iphone': 'iphone*',
|
||||
'android': 'android'
|
||||
},
|
||||
'orientation': {
|
||||
'orient-left': 'left',
|
||||
'orient-right': 'right*'
|
||||
},
|
||||
'content alignment': {
|
||||
'content-align-left': 'left*',
|
||||
'content-align-center': 'center',
|
||||
'content-align-right': 'right'
|
||||
},
|
||||
'image position': {
|
||||
'image-position-left': 'left',
|
||||
'image-position-center': 'center*',
|
||||
'image-position-right': 'right'
|
||||
}
|
||||
},
|
||||
style5: {
|
||||
'size': {
|
||||
'-': 'normal',
|
||||
'fullscreen': 'fullscreen*'
|
||||
},
|
||||
'content alignment': {
|
||||
'content-align-left': 'left',
|
||||
'content-align-center': 'center*',
|
||||
'content-align-right': 'right'
|
||||
},
|
||||
'image position': {
|
||||
'image-position-left': 'left',
|
||||
'image-position-center': 'center*',
|
||||
'image-position-right': 'right'
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Spotlight.
|
||||
$('.spotlight').demo_controls({
|
||||
style1: {
|
||||
'orientation': {
|
||||
'orient-left': 'left',
|
||||
'orient-right': 'right*'
|
||||
},
|
||||
'content alignment': {
|
||||
'content-align-left': 'left*',
|
||||
'content-align-center': 'center',
|
||||
'content-align-right': 'right'
|
||||
},
|
||||
'image position': {
|
||||
'image-position-left': 'left*',
|
||||
'image-position-center': 'center',
|
||||
'image-position-right': 'right'
|
||||
}
|
||||
},
|
||||
style2: {
|
||||
'orientation': {
|
||||
'orient-left': 'left',
|
||||
'orient-right': 'right*'
|
||||
},
|
||||
'content alignment': {
|
||||
'content-align-left': 'left*',
|
||||
'content-align-center': 'center',
|
||||
'content-align-right': 'right'
|
||||
},
|
||||
'image position': {
|
||||
'image-position-left': 'left',
|
||||
'image-position-center': 'center*',
|
||||
'image-position-right': 'right'
|
||||
}
|
||||
},
|
||||
style3: {
|
||||
'phone type': {
|
||||
'iphone': 'iphone*',
|
||||
'android': 'android'
|
||||
},
|
||||
'orientation': {
|
||||
'orient-left': 'left',
|
||||
'orient-right': 'right*'
|
||||
},
|
||||
'content alignment': {
|
||||
'content-align-left': 'left*',
|
||||
'content-align-center': 'center',
|
||||
'content-align-right': 'right'
|
||||
},
|
||||
'image position': {
|
||||
'image-position-left': 'left',
|
||||
'image-position-center': 'center*',
|
||||
'image-position-right': 'right'
|
||||
}
|
||||
},
|
||||
style4: {
|
||||
'size': {
|
||||
'-size': 'normal',
|
||||
'fullscreen': 'fullscreen*',
|
||||
'halfscreen': 'halfscreen'
|
||||
},
|
||||
'orientation': {
|
||||
'orient-left': 'left*',
|
||||
'orient-center': 'center',
|
||||
'orient-right': 'right'
|
||||
},
|
||||
'content alignment': {
|
||||
'content-align-left': 'left*',
|
||||
'content-align-center': 'center',
|
||||
'content-align-right': 'right'
|
||||
},
|
||||
'image position': {
|
||||
'image-position-left': 'left',
|
||||
'image-position-center': 'center*',
|
||||
'image-position-right': 'right'
|
||||
}
|
||||
},
|
||||
style5: {
|
||||
'size': {
|
||||
'-size': 'normal',
|
||||
'fullscreen': 'fullscreen*',
|
||||
'halfscreen': 'halfscreen'
|
||||
},
|
||||
'orientation': {
|
||||
'orient-left': 'left*',
|
||||
'orient-center': 'center',
|
||||
'orient-right': 'right'
|
||||
},
|
||||
'content alignment': {
|
||||
'content-align-left': 'left*',
|
||||
'content-align-center': 'center',
|
||||
'content-align-right': 'right'
|
||||
},
|
||||
'image position': {
|
||||
'image-position-left': 'left',
|
||||
'image-position-center': 'center*',
|
||||
'image-position-right': 'right'
|
||||
}
|
||||
},
|
||||
});
|
||||
|
||||
// Gallery.
|
||||
$('.gallery').demo_controls({
|
||||
style1: {
|
||||
'size': {
|
||||
'small': 'small',
|
||||
'medium': 'medium*',
|
||||
'big': 'big'
|
||||
}
|
||||
},
|
||||
style2: {
|
||||
'size': {
|
||||
'small': 'small',
|
||||
'medium': 'medium*',
|
||||
'big': 'big'
|
||||
}
|
||||
},
|
||||
}, {
|
||||
target: 'previous',
|
||||
palette: false
|
||||
});
|
||||
|
||||
// Items.
|
||||
$('.items').demo_controls({
|
||||
style1: {
|
||||
'size': {
|
||||
'small': 'small',
|
||||
'medium': 'medium*',
|
||||
'big': 'big'
|
||||
}
|
||||
},
|
||||
style2: {
|
||||
'size': {
|
||||
'small': 'small',
|
||||
'medium': 'medium*',
|
||||
'big': 'big'
|
||||
}
|
||||
},
|
||||
style3: {
|
||||
'size': {
|
||||
'small': 'small',
|
||||
'medium': 'medium*',
|
||||
'big': 'big'
|
||||
}
|
||||
}
|
||||
}, {
|
||||
target: 'previous',
|
||||
palette: false
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
2
assets/js/jquery-3.4.1.min.js
vendored
2
assets/js/jquery-3.4.1.min.js
vendored
File diff suppressed because one or more lines are too long
2
assets/js/jquery-3.5.1.min.js
vendored
Normal file
2
assets/js/jquery-3.5.1.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
2
assets/js/jquery.min.js
vendored
2
assets/js/jquery.min.js
vendored
File diff suppressed because one or more lines are too long
2
assets/js/jquery.scrollex.min.js
vendored
2
assets/js/jquery.scrollex.min.js
vendored
|
|
@ -1,2 +0,0 @@
|
|||
/* jquery.scrollex v0.2.1 | (c) @ajlkn | github.com/ajlkn/jquery.scrollex | MIT licensed */
|
||||
!function(t){function e(t,e,n){return"string"==typeof t&&("%"==t.slice(-1)?t=parseInt(t.substring(0,t.length-1))/100*e:"vh"==t.slice(-2)?t=parseInt(t.substring(0,t.length-2))/100*n:"px"==t.slice(-2)&&(t=parseInt(t.substring(0,t.length-2)))),t}var n=t(window),i=1,o={};n.on("scroll",function(){var e=n.scrollTop();t.map(o,function(t){window.clearTimeout(t.timeoutId),t.timeoutId=window.setTimeout(function(){t.handler(e)},t.options.delay)})}).on("load",function(){n.trigger("scroll")}),jQuery.fn.scrollex=function(l){var s=t(this);if(0==this.length)return s;if(this.length>1){for(var r=0;r<this.length;r++)t(this[r]).scrollex(l);return s}if(s.data("_scrollexId"))return s;var a,u,h,c,p;switch(a=i++,u=jQuery.extend({top:0,bottom:0,delay:0,mode:"default",enter:null,leave:null,initialize:null,terminate:null,scroll:null},l),u.mode){case"top":h=function(t,e,n,i,o){return t>=i&&o>=t};break;case"bottom":h=function(t,e,n,i,o){return n>=i&&o>=n};break;case"middle":h=function(t,e,n,i,o){return e>=i&&o>=e};break;case"top-only":h=function(t,e,n,i,o){return i>=t&&n>=i};break;case"bottom-only":h=function(t,e,n,i,o){return n>=o&&o>=t};break;default:case"default":h=function(t,e,n,i,o){return n>=i&&o>=t}}return c=function(t){var i,o,l,s,r,a,u=this.state,h=!1,c=this.$element.offset();i=n.height(),o=t+i/2,l=t+i,s=this.$element.outerHeight(),r=c.top+e(this.options.top,s,i),a=c.top+s-e(this.options.bottom,s,i),h=this.test(t,o,l,r,a),h!=u&&(this.state=h,h?this.options.enter&&this.options.enter.apply(this.element):this.options.leave&&this.options.leave.apply(this.element)),this.options.scroll&&this.options.scroll.apply(this.element,[(o-r)/(a-r)])},p={id:a,options:u,test:h,handler:c,state:null,element:this,$element:s,timeoutId:null},o[a]=p,s.data("_scrollexId",p.id),p.options.initialize&&p.options.initialize.apply(this),s},jQuery.fn.unscrollex=function(){var e=t(this);if(0==this.length)return e;if(this.length>1){for(var n=0;n<this.length;n++)t(this[n]).unscrollex();return e}var i,l;return(i=e.data("_scrollexId"))?(l=o[i],window.clearTimeout(l.timeoutId),delete o[i],e.removeData("_scrollexId"),l.options.terminate&&l.options.terminate.apply(this),e):e}}(jQuery);
|
||||
2
assets/js/jquery.scrolly.min.js
vendored
2
assets/js/jquery.scrolly.min.js
vendored
|
|
@ -1,2 +0,0 @@
|
|||
/* jquery.scrolly v1.0.0-dev | (c) @ajlkn | MIT licensed */
|
||||
(function(e){function u(s,o){var u,a,f;if((u=e(s))[t]==0)return n;a=u[i]()[r];switch(o.anchor){case"middle":f=a-(e(window).height()-u.outerHeight())/2;break;default:case r:f=Math.max(a,0)}return typeof o[i]=="function"?f-=o[i]():f-=o[i],f}var t="length",n=null,r="top",i="offset",s="click.scrolly",o=e(window);e.fn.scrolly=function(i){var o,a,f,l,c=e(this);if(this[t]==0)return c;if(this[t]>1){for(o=0;o<this[t];o++)e(this[o]).scrolly(i);return c}l=n,f=c.attr("href");if(f.charAt(0)!="#"||f[t]<2)return c;a=jQuery.extend({anchor:r,easing:"swing",offset:0,parent:e("body,html"),pollOnce:!1,speed:1e3},i),a.pollOnce&&(l=u(f,a)),c.off(s).on(s,function(e){var t=l!==n?l:u(f,a);t!==n&&(e.preventDefault(),a.parent.stop().animate({scrollTop:t},a.speed,a.easing))})}})(jQuery);
|
||||
|
|
@ -1,341 +0,0 @@
|
|||
/*
|
||||
Story by HTML5 UP
|
||||
html5up.net | @ajlkn
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
*/
|
||||
|
||||
(function($) {
|
||||
|
||||
var $window = $(window),
|
||||
$body = $('body'),
|
||||
$wrapper = $('#wrapper');
|
||||
|
||||
// Breakpoints.
|
||||
breakpoints({
|
||||
xlarge: [ '1281px', '1680px' ],
|
||||
large: [ '981px', '1280px' ],
|
||||
medium: [ '737px', '980px' ],
|
||||
small: [ '481px', '736px' ],
|
||||
xsmall: [ '361px', '480px' ],
|
||||
xxsmall: [ null, '360px' ]
|
||||
});
|
||||
|
||||
// Play initial animations on page load.
|
||||
$window.on('load', function() {
|
||||
window.setTimeout(function() {
|
||||
$body.removeClass('is-preload');
|
||||
}, 100);
|
||||
});
|
||||
|
||||
// Browser fixes.
|
||||
|
||||
// IE: Flexbox min-height bug.
|
||||
if (browser.name == 'ie')
|
||||
(function() {
|
||||
|
||||
var flexboxFixTimeoutId;
|
||||
|
||||
$window.on('resize.flexbox-fix', function() {
|
||||
|
||||
var $x = $('.fullscreen');
|
||||
|
||||
clearTimeout(flexboxFixTimeoutId);
|
||||
|
||||
flexboxFixTimeoutId = setTimeout(function() {
|
||||
|
||||
if ($x.prop('scrollHeight') > $window.height())
|
||||
$x.css('height', 'auto');
|
||||
else
|
||||
$x.css('height', '100vh');
|
||||
|
||||
}, 250);
|
||||
|
||||
}).triggerHandler('resize.flexbox-fix');
|
||||
|
||||
})();
|
||||
|
||||
// Object fit workaround.
|
||||
if (!browser.canUse('object-fit'))
|
||||
(function() {
|
||||
|
||||
$('.banner .image, .spotlight .image').each(function() {
|
||||
|
||||
var $this = $(this),
|
||||
$img = $this.children('img'),
|
||||
positionClass = $this.parent().attr('class').match(/image-position-([a-z]+)/);
|
||||
|
||||
// Set image.
|
||||
$this
|
||||
.css('background-image', 'url("' + $img.attr('src') + '")')
|
||||
.css('background-repeat', 'no-repeat')
|
||||
.css('background-size', 'cover');
|
||||
|
||||
// Set position.
|
||||
switch (positionClass.length > 1 ? positionClass[1] : '') {
|
||||
|
||||
case 'left':
|
||||
$this.css('background-position', 'left');
|
||||
break;
|
||||
|
||||
case 'right':
|
||||
$this.css('background-position', 'right');
|
||||
break;
|
||||
|
||||
default:
|
||||
case 'center':
|
||||
$this.css('background-position', 'center');
|
||||
break;
|
||||
|
||||
}
|
||||
|
||||
// Hide original.
|
||||
$img.css('opacity', '0');
|
||||
|
||||
});
|
||||
|
||||
})();
|
||||
|
||||
// Smooth scroll.
|
||||
$('.smooth-scroll').scrolly();
|
||||
$('.smooth-scroll-middle').scrolly({ anchor: 'middle' });
|
||||
|
||||
// Wrapper.
|
||||
$wrapper.children()
|
||||
.scrollex({
|
||||
top: '30vh',
|
||||
bottom: '30vh',
|
||||
initialize: function() {
|
||||
$(this).addClass('is-inactive');
|
||||
},
|
||||
terminate: function() {
|
||||
$(this).removeClass('is-inactive');
|
||||
},
|
||||
enter: function() {
|
||||
$(this).removeClass('is-inactive');
|
||||
},
|
||||
leave: function() {
|
||||
|
||||
var $this = $(this);
|
||||
|
||||
if ($this.hasClass('onscroll-bidirectional'))
|
||||
$this.addClass('is-inactive');
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
// Items.
|
||||
$('.items')
|
||||
.scrollex({
|
||||
top: '30vh',
|
||||
bottom: '30vh',
|
||||
delay: 50,
|
||||
initialize: function() {
|
||||
$(this).addClass('is-inactive');
|
||||
},
|
||||
terminate: function() {
|
||||
$(this).removeClass('is-inactive');
|
||||
},
|
||||
enter: function() {
|
||||
$(this).removeClass('is-inactive');
|
||||
},
|
||||
leave: function() {
|
||||
|
||||
var $this = $(this);
|
||||
|
||||
if ($this.hasClass('onscroll-bidirectional'))
|
||||
$this.addClass('is-inactive');
|
||||
|
||||
}
|
||||
})
|
||||
.children()
|
||||
.wrapInner('<div class="inner"></div>');
|
||||
|
||||
// Gallery.
|
||||
$('.gallery')
|
||||
.wrapInner('<div class="inner"></div>')
|
||||
.prepend(browser.mobile ? '' : '<div class="forward"></div><div class="backward"></div>')
|
||||
.scrollex({
|
||||
top: '30vh',
|
||||
bottom: '30vh',
|
||||
delay: 50,
|
||||
initialize: function() {
|
||||
$(this).addClass('is-inactive');
|
||||
},
|
||||
terminate: function() {
|
||||
$(this).removeClass('is-inactive');
|
||||
},
|
||||
enter: function() {
|
||||
$(this).removeClass('is-inactive');
|
||||
},
|
||||
leave: function() {
|
||||
|
||||
var $this = $(this);
|
||||
|
||||
if ($this.hasClass('onscroll-bidirectional'))
|
||||
$this.addClass('is-inactive');
|
||||
|
||||
}
|
||||
})
|
||||
.children('.inner')
|
||||
//.css('overflow', 'hidden')
|
||||
.css('overflow-y', browser.mobile ? 'visible' : 'hidden')
|
||||
.css('overflow-x', browser.mobile ? 'scroll' : 'hidden')
|
||||
.scrollLeft(0);
|
||||
|
||||
// Style #1.
|
||||
// ...
|
||||
|
||||
// Style #2.
|
||||
$('.gallery')
|
||||
.on('wheel', '.inner', function(event) {
|
||||
|
||||
var $this = $(this),
|
||||
delta = (event.originalEvent.deltaX * 10);
|
||||
|
||||
// Cap delta.
|
||||
if (delta > 0)
|
||||
delta = Math.min(25, delta);
|
||||
else if (delta < 0)
|
||||
delta = Math.max(-25, delta);
|
||||
|
||||
// Scroll.
|
||||
$this.scrollLeft( $this.scrollLeft() + delta );
|
||||
|
||||
})
|
||||
.on('mouseenter', '.forward, .backward', function(event) {
|
||||
|
||||
var $this = $(this),
|
||||
$inner = $this.siblings('.inner'),
|
||||
direction = ($this.hasClass('forward') ? 1 : -1);
|
||||
|
||||
// Clear move interval.
|
||||
clearInterval(this._gallery_moveIntervalId);
|
||||
|
||||
// Start interval.
|
||||
this._gallery_moveIntervalId = setInterval(function() {
|
||||
$inner.scrollLeft( $inner.scrollLeft() + (5 * direction) );
|
||||
}, 10);
|
||||
|
||||
})
|
||||
.on('mouseleave', '.forward, .backward', function(event) {
|
||||
|
||||
// Clear move interval.
|
||||
clearInterval(this._gallery_moveIntervalId);
|
||||
|
||||
});
|
||||
|
||||
// Lightbox.
|
||||
$('.gallery.lightbox')
|
||||
.on('click', 'a', function(event) {
|
||||
|
||||
var $a = $(this),
|
||||
$gallery = $a.parents('.gallery'),
|
||||
$modal = $gallery.children('.modal'),
|
||||
$modalImg = $modal.find('img'),
|
||||
href = $a.attr('href');
|
||||
|
||||
// Not an image? Bail.
|
||||
if (!href.match(/\.(jpg|gif|png|mp4)$/))
|
||||
return;
|
||||
|
||||
// Prevent default.
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
|
||||
// Locked? Bail.
|
||||
if ($modal[0]._locked)
|
||||
return;
|
||||
|
||||
// Lock.
|
||||
$modal[0]._locked = true;
|
||||
|
||||
// Set src.
|
||||
$modalImg.attr('src', href);
|
||||
|
||||
// Set visible.
|
||||
$modal.addClass('visible');
|
||||
|
||||
// Focus.
|
||||
$modal.focus();
|
||||
|
||||
// Delay.
|
||||
setTimeout(function() {
|
||||
|
||||
// Unlock.
|
||||
$modal[0]._locked = false;
|
||||
|
||||
}, 600);
|
||||
|
||||
})
|
||||
.on('click', '.modal', function(event) {
|
||||
|
||||
var $modal = $(this),
|
||||
$modalImg = $modal.find('img');
|
||||
|
||||
// Locked? Bail.
|
||||
if ($modal[0]._locked)
|
||||
return;
|
||||
|
||||
// Already hidden? Bail.
|
||||
if (!$modal.hasClass('visible'))
|
||||
return;
|
||||
|
||||
// Lock.
|
||||
$modal[0]._locked = true;
|
||||
|
||||
// Clear visible, loaded.
|
||||
$modal
|
||||
.removeClass('loaded')
|
||||
|
||||
// Delay.
|
||||
setTimeout(function() {
|
||||
|
||||
$modal
|
||||
.removeClass('visible')
|
||||
|
||||
setTimeout(function() {
|
||||
|
||||
// Clear src.
|
||||
$modalImg.attr('src', '');
|
||||
|
||||
// Unlock.
|
||||
$modal[0]._locked = false;
|
||||
|
||||
// Focus.
|
||||
$body.focus();
|
||||
|
||||
}, 475);
|
||||
|
||||
}, 125);
|
||||
|
||||
})
|
||||
.on('keypress', '.modal', function(event) {
|
||||
|
||||
var $modal = $(this);
|
||||
|
||||
// Escape? Hide modal.
|
||||
if (event.keyCode == 27)
|
||||
$modal.trigger('click');
|
||||
|
||||
})
|
||||
.prepend('<div class="modal" tabIndex="-1"><div class="inner"><img src="" /></div></div>')
|
||||
.find('img')
|
||||
.on('load', function(event) {
|
||||
|
||||
var $modalImg = $(this),
|
||||
$modal = $modalImg.parents('.modal');
|
||||
|
||||
setTimeout(function() {
|
||||
|
||||
// No longer visible? Bail.
|
||||
if (!$modal.hasClass('visible'))
|
||||
return;
|
||||
|
||||
// Set loaded.
|
||||
$modal.addClass('loaded');
|
||||
|
||||
}, 275);
|
||||
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
|
|
@ -3,7 +3,7 @@ window.onscroll = function () { scrollMenu() };
|
|||
|
||||
// Get the navbar
|
||||
var navbar = document.getElementById("logo");
|
||||
|
||||
var hider = document.getElementById("sticky");
|
||||
// Get the offset position of the navbar
|
||||
var sticky = navbar.offsetTop;
|
||||
|
||||
|
|
@ -12,15 +12,15 @@ var sticky = navbar.offsetTop;
|
|||
// Add the sticky class to the navbar when you reach its scroll position. Remove "sticky" when you leave the scroll position
|
||||
function scrollMenu() {
|
||||
if (window.pageYOffset >= sticky) {
|
||||
navbar.classList.add("sticky")
|
||||
hider.classList.add("sticky")
|
||||
} else {
|
||||
navbar.classList.remove("sticky")
|
||||
hider.classList.remove("sticky")
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
// Make a pretty background when menu is open
|
||||
var bodyBluring = document.getElementById("wrapper")
|
||||
var bodyBluring = document.getElementById("main-wrapper")
|
||||
|
||||
function blurBody() {
|
||||
bodyBluring.classList.toggle("blurredout");
|
||||
|
|
|
|||
|
|
@ -1,587 +0,0 @@
|
|||
(function($) {
|
||||
|
||||
/**
|
||||
* Generate an indented list of links from a nav. Meant for use with panel().
|
||||
* @return {jQuery} jQuery object.
|
||||
*/
|
||||
$.fn.navList = function() {
|
||||
|
||||
var $this = $(this);
|
||||
$a = $this.find('a'),
|
||||
b = [];
|
||||
|
||||
$a.each(function() {
|
||||
|
||||
var $this = $(this),
|
||||
indent = Math.max(0, $this.parents('li').length - 1),
|
||||
href = $this.attr('href'),
|
||||
target = $this.attr('target');
|
||||
|
||||
b.push(
|
||||
'<a ' +
|
||||
'class="link depth-' + indent + '"' +
|
||||
( (typeof target !== 'undefined' && target != '') ? ' target="' + target + '"' : '') +
|
||||
( (typeof href !== 'undefined' && href != '') ? ' href="' + href + '"' : '') +
|
||||
'>' +
|
||||
'<span class="indent-' + indent + '"></span>' +
|
||||
$this.text() +
|
||||
'</a>'
|
||||
);
|
||||
|
||||
});
|
||||
|
||||
return b.join('');
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Panel-ify an element.
|
||||
* @param {object} userConfig User config.
|
||||
* @return {jQuery} jQuery object.
|
||||
*/
|
||||
$.fn.panel = function(userConfig) {
|
||||
|
||||
// No elements?
|
||||
if (this.length == 0)
|
||||
return $this;
|
||||
|
||||
// Multiple elements?
|
||||
if (this.length > 1) {
|
||||
|
||||
for (var i=0; i < this.length; i++)
|
||||
$(this[i]).panel(userConfig);
|
||||
|
||||
return $this;
|
||||
|
||||
}
|
||||
|
||||
// Vars.
|
||||
var $this = $(this),
|
||||
$body = $('body'),
|
||||
$window = $(window),
|
||||
id = $this.attr('id'),
|
||||
config;
|
||||
|
||||
// Config.
|
||||
config = $.extend({
|
||||
|
||||
// Delay.
|
||||
delay: 0,
|
||||
|
||||
// Hide panel on link click.
|
||||
hideOnClick: false,
|
||||
|
||||
// Hide panel on escape keypress.
|
||||
hideOnEscape: false,
|
||||
|
||||
// Hide panel on swipe.
|
||||
hideOnSwipe: false,
|
||||
|
||||
// Reset scroll position on hide.
|
||||
resetScroll: false,
|
||||
|
||||
// Reset forms on hide.
|
||||
resetForms: false,
|
||||
|
||||
// Side of viewport the panel will appear.
|
||||
side: null,
|
||||
|
||||
// Target element for "class".
|
||||
target: $this,
|
||||
|
||||
// Class to toggle.
|
||||
visibleClass: 'visible'
|
||||
|
||||
}, userConfig);
|
||||
|
||||
// Expand "target" if it's not a jQuery object already.
|
||||
if (typeof config.target != 'jQuery')
|
||||
config.target = $(config.target);
|
||||
|
||||
// Panel.
|
||||
|
||||
// Methods.
|
||||
$this._hide = function(event) {
|
||||
|
||||
// Already hidden? Bail.
|
||||
if (!config.target.hasClass(config.visibleClass))
|
||||
return;
|
||||
|
||||
// If an event was provided, cancel it.
|
||||
if (event) {
|
||||
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
|
||||
}
|
||||
|
||||
// Hide.
|
||||
config.target.removeClass(config.visibleClass);
|
||||
|
||||
// Post-hide stuff.
|
||||
window.setTimeout(function() {
|
||||
|
||||
// Reset scroll position.
|
||||
if (config.resetScroll)
|
||||
$this.scrollTop(0);
|
||||
|
||||
// Reset forms.
|
||||
if (config.resetForms)
|
||||
$this.find('form').each(function() {
|
||||
this.reset();
|
||||
});
|
||||
|
||||
}, config.delay);
|
||||
|
||||
};
|
||||
|
||||
// Vendor fixes.
|
||||
$this
|
||||
.css('-ms-overflow-style', '-ms-autohiding-scrollbar')
|
||||
.css('-webkit-overflow-scrolling', 'touch');
|
||||
|
||||
// Hide on click.
|
||||
if (config.hideOnClick) {
|
||||
|
||||
$this.find('a')
|
||||
.css('-webkit-tap-highlight-color', 'rgba(0,0,0,0)');
|
||||
|
||||
$this
|
||||
.on('click', 'a', function(event) {
|
||||
|
||||
var $a = $(this),
|
||||
href = $a.attr('href'),
|
||||
target = $a.attr('target');
|
||||
|
||||
if (!href || href == '#' || href == '' || href == '#' + id)
|
||||
return;
|
||||
|
||||
// Cancel original event.
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
|
||||
// Hide panel.
|
||||
$this._hide();
|
||||
|
||||
// Redirect to href.
|
||||
window.setTimeout(function() {
|
||||
|
||||
if (target == '_blank')
|
||||
window.open(href);
|
||||
else
|
||||
window.location.href = href;
|
||||
|
||||
}, config.delay + 10);
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
// Event: Touch stuff.
|
||||
$this.on('touchstart', function(event) {
|
||||
|
||||
$this.touchPosX = event.originalEvent.touches[0].pageX;
|
||||
$this.touchPosY = event.originalEvent.touches[0].pageY;
|
||||
|
||||
})
|
||||
|
||||
$this.on('touchmove', function(event) {
|
||||
|
||||
if ($this.touchPosX === null
|
||||
|| $this.touchPosY === null)
|
||||
return;
|
||||
|
||||
var diffX = $this.touchPosX - event.originalEvent.touches[0].pageX,
|
||||
diffY = $this.touchPosY - event.originalEvent.touches[0].pageY,
|
||||
th = $this.outerHeight(),
|
||||
ts = ($this.get(0).scrollHeight - $this.scrollTop());
|
||||
|
||||
// Hide on swipe?
|
||||
if (config.hideOnSwipe) {
|
||||
|
||||
var result = false,
|
||||
boundary = 20,
|
||||
delta = 50;
|
||||
|
||||
switch (config.side) {
|
||||
|
||||
case 'left':
|
||||
result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX > delta);
|
||||
break;
|
||||
|
||||
case 'right':
|
||||
result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX < (-1 * delta));
|
||||
break;
|
||||
|
||||
case 'top':
|
||||
result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY > delta);
|
||||
break;
|
||||
|
||||
case 'bottom':
|
||||
result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY < (-1 * delta));
|
||||
break;
|
||||
|
||||
default:
|
||||
break;
|
||||
|
||||
}
|
||||
|
||||
if (result) {
|
||||
|
||||
$this.touchPosX = null;
|
||||
$this.touchPosY = null;
|
||||
$this._hide();
|
||||
|
||||
return false;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Prevent vertical scrolling past the top or bottom.
|
||||
if (($this.scrollTop() < 0 && diffY < 0)
|
||||
|| (ts > (th - 2) && ts < (th + 2) && diffY > 0)) {
|
||||
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
// Event: Prevent certain events inside the panel from bubbling.
|
||||
$this.on('click touchend touchstart touchmove', function(event) {
|
||||
event.stopPropagation();
|
||||
});
|
||||
|
||||
// Event: Hide panel if a child anchor tag pointing to its ID is clicked.
|
||||
$this.on('click', 'a[href="#' + id + '"]', function(event) {
|
||||
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
|
||||
config.target.removeClass(config.visibleClass);
|
||||
|
||||
});
|
||||
|
||||
// Body.
|
||||
|
||||
// Event: Hide panel on body click/tap.
|
||||
$body.on('click touchend', function(event) {
|
||||
$this._hide(event);
|
||||
});
|
||||
|
||||
// Event: Toggle.
|
||||
$body.on('click', 'a[href="#' + id + '"]', function(event) {
|
||||
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
|
||||
config.target.toggleClass(config.visibleClass);
|
||||
|
||||
});
|
||||
|
||||
// Window.
|
||||
|
||||
// Event: Hide on ESC.
|
||||
if (config.hideOnEscape)
|
||||
$window.on('keydown', function(event) {
|
||||
|
||||
if (event.keyCode == 27)
|
||||
$this._hide(event);
|
||||
|
||||
});
|
||||
|
||||
return $this;
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Apply "placeholder" attribute polyfill to one or more forms.
|
||||
* @return {jQuery} jQuery object.
|
||||
*/
|
||||
$.fn.placeholder = function() {
|
||||
|
||||
// Browser natively supports placeholders? Bail.
|
||||
if (typeof (document.createElement('input')).placeholder != 'undefined')
|
||||
return $(this);
|
||||
|
||||
// No elements?
|
||||
if (this.length == 0)
|
||||
return $this;
|
||||
|
||||
// Multiple elements?
|
||||
if (this.length > 1) {
|
||||
|
||||
for (var i=0; i < this.length; i++)
|
||||
$(this[i]).placeholder();
|
||||
|
||||
return $this;
|
||||
|
||||
}
|
||||
|
||||
// Vars.
|
||||
var $this = $(this);
|
||||
|
||||
// Text, TextArea.
|
||||
$this.find('input[type=text],textarea')
|
||||
.each(function() {
|
||||
|
||||
var i = $(this);
|
||||
|
||||
if (i.val() == ''
|
||||
|| i.val() == i.attr('placeholder'))
|
||||
i
|
||||
.addClass('polyfill-placeholder')
|
||||
.val(i.attr('placeholder'));
|
||||
|
||||
})
|
||||
.on('blur', function() {
|
||||
|
||||
var i = $(this);
|
||||
|
||||
if (i.attr('name').match(/-polyfill-field$/))
|
||||
return;
|
||||
|
||||
if (i.val() == '')
|
||||
i
|
||||
.addClass('polyfill-placeholder')
|
||||
.val(i.attr('placeholder'));
|
||||
|
||||
})
|
||||
.on('focus', function() {
|
||||
|
||||
var i = $(this);
|
||||
|
||||
if (i.attr('name').match(/-polyfill-field$/))
|
||||
return;
|
||||
|
||||
if (i.val() == i.attr('placeholder'))
|
||||
i
|
||||
.removeClass('polyfill-placeholder')
|
||||
.val('');
|
||||
|
||||
});
|
||||
|
||||
// Password.
|
||||
$this.find('input[type=password]')
|
||||
.each(function() {
|
||||
|
||||
var i = $(this);
|
||||
var x = $(
|
||||
$('<div>')
|
||||
.append(i.clone())
|
||||
.remove()
|
||||
.html()
|
||||
.replace(/type="password"/i, 'type="text"')
|
||||
.replace(/type=password/i, 'type=text')
|
||||
);
|
||||
|
||||
if (i.attr('id') != '')
|
||||
x.attr('id', i.attr('id') + '-polyfill-field');
|
||||
|
||||
if (i.attr('name') != '')
|
||||
x.attr('name', i.attr('name') + '-polyfill-field');
|
||||
|
||||
x.addClass('polyfill-placeholder')
|
||||
.val(x.attr('placeholder')).insertAfter(i);
|
||||
|
||||
if (i.val() == '')
|
||||
i.hide();
|
||||
else
|
||||
x.hide();
|
||||
|
||||
i
|
||||
.on('blur', function(event) {
|
||||
|
||||
event.preventDefault();
|
||||
|
||||
var x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
|
||||
|
||||
if (i.val() == '') {
|
||||
|
||||
i.hide();
|
||||
x.show();
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
x
|
||||
.on('focus', function(event) {
|
||||
|
||||
event.preventDefault();
|
||||
|
||||
var i = x.parent().find('input[name=' + x.attr('name').replace('-polyfill-field', '') + ']');
|
||||
|
||||
x.hide();
|
||||
|
||||
i
|
||||
.show()
|
||||
.focus();
|
||||
|
||||
})
|
||||
.on('keypress', function(event) {
|
||||
|
||||
event.preventDefault();
|
||||
x.val('');
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
// Events.
|
||||
$this
|
||||
.on('submit', function() {
|
||||
|
||||
$this.find('input[type=text],input[type=password],textarea')
|
||||
.each(function(event) {
|
||||
|
||||
var i = $(this);
|
||||
|
||||
if (i.attr('name').match(/-polyfill-field$/))
|
||||
i.attr('name', '');
|
||||
|
||||
if (i.val() == i.attr('placeholder')) {
|
||||
|
||||
i.removeClass('polyfill-placeholder');
|
||||
i.val('');
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
})
|
||||
.on('reset', function(event) {
|
||||
|
||||
event.preventDefault();
|
||||
|
||||
$this.find('select')
|
||||
.val($('option:first').val());
|
||||
|
||||
$this.find('input,textarea')
|
||||
.each(function() {
|
||||
|
||||
var i = $(this),
|
||||
x;
|
||||
|
||||
i.removeClass('polyfill-placeholder');
|
||||
|
||||
switch (this.type) {
|
||||
|
||||
case 'submit':
|
||||
case 'reset':
|
||||
break;
|
||||
|
||||
case 'password':
|
||||
i.val(i.attr('defaultValue'));
|
||||
|
||||
x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
|
||||
|
||||
if (i.val() == '') {
|
||||
i.hide();
|
||||
x.show();
|
||||
}
|
||||
else {
|
||||
i.show();
|
||||
x.hide();
|
||||
}
|
||||
|
||||
break;
|
||||
|
||||
case 'checkbox':
|
||||
case 'radio':
|
||||
i.attr('checked', i.attr('defaultValue'));
|
||||
break;
|
||||
|
||||
case 'text':
|
||||
case 'textarea':
|
||||
i.val(i.attr('defaultValue'));
|
||||
|
||||
if (i.val() == '') {
|
||||
i.addClass('polyfill-placeholder');
|
||||
i.val(i.attr('placeholder'));
|
||||
}
|
||||
|
||||
break;
|
||||
|
||||
default:
|
||||
i.val(i.attr('defaultValue'));
|
||||
break;
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
return $this;
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Moves elements to/from the first positions of their respective parents.
|
||||
* @param {jQuery} $elements Elements (or selector) to move.
|
||||
* @param {bool} condition If true, moves elements to the top. Otherwise, moves elements back to their original locations.
|
||||
*/
|
||||
$.prioritize = function($elements, condition) {
|
||||
|
||||
var key = '__prioritize';
|
||||
|
||||
// Expand $elements if it's not already a jQuery object.
|
||||
if (typeof $elements != 'jQuery')
|
||||
$elements = $($elements);
|
||||
|
||||
// Step through elements.
|
||||
$elements.each(function() {
|
||||
|
||||
var $e = $(this), $p,
|
||||
$parent = $e.parent();
|
||||
|
||||
// No parent? Bail.
|
||||
if ($parent.length == 0)
|
||||
return;
|
||||
|
||||
// Not moved? Move it.
|
||||
if (!$e.data(key)) {
|
||||
|
||||
// Condition is false? Bail.
|
||||
if (!condition)
|
||||
return;
|
||||
|
||||
// Get placeholder (which will serve as our point of reference for when this element needs to move back).
|
||||
$p = $e.prev();
|
||||
|
||||
// Couldn't find anything? Means this element's already at the top, so bail.
|
||||
if ($p.length == 0)
|
||||
return;
|
||||
|
||||
// Move element to top of parent.
|
||||
$e.prependTo($parent);
|
||||
|
||||
// Mark element as moved.
|
||||
$e.data(key, $p);
|
||||
|
||||
}
|
||||
|
||||
// Moved already?
|
||||
else {
|
||||
|
||||
// Condition is true? Bail.
|
||||
if (condition)
|
||||
return;
|
||||
|
||||
$p = $e.data(key);
|
||||
|
||||
// Move element back to its original location (using our placeholder).
|
||||
$e.insertAfter($p);
|
||||
|
||||
// Unmark element as moved.
|
||||
$e.removeData(key);
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
})(jQuery);
|
||||
Binary file not shown.
File diff suppressed because it is too large
Load diff
|
Before Width: | Height: | Size: 674 KiB After Width: | Height: | Size: 713 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -1,12 +1,12 @@
|
|||
<?xml version="1.0" standalone="no"?>
|
||||
<!--
|
||||
Font Awesome Free 5.9.0 by @fontawesome - https://fontawesome.com
|
||||
Font Awesome Free 5.14.0 by @fontawesome - https://fontawesome.com
|
||||
License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
||||
-->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
|
||||
<metadata>
|
||||
Created by FontForge 20190112 at Tue Jun 4 15:16:44 2019
|
||||
Created by FontForge 20200314 at Wed Jul 15 11:59:40 2020
|
||||
By Robert Madole
|
||||
Copyright (c) Font Awesome
|
||||
</metadata>
|
||||
|
|
@ -20,9 +20,9 @@ Copyright (c) Font Awesome
|
|||
panose-1="2 0 5 3 0 0 0 0 0 0"
|
||||
ascent="448"
|
||||
descent="-64"
|
||||
bbox="-0.0663408 -64.0662 640.01 448.1"
|
||||
bbox="-0.0663408 -64.0662 640.004 448.1"
|
||||
underline-thickness="25"
|
||||
underline-position="-51"
|
||||
underline-position="-50"
|
||||
unicode-range="U+0020-F5C8"
|
||||
/>
|
||||
<missing-glyph />
|
||||
|
|
@ -50,7 +50,7 @@ s-36 16.1182 -36 36s16.1182 36 36 36s36 -16.1182 36 -36zM164 192c0 -19.8818 -16.
|
|||
<glyph glyph-name="flag" unicode=""
|
||||
d="M336.174 368c35.4668 0 73.0195 12.6914 108.922 28.1797c31.6406 13.6514 66.9043 -9.65723 66.9043 -44.1162v-239.919c0 -16.1953 -8.1543 -31.3057 -21.7129 -40.1631c-26.5762 -17.3643 -70.0693 -39.9814 -128.548 -39.9814c-68.6084 0 -112.781 32 -161.913 32
|
||||
c-56.5674 0 -89.957 -11.2803 -127.826 -28.5566v-83.4434c0 -8.83691 -7.16309 -16 -16 -16h-16c-8.83691 0 -16 7.16309 -16 16v406.438c-14.3428 8.2998 -24 23.7979 -24 41.5615c0 27.5693 23.2422 49.71 51.2012 47.8965
|
||||
c22.9658 -1.49023 41.8662 -19.4717 44.4805 -42.3379c0.177734 -1.52441 0.321289 -4.00781 0.321289 -5.54199c0 -4.30176 -1.10352 -11.1035 -2.46289 -15.1846c22.418 8.68555 49.4199 15.168 80.7207 15.168c68.6084 0 112.781 -32 161.913 -32zM464 112v240
|
||||
c22.9658 -1.49023 41.8662 -19.4717 44.4805 -42.3379c0.213867 -1.83398 0.308594 -3.65918 0.308594 -5.5498c0 -5.30273 -0.860352 -10.4053 -2.4502 -15.1768c22.418 8.68555 49.4199 15.168 80.7207 15.168c68.6084 0 112.781 -32 161.913 -32zM464 112v240
|
||||
c-31.5059 -14.6338 -84.5547 -32 -127.826 -32c-59.9111 0 -101.968 32 -161.913 32c-41.4365 0 -80.4766 -16.5879 -102.261 -32v-232c31.4473 14.5967 84.4648 24 127.826 24c59.9111 0 101.968 -32 161.913 -32c41.4365 0 80.4775 16.5879 102.261 32z" />
|
||||
<glyph glyph-name="bookmark" unicode="" horiz-adv-x="384"
|
||||
d="M336 448c26.5098 0 48 -21.4902 48 -48v-464l-192 112l-192 -112v464c0 26.5098 21.4902 48 48 48h288zM336 19.5703v374.434c0 3.31348 -2.68555 5.99609 -6 5.99609h-276c-3.31152 0 -6 -2.68848 -6 -6v-374.43l144 84z" />
|
||||
|
|
@ -77,17 +77,17 @@ c0 -110.569 89.4678 -200 200 -200zM363.244 247.2c0 -67.0518 -72.4209 -68.084 -72
|
|||
c17.5615 9.84473 28.3242 16.541 28.3242 29.5791c0 17.2461 -21.999 28.6934 -39.7842 28.6934c-23.1885 0 -33.8936 -10.9775 -48.9424 -29.9697c-4.05664 -5.11914 -11.46 -6.07031 -16.666 -2.12402l-27.8232 21.0986
|
||||
c-5.10742 3.87207 -6.25098 11.0654 -2.64453 16.3633c23.627 34.6934 53.7217 54.1846 100.575 54.1846c49.0713 0 101.45 -38.3037 101.45 -88.7998zM298 80c0 -23.1592 -18.8408 -42 -42 -42s-42 18.8408 -42 42s18.8408 42 42 42s42 -18.8408 42 -42z" />
|
||||
<glyph glyph-name="eye" unicode="" horiz-adv-x="576"
|
||||
d="M288 304c0.0927734 0 0.244141 0.000976562 0.336914 0.000976562c61.6641 0 111.71 -50.0469 111.71 -111.711c0 -61.6631 -50.0459 -111.71 -111.71 -111.71s-111.71 50.0469 -111.71 111.71c0 8.71289 1.95898 22.5781 4.37305 30.9502
|
||||
c6.93066 -3.94141 19.0273 -7.18457 27 -7.24023c30.9121 0 56 25.0879 56 56c-0.0556641 7.97266 -3.29883 20.0693 -7.24023 27c8.42383 2.62207 22.4189 4.8623 31.2402 5zM572.52 206.6c1.9209 -3.79883 3.47949 -10.3379 3.47949 -14.5947
|
||||
s-1.55859 -10.7959 -3.47949 -14.5947c-54.1992 -105.771 -161.59 -177.41 -284.52 -177.41s-230.29 71.5898 -284.52 177.4c-1.9209 3.79883 -3.47949 10.3379 -3.47949 14.5947s1.55859 10.7959 3.47949 14.5947c54.1992 105.771 161.59 177.41 284.52 177.41
|
||||
s230.29 -71.5898 284.52 -177.4zM288 48c98.6602 0 189.1 55 237.93 144c-48.8398 89 -139.27 144 -237.93 144s-189.09 -55 -237.93 -144c48.8398 -89 139.279 -144 237.93 -144z" />
|
||||
d="M288 304c0.114258 0 0.240234 -0.0175781 0.354492 -0.0175781c61.6543 0 111.71 -50.0557 111.71 -111.71s-50.0557 -111.71 -111.71 -111.71s-111.71 50.0557 -111.71 111.71c0 10.7422 1.51953 21.1328 4.35547 30.9678
|
||||
c7.95898 -4.52637 17.2129 -7.17188 27 -7.24023c30.9072 0 56 25.0928 56 56c-0.0683594 9.78711 -2.71387 19.041 -7.24023 27c9.88379 3.07617 20.3896 4.83008 31.2402 5zM572.52 206.6c2.21387 -4.37793 3.46094 -9.38965 3.46094 -14.626
|
||||
c0 -5.2373 -1.24707 -10.1855 -3.46094 -14.5635c-54.1992 -105.771 -161.59 -177.41 -284.52 -177.41s-230.29 71.5898 -284.52 177.4c-2.21387 4.37793 -3.46094 9.38965 -3.46094 14.626c0 5.2373 1.24707 10.1855 3.46094 14.5635
|
||||
c54.1992 105.771 161.59 177.41 284.52 177.41s230.29 -71.5898 284.52 -177.4zM288 48c98.6602 0 189.1 55 237.93 144c-48.8398 89 -139.27 144 -237.93 144s-189.09 -55 -237.93 -144c48.8398 -89 139.279 -144 237.93 -144z" />
|
||||
<glyph glyph-name="eye-slash" unicode="" horiz-adv-x="640"
|
||||
d="M634 -23c3.31738 -2.65137 6.00977 -8.25098 6.00977 -12.498c0 -3.10449 -1.57715 -7.58984 -3.51953 -10.0117l-10 -12.4902c-2.65234 -3.31152 -8.24707 -6 -12.4902 -6c-3.09961 0 -7.58008 1.57227 -10 3.50977l-598 467.49
|
||||
c-3.31738 2.65137 -6.00977 8.25098 -6.00977 12.498c0 3.10449 1.57715 7.58984 3.51953 10.0117l10 12.4902c2.65234 3.31152 8.24707 6 12.4902 6c3.09961 0 7.58008 -1.57227 10 -3.50977zM296.79 301.53c6.33496 1.35059 16.7324 2.45801 23.21 2.46973
|
||||
c60.4805 0 109.36 -47.9102 111.58 -107.85zM343.21 82.46c-6.33496 -1.34375 -16.7334 -2.44629 -23.21 -2.45996c-60.4697 0 -109.35 47.9102 -111.58 107.84zM320 336c-19.8799 0 -39.2803 -2.7998 -58.2197 -7.09961l-46.4102 36.29
|
||||
c32.9199 11.8096 67.9297 18.8096 104.63 18.8096c122.93 0 230.29 -71.5898 284.57 -177.4c1.91992 -3.79883 3.47949 -10.3379 3.47949 -14.5947s-1.55957 -10.7959 -3.47949 -14.5947c-11.7197 -22.7598 -35.4189 -56.4092 -52.9004 -75.1104l-37.7402 29.5
|
||||
c14.333 15.0156 34.0449 41.9854 44 60.2002c-48.8398 89 -139.279 144 -237.93 144zM320 48c19.8896 0 39.2803 2.7998 58.2197 7.08984l46.4102 -36.2803c-32.9199 -11.7598 -67.9297 -18.8096 -104.63 -18.8096c-122.92 0 -230.28 71.5898 -284.51 177.4
|
||||
c-1.9209 3.79883 -3.47949 10.3379 -3.47949 14.5947s1.55859 10.7959 3.47949 14.5947c11.7168 22.7568 35.4111 56.4014 52.8896 75.1006l37.7402 -29.5c-14.3467 -15.0107 -34.0811 -41.9756 -44.0498 -60.1904c48.8496 -89 139.279 -144 237.93 -144z" />
|
||||
d="M634 -23c3.66895 -2.93262 6.00391 -7.45117 6.00391 -12.5088c0 -3.7832 -1.31543 -7.26074 -3.51367 -10.001l-10 -12.4902c-2.93359 -3.66309 -7.44824 -5.99414 -12.502 -5.99414c-3.77637 0 -7.25 1.31152 -9.98828 3.50391l-598 467.49
|
||||
c-3.66895 2.93262 -6.00391 7.45117 -6.00391 12.5088c0 3.7832 1.31543 7.26074 3.51367 10.001l10 12.4902c2.93359 3.66309 7.44824 5.99414 12.502 5.99414c3.77637 0 7.25 -1.31152 9.98828 -3.50391zM296.79 301.53c7.51172 1.60254 15.2266 2.45508 23.21 2.46973
|
||||
c60.4805 0 109.36 -47.9102 111.58 -107.85zM343.21 82.46c-7.51367 -1.59375 -15.2285 -2.44336 -23.21 -2.45996c-60.4697 0 -109.35 47.9102 -111.58 107.84zM320 336c-19.8799 0 -39.2803 -2.7998 -58.2197 -7.09961l-46.4102 36.29
|
||||
c32.9199 11.8096 67.9297 18.8096 104.63 18.8096c122.93 0 230.29 -71.5898 284.57 -177.4c2.21289 -4.37793 3.45996 -9.38965 3.45996 -14.626c0 -5.2373 -1.24707 -10.1855 -3.45996 -14.5635c-14.1924 -27.5625 -31.9229 -52.6689 -52.9004 -75.1104l-37.7402 29.5
|
||||
c17.2305 18.0527 31.9385 38.1318 44 60.2002c-48.8398 89 -139.279 144 -237.93 144zM320 48c19.8896 0 39.2803 2.7998 58.2197 7.08984l46.4102 -36.2803c-32.9199 -11.7598 -67.9297 -18.8096 -104.63 -18.8096c-122.92 0 -230.28 71.5898 -284.51 177.4
|
||||
c-2.21387 4.37793 -3.46094 9.38965 -3.46094 14.626c0 5.2373 1.24707 10.1855 3.46094 14.5635c14.1885 27.5586 31.916 52.6621 52.8896 75.1006l37.7402 -29.5c-17.249 -18.0469 -31.9727 -38.1221 -44.0498 -60.1904c48.8496 -89 139.279 -144 237.93 -144z" />
|
||||
<glyph glyph-name="calendar-alt" unicode="" horiz-adv-x="448"
|
||||
d="M148 160h-40c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-40c0 -6.59961 -5.40039 -12 -12 -12zM256 172c0 -6.59961 -5.40039 -12 -12 -12h-40c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h40
|
||||
c6.59961 0 12 -5.40039 12 -12v-40zM352 172c0 -6.59961 -5.40039 -12 -12 -12h-40c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-40zM256 76c0 -6.59961 -5.40039 -12 -12 -12h-40c-6.59961 0 -12 5.40039 -12 12v40
|
||||
|
|
@ -131,47 +131,47 @@ d="M527.9 416c26.5996 0 48.0996 -21.5 48.0996 -48v-352c0 -26.5 -21.5 -48 -48.099
|
|||
h-467.801zM521.9 16c3.2998 0 6 2.7002 6 6v170h-479.801v-170c0 -3.2998 2.7002 -6 6 -6h467.801zM192 116v-40c0 -6.59961 -5.40039 -12 -12 -12h-72c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h72c6.59961 0 12 -5.40039 12 -12zM384 116v-40
|
||||
c0 -6.59961 -5.40039 -12 -12 -12h-136c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h136c6.59961 0 12 -5.40039 12 -12z" />
|
||||
<glyph glyph-name="hdd" unicode="" horiz-adv-x="576"
|
||||
d="M567.403 212.358c5.59668 -8.04688 8.59668 -17.6113 8.59668 -27.4121v-136.946c0 -26.5098 -21.4902 -48 -48 -48h-480c-26.5098 0 -48 21.4902 -48 48v136.946c0 8.30957 3.85156 20.5898 8.59668 27.4121l105.08 151.053
|
||||
c7.90625 11.3652 25.5596 20.5889 39.4033 20.5889h0.000976562h269.838h0.000976562c13.8438 0 31.4971 -9.22363 39.4033 -20.5889zM153.081 336l-77.9131 -112h425.664l-77.9131 112h-269.838zM528 48v128h-480v-128h480zM496 112c0 -17.6729 -14.3271 -32 -32 -32
|
||||
s-32 14.3271 -32 32s14.3271 32 32 32s32 -14.3271 32 -32zM400 112c0 -17.6729 -14.3271 -32 -32 -32s-32 14.3271 -32 32s14.3271 32 32 32s32 -14.3271 32 -32z" />
|
||||
d="M567.403 212.358c5.59668 -8.04688 8.59668 -17.6113 8.59668 -27.4121v-136.946c0 -26.5098 -21.4902 -48 -48 -48h-480c-26.5098 0 -48 21.4902 -48 48v136.946c0 10.167 3.19531 19.6465 8.59668 27.4121l105.08 151.053
|
||||
c8.67383 12.4678 23.0791 20.5889 39.4043 20.5889h269.838c16.3252 0 30.7305 -8.12109 39.4043 -20.5889zM153.081 336l-77.9131 -112h425.664l-77.9131 112h-269.838zM528 48v128h-480v-128h480zM496 112c0 -17.6729 -14.3271 -32 -32 -32s-32 14.3271 -32 32
|
||||
s14.3271 32 32 32s32 -14.3271 32 -32zM400 112c0 -17.6729 -14.3271 -32 -32 -32s-32 14.3271 -32 32s14.3271 32 32 32s32 -14.3271 32 -32z" />
|
||||
<glyph glyph-name="hand-point-right" unicode=""
|
||||
d="M428.8 310.4c45.0996 0 83.2002 -38.1016 83.2002 -83.2002c0 -45.6162 -37.7646 -83.2002 -83.2002 -83.2002h-35.6475c-1.41602 -6.36719 -4.96875 -16.252 -7.92969 -22.0645c2.50586 -22.0059 -3.50293 -44.9775 -15.9844 -62.791
|
||||
d="M428.8 310.4c45.0996 0 83.2002 -38.1016 83.2002 -83.2002c0 -45.6162 -37.7646 -83.2002 -83.2002 -83.2002h-35.6475c-1.71387 -7.70605 -4.43555 -15.2051 -7.92969 -22.0645c2.50586 -22.0059 -3.50293 -44.9775 -15.9844 -62.791
|
||||
c-1.14062 -52.4863 -37.3984 -91.1445 -99.9404 -91.1445h-21.2988c-60.0635 0 -98.5117 40 -127.2 40h-2.67871c-5.74707 -4.95215 -13.5361 -8 -22.1201 -8h-64c-17.6729 0 -32 12.8936 -32 28.7998v230.4c0 15.9062 14.3271 28.7998 32 28.7998h64.001
|
||||
c8.58398 0 16.373 -3.04785 22.1201 -8h2.67871c6.96387 0 14.8623 6.19336 30.1816 23.6689l0.128906 0.148438l0.130859 0.145508c8.85645 9.93652 18.1162 20.8398 25.8506 33.2529c18.7051 30.2471 30.3936 78.7842 75.707 78.7842c56.9277 0 92 -35.2861 92 -83.2002
|
||||
v-0.0839844c0 -6.21777 -0.974609 -16.2148 -2.17578 -22.3154h86.1768zM428.8 192c18.9756 0 35.2002 16.2246 35.2002 35.2002c0 18.7002 -16.7754 35.2002 -35.2002 35.2002h-158.399c0 17.3242 26.3994 35.1992 26.3994 70.3994c0 26.4004 -20.625 35.2002 -44 35.2002
|
||||
c-8.79395 0 -20.4443 -32.7119 -34.9258 -56.0996c-9.07422 -14.5752 -19.5244 -27.2256 -30.7988 -39.875c-16.1094 -18.374 -33.8359 -36.6328 -59.0752 -39.5967v-176.753c42.79 -3.7627 74.5088 -39.6758 120 -39.6758h21.2988
|
||||
c0 -0.0283203 0 0.0361328 0 0.0078125c0 -7.66602 -0.748047 -15.1582 -2.17578 -22.4072h86.1768zM428.8 192c18.9756 0 35.2002 16.2246 35.2002 35.2002c0 18.7002 -16.7754 35.2002 -35.2002 35.2002h-158.399c0 17.3242 26.3994 35.1992 26.3994 70.3994
|
||||
c0 26.4004 -20.625 35.2002 -44 35.2002c-8.79395 0 -20.4443 -32.7119 -34.9258 -56.0996c-9.07422 -14.5752 -19.5244 -27.2256 -30.7988 -39.875c-16.1094 -18.374 -33.8359 -36.6328 -59.0752 -39.5967v-176.753c42.79 -3.7627 74.5088 -39.6758 120 -39.6758h21.2988
|
||||
c40.5244 0 57.124 22.1973 50.6006 61.3252c14.6113 8.00098 24.1514 33.9785 12.9248 53.625c19.3652 18.2246 17.7871 46.3809 4.9502 61.0498h91.0254zM88 64c0 13.2549 -10.7451 24 -24 24s-24 -10.7451 -24 -24s10.7451 -24 24 -24s24 10.7451 24 24z" />
|
||||
<glyph glyph-name="hand-point-left" unicode=""
|
||||
d="M0 227.2c0 45.0986 38.1006 83.2002 83.2002 83.2002h86.1758c-1.3623 6.91016 -2.17578 14.374 -2.17578 22.3994c0 47.9141 35.0723 83.2002 92 83.2002c45.3135 0 57.002 -48.5371 75.7061 -78.7852c7.73438 -12.4121 16.9951 -23.3154 25.8506 -33.2529
|
||||
l0.130859 -0.145508l0.128906 -0.148438c15.3213 -17.4746 23.2197 -23.668 30.1836 -23.668h2.67871c5.74707 4.95215 13.5361 8 22.1201 8h64c17.6729 0 32 -12.8936 32 -28.7998v-230.4c0 -15.9062 -14.3271 -28.7998 -32 -28.7998h-64
|
||||
c-8.58398 0 -16.373 3.04785 -22.1201 8h-2.67871c-28.6885 0 -67.1367 -40 -127.2 -40h-21.2988c-62.542 0 -98.8008 38.6582 -99.9404 91.1445c-12.4814 17.8135 -18.4922 40.7852 -15.9844 62.791c-2.96094 5.8125 -6.51367 15.6973 -7.92969 22.0645h-35.6465
|
||||
c-8.58398 0 -16.373 3.04785 -22.1201 8h-2.67871c-28.6885 0 -67.1367 -40 -127.2 -40h-21.2988c-62.542 0 -98.8008 38.6582 -99.9404 91.1445c-12.4814 17.8135 -18.4922 40.7852 -15.9844 62.791c-3.49414 6.85938 -6.21582 14.3584 -7.92969 22.0645h-35.6465
|
||||
c-45.4355 0 -83.2002 37.584 -83.2002 83.2002zM48 227.2c0 -18.9756 16.2246 -35.2002 35.2002 -35.2002h91.0244c-12.8369 -14.6689 -14.415 -42.8252 4.9502 -61.0498c-11.2256 -19.6465 -1.68652 -45.624 12.9248 -53.625
|
||||
c-6.52246 -39.1279 10.0771 -61.3252 50.6016 -61.3252h21.2988c45.4912 0 77.21 35.9131 120 39.6768v176.752c-25.2393 2.96289 -42.9658 21.2227 -59.0752 39.5967c-11.2744 12.6494 -21.7246 25.2998 -30.7988 39.875
|
||||
c-14.4814 23.3877 -26.1318 56.0996 -34.9258 56.0996c-23.375 0 -44 -8.7998 -44 -35.2002c0 -35.2002 26.3994 -53.0752 26.3994 -70.3994h-158.399c-18.4248 0 -35.2002 -16.5 -35.2002 -35.2002zM448 88c-13.2549 0 -24 -10.7451 -24 -24s10.7451 -24 24 -24
|
||||
s24 10.7451 24 24s-10.7451 24 -24 24z" />
|
||||
<glyph glyph-name="hand-point-up" unicode="" horiz-adv-x="448"
|
||||
d="M105.6 364.8c0 45.0996 38.1016 83.2002 83.2002 83.2002c45.6162 0 83.2002 -37.7646 83.2002 -83.2002v-35.6465c6.36719 -1.41602 16.252 -4.96875 22.0645 -7.92969c22.0059 2.50684 44.9775 -3.50293 62.791 -15.9844
|
||||
d="M105.6 364.8c0 45.0996 38.1016 83.2002 83.2002 83.2002c45.6162 0 83.2002 -37.7646 83.2002 -83.2002v-35.6465c7.70605 -1.71387 15.2051 -4.43555 22.0645 -7.92969c22.0059 2.50684 44.9775 -3.50293 62.791 -15.9844
|
||||
c52.4863 -1.14062 91.1445 -37.3984 91.1445 -99.9404v-21.2988c0 -60.0635 -40 -98.5117 -40 -127.2v-2.67871c4.95215 -5.74707 8 -13.5361 8 -22.1201v-64c0 -17.6729 -12.8936 -32 -28.7998 -32h-230.4c-15.9062 0 -28.7998 14.3271 -28.7998 32v64
|
||||
c0 8.58398 3.04785 16.373 8 22.1201v2.67871c0 6.96387 -6.19336 14.8623 -23.6689 30.1816l-0.148438 0.128906l-0.145508 0.130859c-9.93652 8.85645 -20.8398 18.1162 -33.2529 25.8506c-30.2471 18.7051 -78.7842 30.3936 -78.7842 75.707
|
||||
c0 56.9277 35.2861 92 83.2002 92h0.0839844c6.21777 0 16.2148 -0.974609 22.3154 -2.17578v86.1768zM224 364.8c0 18.9756 -16.2246 35.2002 -35.2002 35.2002c-18.7002 0 -35.2002 -16.7754 -35.2002 -35.2002v-158.399c-17.3242 0 -35.1992 26.3994 -70.3994 26.3994
|
||||
c-26.4004 0 -35.2002 -20.625 -35.2002 -44c0 -8.79395 32.7119 -20.4443 56.0996 -34.9258c14.5752 -9.07422 27.2256 -19.5244 39.875 -30.7988c18.374 -16.1094 36.6328 -33.8359 39.5967 -59.0752h176.753c3.7627 42.79 39.6758 74.5088 39.6758 120v21.2988
|
||||
c0 40.5244 -22.1973 57.124 -61.3252 50.6006c-8.00098 14.6113 -33.9785 24.1514 -53.625 12.9248c-18.2246 19.3652 -46.3809 17.7871 -61.0498 4.9502v91.0254zM352 24c-13.2549 0 -24 -10.7451 -24 -24s10.7451 -24 24 -24s24 10.7451 24 24s-10.7451 24 -24 24z" />
|
||||
c0 56.9277 35.2861 92 83.2002 92c0.0283203 0 -0.0361328 0 -0.0078125 0c7.66602 0 15.1582 -0.748047 22.4072 -2.17578v86.1768zM224 364.8c0 18.9756 -16.2246 35.2002 -35.2002 35.2002c-18.7002 0 -35.2002 -16.7754 -35.2002 -35.2002v-158.399
|
||||
c-17.3242 0 -35.1992 26.3994 -70.3994 26.3994c-26.4004 0 -35.2002 -20.625 -35.2002 -44c0 -8.79395 32.7119 -20.4443 56.0996 -34.9258c14.5752 -9.07422 27.2256 -19.5244 39.875 -30.7988c18.374 -16.1094 36.6328 -33.8359 39.5967 -59.0752h176.753
|
||||
c3.7627 42.79 39.6758 74.5088 39.6758 120v21.2988c0 40.5244 -22.1973 57.124 -61.3252 50.6006c-8.00098 14.6113 -33.9785 24.1514 -53.625 12.9248c-18.2246 19.3652 -46.3809 17.7871 -61.0498 4.9502v91.0254zM352 24c-13.2549 0 -24 -10.7451 -24 -24
|
||||
s10.7451 -24 24 -24s24 10.7451 24 24s-10.7451 24 -24 24z" />
|
||||
<glyph glyph-name="hand-point-down" unicode="" horiz-adv-x="448"
|
||||
d="M188.8 -64c-45.0986 0 -83.2002 38.1006 -83.2002 83.2002v86.1758c-6.91016 -1.3623 -14.374 -2.17578 -22.3994 -2.17578c-47.9141 0 -83.2002 35.0723 -83.2002 92c0 45.3135 48.5371 57.002 78.7852 75.707c12.4121 7.73438 23.3154 16.9951 33.2529 25.8506
|
||||
l0.145508 0.130859l0.148438 0.128906c17.4746 15.3213 23.668 23.2197 23.668 30.1836v2.67871c-4.95215 5.74707 -8 13.5361 -8 22.1201v64c0 17.6729 12.8936 32 28.7998 32h230.4c15.9062 0 28.7998 -14.3271 28.7998 -32v-64.001
|
||||
c0 -8.58398 -3.04785 -16.373 -8 -22.1201v-2.67871c0 -28.6885 40 -67.1367 40 -127.2v-21.2988c0 -62.542 -38.6582 -98.8008 -91.1445 -99.9404c-17.8135 -12.4814 -40.7852 -18.4922 -62.791 -15.9844c-5.8125 -2.96094 -15.6973 -6.51367 -22.0645 -7.92969v-35.6465
|
||||
c0 -8.58398 -3.04785 -16.373 -8 -22.1201v-2.67871c0 -28.6885 40 -67.1367 40 -127.2v-21.2988c0 -62.542 -38.6582 -98.8008 -91.1445 -99.9404c-17.8135 -12.4814 -40.7852 -18.4922 -62.791 -15.9844c-6.85938 -3.49414 -14.3584 -6.21582 -22.0645 -7.92969v-35.6465
|
||||
c0 -45.4355 -37.584 -83.2002 -83.2002 -83.2002zM188.8 -16c18.9756 0 35.2002 16.2246 35.2002 35.2002v91.0244c14.6689 -12.8369 42.8252 -14.415 61.0498 4.9502c19.6465 -11.2256 45.624 -1.68652 53.625 12.9248c39.1279 -6.52246 61.3252 10.0771 61.3252 50.6016
|
||||
v21.2988c0 45.4912 -35.9131 77.21 -39.6768 120h-176.752c-2.96289 -25.2393 -21.2227 -42.9658 -39.5967 -59.0752c-12.6494 -11.2744 -25.2998 -21.7246 -39.875 -30.7988c-23.3877 -14.4814 -56.0996 -26.1318 -56.0996 -34.9258c0 -23.375 8.7998 -44 35.2002 -44
|
||||
c35.2002 0 53.0752 26.3994 70.3994 26.3994v-158.399c0 -18.4248 16.5 -35.2002 35.2002 -35.2002zM328 384c0 -13.2549 10.7451 -24 24 -24s24 10.7451 24 24s-10.7451 24 -24 24s-24 -10.7451 -24 -24z" />
|
||||
<glyph glyph-name="copy" unicode="" horiz-adv-x="448"
|
||||
d="M433.941 382.059c7.75977 -7.75977 14.0586 -22.9658 14.0586 -33.9404v-268.118c0 -26.5098 -21.4902 -48 -48 -48h-80v-48c0 -26.5098 -21.4902 -48 -48 -48h-224c-26.5098 0 -48 21.4902 -48 48v320c0 26.5098 21.4902 48 48 48h80v48c0 26.5098 21.4902 48 48 48
|
||||
h172.118c10.9746 0 26.1807 -6.29883 33.9404 -14.0586zM266 -16c3.31152 0 6 2.68848 6 6v42h-96c-26.5098 0 -48 21.4902 -48 48v224h-74c-3.31152 0 -6 -2.68848 -6 -6v-308c0 -3.31152 2.68848 -6 6 -6h212zM394 80c3.31152 0 6 2.68848 6 6v202h-88
|
||||
c-13.2549 0 -24 10.7451 -24 24v88h-106c-3.31152 0 -6 -2.68848 -6 -6v-308c0 -3.31152 2.68848 -6 6 -6h212zM400 336v9.63184v0.000976562c0 1.37207 -0.787109 3.27246 -1.75684 4.24219l-48.3682 48.3682c-1.12598 1.125 -2.65234 1.75684 -4.24316 1.75684h-9.63184
|
||||
v-64h64z" />
|
||||
d="M433.941 382.059c8.68848 -8.68848 14.0586 -20.6943 14.0586 -33.9404v-268.118c0 -26.5098 -21.4902 -48 -48 -48h-80v-48c0 -26.5098 -21.4902 -48 -48 -48h-224c-26.5098 0 -48 21.4902 -48 48v320c0 26.5098 21.4902 48 48 48h80v48c0 26.5098 21.4902 48 48 48
|
||||
h172.118c13.2461 0 25.252 -5.37012 33.9404 -14.0586zM266 -16c3.31152 0 6 2.68848 6 6v42h-96c-26.5098 0 -48 21.4902 -48 48v224h-74c-3.31152 0 -6 -2.68848 -6 -6v-308c0 -3.31152 2.68848 -6 6 -6h212zM394 80c3.31152 0 6 2.68848 6 6v202h-88
|
||||
c-13.2549 0 -24 10.7451 -24 24v88h-106c-3.31152 0 -6 -2.68848 -6 -6v-308c0 -3.31152 2.68848 -6 6 -6h212zM400 336v9.63184c0 1.65527 -0.670898 3.15723 -1.75684 4.24316l-48.3682 48.3682c-1.12598 1.125 -2.65234 1.75684 -4.24316 1.75684h-9.63184v-64h64z" />
|
||||
<glyph glyph-name="save" unicode="" horiz-adv-x="448"
|
||||
d="M433.941 318.059c7.75977 -7.75977 14.0586 -22.9658 14.0586 -33.9404v-268.118c0 -26.5098 -21.4902 -48 -48 -48h-352c-26.5098 0 -48 21.4902 -48 48v352c0 26.5098 21.4902 48 48 48h268.118c10.9746 0 26.1807 -6.29883 33.9404 -14.0586zM272 368h-128v-80h128v80
|
||||
zM394 16c3.31152 0 6 2.68848 6 6v259.632v0.000976562c0 1.37207 -0.787109 3.27246 -1.75684 4.24219l-78.2432 78.2432v-100.118c0 -13.2549 -10.7451 -24 -24 -24h-176c-13.2549 0 -24 10.7451 -24 24v104h-42c-3.31152 0 -6 -2.68848 -6 -6v-340
|
||||
c0 -3.31152 2.68848 -6 6 -6h340zM224 216c48.5234 0 88 -39.4766 88 -88s-39.4766 -88 -88 -88s-88 39.4766 -88 88s39.4766 88 88 88zM224 88c22.0557 0 40 17.9443 40 40s-17.9443 40 -40 40s-40 -17.9443 -40 -40s17.9443 -40 40 -40z" />
|
||||
d="M433.941 318.059c8.68848 -8.68848 14.0586 -20.6943 14.0586 -33.9404v-268.118c0 -26.5098 -21.4902 -48 -48 -48h-352c-26.5098 0 -48 21.4902 -48 48v352c0 26.5098 21.4902 48 48 48h268.118c13.2461 0 25.252 -5.37012 33.9404 -14.0586zM272 368h-128v-80h128v80z
|
||||
M394 16c3.31152 0 6 2.68848 6 6v259.632c0 1.65527 -0.670898 3.15723 -1.75684 4.24316l-78.2432 78.2432v-100.118c0 -13.2549 -10.7451 -24 -24 -24h-176c-13.2549 0 -24 10.7451 -24 24v104h-42c-3.31152 0 -6 -2.68848 -6 -6v-340c0 -3.31152 2.68848 -6 6 -6h340z
|
||||
M224 216c48.5234 0 88 -39.4766 88 -88s-39.4766 -88 -88 -88s-88 39.4766 -88 88s39.4766 88 88 88zM224 88c22.0557 0 40 17.9443 40 40s-17.9443 40 -40 40s-40 -17.9443 -40 -40s17.9443 -40 40 -40z" />
|
||||
<glyph glyph-name="square" unicode="" horiz-adv-x="448"
|
||||
d="M400 416c26.5 0 48 -21.5 48 -48v-352c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h352zM394 16c3.2998 0 6 2.7002 6 6v340c0 3.2998 -2.7002 6 -6 6h-340c-3.2998 0 -6 -2.7002 -6 -6v-340c0 -3.2998 2.7002 -6 6 -6h340z" />
|
||||
<glyph glyph-name="envelope" unicode=""
|
||||
|
|
@ -181,7 +181,7 @@ c-22.5439 -17.748 -60.3359 -55.1787 -103.053 -54.9473c-42.9277 -0.231445 -81.205
|
|||
<glyph glyph-name="lightbulb" unicode="" horiz-adv-x="352"
|
||||
d="M176 368c8.83984 0 16 -7.16016 16 -16s-7.16016 -16 -16 -16c-35.2803 0 -64 -28.7002 -64 -64c0 -8.83984 -7.16016 -16 -16 -16s-16 7.16016 -16 16c0 52.9404 43.0596 96 96 96zM96.0596 -11.1699l-0.0400391 43.1797h159.961l-0.0507812 -43.1797
|
||||
c-0.00976562 -3.13965 -0.939453 -6.21973 -2.67969 -8.83984l-24.5098 -36.8398c-2.95996 -4.45996 -7.95996 -7.14062 -13.3203 -7.14062h-78.8496c-5.35059 0 -10.3506 2.68066 -13.3203 7.14062l-24.5098 36.8398c-1.75 2.62012 -2.68066 5.68945 -2.68066 8.83984z
|
||||
M176 448c97.2002 0 176 -78.7998 176 -176c0 -44.3701 -16.4502 -84.8496 -43.5498 -115.79c-16.6406 -18.9795 -42.7402 -58.79 -52.4199 -92.1602v-0.0498047h-48v0.0996094c0.00390625 4.04199 0.999023 10.4482 2.21973 14.3008
|
||||
M176 448c97.2002 0 176 -78.7998 176 -176c0 -44.3701 -16.4502 -84.8496 -43.5498 -115.79c-16.6406 -18.9795 -42.7402 -58.79 -52.4199 -92.1602v-0.0498047h-48v0.0996094c0.00488281 4.98145 0.790039 9.78809 2.21973 14.3008
|
||||
c5.67969 17.9893 22.9902 64.8496 62.0996 109.46c20.4102 23.29 31.6504 53.1699 31.6504 84.1396c0 70.5801 -57.4199 128 -128 128c-68.2803 0 -128.15 -54.3604 -127.95 -128c0.0898438 -30.9902 11.0703 -60.71 31.6104 -84.1396
|
||||
c39.3496 -44.9004 56.5801 -91.8604 62.1699 -109.67c1.42969 -4.56055 2.13965 -9.30078 2.15039 -14.0703v-0.120117h-48v0.0595703c-9.68066 33.3604 -35.7803 73.1709 -52.4209 92.1602c-27.1094 30.9307 -43.5596 71.4102 -43.5596 115.78
|
||||
c0 93.0303 73.7197 176 176 176z" />
|
||||
|
|
@ -241,13 +241,13 @@ c4.70508 4.66699 12.3027 4.63672 16.9697 -0.0683594l22.5361 -22.7178c4.66699 -4.
|
|||
<glyph glyph-name="share-square" unicode="" horiz-adv-x="576"
|
||||
d="M561.938 289.94c18.75 -18.7402 18.75 -49.1406 0 -67.8809l-143.998 -144c-29.9727 -29.9727 -81.9404 -9.05273 -81.9404 33.9404v53.7998c-101.266 -7.83691 -99.625 -31.6406 -84.1104 -78.7598c14.2285 -43.0889 -33.4736 -79.248 -71.0195 -55.7402
|
||||
c-51.6924 32.3057 -84.8701 83.0635 -84.8701 144.76c0 39.3408 12.2197 72.7402 36.3301 99.3008c19.8398 21.8398 47.7402 38.4697 82.9102 49.4199c36.7295 11.4395 78.3096 16.1094 120.76 17.9893v57.1982c0 42.9355 51.9258 63.9541 81.9404 33.9404zM384 112l144 144
|
||||
l-144 144v-104.09c-110.86 -0.90332 -240 -10.5166 -240 -119.851c0 -52.1396 32.79 -85.6094 62.3096 -104.06c-39.8174 120.65 48.999 141.918 177.69 143.84v-103.84zM408.74 27.5068c6.14844 1.75684 15.5449 5.92383 20.9736 9.30273
|
||||
l-144 144v-104.09c-110.86 -0.90332 -240 -10.5166 -240 -119.851c0 -52.1396 32.79 -85.6094 62.3096 -104.06c-39.8174 120.65 48.999 141.918 177.69 143.84v-103.84zM408.74 27.5068c7.4375 2.125 14.5508 5.30566 20.9736 9.30273
|
||||
c7.97656 4.95215 18.2861 -0.825195 18.2861 -10.2139v-42.5957c0 -26.5098 -21.4902 -48 -48 -48h-352c-26.5098 0 -48 21.4902 -48 48v352c0 26.5098 21.4902 48 48 48h132c6.62695 0 12 -5.37305 12 -12v-4.48633c0 -4.91699 -2.9873 -9.36914 -7.56934 -11.1514
|
||||
c-13.7021 -5.33105 -26.3955 -11.5371 -38.0498 -18.585c-1.59668 -0.974609 -4.41016 -1.77051 -6.28027 -1.77734h-86.1006c-3.31152 0 -6 -2.68848 -6 -6v-340c0 -3.31152 2.68848 -6 6 -6h340c3.31152 0 6 2.68848 6 6v25.9658c0 5.37012 3.5791 10.0596 8.74023 11.541
|
||||
z" />
|
||||
c-13.7021 -5.33105 -26.3955 -11.5371 -38.0498 -18.585c-1.82715 -1.11523 -3.98633 -1.76953 -6.28027 -1.77734h-86.1006c-3.31152 0 -6 -2.68848 -6 -6v-340c0 -3.31152 2.68848 -6 6 -6h340c3.31152 0 6 2.68848 6 6v25.9658c0 5.37012 3.5791 10.0596 8.74023 11.541z
|
||||
" />
|
||||
<glyph glyph-name="compass" unicode="" horiz-adv-x="496"
|
||||
d="M347.94 318.14c16.6592 7.61035 33.8096 -9.54004 26.1992 -26.1992l-65.9697 -144.341c-2.73047 -5.97363 -9.7959 -13.0391 -15.7695 -15.7695l-144.341 -65.9697c-16.6592 -7.61035 -33.8096 9.5498 -26.1992 26.1992l65.9697 144.341
|
||||
c2.73047 5.97363 9.7959 13.0391 15.7695 15.7695zM270.58 169.42c12.4697 12.4697 12.4697 32.6904 0 45.1602s-32.6904 12.4697 -45.1602 0s-12.4697 -32.6904 0 -45.1602s32.6904 -12.4697 45.1602 0zM248 440c136.97 0 248 -111.03 248 -248s-111.03 -248 -248 -248
|
||||
d="M347.94 318.14c16.6592 7.61035 33.8096 -9.54004 26.1992 -26.1992l-65.9697 -144.341c-3.19238 -6.9834 -8.78613 -12.5771 -15.7695 -15.7695l-144.341 -65.9697c-16.6592 -7.61035 -33.8096 9.5498 -26.1992 26.1992l65.9697 144.341
|
||||
c3.19238 6.9834 8.78613 12.5771 15.7695 15.7695zM270.58 169.42c12.4697 12.4697 12.4697 32.6904 0 45.1602s-32.6904 12.4697 -45.1602 0s-12.4697 -32.6904 0 -45.1602s32.6904 -12.4697 45.1602 0zM248 440c136.97 0 248 -111.03 248 -248s-111.03 -248 -248 -248
|
||||
s-248 111.03 -248 248s111.03 248 248 248zM248 -8c110.28 0 200 89.7197 200 200s-89.7197 200 -200 200s-200 -89.7197 -200 -200s89.7197 -200 200 -200z" />
|
||||
<glyph glyph-name="caret-square-down" unicode="" horiz-adv-x="448"
|
||||
d="M125.1 240h197.801c10.6992 0 16.0996 -13 8.5 -20.5l-98.9004 -98.2998c-4.7002 -4.7002 -12.2002 -4.7002 -16.9004 0l-98.8994 98.2998c-7.7002 7.5 -2.2998 20.5 8.39941 20.5zM448 368v-352c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352
|
||||
|
|
@ -287,7 +287,7 @@ l40.4004 -59.8994l70.8994 13.6992c13 2.60059 26.6006 -1.59961 36.2002 -11.0996c9
|
|||
l-91 17.5996l17.5996 -91.2002l-76.7998 -52l76.7998 -52l-17.5996 -91.1992l90.8994 17.5996l51.9004 -77l51.9004 76.9004l91 -17.6006zM256 296c57.2998 0 104 -46.7002 104 -104s-46.7002 -104 -104 -104s-104 46.7002 -104 104s46.7002 104 104 104zM256 136
|
||||
c30.9004 0 56 25.0996 56 56s-25.0996 56 -56 56s-56 -25.0996 -56 -56s25.0996 -56 56 -56z" />
|
||||
<glyph glyph-name="moon" unicode=""
|
||||
d="M279.135 -64c-141.424 0 -256 114.64 -256 256c0 141.425 114.641 256 256 256c13.0068 -0.00195312 33.9443 -1.91797 46.7354 -4.27734c44.0205 -8.13086 53.7666 -66.8691 15.0215 -88.9189c-41.374 -23.5439 -67.4336 -67.4121 -67.4336 -115.836
|
||||
d="M279.135 -64c-141.424 0 -256 114.64 -256 256c0 141.425 114.641 256 256 256c16.0342 -0.00292969 31.5078 -1.46875 46.7354 -4.27734c44.0205 -8.13086 53.7666 -66.8691 15.0215 -88.9189c-41.374 -23.5439 -67.4336 -67.4121 -67.4336 -115.836
|
||||
c0 -83.5234 75.9238 -146.475 158.272 -130.792c43.6904 8.32129 74.5186 -42.5693 46.248 -77.4004c-47.8613 -58.9717 -120.088 -94.7754 -198.844 -94.7754zM279.135 400c-114.875 0 -208 -93.125 -208 -208s93.125 -208 208 -208
|
||||
c65.2314 0 123.439 30.0361 161.575 77.0244c-111.611 -21.2568 -215.252 64.0957 -215.252 177.943c0 67.5127 36.9326 126.392 91.6934 157.555c-12.3271 2.27637 -25.0312 3.47754 -38.0166 3.47754z" />
|
||||
<glyph glyph-name="caret-square-left" unicode="" horiz-adv-x="448"
|
||||
|
|
@ -334,12 +334,12 @@ c12.7002 0 24.9004 -5.09961 33.9004 -14.0996zM256 396.1v-76.0996h76.0996zM336 -1
|
|||
c-33.2002 0 -58 30.4004 -51.4004 62.9004l19.7002 97.0996v32h32v-32h22.1006c5.7998 0 10.6992 -4.09961 11.7998 -9.7002zM160.3 57.9004c17.9004 0 32.4004 12.0996 32.4004 27c0 14.8994 -14.5 27 -32.4004 27c-17.8994 0 -32.3994 -12.1006 -32.3994 -27
|
||||
c0 -14.9004 14.5 -27 32.3994 -27zM192.3 256v-32h-32v32h32z" />
|
||||
<glyph glyph-name="file-audio" unicode="" horiz-adv-x="384"
|
||||
d="M369.941 350.059c7.75977 -7.75977 14.0586 -22.9658 14.0586 -33.9404v-332.118c0 -26.5098 -21.4902 -48 -48 -48h-288c-26.5098 0 -48 21.4902 -48 48v416c0 26.5098 21.4902 48 48 48h204.118c10.9746 0 26.1807 -6.29883 33.9404 -14.0586zM332.118 320
|
||||
d="M369.941 350.059c8.68848 -8.68848 14.0586 -20.6943 14.0586 -33.9404v-332.118c0 -26.5098 -21.4902 -48 -48 -48h-288c-26.5098 0 -48 21.4902 -48 48v416c0 26.5098 21.4902 48 48 48h204.118c13.2461 0 25.252 -5.37012 33.9404 -14.0586zM332.118 320
|
||||
l-76.1182 76.1182v-76.1182h76.1182zM48 -16h288v288h-104c-13.2549 0 -24 10.7451 -24 24v104h-160v-416zM192 60.0244c0 -10.6914 -12.9258 -16.0459 -20.4854 -8.48535l-35.5146 35.9746h-28c-6.62695 0 -12 5.37305 -12 12v56c0 6.62695 5.37305 12 12 12h28
|
||||
l35.5146 36.9473c7.56055 7.56055 20.4854 2.20605 20.4854 -8.48535v-135.951zM233.201 107.154c9.05078 9.29688 9.05957 24.1328 0.000976562 33.4385c-22.1494 22.752 12.2344 56.2461 34.3945 33.4814c27.1982 -27.9404 27.2119 -72.4443 0.000976562 -100.401
|
||||
c-21.793 -22.3857 -56.9463 10.3154 -34.3965 33.4814z" />
|
||||
<glyph glyph-name="file-video" unicode="" horiz-adv-x="384"
|
||||
d="M369.941 350.059c7.75977 -7.75977 14.0586 -22.9658 14.0586 -33.9404v-332.118c0 -26.5098 -21.4902 -48 -48 -48h-288c-26.5098 0 -48 21.4902 -48 48v416c0 26.5098 21.4902 48 48 48h204.118c10.9746 0 26.1807 -6.29883 33.9404 -14.0586zM332.118 320
|
||||
d="M369.941 350.059c8.68848 -8.68848 14.0586 -20.6943 14.0586 -33.9404v-332.118c0 -26.5098 -21.4902 -48 -48 -48h-288c-26.5098 0 -48 21.4902 -48 48v416c0 26.5098 21.4902 48 48 48h204.118c13.2461 0 25.252 -5.37012 33.9404 -14.0586zM332.118 320
|
||||
l-76.1182 76.1182v-76.1182h76.1182zM48 -16h288v288h-104c-13.2549 0 -24 10.7451 -24 24v104h-160v-416zM276.687 195.303c10.0049 10.0049 27.3135 2.99707 27.3135 -11.3135v-111.976c0 -14.2939 -17.2959 -21.332 -27.3135 -11.3135l-52.6865 52.6738v-37.374
|
||||
c0 -11.0459 -8.9541 -20 -20 -20h-104c-11.0459 0 -20 8.9541 -20 20v104c0 11.0459 8.9541 20 20 20h104c11.0459 0 20 -8.9541 20 -20v-37.374z" />
|
||||
<glyph glyph-name="file-code" unicode="" horiz-adv-x="384"
|
||||
|
|
@ -376,9 +376,9 @@ c73.46 -15.2598 127.939 -77.46 127.939 -155.16c0 -41.3604 6.03027 -70.7197 14.33
|
|||
c-35.3203 0 -63.9697 28.6504 -63.9697 64h127.939c0 -35.3496 -28.6494 -64 -63.9697 -64z" />
|
||||
<glyph glyph-name="copyright" unicode=""
|
||||
d="M256 440c136.967 0 248 -111.033 248 -248s-111.033 -248 -248 -248s-248 111.033 -248 248s111.033 248 248 248zM256 -8c110.549 0 200 89.4678 200 200c0 110.549 -89.4678 200 -200 200c-110.549 0 -200 -89.4688 -200 -200c0 -110.549 89.4678 -200 200 -200z
|
||||
M363.351 93.0645c-9.61328 -9.71289 -45.5293 -41.3965 -104.064 -41.3965c-82.4297 0 -140.484 61.4248 -140.484 141.567c0 79.1514 60.2754 139.4 139.763 139.4c55.5303 0 88.7373 -26.6201 97.5928 -34.7783c2.13379 -1.96289 3.86523 -5.9082 3.86523 -8.80762
|
||||
c0 -1.95508 -0.864258 -4.87402 -1.92969 -6.51465l-18.1543 -28.1133c-3.8418 -5.9502 -11.9668 -7.28223 -17.499 -2.9209c-8.5957 6.77637 -31.8145 22.5381 -61.708 22.5381c-48.3037 0 -77.916 -35.3301 -77.916 -80.082c0 -41.5889 26.8877 -83.6924 78.2764 -83.6924
|
||||
c32.6572 0 56.8428 19.0391 65.7266 27.2256c5.26953 4.85645 13.5957 4.03906 17.8193 -1.73828l19.8652 -27.1699c1.28613 -1.74512 2.33008 -4.91992 2.33008 -7.08789c0 -2.72363 -1.56055 -6.5 -3.48242 -8.42969z" />
|
||||
M363.351 93.0645c-9.61328 -9.71289 -45.5293 -41.3965 -104.064 -41.3965c-82.4297 0 -140.484 61.4248 -140.484 141.567c0 79.1514 60.2754 139.4 139.763 139.4c55.5303 0 88.7373 -26.6201 97.5928 -34.7783c2.37793 -2.1875 3.86914 -5.3252 3.86914 -8.80762
|
||||
c0 -2.39746 -0.717773 -4.64258 -1.93359 -6.51465l-18.1543 -28.1133c-3.8418 -5.9502 -11.9668 -7.28223 -17.499 -2.9209c-8.5957 6.77637 -31.8145 22.5381 -61.708 22.5381c-48.3037 0 -77.916 -35.3301 -77.916 -80.082c0 -41.5889 26.8877 -83.6924 78.2764 -83.6924
|
||||
c32.6572 0 56.8428 19.0391 65.7266 27.2256c5.26953 4.85645 13.5957 4.03906 17.8193 -1.73828l19.8652 -27.1699c1.45996 -1.98145 2.32422 -4.42969 2.32422 -7.07715c0 -3.28809 -1.32422 -6.2793 -3.47656 -8.44043z" />
|
||||
<glyph glyph-name="closed-captioning" unicode=""
|
||||
d="M464 384c26.5 0 48 -21.5 48 -48v-288c0 -26.5 -21.5 -48 -48 -48h-416c-26.5 0 -48 21.5 -48 48v288c0 26.5 21.5 48 48 48h416zM458 48c3.2998 0 6 2.7002 6 6v276c0 3.2998 -2.7002 6 -6 6h-404c-3.2998 0 -6 -2.7002 -6 -6v-276c0 -3.2998 2.7002 -6 6 -6h404z
|
||||
M246.9 133.7c1.69922 -2.40039 1.5 -5.60059 -0.5 -7.7002c-53.6006 -56.7998 -172.801 -32.0996 -172.801 67.9004c0 97.2998 121.7 119.5 172.5 70.0996c2.10059 -2 2.5 -3.2002 1 -5.7002l-17.5 -30.5c-1.89941 -3.09961 -6.19922 -4 -9.09961 -1.7002
|
||||
|
|
@ -398,7 +398,7 @@ c6.62695 0 12 -5.37305 12 -12v-72c0 -6.62695 -5.37305 -12 -12 -12h-12v-24h88v12c
|
|||
h-32v-32h32zM96 136h224v12c0 6.62695 5.37305 12 12 12h12v160h-12c-6.62695 0 -12 5.37305 -12 12v12h-224v-12c0 -6.62695 -5.37305 -12 -12 -12h-12v-160h12c6.62695 0 12 -5.37305 12 -12v-12zM224 0v32h-32v-32h32zM504 64v160h-12c-6.62695 0 -12 5.37305 -12 12v12
|
||||
h-88v-88h12c6.62695 0 12 -5.37305 12 -12v-72c0 -6.62695 -5.37305 -12 -12 -12h-72c-6.62695 0 -12 5.37305 -12 12v12h-88v-24h12c6.62695 0 12 -5.37305 12 -12v-12h224v12c0 6.62695 5.37305 12 12 12h12zM544 0v32h-32v-32h32zM544 256v32h-32v-32h32z" />
|
||||
<glyph glyph-name="sticky-note" unicode="" horiz-adv-x="448"
|
||||
d="M448 99.8936c0 -10.9746 -6.29883 -26.1797 -14.0586 -33.9404l-83.8828 -83.8818c-7.75977 -7.76074 -22.9658 -14.0596 -33.9404 -14.0596h-268.118c-26.5098 0 -48 21.4902 -48 48v351.988c0 26.5098 21.4902 48 48 48h352c26.5098 0 48 -21.4902 48 -48v-268.106z
|
||||
d="M448 99.8936c0 -13.2451 -5.37012 -25.252 -14.0586 -33.9404l-83.8828 -83.8818c-8.68848 -8.68848 -20.6943 -14.0596 -33.9404 -14.0596h-268.118c-26.5098 0 -48 21.4902 -48 48v351.988c0 26.5098 21.4902 48 48 48h352c26.5098 0 48 -21.4902 48 -48v-268.106z
|
||||
M320 19.8936l76.1182 76.1182h-76.1182v-76.1182zM400 368h-352v-351.988h224v104c0 13.2549 10.7451 24 24 24h104v223.988z" />
|
||||
<glyph glyph-name="clone" unicode=""
|
||||
d="M464 448c26.5098 0 48 -21.4902 48 -48v-320c0 -26.5098 -21.4902 -48 -48 -48h-48v-48c0 -26.5098 -21.4902 -48 -48 -48h-320c-26.5098 0 -48 21.4902 -48 48v320c0 26.5098 21.4902 48 48 48h48v48c0 26.5098 21.4902 48 48 48h320zM362 -16c3.31152 0 6 2.68848 6 6
|
||||
|
|
@ -412,11 +412,11 @@ d="M408.864 368.948c48.8213 20.751 103.136 -15.0723 103.136 -67.9111v-114.443c0
|
|||
c-17.6729 0 -32 14.3271 -32 32c0 27.3301 1.1416 29.2012 -3.11035 32.9033l-97.71 85.0811c-24.8994 21.6797 -39.1797 52.8926 -39.1797 85.6338v56.9531c0 47.4277 44.8457 82.0215 91.0459 71.1807c1.96094 55.751 63.5107 87.8262 110.671 60.8057
|
||||
c29.1895 31.0713 78.8604 31.4473 108.334 -0.0214844c32.7051 18.6846 76.4121 10.3096 98.8135 -23.5879zM464 186.594v114.445c0 34.29 -52 33.8232 -52 0.676758c0 -8.83594 -7.16309 -16 -16 -16h-7c-8.83691 0 -16 7.16406 -16 16v26.751
|
||||
c0 34.457 -52 33.707 -52 0.676758v-27.4287c0 -8.83594 -7.16309 -16 -16 -16h-7c-8.83691 0 -16 7.16406 -16 16v40.4658c0 34.3525 -52 33.8115 -52 0.677734v-41.1436c0 -8.83594 -7.16406 -16 -16 -16h-7c-8.83594 0 -16 7.16406 -16 16v26.751
|
||||
c0 34.4023 -52 33.7744 -52 0.676758v-116.571c0 -8.83203 -7.16797 -16 -16 -16c-3.30664 0 -8.01367 1.7627 -10.5068 3.93359l-7 6.09473c-3.03223 2.64062 -5.49316 8.04688 -5.49316 12.0674v0v41.2275c0 34.2148 -52 33.8857 -52 0.677734v-56.9531
|
||||
c0 -18.8555 8.27441 -36.874 22.7002 -49.4365l97.71 -85.0801c12.4502 -10.8398 19.5898 -26.4463 19.5898 -42.8164v-10.2861h220v7.07617c0 13.21 2.65332 26.0791 7.88281 38.25l42.835 99.6553c2.91602 6.75391 5.28223 18.207 5.28223 25.5635v0.0488281z" />
|
||||
c0 34.4023 -52 33.7744 -52 0.676758v-116.571c0 -8.83105 -7.17773 -15.9961 -16.0078 -15.9961c-4.0166 0 -7.68848 1.48242 -10.499 3.92969l-7 6.09473c-3.37012 2.93457 -5.49316 7.25293 -5.49316 12.0674v41.2275c0 34.2148 -52 33.8857 -52 0.677734v-56.9531
|
||||
c0 -18.8555 8.27441 -36.874 22.7002 -49.4365l97.71 -85.0801c12.4502 -10.8398 19.5898 -26.4463 19.5898 -42.8164v-10.2861h220v7.07617c0 13.21 2.65332 26.0791 7.88281 38.25l42.835 99.6553c3.37891 7.82715 5.28223 16.501 5.28223 25.5625v0.0498047z" />
|
||||
<glyph glyph-name="hand-paper" unicode="" horiz-adv-x="448"
|
||||
d="M372.57 335.359c39.9062 5.63281 75.4297 -25.7393 75.4297 -66.3594v-131.564c-0.00195312 -12.7666 -2.33008 -33.2246 -5.19531 -45.666l-30.1836 -130.958c-3.34668 -14.5234 -16.2783 -24.8125 -31.1816 -24.8125h-222.897
|
||||
c-9.10352 0 -20.7793 6.01758 -26.0615 13.4316l-119.97 168.415c-21.2441 29.8203 -14.8047 71.3574 14.5498 93.1533c18.7754 13.9395 42.1309 16.2979 62.083 8.87109v126.13c0 44.0547 41.125 75.5439 82.4053 64.9834c23.8926 48.1963 92.3535 50.2471 117.982 0.74707
|
||||
d="M372.57 335.359c39.9062 5.63281 75.4297 -25.7393 75.4297 -66.3594v-131.564c-0.00292969 -15.7393 -1.80566 -30.9482 -5.19531 -45.666l-30.1836 -130.958c-3.34668 -14.5234 -16.2783 -24.8125 -31.1816 -24.8125h-222.897
|
||||
c-10.7539 0 -20.2588 5.28613 -26.0615 13.4316l-119.97 168.415c-21.2441 29.8203 -14.8047 71.3574 14.5498 93.1533c18.7754 13.9395 42.1309 16.2979 62.083 8.87109v126.13c0 44.0547 41.125 75.5439 82.4053 64.9834c23.8926 48.1963 92.3535 50.2471 117.982 0.74707
|
||||
c42.5186 11.1445 83.0391 -21.9346 83.0391 -65.5469v-10.8242zM399.997 137.437l-0.00195312 131.563c0 24.9492 -36.5703 25.5508 -36.5703 -0.691406v-76.3086c0 -8.83691 -7.16309 -16 -16 -16h-6.85645c-8.83691 0 -16 7.16309 -16 16v154.184
|
||||
c0 25.501 -36.5703 26.3633 -36.5703 0.691406v-154.875c0 -8.83691 -7.16309 -16 -16 -16h-6.85645c-8.83691 0 -16 7.16309 -16 16v188.309c0 25.501 -36.5703 26.3545 -36.5703 0.691406v-189c0 -8.83691 -7.16309 -16 -16 -16h-6.85645c-8.83691 0 -16 7.16309 -16 16
|
||||
v153.309c0 25.501 -36.5713 26.3359 -36.5713 0.691406v-206.494c0 -15.5703 -20.0352 -21.9092 -29.0303 -9.2832l-27.1279 38.0791c-14.3711 20.1709 -43.833 -2.33496 -29.3945 -22.6045l115.196 -161.697h201.92l27.3252 118.551
|
||||
|
|
@ -424,45 +424,46 @@ c2.63086 11.417 3.96484 23.1553 3.96484 34.8857z" />
|
|||
<glyph glyph-name="hand-scissors" unicode=""
|
||||
d="M256 -32c-44.9561 0 -77.3428 43.2627 -64.0244 85.8535c-21.6484 13.71 -34.0156 38.7617 -30.3408 65.0068h-87.6348c-40.8037 0 -74 32.8105 -74 73.1406c0 40.3291 33.1963 73.1396 74 73.1396l94 -9.14062l-78.8496 18.6787
|
||||
c-38.3076 14.7422 -57.04 57.4707 -41.9424 95.1123c15.0303 37.4736 57.7549 55.7803 95.6416 41.2012l144.929 -55.7568c24.9551 30.5566 57.8086 43.9932 92.2178 24.7324l97.999 -54.8525c20.9746 -11.7393 34.0049 -33.8457 34.0049 -57.6904v-205.702
|
||||
c0 -30.7422 -21.4404 -57.5576 -51.7979 -64.5537l-118.999 -27.4268c-4.97168 -1.14648 -10.0889 -1.72949 -15.2031 -1.72949zM256 16.0127l70 -0.000976562c1.23633 0 3.21777 0.225586 4.42285 0.501953l119.001 27.4277
|
||||
c8.58203 1.97754 14.5762 9.29102 14.5762 17.7812v205.701c0 6.4873 -3.62109 12.542 -9.44922 15.8047l-98 54.8545c-8.13965 4.55566 -18.668 2.61914 -24.4873 -4.50781l-21.7646 -26.6475c-2.65039 -3.24512 -8.20215 -5.87891 -12.3926 -5.87891
|
||||
c-1.64062 0 -4.21484 0.477539 -5.74609 1.06738l-166.549 64.0908c-32.6543 12.5664 -50.7744 -34.5771 -19.2227 -46.7168l155.357 -59.7852c5.66016 -2.17773 10.2539 -8.86816 10.2539 -14.9326v0v-11.6328c0 -8.83691 -7.16309 -16 -16 -16h-182
|
||||
c0 -30.7422 -21.4404 -57.5576 -51.7979 -64.5537l-118.999 -27.4268c-4.97168 -1.14648 -10.0889 -1.72949 -15.2031 -1.72949zM256 16.0127l70 -0.000976562c1.52441 0 2.99707 0.174805 4.42285 0.501953l119.001 27.4277
|
||||
c8.58203 1.97754 14.5762 9.29102 14.5762 17.7812v205.701c0 6.4873 -3.62109 12.542 -9.44922 15.8047l-98 54.8545c-8.13965 4.55566 -18.668 2.61914 -24.4873 -4.50781l-21.7646 -26.6475c-2.93457 -3.59375 -7.40332 -5.87305 -12.4004 -5.87305
|
||||
c-2.02246 0 -3.95703 0.375977 -5.73828 1.06152l-166.549 64.0908c-32.6543 12.5664 -50.7744 -34.5771 -19.2227 -46.7168l155.357 -59.7852c6 -2.30859 10.2539 -8.12402 10.2539 -14.9326v-11.6328c0 -8.83691 -7.16309 -16 -16 -16h-182
|
||||
c-34.375 0 -34.4297 -50.2803 0 -50.2803h182c8.83691 0 16 -7.16309 16 -16v-6.85645c0 -8.83691 -7.16309 -16 -16 -16h-28c-25.1221 0 -25.1592 -36.5674 0 -36.5674h28c8.83691 0 16 -7.16211 16 -16v-6.85547c0 -8.83691 -7.16309 -16 -16 -16
|
||||
c-25.1201 0 -25.1602 -36.5674 0 -36.5674z" />
|
||||
<glyph glyph-name="hand-lizard" unicode="" horiz-adv-x="576"
|
||||
d="M556.686 157.458c12.6357 -19.4863 19.3145 -42.0615 19.3145 -65.2871v-124.171h-224v71.582l-99.751 38.7871c-2.7832 1.08203 -5.70996 1.63086 -8.69727 1.63086h-131.552c-30.8789 0 -56 25.1211 -56 56c0 48.5234 39.4766 88 88 88h113.709l18.333 48h-196.042
|
||||
c-44.1123 0 -80 35.8877 -80 80v8c0 30.8779 25.1211 56 56 56h293.917c24.5 0 47.084 -12.2725 60.4111 -32.8291zM528 16v76.1709v0.0478516c0 11.7461 -5.19141 29.2734 -11.5879 39.124l-146.358 225.715c-4.44336 6.85254 -11.9707 10.9424 -20.1367 10.9424h-293.917
|
||||
c-4.41113 0 -8 -3.58887 -8 -8v-8c0 -17.6445 14.3555 -32 32 -32h213.471c25.2021 0 42.626 -25.293 33.6299 -48.8457l-24.5518 -64.2812c-7.05371 -18.4658 -25.0732 -30.873 -44.8398 -30.873h-113.709c-22.0557 0 -40 -17.9443 -40 -40c0 -4.41113 3.58887 -8 8 -8
|
||||
h131.552h0.0517578c7.44141 0 19.1074 -2.19238 26.041 -4.89355l99.752 -38.7881c18.5898 -7.22852 30.6035 -24.7881 30.6035 -44.7363v-23.582h128z" />
|
||||
c-44.1123 0 -80 35.8877 -80 80v8c0 30.8779 25.1211 56 56 56h293.917c24.5 0 47.084 -12.2725 60.4111 -32.8291zM528 16v76.1709c0 0.0166016 -0.0439453 0.106445 -0.0439453 0.12207c0 14.3945 -4.24219 27.8057 -11.5439 39.0498l-146.358 225.715
|
||||
c-4.44336 6.85254 -11.9707 10.9424 -20.1367 10.9424h-293.917c-4.41113 0 -8 -3.58887 -8 -8v-8c0 -17.6445 14.3555 -32 32 -32h213.471c25.2021 0 42.626 -25.293 33.6299 -48.8457l-24.5518 -64.2812c-7.05371 -18.4658 -25.0732 -30.873 -44.8398 -30.873h-113.709
|
||||
c-22.0557 0 -40 -17.9443 -40 -40c0 -4.41113 3.58887 -8 8 -8h131.552c0.0175781 0 0.0712891 -0.0273438 0.0888672 -0.0273438c9.16992 0 17.9404 -1.72461 26.0039 -4.86621l99.752 -38.7881c18.5898 -7.22852 30.6035 -24.7881 30.6035 -44.7363v-23.582h128z" />
|
||||
<glyph glyph-name="hand-spock" unicode=""
|
||||
d="M21.0957 66.21c-26.9688 25.3818 -28.2471 67.7461 -2.87109 94.707c24.1982 25.7139 64.2881 28.2373 91.4824 5.72168l-31.04 136.509c-9.38379 41.2803 21.4336 81.0127 64.0713 81.8438c1.74414 28.9062 22.2656 54.4912 51.8818 61.2949
|
||||
c36.001 8.27539 72.0176 -14.2266 80.3037 -50.2959l21.6748 -131.99l16.9014 105.25c9.02344 36.0947 45.4473 57.7021 81.25 48.75c27.3066 -6.82715 45.7061 -29.1357 49.8496 -53.9922c43.2285 0.212891 75.6436 -40.1133 65.5439 -82.5244l-31.7295 -133.41
|
||||
c-0.938477 -3.94141 -1.41406 -7.99414 -1.41406 -12.0449v-36.8389v-0.00683594c0 -9.29102 -2.14355 -24.0596 -4.78516 -32.9668l-31.8145 -107.312c-4.02734 -13.585 -16.5107 -22.9043 -30.6807 -22.9043h-237.6c-7.00586 0 -16.8311 3.89648 -21.9316 8.69824z
|
||||
M53.1641 128.021c-7.17969 -7.62891 -6.81543 -19.6777 0.813477 -26.8574l124.487 -117.164h219.311l28.4199 95.8613c1.86133 6.27637 2.80469 12.7793 2.80469 19.3281v36.8389c0.000976562 6.48047 1.21973 16.8574 2.71973 23.1621l31.7549 133.407
|
||||
c5.83105 24.4893 -31.1445 33.25 -36.9658 8.80273l-26.9229 -113.105c-1.61523 -6.78711 -8.58887 -12.2949 -15.5645 -12.2949h-9.69434c-10.4072 0 -18.043 9.79199 -15.5225 19.8799l38.127 152.512c6.09766 24.376 -30.7607 33.6396 -36.8643 9.21777l-42.3721 -169.49
|
||||
c-1.67285 -6.68945 -8.62695 -12.1191 -15.5225 -12.1191h-13.2168v0c-7.0332 0 -14.0195 5.5625 -15.5938 12.417l-45.2207 196.828c-5.64453 24.5684 -42.6572 15.9609 -37.0342 -8.50781l41.6191 -181.153c2.30078 -10.0156 -5.31738 -19.583 -15.5938 -19.583h-8.60352
|
||||
h-0.000976562c-7.0498 0 -14.04 5.5791 -15.6025 12.4541l-30.3984 133.757c-5.55273 24.4395 -42.6504 16.1963 -37.0547 -8.4209l34.1299 -150.172c0.263672 -1.16309 0.397461 -2.35352 0.397461 -3.5459v-69.4795c0 -13.9941 -16.7754 -21.2432 -26.9658 -11.6523
|
||||
l-53.0117 49.8936c-7.61523 7.16699 -19.6377 6.85938 -26.8564 -0.8125z" />
|
||||
d="M501.03 331.824c6.92773 -11.1826 10.9697 -24.4053 10.9697 -38.5146c0 -5.92676 -0.706055 -11.6885 -2.03809 -17.208l-57.623 -241.963c-13.2236 -56.1904 -63.707 -98.1387 -123.908 -98.1387h-0.352539h-107.455
|
||||
c-0.0761719 0 -0.193359 0.00195312 -0.270508 0.00195312c-40.9248 0 -78.1475 15.9814 -105.761 42.0391l-91.3652 85.9766c-14.3076 13.4434 -23.2246 32.5547 -23.2246 53.7168c0 19.5254 7.61035 37.2861 20.0254 50.4766
|
||||
c5.31836 5.66406 29.875 29.3926 68.1152 21.8477l-24.3594 82.1973c-1.97363 6.64844 -2.97656 13.6836 -2.97656 20.9688c0 38.6953 29.8926 70.4639 67.8262 73.4531c-0.246094 2.45117 -0.34082 4.85547 -0.34082 7.37207c0 34.4199 23.585 63.376 55.4619 71.5752
|
||||
c43.248 10.9785 80.5645 -17.7012 89.6602 -53.0723l13.6836 -53.207l4.64648 22.6602c6.99023 33.5186 36.6826 58.8037 72.2373 58.916c8.73438 0 56.625 -3.26953 70.7383 -54.0801c15.0664 0.710938 46.9199 -3.50977 66.3105 -35.0176zM463.271 287.219
|
||||
c7.86914 32.9844 -42.1211 45.2695 -50.0859 11.9219l-24.8008 -104.146c-4.38867 -18.4141 -31.7783 -11.8926 -28.0557 6.2168l28.5479 139.166c7.39844 36.0703 -43.3076 45.0703 -50.1182 11.9629l-31.791 -154.971
|
||||
c-3.54883 -17.3086 -28.2832 -18.0469 -32.7109 -0.804688l-47.3262 184.035c-8.43359 32.8105 -58.3691 20.2676 -49.8652 -12.8359l42.4414 -165.039c4.81641 -18.7207 -23.3711 -26.9121 -28.9648 -8.00781l-31.3438 105.779
|
||||
c-9.6875 32.6465 -59.1191 18.2578 -49.3867 -14.625l36.0137 -121.539c6.59375 -22.2441 10.1777 -45.7803 10.1777 -70.1523c0 -6.54297 -8.05664 -10.9355 -13.4824 -5.82617l-51.123 48.1074c-24.7852 23.4082 -60.0527 -14.1875 -35.2793 -37.4902l91.3691 -85.9805
|
||||
c19.0469 -17.9736 44.75 -28.998 72.9795 -28.998h0.157227h107.455c0.0732422 0 0.138672 0.0429688 0.212891 0.0429688c37.5791 0 69.1016 26.1416 77.3564 61.2168z" />
|
||||
<glyph glyph-name="hand-pointer" unicode="" horiz-adv-x="448"
|
||||
d="M358.182 268.639c43.1934 16.6348 89.8184 -15.7949 89.8184 -62.6387v-84c-0.000976562 -4.25 -0.775391 -11.0615 -1.72754 -15.2041l-27.4297 -118.999c-6.98242 -30.2969 -33.7549 -51.7969 -64.5566 -51.7969h-178.286c-21.2588 0 -41.3682 10.4102 -53.791 27.8457
|
||||
l-109.699 154.001c-21.2432 29.8193 -14.8047 71.3574 14.5498 93.1523c18.8115 13.9658 42.1748 16.2822 62.083 8.87207v161.129c0 36.9443 29.7363 67 66.2861 67s66.2861 -30.0557 66.2861 -67v-73.6338c20.4131 2.85742 41.4678 -3.94238 56.5947 -19.6289
|
||||
c27.1934 12.8467 60.3799 5.66992 79.8721 -19.0986zM80.9854 168.303c-14.4004 20.2119 -43.8008 -2.38281 -29.3945 -22.6055l109.712 -154c3.43457 -4.81934 8.92871 -7.69727 14.6973 -7.69727h178.285c8.49219 0 15.8037 5.99414 17.7822 14.5762l27.4297 119.001
|
||||
c0.333008 1.44629 0.501953 2.93457 0.501953 4.42285v84c0 25.1602 -36.5713 25.1211 -36.5713 0c0 -8.83594 -7.16309 -16 -16 -16h-6.85645c-8.83691 0 -16 7.16406 -16 16v21c0 25.1602 -36.5713 25.1201 -36.5713 0v-21c0 -8.83594 -7.16309 -16 -16 -16h-6.85938
|
||||
c-8.83691 0 -16 7.16406 -16 16v35c0 25.1602 -36.5703 25.1201 -36.5703 0v-35c0 -8.83594 -7.16309 -16 -16 -16h-6.85742c-8.83691 0 -16 7.16406 -16 16v175c0 25.1602 -36.5713 25.1201 -36.5713 0v-241.493c0 -15.5703 -20.0352 -21.9092 -29.0303 -9.2832z
|
||||
M176.143 48v96c0 8.83691 6.26855 16 14 16h6c7.73242 0 14 -7.16309 14 -16v-96c0 -8.83691 -6.26758 -16 -14 -16h-6c-7.73242 0 -14 7.16309 -14 16zM251.571 48v96c0 8.83691 6.26758 16 14 16h6c7.73145 0 14 -7.16309 14 -16v-96c0 -8.83691 -6.26855 -16 -14 -16h-6
|
||||
c-7.73242 0 -14 7.16309 -14 16zM327 48v96c0 8.83691 6.26758 16 14 16h6c7.73242 0 14 -7.16309 14 -16v-96c0 -8.83691 -6.26758 -16 -14 -16h-6c-7.73242 0 -14 7.16309 -14 16z" />
|
||||
d="M358.182 268.639c43.1934 16.6348 89.8184 -15.7949 89.8184 -62.6387v-84c-0.000976562 -5.24023 -0.600586 -10.3037 -1.72754 -15.2041l-27.4297 -118.999c-6.98242 -30.2969 -33.7549 -51.7969 -64.5566 -51.7969h-178.286
|
||||
c-21.2588 0 -41.3682 10.4102 -53.791 27.8457l-109.699 154.001c-21.2432 29.8193 -14.8047 71.3574 14.5498 93.1523c18.8115 13.9658 42.1748 16.2822 62.083 8.87207v161.129c0 36.9443 29.7363 67 66.2861 67s66.2861 -30.0557 66.2861 -67v-73.6338
|
||||
c20.4131 2.85742 41.4678 -3.94238 56.5947 -19.6289c27.1934 12.8467 60.3799 5.66992 79.8721 -19.0986zM80.9854 168.303c-14.4004 20.2119 -43.8008 -2.38281 -29.3945 -22.6055l109.712 -154c3.43457 -4.81934 8.92871 -7.69727 14.6973 -7.69727h178.285
|
||||
c8.49219 0 15.8037 5.99414 17.7822 14.5762l27.4297 119.001c0.333008 1.44629 0.501953 2.93457 0.501953 4.42285v84c0 25.1602 -36.5713 25.1211 -36.5713 0c0 -8.83594 -7.16309 -16 -16 -16h-6.85645c-8.83691 0 -16 7.16406 -16 16v21
|
||||
c0 25.1602 -36.5713 25.1201 -36.5713 0v-21c0 -8.83594 -7.16309 -16 -16 -16h-6.85938c-8.83691 0 -16 7.16406 -16 16v35c0 25.1602 -36.5703 25.1201 -36.5703 0v-35c0 -8.83594 -7.16309 -16 -16 -16h-6.85742c-8.83691 0 -16 7.16406 -16 16v175
|
||||
c0 25.1602 -36.5713 25.1201 -36.5713 0v-241.493c0 -15.5703 -20.0352 -21.9092 -29.0303 -9.2832zM176.143 48v96c0 8.83691 6.26855 16 14 16h6c7.73242 0 14 -7.16309 14 -16v-96c0 -8.83691 -6.26758 -16 -14 -16h-6c-7.73242 0 -14 7.16309 -14 16zM251.571 48v96
|
||||
c0 8.83691 6.26758 16 14 16h6c7.73145 0 14 -7.16309 14 -16v-96c0 -8.83691 -6.26855 -16 -14 -16h-6c-7.73242 0 -14 7.16309 -14 16zM327 48v96c0 8.83691 6.26758 16 14 16h6c7.73242 0 14 -7.16309 14 -16v-96c0 -8.83691 -6.26758 -16 -14 -16h-6
|
||||
c-7.73242 0 -14 7.16309 -14 16z" />
|
||||
<glyph glyph-name="hand-peace" unicode="" horiz-adv-x="448"
|
||||
d="M362.146 256.024c42.5908 13.3184 85.8535 -19.0684 85.8535 -64.0244l-0.0117188 -70.001c-0.000976562 -4.25 -0.775391 -11.0615 -1.72949 -15.2031l-27.4268 -118.999c-6.99707 -30.3564 -33.8105 -51.7969 -64.5547 -51.7969h-205.702
|
||||
d="M362.146 256.024c42.5908 13.3184 85.8535 -19.0684 85.8535 -64.0244l-0.0117188 -70.001c-0.000976562 -5.24023 -0.600586 -10.3027 -1.72949 -15.2031l-27.4268 -118.999c-6.99707 -30.3564 -33.8105 -51.7969 -64.5547 -51.7969h-205.702
|
||||
c-23.8447 0 -45.9502 13.0303 -57.6904 34.0059l-54.8525 97.999c-19.2607 34.4092 -5.82422 67.2617 24.7324 92.2178l-55.7568 144.928c-14.5791 37.8867 3.72754 80.6113 41.2012 95.6416c37.6406 15.0977 80.3691 -3.63477 95.1123 -41.9424l18.6787 -78.8496
|
||||
l-9.14062 94c0 40.8037 32.8096 74 73.1396 74s73.1406 -33.1963 73.1406 -74v-87.6348c26.2451 3.6748 51.2959 -8.69238 65.0068 -30.3408zM399.987 122l-0.000976562 70c0 25.1602 -36.5674 25.1201 -36.5674 0c0 -8.83691 -7.16309 -16 -16 -16h-6.85547
|
||||
c-8.83789 0 -16 7.16309 -16 16v28c0 25.1592 -36.5674 25.1221 -36.5674 0v-28c0 -8.83691 -7.16309 -16 -16 -16h-6.85645c-8.83691 0 -16 7.16309 -16 16v182c0 34.4297 -50.2803 34.375 -50.2803 0v-182c0 -8.83691 -7.16309 -16 -16 -16h-11.6328v0
|
||||
c-6.06445 0 -12.7549 4.59375 -14.9326 10.2539l-59.7842 155.357c-12.1396 31.5518 -59.2842 13.4326 -46.7168 -19.2227l64.0898 -166.549c0.589844 -1.53125 1.06738 -4.10547 1.06738 -5.74609c0 -4.19043 -2.63379 -9.74219 -5.87891 -12.3926l-26.6475 -21.7646
|
||||
c-8.83789 0 -16 7.16309 -16 16v28c0 25.1592 -36.5674 25.1221 -36.5674 0v-28c0 -8.83691 -7.16309 -16 -16 -16h-6.85645c-8.83691 0 -16 7.16309 -16 16v182c0 34.4297 -50.2803 34.375 -50.2803 0v-182c0 -8.83691 -7.16309 -16 -16 -16h-11.6328
|
||||
c-6.80859 0 -12.624 4.25391 -14.9326 10.2539l-59.7842 155.357c-12.1396 31.5518 -59.2842 13.4326 -46.7168 -19.2227l64.0898 -166.549c0.685547 -1.78125 1.07812 -3.71875 1.07812 -5.74121c0 -4.99707 -2.2959 -9.46289 -5.88965 -12.3975l-26.6475 -21.7646
|
||||
c-7.12695 -5.81934 -9.06445 -16.3467 -4.50781 -24.4873l54.8535 -98c3.26367 -5.82812 9.31934 -9.44922 15.8057 -9.44922h205.701c8.49121 0 15.8037 5.99414 17.7812 14.5762l27.4277 119.001c0.333008 1.44629 0.501953 2.93457 0.501953 4.42285z" />
|
||||
<glyph glyph-name="registered" unicode=""
|
||||
d="M256 440c136.967 0 248 -111.033 248 -248s-111.033 -248 -248 -248s-248 111.033 -248 248s111.033 248 248 248zM256 -8c110.549 0 200 89.4678 200 200c0 110.549 -89.4678 200 -200 200c-110.549 0 -200 -89.4688 -200 -200c0 -110.549 89.4678 -200 200 -200z
|
||||
M366.442 73.791c4.40332 -7.99219 -1.37012 -17.791 -10.5107 -17.791h-42.8096h-0.0126953c-3.97559 0 -8.71582 2.84961 -10.5801 6.36035l-47.5156 89.3027h-31.958v-83.6631c0 -6.61719 -5.38281 -12 -12 -12h-38.5674c-6.61719 0 -12 5.38281 -12 12v248.304
|
||||
c0 6.61719 5.38281 12 12 12h78.667c71.251 0 101.498 -32.749 101.498 -85.252c0 -31.6123 -15.2148 -59.2969 -39.4824 -73.1758c3.02148 -4.61719 0.225586 0.199219 53.2715 -96.085zM256.933 208.094c20.9131 0 32.4307 11.5186 32.4316 32.4316
|
||||
c0 19.5752 -6.5127 31.709 -38.9297 31.709h-27.377v-64.1406h33.875z" />
|
||||
M366.442 73.791c4.40332 -7.99219 -1.37012 -17.791 -10.5107 -17.791h-42.8096c-0.00488281 0 -0.000976562 -0.0126953 -0.00585938 -0.0126953c-4.58594 0 -8.57422 2.58301 -10.5869 6.37305l-47.5156 89.3027h-31.958v-83.6631c0 -6.61719 -5.38281 -12 -12 -12
|
||||
h-38.5674c-6.61719 0 -12 5.38281 -12 12v248.304c0 6.61719 5.38281 12 12 12h78.667c71.251 0 101.498 -32.749 101.498 -85.252c0 -31.6123 -15.2148 -59.2969 -39.4824 -73.1758c3.02148 -4.61719 0.225586 0.199219 53.2715 -96.085zM256.933 208.094
|
||||
c20.9131 0 32.4307 11.5186 32.4316 32.4316c0 19.5752 -6.5127 31.709 -38.9297 31.709h-27.377v-64.1406h33.875z" />
|
||||
<glyph glyph-name="calendar-plus" unicode="" horiz-adv-x="448"
|
||||
d="M336 156v-24c0 -6.59961 -5.40039 -12 -12 -12h-76v-76c0 -6.59961 -5.40039 -12 -12 -12h-24c-6.59961 0 -12 5.40039 -12 12v76h-76c-6.59961 0 -12 5.40039 -12 12v24c0 6.59961 5.40039 12 12 12h76v76c0 6.59961 5.40039 12 12 12h24c6.59961 0 12 -5.40039 12 -12
|
||||
v-76h76c6.59961 0 12 -5.40039 12 -12zM448 336v-352c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h48v52c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-52h128v52c0 6.59961 5.40039 12 12 12h40
|
||||
|
|
@ -481,9 +482,9 @@ c6.62695 0 12 -5.37305 12 -12v-52h48zM394 -16c3.31152 0 6 2.68848 6 6v298h-352v-
|
|||
c-4.66699 4.70508 -4.6377 12.3027 0.0673828 16.9707l22.7197 22.5361c4.70508 4.66699 12.3027 4.63672 16.9697 -0.0693359l44.1035 -44.4609l111.072 110.182c4.70508 4.66699 12.3027 4.63672 16.9707 -0.0683594l22.5361 -22.7178
|
||||
c4.66699 -4.70508 4.63672 -12.3027 -0.0683594 -16.9697z" />
|
||||
<glyph glyph-name="map" unicode="" horiz-adv-x="576"
|
||||
d="M560.02 416c8.4502 0 15.9805 -6.83008 15.9805 -16.0195v-346.32c0 -11.9609 -9.01367 -25.2705 -20.1201 -29.71l-151.83 -52.8105c-5.32617 -1.7334 -14.1953 -3.13965 -19.7969 -3.13965c-5.7373 0 -14.8105 1.47363 -20.2529 3.29004l-172 60.71l-170.05 -62.8398
|
||||
c-1.99023 -0.790039 -4 -1.16016 -5.95996 -1.16016c-8.45996 0 -15.9902 6.83008 -15.9902 16.0195v346.32c0.00292969 11.959 9.0166 25.2686 20.1201 29.71l151.83 52.8105c6.43945 2.08984 13.1201 3.13965 19.8096 3.13965
|
||||
c5.73242 -0.00195312 14.8008 -1.47168 20.2402 -3.28027l172 -60.7197h0.00976562l170.05 62.8398c1.98047 0.790039 4 1.16016 5.95996 1.16016zM224 357.58v-285.97l128 -45.1904v285.97zM48 29.9502l127.36 47.0801l0.639648 0.229492v286.2l-128 -44.5303v-288.979z
|
||||
d="M560.02 416c8.4502 0 15.9805 -6.83008 15.9805 -16.0195v-346.32c0 -13.4707 -8.32422 -24.9951 -20.1201 -29.71l-151.83 -52.8105c-6.23242 -2.02832 -12.9023 -3.12305 -19.8076 -3.12305c-7.07324 0 -13.8799 1.15039 -20.2422 3.27344l-172 60.71l-170.05 -62.8398
|
||||
c-1.99023 -0.790039 -4 -1.16016 -5.95996 -1.16016c-8.45996 0 -15.9902 6.83008 -15.9902 16.0195v346.32c0.00292969 13.4697 8.32617 24.9932 20.1201 29.71l151.83 52.8105c6.43945 2.08984 13.1201 3.13965 19.8096 3.13965
|
||||
c7.06641 -0.00292969 13.8789 -1.16602 20.2402 -3.28027l172 -60.7197h0.00976562l170.05 62.8398c1.98047 0.790039 4 1.16016 5.95996 1.16016zM224 357.58v-285.97l128 -45.1904v285.97zM48 29.9502l127.36 47.0801l0.639648 0.229492v286.2l-128 -44.5303v-288.979z
|
||||
M528 65.0801v288.97l-127.36 -47.0693l-0.639648 -0.240234v-286.19z" />
|
||||
<glyph glyph-name="comment-alt" unicode=""
|
||||
d="M448 448c35.2998 0 64 -28.7002 64 -64v-288c0 -35.2998 -28.7002 -64 -64 -64h-144l-124.9 -93.5996c-2.19922 -1.7002 -4.69922 -2.40039 -7.09961 -2.40039c-6.2002 0 -12 4.90039 -12 12v84h-96c-35.2998 0 -64 28.7002 -64 64v288c0 35.2998 28.7002 64 64 64h384z
|
||||
|
|
@ -497,16 +498,16 @@ c-8.7998 0 -16 7.2002 -16 16v160c0 8.7998 7.2002 16 16 16h160c8.7998 0 16 -7.200
|
|||
<glyph glyph-name="handshake" unicode="" horiz-adv-x="640"
|
||||
d="M519.2 320.1h120.8v-255.699h-64c-17.5 0 -31.7998 14.1992 -31.9004 31.6992h-57.8994c-1.7998 -8.19922 -5.2998 -16.0996 -10.9004 -23l-26.2002 -32.2998c-15.7998 -19.3994 -41.8994 -25.5 -64 -16.7998c-13.5 -16.5996 -30.5996 -24 -48.7998 -24
|
||||
c-15.0996 0 -28.5996 5.09961 -41.0996 15.9004c-31.7998 -21.9004 -74.7002 -21.3008 -105.601 3.7998l-84.5996 76.3994h-9.09961c-0.100586 -17.5 -14.3008 -31.6992 -31.9004 -31.6992h-64v255.699h118l47.5996 47.6006c10.5 10.3994 24.8008 16.2998 39.6006 16.2998
|
||||
h226.8v0c12.7812 0 30.5225 -7.30273 39.5996 -16.2998zM48 96.4004c8.7998 0 16 7.09961 16 16c0 8.7998 -7.2002 16 -16 16s-16 -7.2002 -16 -16c0 -8.80078 7.2002 -16 16 -16zM438 103.3c2.7002 3.40039 2.2002 8.5 -1.2002 11.2998l-108.2 87.8008l-8.19922 -7.5
|
||||
h226.8c15.4326 0 29.4326 -6.22168 39.5996 -16.2998zM48 96.4004c8.7998 0 16 7.09961 16 16c0 8.7998 -7.2002 16 -16 16s-16 -7.2002 -16 -16c0 -8.80078 7.2002 -16 16 -16zM438 103.3c2.7002 3.40039 2.2002 8.5 -1.2002 11.2998l-108.2 87.8008l-8.19922 -7.5
|
||||
c-40.3008 -36.8008 -86.7002 -11.8008 -101.5 4.39941c-26.7002 29 -25 74.4004 4.39941 101.3l38.7002 35.5h-56.7002c-2 -0.799805 -3.7002 -1.5 -5.7002 -2.2998l-61.6992 -61.5996h-41.9004v-128.101h27.7002l97.2998 -88
|
||||
c16.0996 -13.0996 41.4004 -10.5 55.2998 6.60059l15.6006 19.2002l36.7998 -31.5c3 -2.40039 12 -4.90039 18 2.39941l30 36.5l23.8994 -19.3994c3.5 -2.80078 8.5 -2.2002 11.3008 1.19922zM544 144.1v128h-44.7002l-61.7002 61.6006
|
||||
c-1.39941 1.5 -3.39941 2.2998 -5.5 2.2998l-83.6992 -0.200195c-10 0 -19.6006 -3.7002 -27 -10.5l-65.6006 -60.0996c-9.7002 -8.7998 -10.5 -24 -1.2002 -33.9004c8.90039 -9.39941 25.1006 -8.7002 34.6006 0l55.2002 50.6006c6.5 5.89941 16.5996 5.5 22.5996 -1
|
||||
l10.9004 -11.7002c6 -6.5 5.5 -16.6006 -1 -22.6006l-12.5 -11.3994l102.699 -83.4004c2.80078 -2.2998 5.40039 -4.89941 7.7002 -7.7002h69.2002zM592 96.4004c8.7998 0 16 7.09961 16 16c0 8.7998 -7.2002 16 -16 16s-16 -7.2002 -16 -16c0 -8.80078 7.2002 -16 16 -16z
|
||||
" />
|
||||
<glyph glyph-name="envelope-open" unicode=""
|
||||
d="M494.586 283.484c9.6123 -7.94824 17.4141 -24.5205 17.4141 -36.9932v-262.491c0 -26.5098 -21.4902 -48 -48 -48h-416c-26.5098 0 -48 21.4902 -48 48v262.515c0 12.5166 7.84668 29.1279 17.5146 37.0771c4.08008 3.35449 110.688 89.0996 135.15 108.549
|
||||
c22.6992 18.1426 60.1299 55.8594 103.335 55.8594c43.4365 0 81.2314 -38.1914 103.335 -55.8594c23.5283 -18.707 130.554 -104.773 135.251 -108.656zM464 -10v253.632v0.00488281c0 1.5791 -0.996094 3.66602 -2.22363 4.6582
|
||||
c-15.8633 12.8232 -108.793 87.5752 -132.366 106.316c-17.5527 14.0195 -49.7168 45.3887 -73.4102 45.3887c-23.6016 0 -55.2451 -30.8799 -73.4102 -45.3887c-23.5713 -18.7393 -116.494 -93.4795 -132.364 -106.293
|
||||
d="M494.586 283.484c10.6523 -8.80762 17.4141 -22.1064 17.4141 -36.9932v-262.491c0 -26.5098 -21.4902 -48 -48 -48h-416c-26.5098 0 -48 21.4902 -48 48v262.515c0 14.9355 6.80469 28.2705 17.5146 37.0771c4.08008 3.35449 110.688 89.0996 135.15 108.549
|
||||
c22.6992 18.1426 60.1299 55.8594 103.335 55.8594c43.4365 0 81.2314 -38.1914 103.335 -55.8594c23.5283 -18.707 130.554 -104.773 135.251 -108.656zM464 -10v253.632c0 0.00195312 0.00390625 0.000976562 0.00390625 0.00292969
|
||||
c0 1.88184 -0.869141 3.56152 -2.22754 4.66016c-15.8633 12.8232 -108.793 87.5752 -132.366 106.316c-17.5527 14.0195 -49.7168 45.3887 -73.4102 45.3887c-23.6016 0 -55.2451 -30.8799 -73.4102 -45.3887c-23.5713 -18.7393 -116.494 -93.4795 -132.364 -106.293
|
||||
c-1.40918 -1.13965 -2.22559 -2.85254 -2.22559 -4.66504v-253.653c0 -3.31152 2.68848 -6 6 -6h404c3.31152 0 6 2.68848 6 6zM432.009 177.704c4.24902 -5.15918 3.46484 -12.7949 -1.74512 -16.9814c-28.9746 -23.2822 -59.2734 -47.5967 -70.9287 -56.8623
|
||||
c-22.6992 -18.1436 -60.1299 -55.8604 -103.335 -55.8604c-43.4521 0 -81.2871 38.2373 -103.335 55.8604c-11.2793 8.9668 -41.7441 33.4131 -70.9268 56.8643c-5.20996 4.1875 -5.99316 11.8223 -1.74512 16.9814l15.2578 18.5283
|
||||
c4.17773 5.07227 11.6572 5.84277 16.7793 1.72559c28.6182 -23.001 58.5654 -47.0352 70.5596 -56.5713c17.5527 -14.0195 49.7168 -45.3887 73.4102 -45.3887c23.6016 0 55.2461 30.8799 73.4102 45.3887c11.9941 9.53516 41.9434 33.5703 70.5625 56.5684
|
||||
|
|
@ -555,10 +556,11 @@ c6.09961 -6.2002 6.09961 -16.4004 0 -22.6006l-58.2998 -59.2998v-84.5l71.8994 42.
|
|||
c7.5 4.39941 17.2002 1.7998 21.5 -5.90039l7.90039 -13.9004c4.2998 -7.69922 1.7002 -17.5 -5.7998 -21.8994l-39.2002 -23l34.0996 -9.2998c8.40039 -2.30078 13.3008 -11.1006 11.1006 -19.6006l-4.10059 -15.5c-2.2998 -8.5 -10.8994 -13.5996 -19.2998 -11.2998
|
||||
l-79.7002 21.7002l-71.8994 -42.2002l71.7998 -42.2002l79.7002 21.7002c8.39941 2.2998 17.0996 -2.7998 19.2998 -11.2998l4.09961 -15.5c2.30078 -8.5 -2.69922 -17.2998 -11.0996 -19.6006l-34.0996 -9.2998z" />
|
||||
<glyph glyph-name="trash-alt" unicode="" horiz-adv-x="448"
|
||||
d="M268 32c-6.62402 0 -12 5.37598 -12 12v216c0 6.62402 5.37598 12 12 12h24c6.62402 0 12 -5.37598 12 -12v-216c0 -6.62402 -5.37598 -12 -12 -12h-24zM432 368c8.83203 0 16 -7.16797 16 -16v-16c0 -8.83203 -7.16797 -16 -16 -16h-16v-336
|
||||
c0 -26.4961 -21.5039 -48 -48 -48h-288c-26.4961 0 -48 21.5039 -48 48v336h-16c-8.83203 0 -16 7.16797 -16 16v16c0 8.83203 7.16797 16 16 16h82.4102l34.0195 56.7002c7.71875 12.8613 26.1572 23.2998 41.1572 23.2998h0.00292969h100.82h0.0224609
|
||||
c15 0 33.4385 -10.4385 41.1572 -23.2998l34 -56.7002h82.4102zM171.84 397.09l-17.4502 -29.0898h139.221l-17.46 29.0898c-0.96582 1.60645 -3.26953 2.91016 -5.14355 2.91016h-0.00683594h-94h-0.0166016c-1.87402 0 -4.17871 -1.30371 -5.14355 -2.91016zM368 -16v336
|
||||
h-288v-336h288zM156 32c-6.62402 0 -12 5.37598 -12 12v216c0 6.62402 5.37598 12 12 12h24c6.62402 0 12 -5.37598 12 -12v-216c0 -6.62402 -5.37598 -12 -12 -12h-24z" />
|
||||
d="M268 32c-6.62305 0 -12 5.37695 -12 12v216c0 6.62305 5.37695 12 12 12h24c6.62305 0 12 -5.37695 12 -12v-216c0 -6.62305 -5.37695 -12 -12 -12h-24zM432 368c8.83105 0 16 -7.16895 16 -16v-16c0 -8.83105 -7.16895 -16 -16 -16h-16v-336
|
||||
c0 -26.4922 -21.5078 -48 -48 -48h-288c-26.4922 0 -48 21.5078 -48 48v336h-16c-8.83105 0 -16 7.16895 -16 16v16c0 8.83105 7.16895 16 16 16h82.4102l34.0195 56.7002c8.39258 13.9844 23.6777 23.2998 41.1602 23.2998h100.82
|
||||
c0.0078125 0 -0.015625 0.0517578 -0.0078125 0.0517578c17.4824 0 32.7949 -9.36719 41.1875 -23.3516l34 -56.7002h82.4102zM171.84 397.09l-17.4502 -29.0898h139.221l-17.46 29.0898c-1.0498 1.74707 -2.95898 2.91016 -5.14355 2.91016h-0.00683594h-94
|
||||
c-0.00585938 0 -0.00683594 0.00683594 -0.0126953 0.00683594c-2.18457 0 -4.09766 -1.16992 -5.14746 -2.91699zM368 -16v336h-288v-336h288zM156 32c-6.62305 0 -12 5.37695 -12 12v216c0 6.62305 5.37695 12 12 12h24c6.62305 0 12 -5.37695 12 -12v-216
|
||||
c0 -6.62305 -5.37695 -12 -12 -12h-24z" />
|
||||
<glyph glyph-name="images" unicode="" horiz-adv-x="576"
|
||||
d="M480 32v-16c0 -26.5098 -21.4902 -48 -48 -48h-384c-26.5098 0 -48 21.4902 -48 48v256c0 26.5098 21.4902 48 48 48h16v-48h-10c-3.31152 0 -6 -2.68848 -6 -6v-244c0 -3.31152 2.68848 -6 6 -6h372c3.31152 0 6 2.68848 6 6v10h48zM522 368h-372
|
||||
c-3.31152 0 -6 -2.68848 -6 -6v-244c0 -3.31152 2.68848 -6 6 -6h372c3.31152 0 6 2.68848 6 6v244c0 3.31152 -2.68848 6 -6 6zM528 416c26.5098 0 48 -21.4902 48 -48v-256c0 -26.5098 -21.4902 -48 -48 -48h-384c-26.5098 0 -48 21.4902 -48 48v256
|
||||
|
|
@ -584,9 +586,9 @@ d="M464 448c4.09961 0 7.7998 -2 10.0996 -5.40039l99.9004 -147.199c2.90039 -4.400
|
|||
c2.2002 3.40039 6 5.40039 10 5.40039h352zM444.7 400h-56.7998l51.6992 -96h68.4004zM242.6 400l-51.5996 -96h194l-51.7002 96h-90.7002zM131.3 400l-63.2998 -96h68.4004l51.6992 96h-56.7998zM88.2998 256l119.7 -160l-68.2998 160h-51.4004zM191.2 256l96.7998 -243.3
|
||||
l96.7998 243.3h-193.6zM368 96l119.6 160h-51.3994z" />
|
||||
<glyph glyph-name="money-bill-alt" unicode="" horiz-adv-x="640"
|
||||
d="M320 304c53.0195 0 96 -50.1396 96 -112c0 -61.8701 -43 -112 -96 -112c-53.0195 0 -96 50.1504 -96 112c0 61.8604 42.9805 112 96 112zM360 136v16c0 4.41992 -3.58008 8 -8 8h-16v88c0 4.41992 -3.58008 8 -8 8h-13.5801h-0.000976562
|
||||
c-4.01074 0 -9.97266 -1.80566 -13.3086 -4.03027l-15.3301 -10.2197c-1.96777 -1.30957 -3.56445 -4.29004 -3.56445 -6.65332c0 -1.33691 0.601562 -3.32422 1.34375 -4.43652l8.88086 -13.3105c1.30859 -1.9668 4.29004 -3.56445 6.65332 -3.56445
|
||||
c1.33691 0 3.32422 0.602539 4.43652 1.34473l0.469727 0.310547v-55.4404h-16c-4.41992 0 -8 -3.58008 -8 -8v-16c0 -4.41992 3.58008 -8 8 -8h64c4.41992 0 8 3.58008 8 8zM608 384c17.6699 0 32 -14.3301 32 -32v-320c0 -17.6699 -14.3301 -32 -32 -32h-576
|
||||
d="M320 304c53.0195 0 96 -50.1396 96 -112c0 -61.8701 -43 -112 -96 -112c-53.0195 0 -96 50.1504 -96 112c0 61.8604 42.9805 112 96 112zM360 136v16c0 4.41992 -3.58008 8 -8 8h-16v88c0 4.41992 -3.58008 8 -8 8h-13.5801
|
||||
c-4.91113 0 -9.50586 -1.49316 -13.3096 -4.03027l-15.3301 -10.2197c-2.15332 -1.43262 -3.55957 -3.88379 -3.55957 -6.66113c0 -1.6377 0.493164 -3.16113 1.33887 -4.42871l8.88086 -13.3105c1.43164 -2.15234 3.88379 -3.55957 6.66113 -3.55957
|
||||
c1.6377 0 3.16016 0.494141 4.42871 1.33984l0.469727 0.310547v-55.4404h-16c-4.41992 0 -8 -3.58008 -8 -8v-16c0 -4.41992 3.58008 -8 8 -8h64c4.41992 0 8 3.58008 8 8zM608 384c17.6699 0 32 -14.3301 32 -32v-320c0 -17.6699 -14.3301 -32 -32 -32h-576
|
||||
c-17.6699 0 -32 14.3301 -32 32v320c0 17.6699 14.3301 32 32 32h576zM592 112v160c-35.3496 0 -64 28.6504 -64 64h-416c0 -35.3496 -28.6504 -64 -64 -64v-160c35.3496 0 64 -28.6504 64 -64h416c0 35.3496 28.6504 64 64 64z" />
|
||||
<glyph glyph-name="window-close" unicode=""
|
||||
d="M464 416c26.5 0 48 -21.5 48 -48v-352c0 -26.5 -21.5 -48 -48 -48h-416c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h416zM464 22v340c0 3.2998 -2.7002 6 -6 6h-404c-3.2998 0 -6 -2.7002 -6 -6v-340c0 -3.2998 2.7002 -6 6 -6h404c3.2998 0 6 2.7002 6 6z
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 141 KiB After Width: | Height: | Size: 141 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue