upgrade setto
This commit is contained in:
sakrecoer
parent
479cff7a23
commit
f15d28a769
|
|
@ -1,16 +1,16 @@
|
||||||
- icon: fa-disc
|
- icon: 💽
|
||||||
url: /discography/
|
url: /discography/
|
||||||
name: Discog
|
name: Discog
|
||||||
external_site: false
|
external_site: false
|
||||||
- icon: fa-newspaper
|
- icon: 📰
|
||||||
url: /log/
|
url: /log/
|
||||||
name: Log
|
name: Log
|
||||||
external_site: false
|
external_site: false
|
||||||
- icon: fa-finger-print
|
- icon: 🐿
|
||||||
url: /about/
|
url: /about/
|
||||||
name: About
|
name: About
|
||||||
external_site: false
|
external_site: false
|
||||||
- icon: fa-link
|
- icon: 🔗
|
||||||
url: /links/
|
url: /links/
|
||||||
name: Links
|
name: Links
|
||||||
external_site: false
|
external_site: false
|
||||||
|
|
|
||||||
|
|
@ -13,7 +13,7 @@
|
||||||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||||
_paq.push(['setSiteId', '{{ site.matomo_site_id }}']);
|
_paq.push(['setSiteId', '{{ site.matomo_site_id }}']);
|
||||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||||
})();
|
})();
|
||||||
|
|
||||||
//* End Matomo *//
|
//* End Matomo *//
|
||||||
|
|
@ -26,7 +26,7 @@
|
||||||
var _mtm = _mtm || [];
|
var _mtm = _mtm || [];
|
||||||
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/container_{{ site.matomo_container }}.js'; s.parentNode.insertBefore(g,s);
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/container_{{ site.matomo_container }}.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
|
||||||
//* End Matomo Tag Manager *//
|
//* End Matomo Tag Manager *//
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
|
||||||
|
|
@ -26,7 +26,7 @@
|
||||||
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 }}"
|
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>
|
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"
|
<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"
|
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=basspistol"
|
||||||
class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a>
|
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"
|
<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 }}"
|
href="https://telegram.me/share/url?url={{ site.url }}{{ page.url }}&text={{ page.title | xml_escape }}%20by%20{{ site.title xml_escape }}"
|
||||||
|
|
|
||||||
47
_includes/contact.html
Normal file
47
_includes/contact.html
Normal file
|
|
@ -0,0 +1,47 @@
|
||||||
|
<!-- BEGIN contact.html -->
|
||||||
|
<section id="contact">
|
||||||
|
<div>
|
||||||
|
<form action="{{ relBase }}/contact-success/" method="post" class="contact-form">
|
||||||
|
<div>
|
||||||
|
<h2>Kontakta oss!</h2>
|
||||||
|
<input type="hidden" name="_to" value="{{ site.publisher.mail }}" /><br />
|
||||||
|
<input type="text" name="_gotcha" style="display: none;" />
|
||||||
|
</div>
|
||||||
|
<div class="contact-info">
|
||||||
|
<label for="email">Email</label>
|
||||||
|
<input type="email" name="email" id="email" placeholder="Email..." required class="contact" />
|
||||||
|
{% if page.url == '/fr-fretag/' %}
|
||||||
|
<label for="phone">Phone</label>
|
||||||
|
<input type="tel" name="telephone" id="telephone" placeholder="Telefonnumer..." required
|
||||||
|
class="contact" />
|
||||||
|
<label for="name">Name</label>
|
||||||
|
<input type="name" name="name" id="name" placeholder="Namn och efternamn..." required class="contact" />
|
||||||
|
<label for="company">Företag</label>
|
||||||
|
<input type="company" name="company" id="company" placeholder="Företag..." required
|
||||||
|
class="contact" />
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label for="message">Meddelande</label><br />
|
||||||
|
<textarea name="message" id="message" placeholder="Skriv ditt meddelande här..." required
|
||||||
|
class="contact textspace"></textarea>
|
||||||
|
</div>
|
||||||
|
<br />
|
||||||
|
<div>
|
||||||
|
<input type="checkbox" name="consent" id="consent" required class="css-checkbox lrg klaus" /><label
|
||||||
|
for="consent" class="css-label lrg klaus">Jag godkänner <a href="/cookies/">integritets policyn</a>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<br />
|
||||||
|
<div>
|
||||||
|
<input type="checkbox" name="news" id="news" class="css-checkbox lrg klaus" /><label for="news"
|
||||||
|
class="css-label lrg klaus">Jag vill ha nyheter</label>
|
||||||
|
</div>
|
||||||
|
<br />
|
||||||
|
<div>
|
||||||
|
<input type="submit" class="button" value="Send Message" />
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- END contact.html -->
|
||||||
|
|
@ -1,13 +1,13 @@
|
||||||
|
|
||||||
<div id="cookie-notice">
|
<div id="cookie-notice">
|
||||||
|
|
||||||
<p>I only use cookies if you consent to it. They don't contain any identifiable info: they just let me know if you
|
<p>
|
||||||
enjoyed this enough to come back.
|
We only use cookies if you consent to it. They don't contain any identifiable info: they just let us 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 /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
|
||||||
<br />Read more about how me & basspistol <a href="/cookies/">use cookies</a>
|
<br />Read more about <a href="/cookies/"> how {{ site.title }} use cookies</a>
|
||||||
</p>
|
</p>
|
||||||
<a class="button yes" href="#"
|
<a class="button yes" href="#"
|
||||||
id="cookie-notice-accept">I'm in!</a>
|
id="cookie-notice-accept">Ok</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
172
_includes/ethoicon-selector.html
Normal file
172
_includes/ethoicon-selector.html
Normal file
|
|
@ -0,0 +1,172 @@
|
||||||
|
|
||||||
|
{% case include.icon %}
|
||||||
|
{% when "alcohol" %}
|
||||||
|
<svg
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
viewBox="0 0 500 500">
|
||||||
|
<path
|
||||||
|
d="M366.85,190.69v-29.3h-31.71v28.06c0,0,0,0,0,0c0.31,0.88,0.59,1.76,0.86,2.65c0.03,0.09,0.05,0.17,0.08,0.26 c0.25,0.83,0.48,1.66,0.7,2.49c0.04,0.16,0.09,0.33,0.13,0.49c0.2,0.77,0.38,1.55,0.55,2.33c0.05,0.25,0.11,0.5,0.16,0.74 c0.15,0.72,0.29,1.43,0.41,2.15c0.06,0.34,0.11,0.68,0.17,1.01c0.1,0.65,0.21,1.3,0.29,1.95c0.06,0.44,0.1,0.89,0.15,1.33 c0.06,0.56,0.13,1.13,0.18,1.69c0.05,0.59,0.09,1.19,0.12,1.78c0.03,0.43,0.06,0.87,0.08,1.3c0.05,1.04,0.07,2.09,0.07,3.14v22.46 h44.56v80.98h-44.56v26.85v5.99h23.85h36.9v-36.9v-38.38v-46.4C399.86,208.32,385.4,192.63,366.85,190.69z"
|
||||||
|
/>
|
||||||
|
<rect
|
||||||
|
x="335.14"
|
||||||
|
y="137.02"
|
||||||
|
width="31.71"
|
||||||
|
height="12.96"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M160.89,316.22h-44.56v-80.98h44.56v-22.46c0-1.05,0.03-2.09,0.07-3.14c0.02-0.44,0.06-0.87,0.08-1.3 c0.04-0.59,0.07-1.19,0.12-1.78c0.05-0.57,0.12-1.13,0.18-1.69c0.05-0.44,0.1-0.89,0.15-1.33c0.09-0.65,0.19-1.3,0.29-1.95 c0.05-0.34,0.11-0.68,0.17-1.01c0.13-0.72,0.27-1.44,0.41-2.15c0.05-0.25,0.1-0.5,0.16-0.74c0.17-0.78,0.35-1.56,0.55-2.33 c0.04-0.17,0.08-0.33,0.13-0.49c0.22-0.84,0.45-1.67,0.7-2.49c0.03-0.09,0.05-0.17,0.08-0.26c0.27-0.89,0.56-1.77,0.86-2.65 c0,0,0,0,0,0v-28.06h-31.71v29.3c-18.55,1.94-33.01,17.63-33.01,36.7v46.4v38.38v36.9h36.9h23.85v-5.99V316.22z"
|
||||||
|
/>
|
||||||
|
<rect
|
||||||
|
x="133.15"
|
||||||
|
y="137.02"
|
||||||
|
width="31.71"
|
||||||
|
height="12.96"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M274.37,156.37v-43.04h-48.73v43.04c-28.51,2.99-50.74,27.1-50.74,56.4v71.31v58.99v56.72h56.72h36.78h56.72 v-56.72v-58.99v-71.31C325.11,183.47,302.88,159.36,274.37,156.37z M300.21,349.31H199.79V224.84h100.41V349.31z"
|
||||||
|
/>
|
||||||
|
<rect
|
||||||
|
x="225.63"
|
||||||
|
y="75.42"
|
||||||
|
width="48.73"
|
||||||
|
height="19.92"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
{% when "fossile" %}
|
||||||
|
<svg
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
viewBox="0 0 500 500">
|
||||||
|
<path
|
||||||
|
d="M399.93,235.6c-1.34-13.13-3.23-44.55-42.91-92.29c-2.75,64.22-111.81,127.38-74.85-72.37 c-81.51,27.67-104.42,88.03-117.43,129.97c-8.38,27.01-42.67,41.09-52.23-3.55c-12.89,33.91-13.8,72.5,0.31,108.35 c30.1,76.48,117.09,113.89,193.03,84c41.76-16.44,72.09-49.74,86.13-89.03C399.33,280.1,402.21,257.89,399.93,235.6z M247.53,347.17 c-15.92,0-30.16-7.2-39.65-18.51c-3.57-3.81-6.39-8.4-8.34-13.88c-2.41-5.98-3.75-12.51-3.75-19.35c0-52.9,37.71-94.6,37.71-94.6 s-5.1,34.56,4.78,50.48c23.46,37.79,61,15.55,61,44.12S276.1,347.17,247.53,347.17z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
{% when "gambling" %}
|
||||||
|
<svg
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
viewBox="0 0 500 500">
|
||||||
|
<path
|
||||||
|
d="M250,90c-88.37,0-160,71.63-160,160s71.63,160,160,160s160-71.63,160-160S338.37,90,250,90z M390,250.17 c-13.42,0-26.56,0-39.85,0c-0.31-21.64-6.68-41.08-19.07-58.58c10.92-7.94,21.61-15.72,32.41-23.58c17.21,23.71,26.5,52.14,26.5,82 C390,250.06,390,250.11,390,250.17z M171.25,250.46c-0.03-43.48,35.23-78.83,78.66-78.86c43.47-0.03,78.83,35.23,78.86,78.66 c0.03,43.47-35.23,78.83-78.66,78.86C206.64,329.15,171.29,293.89,171.25,250.46z M293.34,116.81c-4.21,12.9-8.34,25.56-12.5,38.3 c-20.77-6.44-41.12-6.35-61.65-0.02c-4.19-12.83-8.32-25.49-12.49-38.28c13.81-4.47,28.38-6.8,43.31-6.8 C264.94,110,279.52,112.33,293.34,116.81z M136.51,167.99c10.92,7.95,21.63,15.74,32.46,23.62 c-12.56,17.65-18.77,37.16-19.13,58.76c-13.39,0-26.53,0-39.84,0c0-0.12,0-0.25,0-0.37C110,220.13,119.3,191.7,136.51,167.99z M136.94,332.6c10.78-7.82,21.24-15.41,31.14-22.59c8.11,7.46,15.1,15.14,23.34,21.11c8.3,6.02,17.84,10.33,27.19,15.58 c-3.81,11.77-7.77,23.99-11.83,36.52c-20.8-6.73-39.86-18.32-55.76-34.23C145.86,343.85,141.17,338.36,136.94,332.6z M293.26,383.21c-4.08-12.6-8.11-25.06-12.19-37.66c20.5-6.99,36.93-19.04,49.89-36.27c10.77,7.82,21.4,15.53,32.11,23.3 c-4.23,5.77-8.93,11.25-14.08,16.41C333.1,364.89,314.05,376.49,293.26,383.21z"
|
||||||
|
/>
|
||||||
|
<rect
|
||||||
|
x="212.86"
|
||||||
|
y="212.86"
|
||||||
|
transform="matrix(0.7071 -0.7071 0.7071 0.7071 -103.5534 250)"
|
||||||
|
width="74.28"
|
||||||
|
height="74.28"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
{% when "gmo" %}
|
||||||
|
<svg
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
viewBox="0 0 500 500">
|
||||||
|
<path
|
||||||
|
d="M283.83,427.61c10.73-1.98,21.32-4.92,31.62-8.83c0.49-15.49,4.34-30.89,11.57-44.99 c-12.49,7.87-25.92,13.67-39.8,17.39C284.48,403.14,283.36,415.4,283.83,427.61z"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M323.77,324.73L323.77,324.73c-41.13,41.13-108,41.2-149.22,0.21c-5.57-5.6-10.63-11.41-14.69-17.83 l139.79-139.79c-10.14-6.12-21.16-10.23-32.48-12.32L146.53,275.64c-5.93-24.49-3.05-50.69,8.66-73.51 c-12.49,7.87-25.92,13.67-39.8,17.39c-10.24,44.6,1.84,93.42,36.42,128.15c53.76,53.52,141.03,53.45,194.69-0.22l0,0 c20.21-20.21,46.64-30.5,73.18-30.88c4.18-10.38,7.36-21.07,9.55-31.92C391.32,282.48,352.67,295.83,323.77,324.73z"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M214.61,72.93c-10.73,1.98-21.32,4.92-31.62,8.83c-0.49,15.49-4.34,30.89-11.57,44.99 c12.49-7.87,25.92-13.67,39.8-17.39C213.96,97.4,215.08,85.14,214.61,72.93z"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M174.67,175.81L174.67,175.81c41.13-41.13,108.26-41.45,149.48-0.47c5.57,5.6,10.37,11.67,14.43,18.08 L198.79,333.21c10.14,6.12,21.16,10.23,32.48,12.32L351.91,224.9c5.93,24.49,3.05,50.69-8.66,73.51 c12.49-7.87,25.92-13.67,39.8-17.39c10.24-44.6-1.92-93.34-36.5-128.07c-53.76-53.52-140.95-53.53-194.62,0.14l0,0 c-20.21,20.21-46.64,30.5-73.18,30.88c-4.18,10.38-7.36,21.07-9.55,31.92C107.11,218.06,145.77,204.71,174.67,175.81z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
{% when "nuclear" %}
|
||||||
|
<svg
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
viewBox="0 0 500 500">
|
||||||
|
<path
|
||||||
|
d="M225.87,206.36l-48.55-88.25c-46.37,25.56-77.79,74.91-77.79,131.61h100.22 C200.07,231.25,210.58,214.9,225.87,206.36z"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M300.07,249.72h99.83c0-57.19-31.97-106.91-79.01-132.28l-47.66,88.57 C288.94,214.44,299.76,230.99,300.07,249.72z"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M249.82,300.65c-8.97,0-17.41-2.4-24.73-6.59l-48.31,86.97c21.6,12.03,46.47,18.89,72.95,18.89 c25.76,0,49.99-6.49,71.18-17.91l-47.06-87.46C266.69,298.43,258.5,300.65,249.82,300.65z"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
|
||||||
|
d="M249.86,276.03c14.11,0,25.66-11.45,25.66-25.56c0-14.02-11.55-25.76-25.66-25.76 c-14.02,0-25.56,11.74-25.56,25.76C224.3,264.58,235.85,276.03,249.86,276.03z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
{% when "meat" %}
|
||||||
|
<svg
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
viewBox="0 0 500 500">
|
||||||
|
<path
|
||||||
|
d="M348.94,153.25c-14.61-30.67-53.4-52.6-98.94-52.6c-45.53,0-84.3,21.91-98.93,52.57 c-33.83-15-70.55-7.81-70.55-7.81s17.68,33.28,51.94,49.22c5.38,2.51,10.72,4.71,15.91,6.6c6.44-5.1,18.01-4.08,27.7,2.94 c11.02,7.98,9.86,28.39,9.86,28.39s-15.32,6.01-26.43,1.48l23.59,86.07l26.66-88.33c0,0,2.25,31.81,2.25,48.19 c0,20.82-17.8,39.1-26.99,47.15l0.08,0.3c-2.74,7.09-4.11,14.78-4.11,22.73c0,32.4,13.32,50.41,69,50.41c55.68,0,69-18.01,69-50.41 c0-7.91-1.36-15.56-4.07-22.61l0.13-0.46c-9.21-8.07-26.93-26.32-26.93-47.1c0-16.39,2.25-48.19,2.25-48.19L317,319.99L340.58,234 c-11.11,4.6-26.51-1.44-26.51-1.44s-1.16-20.41,9.86-28.39c9.7-7.03,21.29-8.03,27.72-2.92c5.21-1.9,10.56-4.11,15.97-6.62 c34.26-15.94,51.94-49.22,51.94-49.22S382.8,138.21,348.94,153.25z M217.25,366.57c-3.85,0.73-7.69-3.99-8.57-10.55 c-0.88-6.56,1.53-12.47,5.38-13.21c3.85-0.73,7.69,3.99,8.57,10.55S221.11,365.84,217.25,366.57z M291.32,356.02 c-0.88,6.56-4.72,11.28-8.57,10.55c-3.85-0.73-6.26-6.65-5.38-13.21s4.72-11.28,8.57-10.55 C289.79,343.55,292.2,349.46,291.32,356.02z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
{% when "pesticide" %}
|
||||||
|
<svg
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
viewBox="0 0 500 500">
|
||||||
|
<path
|
||||||
|
d="M191.24,327.05l-39.8-39.8l-41.47,41.47l62.66,62.66l25.99-25.99c-5.08-8.75-8.01-18.9-8.01-29.73 C190.61,332.73,190.83,329.86,191.24,327.05z"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M390.03,328.71l-41.47-41.47l-39.8,39.8c0.41,2.81,0.63,5.68,0.63,8.6c0,10.83-2.93,20.98-8.01,29.73 l25.99,25.99L390.03,328.71z"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M250,276.26c22.92,0,42.84,13.06,52.73,32.12c34.57-18.75,58.04-55.35,58.04-97.44 c0-61.18-49.59-110.77-110.77-110.77s-110.77,49.59-110.77,110.77c0,42.09,23.47,78.69,58.04,97.44 C207.16,289.32,227.08,276.26,250,276.26z M297.28,161.32c18.4,0,33.32,18.04,33.32,40.3s-14.92,40.3-33.32,40.3 s-33.32-18.04-33.32-40.3S278.88,161.32,297.28,161.32z M169.4,201.62c0-22.26,14.92-40.3,33.32-40.3s33.32,18.04,33.32,40.3 s-14.92,40.3-33.32,40.3S169.4,223.88,169.4,201.62z"
|
||||||
|
/>
|
||||||
|
<ellipse
|
||||||
|
cx="250"
|
||||||
|
cy="335.62"
|
||||||
|
rx="46.71"
|
||||||
|
ry="46.71"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
{% when "processed" %}
|
||||||
|
<svg
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
viewBox="0 0 500 500">
|
||||||
|
<path
|
||||||
|
d="M124.37,221.51h-5.17c-0.67,0-1.3,0.18-1.96,0.25c-2.76,0.29-5.36,1.13-7.75,2.54 c-7.77,4.56-13.17,14.31-13.17,25.7c0,10.67,4.77,19.86,11.75,24.74c2.31,1.62,4.84,2.77,7.57,3.31c1.17,0.23,2.35,0.45,3.58,0.45 h3.57h0.83h15.44h29.23h192.67h15.45h0.83h3.58c1.22,0,2.4-0.21,3.56-0.45c2.73-0.53,5.26-1.68,7.57-3.3 c6.98-4.88,11.76-14.07,11.76-24.74c0-11.4-5.41-21.15-13.19-25.7c-2.39-1.4-5.01-2.24-7.75-2.53c-0.65-0.07-1.28-0.25-1.95-0.25 h-5.18h-2.25h-16.61H172.84h-29.62h-16.61H124.37z M133.8,238.98c8.49-3.49,18.02-3.64,28.89,0.85c2.71,1.12,5.46,2.92,8.3,4.71 c6.92,4.34,14.35,8.62,22.94,2.91c4.34-2.89,9.52-6.84,14.88-7.72c10.6-1.76,20.21-1.61,29.51,4.56 c16.1,10.68,30.12,13.57,46.9,2.29c7.13-4.78,15.81-10.93,24.96-10.46c10.97,0.57,20.63,4.7,30.06,10.2 c11.58,6.74,18.07,6.64,27.44-0.37c1.43-1.07,2.92-2.27,4.51-3.66c2.45-2.14,5.34-1.86,7.52-0.49c0.45,0.28,0.89,0.54,1.26,0.91 c1.91,1.89,2.53,4.72,0.75,7.17c-0.27,0.37-0.44,0.76-0.84,1.11c-0.2,0.17-0.38,0.31-0.59,0.49c-4.39,3.79-8.56,6.81-12.71,9 c-9.24,4.86-18.43,5.26-30.19-1.58c-14.54-8.48-27.34-14.22-42.66-3.92c-8.07,5.42-16.84,11.27-26.88,11.94 c-12.47,0.83-21.55-2.62-31.83-9.44c-18.57-12.3-29.44-1.02-46.43,5.66c-8.35,3.28-13.97-0.94-19.67-5.23 c-2.73-2.06-5.49-4.14-8.57-5.42c-12.62-5.23-21.46-4.19-29.53,1.93c-3.34,2.53-6.56,5.85-9.85,10.09 c-0.47,0.6-0.99,0.96-1.51,1.3c-0.3,0.2-0.59,0.37-0.9,0.49c-2.26,0.85-4.65-0.29-6.16-2.33c-1.52-2.05-2.03-4.88-0.45-7.48 c0.14-0.23,0.17-0.45,0.33-0.68c1.61-2.07,3.26-4.01,4.96-5.8c0.51-0.53,1.04-0.94,1.55-1.45 C124.13,244.33,128.78,241.05,133.8,238.98z"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M148,338.68c5.24,1.74,10.69,2.77,16.32,2.77h171.36c25.76,0,48.22-19.41,60.13-48.05h-5.61h-23.29H151.63 h-18.55h-23.29h-5.6C113.49,315.79,129.25,332.44,148,338.68z"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M148,161.32c5.24-1.74,10.69-2.77,16.32-2.77h171.36c25.76,0,48.22,19.41,60.13,48.05h-5.61h-23.29H151.63 h-18.55h-23.29h-5.6C113.49,184.21,129.25,167.56,148,161.32z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
{% when "tobak" %}
|
||||||
|
<svg
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
viewBox="0 0 500 500">
|
||||||
|
<rect
|
||||||
|
x="130.78"
|
||||||
|
y="267.87"
|
||||||
|
width="171.39"
|
||||||
|
height="57.76"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M342.82,209c7.81-8.02,12.55-18.56,12.55-30.11c0-25.13-22.42-45.5-50.08-45.5c-3.51,0-6.94,0.33-10.25,0.96 c-11.31-19.74-34.01-33.22-60.2-33.22c-37.47,0-67.84,27.59-67.84,61.63s30.37,61.63,67.84,61.63c0.75,0,1.48-0.03,2.22-0.05 c0.35,0.01,0.72,0.02,1.11,0.02c0.01,0,0.71,0,1.79,0c-0.01-0.02-0.02-0.03-0.03-0.05c-3.15-5.97-1.71-12.62,0.11-20.96 c-11.64-1.35-20.52-8.61-25.3-13.13c-7.71-7.28-12.13-17.44-12.12-27.89c-0.01-9.42,3.28-18.89,9.01-25.98 c4.9-6.05,13.87-13.24,28.97-13.53c0,0-25.1,9.29-25.1,39.51c0,24.51,41.26,28.42,47.28,29.27c-5.84,8.36-8.5,30.05,6.77,32.76 c10.27,0,23.36,0,34.7,0c0.35,0.01,0.69,0.02,1.04,0.02c0.35,0,0.7-0.02,1.05-0.02c13.01,0,23.21,0,23.22,0 c17.54,0.04,21.26,9.98,21.29,18.29v82.84h17.78v-82.87C368.58,225.21,360.35,211.15,342.82,209z"
|
||||||
|
/>
|
||||||
|
<polygon
|
||||||
|
points="317.86,325.4 335.89,325.49 335.89,267.05 317.86,266.95 "
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
{% when "weapon" %}
|
||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
viewBox="0 0 500 500">
|
||||||
|
<path
|
||||||
|
d="M250,399.91c65.42,0,119.03-50.59,123.85-114.78h-247.7C130.97,349.32,184.58,399.91,250,399.91z"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M294.61,159.76v-52.42h-74.17c-12.8-12.02-30-19.4-48.91-19.4c-39.44,0-71.53,32.09-71.53,71.53 c0,12.95,3.48,25.1,9.53,35.59c-12.8,21.59-19.43,45.24-19.43,69.96h20c0-18.79,4.31-36.55,12.85-53.13 c4.45,4.13,9.42,7.7,14.8,10.6c-6.22,13.11-10.22,27.48-11.5,42.63h247.5C369.68,216.87,338.03,176.48,294.61,159.76z M116,159.47 c0-30.62,24.91-55.53,55.53-55.53c12.74,0,24.48,4.32,33.86,11.56v8.56h-15.44l-1.95,0.87c-1,0.45-24.8,11.2-48.75,33.59 c-7.24,6.77-13.7,13.88-19.38,21.29C117.39,173.51,116,166.65,116,159.47z M131.42,197.81c5.83-8.44,12.85-16.53,21.05-24.26 c17.95-16.9,36.19-26.66,41.88-29.49h11.04v15.7c-24.76,9.53-45.69,26.76-59.86,48.75C140.26,205.71,135.51,202.09,131.42,197.81z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
{% endcase %}
|
||||||
31
_includes/ethos.html
Normal file
31
_includes/ethos.html
Normal file
|
|
@ -0,0 +1,31 @@
|
||||||
|
<section id="ethossection">
|
||||||
|
<h2 class="editable">
|
||||||
|
Kategorier
|
||||||
|
|
||||||
|
</h2>
|
||||||
|
<p style="text-align:center" class="editor-link"><a href="cloudcannon:collections/_data/ethos_ordning.yml" rel="nofollow" class="btn"><strong>✎</strong>
|
||||||
|
Edit order</a></p><br />
|
||||||
|
<div class="ethos-flex">
|
||||||
|
|
||||||
|
{% for etho_name in site.data.ethos_ordning %}{% for etho in site.ethos %}
|
||||||
|
{% capture name -%}{{ etho.relative_path | replace_first: etho.collection, '' | replace_first: '_/', '' | replace_first: '.md', '' }}{%- endcapture %}
|
||||||
|
{% if name == etho_name %}
|
||||||
|
<div class="ethos">
|
||||||
|
<div class="icon">
|
||||||
|
<a href="{{ etho.url }}" alt="{{ etho.title }}" class="st1">
|
||||||
|
{% capture name -%}{{ etho.relative_path | replace_first: etho.collection, '' | replace_first: '_/', '' | replace_first: '.md', '' }}{%- endcapture %}
|
||||||
|
{% include ethoicon-selector.html icon=name %}
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="cartouche">
|
||||||
|
<h3>{{ etho.title }}</h3>
|
||||||
|
<p>{{ etho.description }}</p>
|
||||||
|
<p class="editor-link"><a href="cloudcannon:collections/{{ etho.path }}" rel="nofollow" class="btn"><strong>✎</strong>
|
||||||
|
Edit Ethos</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% break %} {% endif %} {% endfor %} {% endfor %}
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
@ -1,21 +1,24 @@
|
||||||
<!-- Footer -->
|
|
||||||
{% unless page.collection == 'tracks' %}
|
|
||||||
{% include streamer.html %}
|
{% include streamer.html %}
|
||||||
{% endunless %}
|
<!-- Footer -->
|
||||||
<footer>
|
<footer>
|
||||||
|
<div class="footframe">
|
||||||
<div>
|
<div>
|
||||||
<h3>{{ site.title }}</h3>
|
<h3>{{ site.title }}</h3>
|
||||||
<p>{{ site.description }}</p>
|
<p>{{ site.description }}</p>
|
||||||
<ul>
|
<ul>
|
||||||
{% if page.url != '/' %}
|
{% if page.url != '/' %}
|
||||||
<li><a href="{{ relBase }}/">Home</a></li>
|
<li><a href="{{ relBase }}/">🏡 Home</a></li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% for entry in site.data.navigation %}
|
{% for entry in site.data.navigation %}
|
||||||
<li><a href="{{ entry.url }}">{{ entry.name }}</a></li>
|
<li><a href="{{ entry.url }}" {% if entry.external_site == true %} target="_blank" rel="noopener"
|
||||||
|
{% endif %}>{{ entry.icon }} {{ entry.name }}</a></li>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div><img src="{{ relBase }}{{ site.banner-vert }}" width="100%" alt="{{ site.title }} Logo" /></div>
|
|
||||||
|
<div><a href="#main-wrapper"><img src="{{ relBase }}{{ site.icon }}" alt="{{ site.title }} Logo" /></a></div>
|
||||||
|
|
||||||
|
<small>
|
||||||
<div style="text-align: center;">
|
<div style="text-align: center;">
|
||||||
{% for nw in site.data.social %}
|
{% for nw in site.data.social %}
|
||||||
<a target="_blank" alt="{{ site.title }} on {{ nw.name }}" title="{{ site.title }} on {{ nw.name }}" rel="{% if nw.url contains 'mastodon.art' %}me {% endif %}noopener"
|
<a target="_blank" alt="{{ site.title }} on {{ nw.name }}" title="{{ site.title }} on {{ nw.name }}" rel="{% if nw.url contains 'mastodon.art' %}me {% endif %}noopener"
|
||||||
|
|
@ -24,9 +27,9 @@
|
||||||
<a target="_blank" alt="email" title="email" href="mailto:{{ site.social.mail }}" class="icon small fas fa-envelope-open-text"><span
|
<a target="_blank" alt="email" title="email" href="mailto:{{ site.social.mail }}" class="icon small fas fa-envelope-open-text"><span
|
||||||
class="label">Email</span></a>
|
class="label">Email</span></a>
|
||||||
</div>
|
</div>
|
||||||
<small>
|
<p>©{{ site.time | date: '%Y' }} {{ site.publisher.name }} | <a href="{{ relBase }}/webcreds/">Credits</a> |
|
||||||
|
<a href="{{ relBase }}/cookies/">Cookies & Privacy</a>
|
||||||
<p>©{{ site.time | date: '%Y' }} {{ site.publisher.name }} | <a href="{{ relBase }}/webcreds/">Credits</a> | <a
|
<br />This page was last updated on {{ page.last_modified_at | date: "%A, %b %d, %Y" }}</p>
|
||||||
href="{{ relBase }}/cookies/">Cookies & Privacy</a></p>
|
|
||||||
</small>
|
</small>
|
||||||
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
|
||||||
|
|
@ -1,23 +1,33 @@
|
||||||
<header class="hero" {% unless page.video_path %}style="background-image: url({{ page.image }});"{% endunless %}>
|
{% include relBase.html %}
|
||||||
<div class="textcontainer">
|
<header class="hero" id="top"
|
||||||
<h1>{{ page.title }}</h1>
|
style="{% unless page.video_path %}background-image: url({{ page.image }});{% endunless %}">
|
||||||
<p>{{ page.description }}</p>
|
|
||||||
{% if page.category == 'releases' %}
|
|
||||||
<p><a href="#plwrap" class="button">Listen</a></p>
|
|
||||||
{% endif %}
|
|
||||||
{% if page.category == 'ramblings' %}
|
|
||||||
<p><a href="#read" class="button">Read</a></p>
|
|
||||||
{% endif %}
|
|
||||||
{% if page.url == '/404/' %}
|
|
||||||
<p><a href="/" class="button">Take me home</a></p>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
<div class="imagecontainer">
|
<div class="imagecontainer">
|
||||||
|
<h4>{{ page.title }}</h4>
|
||||||
</div>
|
</div>
|
||||||
{% if page.video_path %}
|
|
||||||
<video autoplay muted loop id="myVideo">
|
|
||||||
<source src="{{ page.video_path }}" type="video/mp4">
|
|
||||||
</video>
|
|
||||||
{% endif %}
|
|
||||||
</header>
|
</header>
|
||||||
|
<section class="splash">
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
|
<div class="splash-logo" {% unless page.url == '/' %}style="display: none;"{% endunless %}>
|
||||||
|
<img src="{{ site.logo }}" width="240px" alt="{{ site.title }} Logo" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div {% unless page.url == '/' %}style="padding: 0;"{% endunless %}>
|
||||||
|
|
||||||
|
<h1>{{ page.title }}</h1>
|
||||||
|
{% if page.category == 'releases' %}
|
||||||
|
<h4>by <strong>{{ page.artist }}</strong></h4>
|
||||||
|
{% endif %}
|
||||||
|
{% unless page.category == 'releases' %}
|
||||||
|
<p>{{ page.description }}</p>
|
||||||
|
{% endunless %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -9,5 +9,5 @@ _paq.push(['enableLinkTracking']);
|
||||||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||||
_paq.push(['setSiteId', '{{ site.matomo_site_id }}']);
|
_paq.push(['setSiteId', '{{ site.matomo_site_id }}']);
|
||||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||||
})();
|
})();
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!-- Navigation -->
|
<!-- Navigation -->
|
||||||
<div id="sticky" class="logo{% if page.collection == 'tracks' %} sticky{% endif %}">
|
<div id="sticky" class="logo{% if page.collection == 'tracks' %} sticky{% endif %}">
|
||||||
|
|
||||||
<a id="logo" href="/"><img height="40px" src="{{ site.banner }}" alt="{{ site.title }} Logo" /></a>
|
<a id="logo" {% if page.url != '/' %}href="/"{% else %}href="#top"{% endif %}><img height="40px" src="{{ site.logo }}" alt="{{ site.title }} Logo" /></a>
|
||||||
<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span
|
<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span
|
||||||
class="fas fa-bars navmenu"></span></a>
|
class="fas fa-bars navmenu"></span></a>
|
||||||
|
|
||||||
|
|
@ -15,13 +15,13 @@
|
||||||
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
|
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
|
||||||
<ul>
|
<ul>
|
||||||
{% if page.url != '/' %}
|
{% if page.url != '/' %}
|
||||||
<li><a href="{{ relBase }}/" class="button">home</a></li>
|
<li><a href="{{ relBase }}/" onclick="removeBlur()" class="button">🏡 Home</a></li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% for entry in site.data.navigation %}
|
{% for entry in site.data.navigation %}
|
||||||
{% if entry.external_site == false %}
|
{% if entry.external_site == false %}
|
||||||
<li><a href="{{ relBase }}{{ entry.url }}" class="button">{{ entry.name }}</a></li>
|
<li><a href="{{ relBase }}{{ entry.url }}" onclick="removeBlur()" class="button">{{ entry.icon }} {{ entry.name }}</a></li>
|
||||||
{% else %}
|
{% else %}
|
||||||
<li><a href="{{ entry.url }}" target="_blank" rel="noopener" class="button">{{ entry.name }}</a></li>
|
<li><a href="{{ entry.url }}" target="_blank" rel="noopener" onclick="removeBlur()" class="button">{{ entry.icon }} {{ entry.name }}</a></li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,3 @@
|
||||||
<!-- Scripts -->
|
<!-- Scripts -->
|
||||||
{% include relBase.html %}
|
{% include relBase.html %}
|
||||||
<script src="{{ relBase }}/assets/js/set-20200805.js"></script>
|
<script src="{{ relBase }}/assets/js/set-20200911.js"></script>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -135,7 +135,7 @@
|
||||||
<meta name="twitter:description" content="Listen and to a release by {{ artist | uniq }} named "{{ album.name | xml_escape }}" and support your remote artist!" />
|
<meta name="twitter:description" content="Listen and to a release by {{ artist | uniq }} named "{{ album.name | xml_escape }}" and support your remote artist!" />
|
||||||
<meta name="twitter:image" content="{{ site.mediaurl }}/{{ album.tracks[0].slug }}.jpeg" />
|
<meta name="twitter:image" content="{{ site.mediaurl }}/{{ album.tracks[0].slug }}.jpeg" />
|
||||||
{% endif %}{% endfor %}
|
{% endif %}{% endfor %}
|
||||||
{% elsif page.category == 'ramblings' %}
|
{% elsif page.category == 'highlights' %}
|
||||||
<!-- BEGIN seo.html -->
|
<!-- BEGIN seo.html -->
|
||||||
|
|
||||||
<title>{{ page.title }} | {{ site.title }}</title>
|
<title>{{ page.title }} | {{ site.title }}</title>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,3 @@
|
||||||
---
|
---
|
||||||
## placeholder to avoid error message from albums collection created with pblikator
|
layout: nil
|
||||||
## insert a real template if you output the collection
|
|
||||||
---
|
---
|
||||||
|
|
|
||||||
|
|
@ -11,40 +11,45 @@
|
||||||
{% include relBase.html %}
|
{% include relBase.html %}
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||||
<link rel="stylesheet" href="{{ relBase }}/assets/css/all.min.css" />
|
<link rel="stylesheet" href="{{ relBase }}/assets/css/all.min.css" />
|
||||||
<link rel="stylesheet" href="{{ relBase }}/assets/css/main-20200812.css" />
|
<link rel="stylesheet" href="{{ relBase }}/assets/css/colors-20200911.css" />
|
||||||
|
<link rel="stylesheet" href="{{ relBase }}/assets/css/main-20200911.css" />
|
||||||
<link rel="apple-touch-icon" href="{{ site.url }}/apple-touch-icon.png">
|
<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="icon" type="image/png" href="{{ site.url }}/touch-icon.png" sizes="192x192">
|
||||||
<link rel="shortcut icon" href="{{ site.url }}{{ site.icon }}" type="image/png" />
|
<link rel="shortcut icon" href="{{ site.url }}{{ site.icon }}" type="image/png" />
|
||||||
<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscripts-20200812.css" /></noscript>
|
<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscripts-20200911.css" /></noscript>
|
||||||
|
|
||||||
|
<meta name="theme-color" content="{{ site.data.colors.bg }}"/>
|
||||||
|
|
||||||
|
|
||||||
<meta name="theme-color" content="{{ site.data.colors.bg_color }}"/>
|
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<!-- Wrapper -->
|
<!-- Wrapper -->
|
||||||
|
|
||||||
<div id="main-wrapper">
|
<div id="main-wrapper">
|
||||||
|
|
||||||
{{ content }}
|
{{ content }}
|
||||||
<!-- Footer -->
|
<!-- Footer -->
|
||||||
{% unless page.collection == 'tracks' %}
|
{% unless page.collection == 'tracks' or page.url == '/radio/' %}
|
||||||
{% include footer.html %}
|
{% include footer.html %}
|
||||||
{% endunless %}
|
{% endunless %}
|
||||||
|
|
||||||
<!-- END Footer -->
|
<!-- END Footer -->
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<!-- END Wrapper -->
|
<!-- END Wrapper -->
|
||||||
|
{% unless page.collection == 'traks' %}
|
||||||
{% include navigation.html %}
|
{% include navigation.html %}
|
||||||
|
{% endunless %}
|
||||||
{% include cookie-consent.html %}
|
{% include cookie-consent.html %}
|
||||||
{% include scripts.html %}
|
{% include scripts.html %}
|
||||||
{% if page.video_path %}
|
{% if page.video_path %}
|
||||||
<div class="fullscreen-bg">
|
<div class="fullscreen-bg">
|
||||||
<video autoplay muted loop poster="{{ page.image }}" class="fullscreen-bg__video" data-matomo-title="{{ page.title }}-bg-video">
|
<video autoplay muted loop poster="{{ page.image }}" class="fullscreen-bg__video">
|
||||||
<source src="{{ page.video_path }}" type="video/mp4">
|
<source src="{{ page.video_path }}" type="video/mp4">
|
||||||
</video>
|
</video>
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -3,8 +3,11 @@ layout: default
|
||||||
---
|
---
|
||||||
{% include relBase.html %}
|
{% include relBase.html %}
|
||||||
{% include header.html %}
|
{% include header.html %}
|
||||||
<section class="info">
|
<section class="info" id="read">
|
||||||
<div class="info-pages">
|
<div class="info-pages">
|
||||||
{{ content }}
|
{{ content }}
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
{% if page.url == '/fr-fretag/' %}
|
||||||
|
{% include contact.html %}
|
||||||
|
{% endif %}
|
||||||
|
|
@ -5,9 +5,11 @@ layout: default
|
||||||
<script src="{{ relBase }}/assets/js/jquery-3.5.1.min.js"></script>
|
<script src="{{ relBase }}/assets/js/jquery-3.5.1.min.js"></script>
|
||||||
{% include header.html %}
|
{% include header.html %}
|
||||||
|
|
||||||
<section class="album-player">
|
<section>
|
||||||
|
<div class="album-player">
|
||||||
|
|
||||||
<!-- HERE BEGINS MADNESS -->
|
<!-- HERE BEGINS MADNESS -->
|
||||||
|
|
||||||
{% for album in site.albums %}
|
{% for album in site.albums %}
|
||||||
{% if page.album == album.slug %}
|
{% if page.album == album.slug %}
|
||||||
{% assign onetracker = album.tracks | size %}
|
{% assign onetracker = album.tracks | size %}
|
||||||
|
|
@ -78,7 +80,7 @@ layout: default
|
||||||
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 }}"
|
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>
|
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"
|
<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"
|
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=basspistol"
|
||||||
class="icon smaller fab fa-twitter"><span class="label">Twitter</span></a>
|
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"
|
<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 }}"
|
href="https://telegram.me/share/url?url={{ site.url }}{{ page.url }}&text={{ page.title | xml_escape }}%20by%20{{ site.title | xml_escape }}"
|
||||||
|
|
@ -92,10 +94,10 @@ layout: default
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section class="info">
|
<section class="info">
|
||||||
<div>
|
<div class="container">
|
||||||
{{ content }}
|
{{ content }}
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
@ -130,7 +132,6 @@ layout: default
|
||||||
|
|
||||||
<section class="track-picker">
|
<section class="track-picker">
|
||||||
<div class="full-image" style="background-image:url({{ site.mediaurl }}/{{ track.albumSlug }}/{{ track.trackSlug }}.jpeg);">
|
<div class="full-image" style="background-image:url({{ site.mediaurl }}/{{ track.albumSlug }}/{{ track.trackSlug }}.jpeg);">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<h2>{{ track.common.title }}</h2>
|
<h2>{{ track.common.title }}</h2>
|
||||||
|
|
@ -138,12 +139,8 @@ layout: default
|
||||||
{% 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 }}
|
{% 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 }}
|
||||||
| <strong>{{ track.common.genre }}</strong></p>
|
| <strong>{{ track.common.genre }}</strong></p>
|
||||||
<p>{{ track.common.year }}</p>
|
<p>{{ track.common.year }}</p>
|
||||||
<p><a href="{{ relBase }}/albums/{{ track.slug }}/" class="button"><span class="fas fa-play"></span> Play</a></p>
|
<p><a href="{{ relBase }}/tracks/{{ track.slug }}/" class="button"><span class="fas fa-play"></span> Play</a></p>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
@ -156,34 +153,26 @@ layout: default
|
||||||
|
|
||||||
<!-- post Naviation -->
|
<!-- post Naviation -->
|
||||||
<section class="post-navigation">
|
<section class="post-navigation">
|
||||||
|
|
||||||
|
|
||||||
{% if page.previous.url or page.next.url %}
|
{% if page.previous.url or page.next.url %}
|
||||||
|
<div class="container">
|
||||||
<h2>Check out more</h2>
|
<div class="post-nav">
|
||||||
<div class="post-nav">
|
|
||||||
{% if page.previous.url %}
|
{% if page.previous.url %}
|
||||||
<h3><a href="{{page.previous.url}}" alt="Read {{page.previous.title}}" title="Read {{page.previous.title}}"><span
|
<h4><a href="{{ relBase }}{{ page.previous.url }}" alt="Read {{ page.previous.title }}"
|
||||||
class="fas fa-arrow-left"></span> {{page.previous.title}}</a></h3>
|
title="Read {{ page.previous.title }}"><span class="fas fa-arrow-left"
|
||||||
|
style="font-size:3em;text-decoration: none;"></span></a></h4>
|
||||||
|
<h3>{{ page.previous.title }}</h3>
|
||||||
<p>{{ page.previous.description }}</p>
|
<p>{{ page.previous.description }}</p>
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
<div class="post-nav-next">
|
<div class="post-nav-next">
|
||||||
{% if page.next.url%}
|
{% if page.next.url%}
|
||||||
|
<h4><a href="{{ page.next.url }}"><span class="fas fa-arrow-right" style="font-size:3em;"></span></a></h4>
|
||||||
<h3><a href="{{page.next.url}}">{{page.next.title}} <span class="fas fa-arrow-right"></span></a></h3>
|
<h3>{{ page.next.title }}</h3>
|
||||||
<p>{{ page.next.description }}</p>
|
<p>{{ page.next.description }}</p>
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
<!-- End Post Navigation -->
|
<!-- End Post Navigation -->
|
||||||
|
|
||||||
|
|
@ -309,34 +298,39 @@ layout: default
|
||||||
|
|
||||||
{% else %}
|
{% else %}
|
||||||
{% include header.html %}
|
{% include header.html %}
|
||||||
|
|
||||||
<section class="info" id="read">
|
<section class="info" id="read">
|
||||||
<div style="margin-top: 80px;">
|
<div class="info-pages">
|
||||||
|
|
||||||
{{ content }}
|
{{ content }}
|
||||||
<p> </p>
|
{% if page.link %}
|
||||||
<p style="text-align: center;"><a href="{{ page.link }}" class="button">Check it out</a></p>
|
<p><a href="{{ page.link }}?ref=TheMusicSyndicateWashere" target="_bank" rel="noopener" class="button">👀 Check it out!</a></p>
|
||||||
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
{% include streamer.html %}
|
|
||||||
<!-- post Naviation -->
|
|
||||||
<section class="post-navigation">
|
|
||||||
|
<!-- post Naviation -->
|
||||||
|
<section class="post-navigation">
|
||||||
{% if page.previous.url or page.next.url %}
|
{% if page.previous.url or page.next.url %}
|
||||||
<h2>Post Navigation</h2>
|
<div class="container">
|
||||||
<div class="post-nav">
|
<div class="post-nav">
|
||||||
|
|
||||||
{% if page.previous.url %}
|
{% if page.previous.url %}
|
||||||
<h3><a href="{{page.previous.url}}" alt="Read {{page.previous.title}}" title="Read {{page.previous.title}}"><span
|
<h4><a href="{{ relBase }}{{ page.previous.url }}" alt="Read {{ page.previous.title }}" title="Read {{ page.previous.title }}"><span
|
||||||
class="fas fa-arrow-left"></span> {{page.previous.title}}</a></h3>
|
class="fas fa-arrow-left" style="font-size:3em;text-decoration: none;"></span></a></h4>
|
||||||
|
<h3>{{ page.previous.title }}</h3>
|
||||||
<p>{{ page.previous.description }}</p>
|
<p>{{ page.previous.description }}</p>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
<div class="post-nav-next">
|
<div class="post-nav-next">
|
||||||
{% if page.next.url%}
|
{% if page.next.url%}
|
||||||
<h3><a href="{{page.next.url}}">{{page.next.title}} <span class="fas fa-arrow-right"></span></a></h3>
|
<h4><a href="{{ page.next.url }}"><span class="fas fa-arrow-right" style="font-size:3em;"></span></a></h4>
|
||||||
|
<h3>{{ page.next.title }}</h3>
|
||||||
<p>{{ page.next.description }}</p>
|
<p>{{ page.next.description }}</p>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
</div>
|
||||||
</section>
|
{% endif %}
|
||||||
|
</section>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
@ -18,7 +18,7 @@ layout: default
|
||||||
<div class="playbutton hideWhenNoJS">
|
<div class="playbutton hideWhenNoJS">
|
||||||
<a id="mu_pause" class="button">Play!</a>
|
<a id="mu_pause" class="button">Play!</a>
|
||||||
</div>
|
</div>
|
||||||
<h1>{{ page.common.title }}</h1>
|
|
||||||
|
|
||||||
|
|
||||||
</p>
|
</p>
|
||||||
|
|
@ -27,7 +27,9 @@ layout: default
|
||||||
</div>
|
</div>
|
||||||
<!-- Content -->
|
<!-- Content -->
|
||||||
<div id="trackInfo">
|
<div id="trackInfo">
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
|
<h1 style="margin-top:80px;">{{ page.common.title }}</h1>
|
||||||
<p>{% for style in page.common.genre %}{{ style }}{% endfor %} by <strong>{{ page.common.artist }}</strong></p>
|
<p>{% for style in page.common.genre %}{{ style }}{% endfor %} by <strong>{{ page.common.artist }}</strong></p>
|
||||||
{% for post in site.posts %}
|
{% for post in site.posts %}
|
||||||
{% if post.album == page.albumSlug %}
|
{% if post.album == page.albumSlug %}
|
||||||
|
|
@ -71,48 +73,32 @@ layout: default
|
||||||
<p>
|
<p>
|
||||||
{{ page.all.Comment }}
|
{{ page.all.Comment }}
|
||||||
</p>
|
</p>
|
||||||
{% for albumurl in site.posts %}
|
|
||||||
{% if albumurl.album == page.albumSlug %}
|
|
||||||
<p><a href="{{ relBase }}{{ albumurl.url }}" class="button">See release page</a></p>
|
|
||||||
{% endif %}
|
|
||||||
{% endfor %}
|
|
||||||
</section>
|
</section>
|
||||||
{% for post in site.posts %}
|
{% for post in site.posts %}
|
||||||
{% if post.album == page.albumSlug %}
|
{% if post.album == page.albumSlug %}
|
||||||
{% include streamer.html %}
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
<!-- post Naviation -->
|
<!-- post Naviation -->
|
||||||
<section class="post-navigation">
|
<section class="post-navigation">
|
||||||
|
|
||||||
|
|
||||||
{% if page.previous.url or page.next.url %}
|
{% if page.previous.url or page.next.url %}
|
||||||
|
|
||||||
<h2>Track Navigation</h2>
|
|
||||||
|
|
||||||
<div class="post-nav">
|
<div class="post-nav">
|
||||||
|
|
||||||
{% if page.previous.url %}
|
{% if page.previous.url %}
|
||||||
<h4><a href="{{ relBase }}{{ page.previous.url }}" alt="Read {{ page.previous.title }}" title="Read {{ page.previous.title }}"><span
|
<h4><a href="{{ relBase }}{{ page.previous.url }}" alt="Read {{ page.previous.title }}" title="Read {{ page.previous.title }}"><span
|
||||||
class="fas fa-arrow-left"></span> Previous</a></h4>
|
class="fas fa-arrow-left" style="font-size:3em;text-decoration: none;"></span></a></h4>
|
||||||
<h3>{{ page.previous.common.title }}</h3>
|
<h3>{{ page.previous.common.title }}</h3>
|
||||||
<p>{{ page.previous.description }}</p>
|
<p>{{ page.previous.description }}</p>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
<div class="post-nav-next">
|
<div class="post-nav-next">
|
||||||
{% if page.next.url%}
|
{% if page.next.url%}
|
||||||
<h4><a href="{{ page.next.url }}">Next <span class="fas fa-arrow-right"></span></a></h4>
|
<h4><a href="{{ page.next.url }}"><span class="fas fa-arrow-right" style="font-size:3em;"></span></a></h4>
|
||||||
<h3>{{ page.next.common.title }}</h3>
|
<h3>{{ page.next.common.title }}</h3>
|
||||||
<p>{{ page.next.description }}</p>
|
<p>{{ page.next.description }}</p>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
{% include footer.html %}
|
{% include footer.html %}
|
||||||
<!-- End Post Navigation -->
|
<!-- End Post Navigation -->
|
||||||
|
|
@ -126,7 +112,7 @@ layout: default
|
||||||
<div id="audiowrap">
|
<div id="audiowrap">
|
||||||
|
|
||||||
<div id="audio0">
|
<div id="audio0">
|
||||||
<audio controls autoplay preload="metadata" data-matomo-title="{{ page.common.title }}">
|
<audio controls autoplay preload="metadata" data-matomo-title="{{ page.common.title }} - {{ page.common.album }}">
|
||||||
<source src="{{ site.mediaurl }}/{{ page.slug }}.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' />
|
<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>.
|
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
|
||||||
</audio>
|
</audio>
|
||||||
|
|
|
||||||
|
|
@ -4,22 +4,24 @@
|
||||||
|
|
||||||
display: none;
|
display: none;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
|
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-color: var(--border);
|
background-color: var(--bg);
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
justify-content: space-evenly;
|
justify-content: space-evenly;
|
||||||
align-content: center;
|
align-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
z-index: 1000;
|
z-index: 10000000;
|
||||||
|
-webkit-box-shadow: 0px -12px 32px -25px var(--border-alt);
|
||||||
|
-moz-box-shadow: 0px -12px 32px -25px var(--border-alt);
|
||||||
|
box-shadow: 0px -12px 32px -25px var(--border-alt);
|
||||||
p {
|
p {
|
||||||
flex: 1 0 250px;
|
flex: 1 0 250px;
|
||||||
margin: 40px 20px 40px 40px;
|
margin: 40px 20px 40px 40px;
|
||||||
font-size: 0.75em;
|
font-size: 0.8em;
|
||||||
font-family: _font(family-fixed);
|
font-family: _font(family);
|
||||||
|
font-weight: 300;
|
||||||
}
|
}
|
||||||
@media only screen and (max-width: 651px) {
|
@media only screen and (max-width: 651px) {
|
||||||
p {
|
p {
|
||||||
|
|
@ -34,10 +36,10 @@
|
||||||
|
|
||||||
.yes {
|
.yes {
|
||||||
flex: 0 0 250px;
|
flex: 0 0 250px;
|
||||||
-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
|
-moz-transition: all var(--anim-speed) ease-in-out;
|
||||||
-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
|
-webkit-transition: all var(--anim-speed) ease-in-out;
|
||||||
-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
|
-ms-transition: all var(--anim-speed) ease-in-out;
|
||||||
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
|
transition: all var(--anim-speed) ease-in-out;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background-position-x: 0%;
|
background-position-x: 0%;
|
||||||
background-position-y: 0%;
|
background-position-y: 0%;
|
||||||
|
|
@ -54,8 +56,8 @@
|
||||||
}
|
}
|
||||||
.yes:hover {
|
.yes:hover {
|
||||||
// color: #000 !important;
|
// color: #000 !important;
|
||||||
-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
|
-moz-transition: all var(--anim-speed) ease-in-out;
|
||||||
-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
|
-webkit-transition: all var(--anim-speed) ease-in-out;
|
||||||
-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
|
-ms-transition: all var(--anim-speed) ease-in-out;
|
||||||
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
|
transition: all var(--anim-speed) ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -9,22 +9,22 @@ h1 {
|
||||||
font-size: 2.5em;
|
font-size: 2.5em;
|
||||||
}
|
}
|
||||||
h2 {
|
h2 {
|
||||||
font-size: 2em;
|
font-size: 1.75em;
|
||||||
}
|
}
|
||||||
h3 {
|
h3 {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
strong {
|
strong {
|
||||||
font-weight: 700;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
text-decoration-style: wavy;
|
text-decoration-style: wavy;
|
||||||
text-decoration-color: transparent;
|
text-decoration-color: transparent;
|
||||||
color: var(--accent2);
|
color: var(--accent2);
|
||||||
-moz-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
|
-moz-transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;
|
||||||
-webkit-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
|
-webkit-transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;
|
||||||
-ms-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
|
-ms-transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;
|
||||||
transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
|
transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;
|
||||||
}
|
}
|
||||||
a:hover {
|
a:hover {
|
||||||
color: var(--accent1);
|
color: var(--accent1);
|
||||||
|
|
@ -37,58 +37,86 @@ a:hover {
|
||||||
.button {
|
.button {
|
||||||
background-color: var(--accent2);
|
background-color: var(--accent2);
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
|
display: inline-block;
|
||||||
border-radius: 5px;
|
border-radius: var(--border-radius);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: var(--fg);
|
color: var(--bg);
|
||||||
|
-webkit-box-shadow: 0px 0px 0px -3px var(--border-alt);
|
||||||
|
-moz-box-shadow: 0px 0px 0px -3px var(--border-alt);
|
||||||
|
box-shadow: 0px 0px 0px -3px var(--border-alt);
|
||||||
|
-webkit-transition: all var(--anim-speed) ease-in-out;
|
||||||
|
-moz-transition: all var(--anim-speed) ease-in-out;
|
||||||
|
-ms-transition: all var(--anim-speed) ease-in-out;
|
||||||
|
transition: all var(--anim-speed) ease-in-out;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
.button:hover {
|
.button:hover {
|
||||||
background-color: var(--accent1);
|
background-color: var(--accent1);
|
||||||
color: var(--bg);
|
color: var(--bg);
|
||||||
|
-webkit-box-shadow: 0px 11px 10px -3px var(--border-alt);
|
||||||
|
-moz-box-shadow: 0px 11px 10px -3px var(--border-alt);
|
||||||
|
box-shadow: 0px 11px 10px -3px var(--border-alt);
|
||||||
|
-webkit-transition: all var(--anim-speed) ease-in-out;
|
||||||
|
-moz-transition: all var(--anim-speed) ease-in-out;
|
||||||
|
-ms-transition: all var(--anim-speed) ease-in-out;
|
||||||
|
transition: all var(--anim-speed) ease-in-out;
|
||||||
|
}
|
||||||
|
.button:active {
|
||||||
|
-webkit-box-shadow: 0px 0px 0px -3px var(--border-alt);
|
||||||
|
-moz-box-shadow: 0px 0px 0px -3px var(--border-alt);
|
||||||
|
box-shadow: 0px 0px 0px -3px var(--border-alt);
|
||||||
}
|
}
|
||||||
|
|
||||||
// album index
|
.normal-section {
|
||||||
.releases {
|
|
||||||
display:flex;
|
display:flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
|
-webkit-box-shadow: unset;
|
||||||
|
-moz-box-shadow: unset;
|
||||||
|
box-shadow: unset;
|
||||||
h2 {
|
h2 {
|
||||||
flex: 0 0 100%;
|
flex: 0 0 100%;
|
||||||
margin: 20px;
|
margin: 20px;
|
||||||
}
|
}
|
||||||
article {
|
|
||||||
flex: 1 1 280px;
|
p {
|
||||||
max-width: 480px;
|
margin-top: 20px;
|
||||||
margin: 20px;
|
|
||||||
}
|
}
|
||||||
|
ul{
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
flex: 0 0 100px;
|
||||||
|
margin: 0 0 20px 0;
|
||||||
|
display: inline-block;
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
border-radius: 200px;
|
||||||
|
font-size: 40px;
|
||||||
|
|
||||||
|
line-height: 100px;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
img {
|
img {
|
||||||
width:100%;
|
width:100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
border-radius: 5px;
|
border-radius: var(--border-radius);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Streambox
|
|
||||||
.streambox {
|
|
||||||
text-align: center;
|
|
||||||
line-height: 2em;
|
|
||||||
> h2, div {
|
|
||||||
margin: 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.streamer {
|
|
||||||
margin-top: 2em;
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
}
|
|
||||||
// icon
|
// icon
|
||||||
|
|
||||||
.label {
|
.label {
|
||||||
|
|
@ -105,10 +133,10 @@ a:hover {
|
||||||
border: 1px solid var(--accent2);
|
border: 1px solid var(--accent2);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
-moz-transition: border 0.2s ease-in-out, color 0.2s ease-in-out;
|
-moz-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;
|
||||||
-webkit-transition: border 0.2s ease-in-out, color 0.2s ease-in-out;
|
-webkit-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;
|
||||||
-ms-transition: border 0.2s ease-in-out, color 0.2s ease-in-out;
|
-ms-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;
|
||||||
transition: border 0.2s ease-in-out, color 0.2s ease-in-out;
|
transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;
|
||||||
|
|
||||||
}
|
}
|
||||||
.icon:hover {
|
.icon:hover {
|
||||||
|
|
@ -149,17 +177,18 @@ a:hover {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.info, .info-pages {
|
.info{
|
||||||
padding: 40px;
|
padding: 40px;
|
||||||
> div {
|
|
||||||
max-width: 1200px;
|
margin: auto;
|
||||||
|
.info-pages {
|
||||||
|
padding-top: 40px;
|
||||||
|
max-width: var(--max-width);
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
p {
|
p {
|
||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
.info-pages {
|
|
||||||
h2, h3, h4, h5, h6 {
|
h2, h3, h4, h5, h6 {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
@ -176,7 +205,7 @@ a:hover {
|
||||||
}
|
}
|
||||||
> div {
|
> div {
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
flex: 1 1 512px;
|
flex: 1 1 512px;
|
||||||
min-height: 80vh;
|
min-height: 80vh;
|
||||||
|
|
@ -215,3 +244,131 @@ a:hover {
|
||||||
background: linear-gradient(180deg, var(--bg) 26%, var(--accent2-alt) 100%);
|
background: linear-gradient(180deg, var(--bg) 26%, var(--accent2-alt) 100%);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.front-section {
|
||||||
|
flex-direction: row-reverse;
|
||||||
|
-webkit-box-shadow: unset;
|
||||||
|
-moz-box-shadow: unset;
|
||||||
|
box-shadow: unset;
|
||||||
|
padding: 0;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
p, h1, h2, h3, h4 {
|
||||||
|
text-align: left;
|
||||||
|
margin-top: 20px;
|
||||||
|
max-width: 570px;
|
||||||
|
}
|
||||||
|
p:last-child {
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
> div {
|
||||||
|
background-size: cover;
|
||||||
|
background-repeat: no;
|
||||||
|
background-position: center center;
|
||||||
|
flex: 1 1 380px;
|
||||||
|
min-height: 50vh;
|
||||||
|
|
||||||
|
padding: 20px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
text-align: left;
|
||||||
|
|
||||||
|
}
|
||||||
|
.description {
|
||||||
|
min-height: unset;
|
||||||
|
}
|
||||||
|
.container {
|
||||||
|
max-width: 460px;
|
||||||
|
margin: 0 20px 0 auto;
|
||||||
|
}
|
||||||
|
@media only screen and (max-width: 1080px) {
|
||||||
|
|
||||||
|
.container {
|
||||||
|
margin: 0 20px 0 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.front-section:nth-child(even) {
|
||||||
|
flex-direction: row;
|
||||||
|
.container {
|
||||||
|
|
||||||
|
margin: 0 auto 0 20px;
|
||||||
|
}
|
||||||
|
@media only screen and (max-width: 1000px) {
|
||||||
|
.container {
|
||||||
|
|
||||||
|
margin: 0 20px 0 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
.front-section:first-of-type {
|
||||||
|
margin-top: 40px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.splash {
|
||||||
|
.container {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
padding: 40px;
|
||||||
|
align-items: flex-start;
|
||||||
|
max-width: var(--max-width);
|
||||||
|
margin: auto;
|
||||||
|
h1, h2 {
|
||||||
|
font-size: 2em;
|
||||||
|
}
|
||||||
|
p, h1, h2, h3, h4 {
|
||||||
|
text-align: left;
|
||||||
|
margin-top: 20px;
|
||||||
|
|
||||||
|
}
|
||||||
|
h1:first-child {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
div {
|
||||||
|
max-width: unset;
|
||||||
|
margin: 0;
|
||||||
|
flex: 1 1 300px;
|
||||||
|
padding: 0 0 0 80px;
|
||||||
|
|
||||||
|
}
|
||||||
|
.splash-logo {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
@media only screen and (max-width: 759px) {
|
||||||
|
div {
|
||||||
|
min-width: 100%;
|
||||||
|
padding: 20px 0;
|
||||||
|
}
|
||||||
|
.splash-logo {
|
||||||
|
padding: 20px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#contact {
|
||||||
|
padding: 20px;
|
||||||
|
|
||||||
|
> div {
|
||||||
|
max-width: var(--max-width);
|
||||||
|
margin: auto;
|
||||||
|
padding: 40px 20px;
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
padding-top: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.normal-section {
|
||||||
|
display:flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: space-around;
|
||||||
|
padding: 20px;
|
||||||
|
-webkit-box-shadow: unset;
|
||||||
|
-moz-box-shadow: unset;
|
||||||
|
box-shadow: unset;
|
||||||
|
}
|
||||||
125
_sass/_forms.scss
Normal file
125
_sass/_forms.scss
Normal file
|
|
@ -0,0 +1,125 @@
|
||||||
|
.textspace {
|
||||||
|
height: 100px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
input, textarea, select {
|
||||||
|
width: 100%;
|
||||||
|
padding: 12px 20px;
|
||||||
|
margin: 8px 0;
|
||||||
|
display: inline-block;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
border-radius: var(--border-radius);
|
||||||
|
box-sizing: border-box;
|
||||||
|
font-family: _font(family);
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
input[type=submit] {
|
||||||
|
width: 200px;
|
||||||
|
background-image: linear-gradient(223deg, var(--accent1), var(--accent2));
|
||||||
|
background-size: 800% 800%;
|
||||||
|
-webkit-animation: backgroundBlink 2s ease infinite;
|
||||||
|
-moz-animation: backgroundBlink 2s ease infinite;
|
||||||
|
animation: backgroundBlink 2s ease infinite;
|
||||||
|
|
||||||
|
|
||||||
|
color: var(--bg);
|
||||||
|
padding: 14px 20px;
|
||||||
|
margin: 8px 0;
|
||||||
|
border: none;
|
||||||
|
border-radius: var(--border-radius);
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type=submit]:hover {
|
||||||
|
background-image: linear-gradient(223deg, var(--accent2),var(--accent1));
|
||||||
|
background-size: 800% 800%;
|
||||||
|
-webkit-animation: backgroundBlink 2s ease infinite;
|
||||||
|
-moz-animation: backgroundBlink 2s ease infinite;
|
||||||
|
animation: backgroundBlink 2s ease infinite;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact-info {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: space-between;
|
||||||
|
label {
|
||||||
|
display: none;
|
||||||
|
|
||||||
|
}
|
||||||
|
input {
|
||||||
|
flex: 1 1 330px;
|
||||||
|
min-width: 240px;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*specific classes related to Checkbox skins*/
|
||||||
|
/* CSS Created by CSS CHECKBOX */
|
||||||
|
/**********************************/
|
||||||
|
/**** www.CSScheckbox.com *********/
|
||||||
|
|
||||||
|
/*general styles for all CSS Checkboxes*/
|
||||||
|
label {
|
||||||
|
-webkit-touch-callout: none;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-khtml-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type=checkbox].css-checkbox {
|
||||||
|
position: absolute;
|
||||||
|
overflow: hidden;
|
||||||
|
clip: rect(0 0 0 0);
|
||||||
|
height:1px;
|
||||||
|
width:1px;
|
||||||
|
margin:-1px;
|
||||||
|
padding:0;
|
||||||
|
border:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type=checkbox].css-checkbox + label.css-label {
|
||||||
|
padding-left:20px;
|
||||||
|
height:15px;
|
||||||
|
display:inline-block;
|
||||||
|
background-repeat:no-repeat;
|
||||||
|
background-position: 0 0;
|
||||||
|
font-size:1em;
|
||||||
|
vertical-align:middle;
|
||||||
|
cursor:pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type=checkbox].css-checkbox:checked + label.css-label {
|
||||||
|
background-position: 0 -15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.css-label{
|
||||||
|
background-image:url(/assets/img/check.png);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
input[type=checkbox].css-checkbox.lrg + label.css-label.lrg {
|
||||||
|
padding-left:22px;
|
||||||
|
height:20px;
|
||||||
|
display:inline-block;
|
||||||
|
line-height:20px;
|
||||||
|
background-repeat:no-repeat;
|
||||||
|
background-position: 0 0;
|
||||||
|
font-size:1em;
|
||||||
|
vertical-align:middle;
|
||||||
|
cursor:pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type=checkbox].css-checkbox.lrg:checked + label.css-label.lrg{
|
||||||
|
|
||||||
|
background-position: 0 -20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
@ -1,29 +1,30 @@
|
||||||
html,
|
html,
|
||||||
body {
|
body {
|
||||||
margin:0;
|
margin: 0;
|
||||||
padding:0;
|
padding: 0;
|
||||||
|
background-color: var(--bg);
|
||||||
}
|
}
|
||||||
body {
|
body {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
font-family: _font(family-fixed);
|
font-family: _font(family);
|
||||||
|
font-weight: 300;
|
||||||
color: var(--fg);
|
color: var(--fg);
|
||||||
letter-spacing: _font(kerning);
|
letter-spacing: _font(kerning);
|
||||||
background-color: var(--bg);
|
background-color: var(--bg);
|
||||||
|
|
||||||
}
|
}
|
||||||
#main-wrapper {
|
#main-wrapper {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
-webkit-transition: filter 400ms ease-in;
|
-webkit-transition: filter var(--anim-speed) ease-in;
|
||||||
-moz-transition: filter 400ms ease-in;
|
-moz-transition: filter var(--anim-speed) ease-in;
|
||||||
transition: filter 400ms ease-in;
|
-ms-transition: filter var(--anim-speed) ease-in-out;
|
||||||
|
transition: filter var(--anim-speed) ease-in;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
|
||||||
}
|
}
|
||||||
.content-wrapper {
|
.content-wrapper {
|
||||||
max-width: 1200px;
|
max-width: var(--max-width);
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
.wrapper {
|
.wrapper {
|
||||||
|
|
@ -34,93 +35,129 @@ body {
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-content: center;
|
align-content: center;
|
||||||
background-color: var(--bg);
|
background-color: transparent;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
padding: 40px;
|
padding: 40px;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 75vh;
|
min-height: 80vh;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
|
|
||||||
.textcontainer {
|
.textcontainer {
|
||||||
background-color: var(--bg-alt);
|
background-color: var(--bg-alt);
|
||||||
border-radius: 5px;
|
border-radius: var(--border-radius);
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
padding: 20px 20px 40px 20px;
|
padding: 20px 20px 40px 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
div {
|
div {
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
h1, p {
|
h1,
|
||||||
|
p {
|
||||||
flex: 1 0 100%;
|
flex: 1 0 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
color: var(--fg);
|
color: var(--fg);
|
||||||
text-align: center;
|
max-width: var(--max-width);
|
||||||
max-width: 1200px;
|
|
||||||
}
|
|
||||||
p{
|
|
||||||
margin-top: 40px;
|
margin-top: 40px;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 1.8em;
|
||||||
|
}
|
||||||
|
}
|
||||||
.imagecontainer {
|
.imagecontainer {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background-image: url('../img/vignette.svg');
|
background-image: url("../img/vignette.svg");
|
||||||
background-size: 480px 480px;
|
background-size: 240px;
|
||||||
background-repeat: repeat-x;
|
background-repeat: repeat-x;
|
||||||
background-position: bottom;
|
background-position: bottom;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
h4 {
|
||||||
|
width: 90vw;
|
||||||
|
/* height: auto; */
|
||||||
|
/* min-height: 100px; */
|
||||||
|
line-height: 1.011em;
|
||||||
|
letter-spacing: -0em;
|
||||||
|
color: var(--bg);
|
||||||
|
font-size: 15vw;
|
||||||
|
display: inline;
|
||||||
|
opacity: 1;
|
||||||
|
border-radius: var(--border-radius);
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
transform: rotate(-3deg);
|
||||||
|
overflow: hidden;
|
||||||
|
background: -webkit-linear-gradient(90deg, var(--bg) 0%,var(--bg-alt) 100%);
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
filter: blur(1px);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
section {
|
section {
|
||||||
|
.container {
|
||||||
|
max-width: var(--max-width);
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
flex: 1 1 100%;
|
flex: 1 1 100%;
|
||||||
padding: 20px;
|
|
||||||
background-color: var(--bg);
|
background-color: var(--bg);
|
||||||
-webkit-box-shadow: inset 0px 23px 25px -25px var(--border-alt);
|
|
||||||
-moz-box-shadow: inset 0px 23px 25px -25px var(--border-alt);
|
|
||||||
box-shadow: inset 0px 23px 25px -25px var(--border-alt);
|
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
h2 {
|
h2 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
padding: 40px 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
section:first-of-type {
|
section:first-of-type {
|
||||||
-webkit-box-shadow: none;
|
-webkit-box-shadow: none;
|
||||||
-moz-box-shadow: none;
|
-moz-box-shadow: none;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
margin-top:0;
|
margin-top: 0;
|
||||||
padding-top: 40px;
|
padding-top: 40px;
|
||||||
}
|
}
|
||||||
|
.section-title {
|
||||||
|
padding: 80px;
|
||||||
|
}
|
||||||
footer {
|
footer {
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 160px 20px 200px 20px;
|
padding: 160px 20px 200px 20px;
|
||||||
background-color: var(--fg);
|
background-color: var(--fg);
|
||||||
color: var(--bg);
|
color: var(--bg);
|
||||||
justify-content: center;
|
background-image: url("../img/vignette-footer.svg");
|
||||||
background-image: url('../img/vignette-footer.svg');
|
background-size: 400px;
|
||||||
background-size: 480px 480px;
|
|
||||||
background-repeat: repeat-x;
|
background-repeat: repeat-x;
|
||||||
background-position: top;
|
background-position: top;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
|
a {
|
||||||
|
color: var(--bg);
|
||||||
|
}
|
||||||
|
.icon {
|
||||||
|
border: 1px solid var(--bg);
|
||||||
|
}
|
||||||
|
.footframe {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: space-between;
|
||||||
|
max-width: var(--max-width);
|
||||||
|
margin: auto;
|
||||||
|
padding: 20px;
|
||||||
|
|
||||||
div {
|
div {
|
||||||
flex: 0 1 280px;
|
flex: 0 1 300px;
|
||||||
margin:20px;
|
margin-bottom: 80px;
|
||||||
img {
|
img {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
display: block
|
display: block;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
li {
|
li {
|
||||||
border-bottom: 1px solid var(--bg-alt);
|
border-bottom: 1px solid var(--bg-alt);
|
||||||
|
|
@ -129,38 +166,114 @@ footer {
|
||||||
a {
|
a {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
color: var(--bg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
small {
|
small {
|
||||||
flex: 0 0 100%;
|
flex: 0 0 100%;
|
||||||
margin: 20px;
|
box-sizing: border-box;
|
||||||
|
margin: 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
font-size: 0.8em;
|
||||||
.label {
|
.label {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (max-width: 679px) {
|
||||||
|
.footframe {
|
||||||
|
justify-content: center;
|
||||||
|
div {
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-navigation {
|
.post-navigation {
|
||||||
padding: 80px 0 160px 0;
|
margin: 0;
|
||||||
|
.container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
justify-content: center;
|
justify-content: space-between;
|
||||||
|
padding: 40px;
|
||||||
|
align-items: flex-start;
|
||||||
|
max-width: var(--max-width);
|
||||||
|
margin: 0 auto;
|
||||||
h2 {
|
h2 {
|
||||||
flex: 0 0 100%;
|
flex: 0 0 100%;
|
||||||
margin-top: 40px;
|
margin-top: 40px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.post-nav, .post-nav-next {
|
.post-nav,
|
||||||
|
.post-nav-next {
|
||||||
|
flex: 1 0 200px;
|
||||||
|
|
||||||
flex: 0 0 200px;
|
|
||||||
margin: 40px;
|
|
||||||
h4 {
|
h4 {
|
||||||
font-size: 2em;
|
font-size: 2em;
|
||||||
justify-self: right;
|
justify-self: right;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.post-nav {
|
||||||
|
margin: 0 40px 0 0;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.post-nav-next {
|
||||||
|
margin: 0 0 0 40px;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// album index
|
||||||
|
.releases {
|
||||||
|
padding: 80px 0;
|
||||||
|
|
||||||
|
.container {
|
||||||
|
max-width: var(--max-width);
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 40px;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: space-between;
|
||||||
|
h2 {
|
||||||
|
flex: 0 0 100%;
|
||||||
|
margin: 20px;
|
||||||
|
}
|
||||||
|
article {
|
||||||
|
flex: 0 1 280px;
|
||||||
|
max-width: 480px;
|
||||||
|
margin: 20px 0;
|
||||||
|
}
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Streambox
|
||||||
|
.streambox {
|
||||||
|
text-align: center;
|
||||||
|
line-height: 2em;
|
||||||
|
}
|
||||||
|
.streamer {
|
||||||
|
max-width: var(--max-width);
|
||||||
|
margin: 80px auto;
|
||||||
|
padding: 0 40px;
|
||||||
|
text-align: center;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: space-around;
|
||||||
|
p {
|
||||||
|
text-align: center !important;
|
||||||
|
}
|
||||||
|
.icon {
|
||||||
|
flex: 0 0 100px;
|
||||||
|
margin: 0;
|
||||||
|
justify-self: center;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -11,21 +11,19 @@
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top:0;
|
top:0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 80px;
|
height: 60px;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
-webkit-transition: all 400ms ease-in;
|
-webkit-transition: all var(--anim-speed) ease-in;
|
||||||
-moz-transition: all 400ms ease-in;
|
-moz-transition: all var(--anim-speed) ease-in;
|
||||||
transition: all 400ms ease-in;
|
-ms-transition: all var(--anim-speed) ease-in;
|
||||||
|
transition: all var(--anim-speed) ease-in;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
background-size: 95% 95%;
|
background-size: 95% 95%;
|
||||||
-webkit-transition: all 400ms ease-in;
|
-webkit-box-shadow: 0px 12px 32px -25px var(--border-alt);
|
||||||
-moz-transition: all 400ms ease-in;
|
-moz-box-shadow: 0px 12px 32px -25px var(--border-alt);
|
||||||
transition: all 400ms ease-in;
|
box-shadow: 0px 12px 32px -25px var(--border-alt);
|
||||||
-webkit-box-shadow: 0px 3px 29px 0px var(--border-alt);
|
|
||||||
-moz-box-shadow: 0px 3px 29px 0px var(--border-alt);
|
|
||||||
box-shadow: 0px 3px 29px 0px var(--border-alt);
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
|
|
@ -39,9 +37,10 @@
|
||||||
.logo:hover {
|
.logo:hover {
|
||||||
filter: blur(0px);
|
filter: blur(0px);
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
-webkit-transition: all 400ms ease-in;
|
-webkit-transition: all var(--anim-speed) ease-in;
|
||||||
-moz-transition: all 400ms ease-in;
|
-moz-transition: all var(--anim-speed) ease-in;
|
||||||
transition: all 400ms ease-in;
|
-ms-transition: all var(--anim-speed) ease-in;
|
||||||
|
transition: all var(--anim-speed) ease-in;
|
||||||
background-color: var(--bg);
|
background-color: var(--bg);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
@ -49,9 +48,10 @@
|
||||||
filter: blur(0px);
|
filter: blur(0px);
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
background-color: var(--bg);
|
background-color: var(--bg);
|
||||||
-webkit-transition: all 400ms ease-in;
|
-webkit-transition: all var(--anim-speed) ease-in;
|
||||||
-moz-transition: all 400ms ease-in;
|
-moz-transition: all var(--anim-speed) ease-in;
|
||||||
transition: all 400ms ease-in;
|
-ms-transition: all var(--anim-speed) ease-in;
|
||||||
|
transition: all var(--anim-speed) ease-in;
|
||||||
|
|
||||||
}
|
}
|
||||||
.navmenu {
|
.navmenu {
|
||||||
|
|
@ -70,7 +70,7 @@ nav {
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
background-color: var(--bg);
|
background-color: var(--bg);
|
||||||
border-radius: 5px;
|
border-radius: var(--border-radius);
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
ul {
|
ul {
|
||||||
|
|
@ -85,14 +85,17 @@ nav {
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 14px
|
font-size: 14px
|
||||||
}
|
}
|
||||||
|
.button {
|
||||||
|
display: block;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.blurredout {
|
|
||||||
filter: blur(5px);
|
|
||||||
-webkit-transition: filter 400ms ease-in;
|
|
||||||
-moz-transition: filter 400ms ease-in;
|
|
||||||
transition: filter 400ms ease-in;
|
|
||||||
}
|
}
|
||||||
|
//.blurredout {
|
||||||
|
// filter: blur(5px);
|
||||||
|
// -webkit-transition: filter var(--anim-speed) ease-in;
|
||||||
|
// -moz-transition: filter var(--anim-speed) ease-in;
|
||||||
|
// transition: filter var(--anim-speed) ease-in;
|
||||||
|
// }
|
||||||
|
|
||||||
.modalDialog {
|
.modalDialog {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
|
@ -103,9 +106,10 @@ nav {
|
||||||
background: var(--bg-alt);
|
background: var(--bg-alt);
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
opacity:0;
|
opacity:0;
|
||||||
-webkit-transition: opacity 400ms ease-in;
|
-webkit-transition: opacity var(--anim-speed) ease-in;
|
||||||
-moz-transition: opacity 400ms ease-in;
|
-moz-transition: opacity var(--anim-speed) ease-in;
|
||||||
transition: opacity 400ms ease-in;
|
-ms-transition: opacity var(--anim-speed) ease-in;
|
||||||
|
transition: opacity var(--anim-speed) ease-in;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
@ -122,11 +126,8 @@ nav {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: 100px auto;
|
margin: 100px auto;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
border-radius: 3px;
|
border-radius: var(--border-radius);
|
||||||
background: rgb(0, 31, 36);
|
|
||||||
background: -moz-linear-gradient(var(--border), var(--bg));
|
|
||||||
background: -webkit-linear-gradient(var(--border), var(--bg));
|
|
||||||
background: -o-linear-gradient(var(--border), var(--bg));
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.close-button {
|
.close-button {
|
||||||
|
|
@ -143,7 +144,10 @@ nav {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
border-radius: 48px;
|
border-radius: 48px;
|
||||||
transition: all 400ms ease-in;
|
-webkit-transition: all var(--anim-speed) ease-in;
|
||||||
|
-moz-transition: all var(--anim-speed) ease-in;
|
||||||
|
-ms-transition: all var(--anim-speed) ease-in;
|
||||||
|
transition: all var(--anim-speed) ease-in;
|
||||||
}
|
}
|
||||||
|
|
||||||
.close-button:hover {
|
.close-button:hover {
|
||||||
|
|
|
||||||
|
|
@ -10,9 +10,10 @@
|
||||||
filter: blur(0px);
|
filter: blur(0px);
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
background-color: var(--bg);
|
background-color: var(--bg);
|
||||||
-webkit-transition: all 400ms ease-in;
|
-webkit-transition: all var(--anim-speed) ease-in;
|
||||||
-moz-transition: all 400ms ease-in;
|
-moz-transition: all var(--anim-speed) ease-in;
|
||||||
transition: all 400ms ease-in;
|
-ms-transition: all var(--anim-speed) ease-in;
|
||||||
|
transition: all var(--anim-speed) ease-in;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero {
|
.hero {
|
||||||
|
|
@ -26,7 +27,7 @@
|
||||||
.noJSalbum {
|
.noJSalbum {
|
||||||
display: unset;
|
display: unset;
|
||||||
flex: 0 1 400px;
|
flex: 0 1 400px;
|
||||||
border-radius: 5px;
|
border-radius: var(--border-radius);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
#fixed-player {
|
#fixed-player {
|
||||||
|
|
|
||||||
|
|
@ -5,13 +5,14 @@
|
||||||
.album-player {
|
.album-player {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
padding: 20px;
|
padding: 0 40px;
|
||||||
justify-content: space-evenly;
|
justify-content: space-evenly;
|
||||||
flex-direction: row-reverse;
|
flex-direction: row-reverse;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
max-width: var(--max-width);
|
||||||
|
margin: auto;
|
||||||
> div {
|
> div {
|
||||||
|
margin: 20px 0;
|
||||||
margin: 20px;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -115,7 +116,7 @@ audio {
|
||||||
}
|
}
|
||||||
|
|
||||||
.plTitle {
|
.plTitle {
|
||||||
left: 75px;
|
left: 40px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 65px;
|
right: 65px;
|
||||||
|
|
@ -127,8 +128,8 @@ audio {
|
||||||
}
|
}
|
||||||
|
|
||||||
.plNum {
|
.plNum {
|
||||||
padding-left: 21px;
|
padding-left: 20px;
|
||||||
width: 65px;
|
width: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.plLength {
|
.plLength {
|
||||||
|
|
@ -209,7 +210,7 @@ a[id^="btn"]::-moz-focus-inner {
|
||||||
background-color: var(--accent1);
|
background-color: var(--accent1);
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
min-height: 50vw;
|
min-height: 50vh;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
.button {
|
.button {
|
||||||
background-color: var(--accent1);
|
background-color: var(--accent1);
|
||||||
|
|
@ -217,7 +218,7 @@ a[id^="btn"]::-moz-focus-inner {
|
||||||
}
|
}
|
||||||
.button:hover {
|
.button:hover {
|
||||||
background-color: var(--accent2);
|
background-color: var(--accent2);
|
||||||
color: var(--fg);
|
|
||||||
}
|
}
|
||||||
> div {
|
> div {
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
|
|
@ -242,7 +243,7 @@ a[id^="btn"]::-moz-focus-inner {
|
||||||
.full-image {
|
.full-image {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
min-width: 280px;
|
min-width: 280px;
|
||||||
min-height: 50vw;
|
min-height: 50vh;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
|
|
@ -256,11 +257,11 @@ a[id^="btn"]::-moz-focus-inner {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
.button {
|
.button {
|
||||||
background-color: var(--accent2);
|
background-color: var(--accent2);
|
||||||
color: var(--fg);
|
|
||||||
}
|
}
|
||||||
.button:hover{
|
.button:hover{
|
||||||
background-color: var(--accent1);
|
background-color: var(--accent1);
|
||||||
color: var(--bg);
|
|
||||||
}
|
}
|
||||||
> div {
|
> div {
|
||||||
> h2, a, p {
|
> h2, a, p {
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@
|
||||||
padding-top: 30px;
|
padding-top: 30px;
|
||||||
.btn {
|
.btn {
|
||||||
border: 0;
|
border: 0;
|
||||||
border-radius: 2px;
|
border-radius: var(--border-radius);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 500px;
|
max-width: 500px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
|
||||||
98
_sass/ethos.scss
Normal file
98
_sass/ethos.scss
Normal file
|
|
@ -0,0 +1,98 @@
|
||||||
|
#ethossection {
|
||||||
|
padding: 80px 40px;
|
||||||
|
.ethos-flex {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
max-width: var(--max-width);
|
||||||
|
margin: auto;
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
.ethos {
|
||||||
|
flex: 1 1 320px;
|
||||||
|
min-width: 450px;
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
|
flex-direction: row;
|
||||||
|
-webkit-transition: all var(--anim-speed) ease-in;
|
||||||
|
-moz-transition: all var(--anim-speed) ease-in;
|
||||||
|
-ms-transition: all var(--anim-speed) ease-in;
|
||||||
|
transition: all var(--anim-speed) ease-in;
|
||||||
|
margin-top: 40px;
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
align-self: baseline;
|
||||||
|
justify-content: flex-start;
|
||||||
|
.mobile-hide{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cartouche, {
|
||||||
|
background-color: var(--bg);
|
||||||
|
width: 100%;
|
||||||
|
height: unset;
|
||||||
|
margin: 20px 0 20px 20px;
|
||||||
|
display: block;
|
||||||
|
border-radius: var(--border-radius);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
flex: 0 0 100px;
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
border-radius: 200px;
|
||||||
|
margin: 20px 20px 20px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
.ethos:nth-child(odd) {
|
||||||
|
.cartouche {
|
||||||
|
padding-right: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (max-width: 769px) {
|
||||||
|
.ethos {
|
||||||
|
flex: 0 0 auto;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
min-width: unset;
|
||||||
|
max-width: unset;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin: 20px;
|
||||||
|
.cartouche {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.icon {
|
||||||
|
margin:0;
|
||||||
|
flex: 0 0 70px;
|
||||||
|
width: 70px;
|
||||||
|
height: 70px;
|
||||||
|
border-radius: 200px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.st1 {
|
||||||
|
fill:var(--accent2);
|
||||||
|
-webkit-transition: all var(--anim-speed) ease-in;
|
||||||
|
-moz-transition: all var(--anim-speed) ease-in;
|
||||||
|
-ms-transition: all var(--anim-speed) ease-in;
|
||||||
|
transition: all var(--anim-speed) ease-in;
|
||||||
|
}
|
||||||
|
.st1:hover {
|
||||||
|
fill:var(--accent1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.st2 {animation: col 15s ease-in-out infinite;}
|
||||||
|
|
||||||
|
@keyframes col {
|
||||||
|
0% {fill:var(--accent2);}
|
||||||
|
50% {fill:var(--accent1);}
|
||||||
|
100% {fill:var(--accent2);}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
@ -74,74 +74,95 @@
|
||||||
font-family: 'Jetbrain-regular';
|
font-family: 'Jetbrain-regular';
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
src: local('Jetbrain Regular'), local('Jetbrain-Regular'), url(/assets/fonts/JetBrainsMono_Regular.ttf) format('truetype');
|
src: local('Jetbrain Regular'), local('Jetbrain-Regular'), url(/assets/fonts/jetBrainsMono/JetBrainsMono_Regular.ttf) format('truetype'), url(/assets/fonts/jetBrainsMono/JetBrainsMono-Regular.woff) format('woff'), url(/assets/fonts/jetBrainsMono/JetBrainsMono-Regular.woff2) format('woff2');
|
||||||
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;
|
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-face {
|
||||||
font-family: 'Jetbrain-regular';
|
font-family: 'Jetbrain-regular';
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
src: local('Jetbrain Regular'), local('Jetbrain-Regular'), url(/assets/fonts/JetBrainsMono_Italic.ttf) format('truetype');
|
src: local('Jetbrain Regular'), local('Jetbrain-Regular'), url(/assets/fonts/jetBrainsMono/JetBrainsMono_Italic.ttf) format('truetype'), url(/assets/fonts/jetBrainsMono/JetBrainsMono-Italic.woff) format('woff'), url(/assets/fonts/jetBrainsMono/JetBrainsMono-Italic.woff2) format('woff2');
|
||||||
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;
|
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-face {
|
||||||
font-family: 'Jetbrain-Extrabold';
|
font-family: 'Jetbrain-Extrabold';
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
src: local('Jetbrain ExtraBold'), local('Jetbrain-ExtraBold'), url(/assets/fonts/JetBrainsMono_ExtraBold.ttf) format('truetype');
|
src: local('Jetbrain ExtraBold'), local('Jetbrain-ExtraBold'), url(/assets/fonts/jetBrainsMono/JetBrainsMono_ExtraBold.ttf) format('truetype'), url(/assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold.woff) format('woff'), url(/assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold.woff2) format('woff2');
|
||||||
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;
|
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-face {
|
||||||
font-family: 'Jetbrain-Extrabold';
|
font-family: 'Jetbrain-Extrabold';
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
src: local('Jetbrain ExtraBold'), local('Jetbrain-ExtraBold'), url(/assets/fonts/JetBrainsMono_ExtraBold_Italic.ttf) format('truetype');
|
src: local('Jetbrain ExtraBold'), local('Jetbrain-ExtraBold'), url(/assets/fonts/JetBrainsMono_ExtraBold_Italic.ttf) format('truetype'), url(/assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold-Italic.woff) format('woff'), url(/assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold-Italic.woff2) format('woff2');
|
||||||
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;
|
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-face {
|
||||||
font-family: 'Staatliches';
|
font-family: 'Poppins';
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: 400;
|
font-weight: 300;
|
||||||
src: local('Astloch Bold'), local('Astloch-Bold'), url(/assets/fonts/Astloch-Bold.ttf) format('truetype');
|
src: local('Poppins Light'), local('Poppins-Light'), url(/assets/fonts/poppins/Poppins-Light.ttf) format('truetype'), url(/assets/fonts/poppins/popin-light.woff2) format('woff2');
|
||||||
|
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: 'Poppins';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 300;
|
||||||
|
src: local('Poppins Light'), local('Poppins-Light'), url(/assets/fonts/poppins/Poppins-LightItalic.ttf) format('truetype'), url(/assets/fonts/poppins/popin-light-italic.woff2) format('woff2');
|
||||||
|
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: 'Poppins';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 500;
|
||||||
|
src: local('Poppins Medium'), local('Poppins-Medium'), url(/assets/fonts/poppins/Poppins-Medium.ttf) format('truetype'), url(/assets/fonts/poppins/popin-medium.woff2) format('woff2');
|
||||||
|
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: 'Poppins';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 500;
|
||||||
|
src: local('Poppins Medium'), local('Poppins-Medium'), url(/assets/fonts/poppins/Poppins-MediumItalic.ttf) format('truetype'), url(/assets/fonts/poppins/popin-medium-italic.woff2) format('woff2');
|
||||||
|
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: 'Collects';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 500;
|
||||||
|
src: local('Collects'), local('Collects'), url(/assets/fonts/collects.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;
|
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: (
|
$font: (
|
||||||
title: ('Staatliches', 'Lucida Console', Monaco, monospace),
|
title: ('Collects', 'Jetbrain-Extrabold', 'Lucida Console', Monaco, monospace),
|
||||||
family: ('Jetbrain-Extrabold', 'Lucida Console', Monaco, monospace),
|
family: ('Poppins', 'Arial', 'Helvetica', sans-serif),
|
||||||
family-fixed: ('Jetbrain-Regular', 'Lucida Console', Monaco, monospace),
|
family-fixed: ('Jetbrain-Regular', 'Lucida Console', Monaco, monospace),
|
||||||
weight: 400,
|
weight: 400,
|
||||||
weight-bold: 700,
|
weight-bold: 700,
|
||||||
kerning: -0.025em,
|
kerning: 0em,
|
||||||
kerning-alt: 0.125em
|
kerning-alt: 0.125em
|
||||||
);
|
);
|
||||||
// Palette.
|
:root {
|
||||||
|
--border-radius: 3px;
|
||||||
|
--max-width: 1000px;
|
||||||
|
--anim-speed: 200ms;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// // Palette.
|
||||||
// $palette: (
|
// $palette: (
|
||||||
|
|
||||||
// bg: #3c2a52,
|
// bg: #0C0F0A,
|
||||||
// bg-alt: rgba(60, 42, 82, 0.75),
|
// bg-alt: rgba(12, 15, 10, 0.5),
|
||||||
// fg: #ebdbf8,
|
// fg: #FFFFFF,
|
||||||
// fg-alt: rgba(235, 219, 248, 0.25),
|
// fg-alt: rgba(255, 255, 255, 0.5),
|
||||||
// border: #000000,
|
// border: #000000,
|
||||||
// border-alt: rgba(0, 0, 0, 0.75),
|
// border-alt: rgba(0, 0, 0, 0.75),
|
||||||
// accent1: #38ff59,
|
// accent1: #41EAD4,
|
||||||
// accent1-alt:rgba(56, 255, 89, 0.75),
|
// accent1-alt:rgba(65, 234, 212, 0.75),
|
||||||
// accent2: #8d3ed8,
|
// accent2: #FF206E,
|
||||||
// accent2-alt:rgba(141, 62, 216, 0.75),
|
// accent2-alt:rgba(255, 32, 110, 0.75),
|
||||||
|
|
||||||
// );
|
// );
|
||||||
48
_sass/staff.scss
Normal file
48
_sass/staff.scss
Normal file
|
|
@ -0,0 +1,48 @@
|
||||||
|
.staff {
|
||||||
|
max-width: var(--max-width);
|
||||||
|
padding: 0;
|
||||||
|
margin: auto;
|
||||||
|
list-style: none;
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
li {
|
||||||
|
flex: 1 1 300px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 30px 20px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
.square-image {
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center;
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
border-radius: 200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.name {
|
||||||
|
margin-top: 20px;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.position {
|
||||||
|
color: var(--fg);
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
@media only screen and (max-width: 769px) {
|
||||||
|
li {
|
||||||
|
.square-image {
|
||||||
|
width: 70px;
|
||||||
|
height: 70px;
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
9
_sass/svg.scss
Normal file
9
_sass/svg.scss
Normal file
|
|
@ -0,0 +1,9 @@
|
||||||
|
#linearGradient2060 {
|
||||||
|
stop {
|
||||||
|
stop-color: var(--accent2);
|
||||||
|
}
|
||||||
|
stop:nth-child(even){
|
||||||
|
stop-color: var(--fg);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -1,5 +1,6 @@
|
||||||
|
|
||||||
#trackArt {
|
#trackArt {
|
||||||
|
z-index: 5;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
flex: 1 1 50%;
|
flex: 1 1 50%;
|
||||||
min-width: 512px;
|
min-width: 512px;
|
||||||
|
|
@ -51,14 +52,15 @@
|
||||||
}
|
}
|
||||||
#trackInfo {
|
#trackInfo {
|
||||||
flex: 1 1 50%;
|
flex: 1 1 50%;
|
||||||
|
z-index: 5;
|
||||||
height:100vh;
|
height:100vh;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
section {
|
section {
|
||||||
text-align: left;
|
padding: 20px;
|
||||||
|
background-color: var(--bg);
|
||||||
> * {
|
> * {
|
||||||
margin: 20px;
|
margin: 20px;
|
||||||
}
|
}
|
||||||
|
|
@ -85,7 +87,7 @@
|
||||||
|
|
||||||
@media only screen and (max-width: 1023px) {
|
@media only screen and (max-width: 1023px) {
|
||||||
#trackArt {
|
#trackArt {
|
||||||
|
z-index: 5;
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
section {
|
section {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
@ -96,6 +98,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#trackInfo {
|
#trackInfo {
|
||||||
|
z-index: 5;
|
||||||
height: unset;
|
height: unset;
|
||||||
overflow-y: unset;
|
overflow-y: unset;
|
||||||
section {
|
section {
|
||||||
|
|
|
||||||
|
|
@ -1,41 +0,0 @@
|
||||||
// service-worker.js
|
|
||||||
|
|
||||||
// set names for both precache & runtime cache
|
|
||||||
workbox.core.setCacheNameDetails({
|
|
||||||
prefix: 'SettoPWA',
|
|
||||||
suffix: 'v1',
|
|
||||||
precache: 'precache',
|
|
||||||
runtime: 'runtime-cache'
|
|
||||||
});
|
|
||||||
|
|
||||||
// let Service Worker take control of pages ASAP
|
|
||||||
workbox.skipWaiting();
|
|
||||||
workbox.clientsClaim();
|
|
||||||
|
|
||||||
// let Workbox handle our precache list
|
|
||||||
workbox.precaching.precacheAndRoute(self.__precacheManifest);
|
|
||||||
|
|
||||||
// use `networkFirst` strategy for `*.html`, like all my posts
|
|
||||||
workbox.routing.registerRoute(
|
|
||||||
/\.html$/,
|
|
||||||
workbox.strategies.networkFirst()
|
|
||||||
);
|
|
||||||
|
|
||||||
// use `cacheFirst` strategy for images and static assets
|
|
||||||
workbox.routing.registerRoute(
|
|
||||||
/assets\/(img|icons|fonts|webfonts)/,
|
|
||||||
workbox.strategies.cacheFirst()
|
|
||||||
);
|
|
||||||
workbox.routing.registerRoute(
|
|
||||||
/videos/,
|
|
||||||
workbox.strategies.cacheFirst()
|
|
||||||
);
|
|
||||||
workbox.routing.registerRoute(
|
|
||||||
/images\/(posts|pages)/,
|
|
||||||
workbox.strategies.cacheFirst()
|
|
||||||
);
|
|
||||||
// third party files
|
|
||||||
workbox.routing.registerRoute(
|
|
||||||
/^https?:\/\/media.basspistol.com/,
|
|
||||||
workbox.strategies.staleWhileRevalidate()
|
|
||||||
);
|
|
||||||
16
assets/css/colors-20200911.css
Normal file
16
assets/css/colors-20200911.css
Normal file
|
|
@ -0,0 +1,16 @@
|
||||||
|
---
|
||||||
|
layout: nil
|
||||||
|
---
|
||||||
|
:root {
|
||||||
|
--bg: {{ site.data.colors.bg_color }};
|
||||||
|
--bg-alt: {{ site.data.colors.bg-alt_color }};
|
||||||
|
--fg: {{ site.data.colors.fg_color }};
|
||||||
|
--fg-alt: {{ site.data.colors.fg-alt_color }};
|
||||||
|
--border: {{ site.data.colors.border_color }};
|
||||||
|
--border-alt: {{ site.data.colors.border-alt_color }};
|
||||||
|
--accent1: {{ site.data.colors.accent1_color }};
|
||||||
|
--accent1-alt: {{ site.data.colors.accent1-alt_color }};
|
||||||
|
--accent2: {{ site.data.colors.accent2_color }};
|
||||||
|
--accent2-alt: {{ site.data.colors.accent2-alt_color }};
|
||||||
|
|
||||||
|
}
|
||||||
4
assets/css/font-awesome.min.css
vendored
Normal file
4
assets/css/font-awesome.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
5
assets/css/fontawesome-all.min.css
vendored
Normal file
5
assets/css/fontawesome-all.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
21
assets/css/main-20200911.scss
Normal file
21
assets/css/main-20200911.scss
Normal file
|
|
@ -0,0 +1,21 @@
|
||||||
|
---
|
||||||
|
---
|
||||||
|
|
||||||
|
@import 'libs/vars';
|
||||||
|
|
||||||
|
@import 'libs/reset';
|
||||||
|
|
||||||
|
// sethy stuff
|
||||||
|
@import 'libs/animations';
|
||||||
|
@import 'layout';
|
||||||
|
@import 'elements';
|
||||||
|
@import 'forms';
|
||||||
|
@import 'navigation';
|
||||||
|
@import 'videos';
|
||||||
|
@import 'player';
|
||||||
|
@import 'trackplayer';
|
||||||
|
@import 'cookies';
|
||||||
|
@import 'set';
|
||||||
|
@import 'svg';
|
||||||
|
@import 'ethos';
|
||||||
|
@import 'staff';
|
||||||
23
assets/css/noscripts-20200911.scss
Normal file
23
assets/css/noscripts-20200911.scss
Normal file
|
|
@ -0,0 +1,23 @@
|
||||||
|
---
|
||||||
|
---
|
||||||
|
|
||||||
|
@import 'libs/vars';
|
||||||
|
|
||||||
|
@import 'libs/reset';
|
||||||
|
|
||||||
|
// sethy stuff
|
||||||
|
@import 'libs/animations';
|
||||||
|
@import 'layout';
|
||||||
|
@import 'elements';
|
||||||
|
@import 'forms';
|
||||||
|
@import 'navigation';
|
||||||
|
@import 'videos';
|
||||||
|
@import 'player';
|
||||||
|
@import 'trackplayer';
|
||||||
|
@import 'cookies';
|
||||||
|
@import 'set';
|
||||||
|
@import 'svg';
|
||||||
|
@import 'ethos';
|
||||||
|
@import 'staff';
|
||||||
|
@import 'noscripts';
|
||||||
|
|
||||||
BIN
assets/fonts/Bungee/Bungee-Regular.ttf
Normal file
BIN
assets/fonts/Bungee/Bungee-Regular.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Bungee/BungeeHairline-Regular.ttf
Normal file
BIN
assets/fonts/Bungee/BungeeHairline-Regular.ttf
Normal file
Binary file not shown.
92
assets/fonts/Bungee/OFL.txt
Normal file
92
assets/fonts/Bungee/OFL.txt
Normal file
|
|
@ -0,0 +1,92 @@
|
||||||
|
Copyright 2008 The Bungee Project Authors (david@djr.com)
|
||||||
|
This Font Software is licensed under the SIL Open Font License, Version 1.1.
|
||||||
|
This license is copied below, and is also available with a FAQ at:
|
||||||
|
http://scripts.sil.org/OFL
|
||||||
|
|
||||||
|
|
||||||
|
-----------------------------------------------------------
|
||||||
|
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
|
||||||
|
-----------------------------------------------------------
|
||||||
|
|
||||||
|
PREAMBLE
|
||||||
|
The goals of the Open Font License (OFL) are to stimulate worldwide
|
||||||
|
development of collaborative font projects, to support the font creation
|
||||||
|
efforts of academic and linguistic communities, and to provide a free and
|
||||||
|
open framework in which fonts may be shared and improved in partnership
|
||||||
|
with others.
|
||||||
|
|
||||||
|
The OFL allows the licensed fonts to be used, studied, modified and
|
||||||
|
redistributed freely as long as they are not sold by themselves. The
|
||||||
|
fonts, including any derivative works, can be bundled, embedded,
|
||||||
|
redistributed and/or sold with any software provided that any reserved
|
||||||
|
names are not used by derivative works. The fonts and derivatives,
|
||||||
|
however, cannot be released under any other type of license. The
|
||||||
|
requirement for fonts to remain under this license does not apply
|
||||||
|
to any document created using the fonts or their derivatives.
|
||||||
|
|
||||||
|
DEFINITIONS
|
||||||
|
"Font Software" refers to the set of files released by the Copyright
|
||||||
|
Holder(s) under this license and clearly marked as such. This may
|
||||||
|
include source files, build scripts and documentation.
|
||||||
|
|
||||||
|
"Reserved Font Name" refers to any names specified as such after the
|
||||||
|
copyright statement(s).
|
||||||
|
|
||||||
|
"Original Version" refers to the collection of Font Software components as
|
||||||
|
distributed by the Copyright Holder(s).
|
||||||
|
|
||||||
|
"Modified Version" refers to any derivative made by adding to, deleting,
|
||||||
|
or substituting -- in part or in whole -- any of the components of the
|
||||||
|
Original Version, by changing formats or by porting the Font Software to a
|
||||||
|
new environment.
|
||||||
|
|
||||||
|
"Author" refers to any designer, engineer, programmer, technical
|
||||||
|
writer or other person who contributed to the Font Software.
|
||||||
|
|
||||||
|
PERMISSION & CONDITIONS
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining
|
||||||
|
a copy of the Font Software, to use, study, copy, merge, embed, modify,
|
||||||
|
redistribute, and sell modified and unmodified copies of the Font
|
||||||
|
Software, subject to the following conditions:
|
||||||
|
|
||||||
|
1) Neither the Font Software nor any of its individual components,
|
||||||
|
in Original or Modified Versions, may be sold by itself.
|
||||||
|
|
||||||
|
2) Original or Modified Versions of the Font Software may be bundled,
|
||||||
|
redistributed and/or sold with any software, provided that each copy
|
||||||
|
contains the above copyright notice and this license. These can be
|
||||||
|
included either as stand-alone text files, human-readable headers or
|
||||||
|
in the appropriate machine-readable metadata fields within text or
|
||||||
|
binary files as long as those fields can be easily viewed by the user.
|
||||||
|
|
||||||
|
3) No Modified Version of the Font Software may use the Reserved Font
|
||||||
|
Name(s) unless explicit written permission is granted by the corresponding
|
||||||
|
Copyright Holder. This restriction only applies to the primary font name as
|
||||||
|
presented to the users.
|
||||||
|
|
||||||
|
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
|
||||||
|
Software shall not be used to promote, endorse or advertise any
|
||||||
|
Modified Version, except to acknowledge the contribution(s) of the
|
||||||
|
Copyright Holder(s) and the Author(s) or with their explicit written
|
||||||
|
permission.
|
||||||
|
|
||||||
|
5) The Font Software, modified or unmodified, in part or in whole,
|
||||||
|
must be distributed entirely under this license, and must not be
|
||||||
|
distributed under any other license. The requirement for fonts to
|
||||||
|
remain under this license does not apply to any document created
|
||||||
|
using the Font Software.
|
||||||
|
|
||||||
|
TERMINATION
|
||||||
|
This license becomes null and void if any of the above conditions are
|
||||||
|
not met.
|
||||||
|
|
||||||
|
DISCLAIMER
|
||||||
|
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||||
|
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
|
||||||
|
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
|
||||||
|
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
|
||||||
|
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||||
|
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
|
||||||
|
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||||
|
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
|
||||||
|
OTHER DEALINGS IN THE FONT SOFTWARE.
|
||||||
BIN
assets/fonts/FontAwesome.otf
Normal file
BIN
assets/fonts/FontAwesome.otf
Normal file
Binary file not shown.
BIN
assets/fonts/IBMPlexSansCondensed-Bold.ttf
Normal file
BIN
assets/fonts/IBMPlexSansCondensed-Bold.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/MajorMonoDisplay-Regular.ttf
Normal file
BIN
assets/fonts/MajorMonoDisplay-Regular.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/PressStart2P-Regular.ttf
Normal file
BIN
assets/fonts/PressStart2P-Regular.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Rubik/Rubik-Light.ttf
Normal file
BIN
assets/fonts/Rubik/Rubik-Light.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Rubik/Rubik-LightItalic.ttf
Normal file
BIN
assets/fonts/Rubik/Rubik-LightItalic.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Rubik/Rubik-Medium.ttf
Normal file
BIN
assets/fonts/Rubik/Rubik-Medium.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Rubik/Rubik-MediumItalic.ttf
Normal file
BIN
assets/fonts/Rubik/Rubik-MediumItalic.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/SedgwickAveDisplay-Regular.ttf
Normal file
BIN
assets/fonts/SedgwickAveDisplay-Regular.ttf
Normal file
Binary file not shown.
Binary file not shown.
93
assets/fonts/Staatliches/OFL.txt
Normal file
93
assets/fonts/Staatliches/OFL.txt
Normal file
|
|
@ -0,0 +1,93 @@
|
||||||
|
Copyright 2018 The Staatliches Authors (https://github.com/googlefonts/staatliches)
|
||||||
|
|
||||||
|
This Font Software is licensed under the SIL Open Font License, Version 1.1.
|
||||||
|
This license is copied below, and is also available with a FAQ at:
|
||||||
|
http://scripts.sil.org/OFL
|
||||||
|
|
||||||
|
|
||||||
|
-----------------------------------------------------------
|
||||||
|
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
|
||||||
|
-----------------------------------------------------------
|
||||||
|
|
||||||
|
PREAMBLE
|
||||||
|
The goals of the Open Font License (OFL) are to stimulate worldwide
|
||||||
|
development of collaborative font projects, to support the font creation
|
||||||
|
efforts of academic and linguistic communities, and to provide a free and
|
||||||
|
open framework in which fonts may be shared and improved in partnership
|
||||||
|
with others.
|
||||||
|
|
||||||
|
The OFL allows the licensed fonts to be used, studied, modified and
|
||||||
|
redistributed freely as long as they are not sold by themselves. The
|
||||||
|
fonts, including any derivative works, can be bundled, embedded,
|
||||||
|
redistributed and/or sold with any software provided that any reserved
|
||||||
|
names are not used by derivative works. The fonts and derivatives,
|
||||||
|
however, cannot be released under any other type of license. The
|
||||||
|
requirement for fonts to remain under this license does not apply
|
||||||
|
to any document created using the fonts or their derivatives.
|
||||||
|
|
||||||
|
DEFINITIONS
|
||||||
|
"Font Software" refers to the set of files released by the Copyright
|
||||||
|
Holder(s) under this license and clearly marked as such. This may
|
||||||
|
include source files, build scripts and documentation.
|
||||||
|
|
||||||
|
"Reserved Font Name" refers to any names specified as such after the
|
||||||
|
copyright statement(s).
|
||||||
|
|
||||||
|
"Original Version" refers to the collection of Font Software components as
|
||||||
|
distributed by the Copyright Holder(s).
|
||||||
|
|
||||||
|
"Modified Version" refers to any derivative made by adding to, deleting,
|
||||||
|
or substituting -- in part or in whole -- any of the components of the
|
||||||
|
Original Version, by changing formats or by porting the Font Software to a
|
||||||
|
new environment.
|
||||||
|
|
||||||
|
"Author" refers to any designer, engineer, programmer, technical
|
||||||
|
writer or other person who contributed to the Font Software.
|
||||||
|
|
||||||
|
PERMISSION & CONDITIONS
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining
|
||||||
|
a copy of the Font Software, to use, study, copy, merge, embed, modify,
|
||||||
|
redistribute, and sell modified and unmodified copies of the Font
|
||||||
|
Software, subject to the following conditions:
|
||||||
|
|
||||||
|
1) Neither the Font Software nor any of its individual components,
|
||||||
|
in Original or Modified Versions, may be sold by itself.
|
||||||
|
|
||||||
|
2) Original or Modified Versions of the Font Software may be bundled,
|
||||||
|
redistributed and/or sold with any software, provided that each copy
|
||||||
|
contains the above copyright notice and this license. These can be
|
||||||
|
included either as stand-alone text files, human-readable headers or
|
||||||
|
in the appropriate machine-readable metadata fields within text or
|
||||||
|
binary files as long as those fields can be easily viewed by the user.
|
||||||
|
|
||||||
|
3) No Modified Version of the Font Software may use the Reserved Font
|
||||||
|
Name(s) unless explicit written permission is granted by the corresponding
|
||||||
|
Copyright Holder. This restriction only applies to the primary font name as
|
||||||
|
presented to the users.
|
||||||
|
|
||||||
|
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
|
||||||
|
Software shall not be used to promote, endorse or advertise any
|
||||||
|
Modified Version, except to acknowledge the contribution(s) of the
|
||||||
|
Copyright Holder(s) and the Author(s) or with their explicit written
|
||||||
|
permission.
|
||||||
|
|
||||||
|
5) The Font Software, modified or unmodified, in part or in whole,
|
||||||
|
must be distributed entirely under this license, and must not be
|
||||||
|
distributed under any other license. The requirement for fonts to
|
||||||
|
remain under this license does not apply to any document created
|
||||||
|
using the Font Software.
|
||||||
|
|
||||||
|
TERMINATION
|
||||||
|
This license becomes null and void if any of the above conditions are
|
||||||
|
not met.
|
||||||
|
|
||||||
|
DISCLAIMER
|
||||||
|
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||||
|
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
|
||||||
|
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
|
||||||
|
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
|
||||||
|
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||||
|
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
|
||||||
|
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||||
|
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
|
||||||
|
OTHER DEALINGS IN THE FONT SOFTWARE.
|
||||||
BIN
assets/fonts/Staatliches/Staatliches-Regular.ttf
Normal file
BIN
assets/fonts/Staatliches/Staatliches-Regular.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/collects.ttf
Normal file
BIN
assets/fonts/collects.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/fontawesome-webfont.eot
Normal file
BIN
assets/fonts/fontawesome-webfont.eot
Normal file
Binary file not shown.
2671
assets/fonts/fontawesome-webfont.svg
Normal file
2671
assets/fonts/fontawesome-webfont.svg
Normal file
File diff suppressed because it is too large
Load diff
|
After Width: | Height: | Size: 434 KiB |
BIN
assets/fonts/fontawesome-webfont.ttf
Normal file
BIN
assets/fonts/fontawesome-webfont.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/fontawesome-webfont.woff
Normal file
BIN
assets/fonts/fontawesome-webfont.woff
Normal file
Binary file not shown.
BIN
assets/fonts/fontawesome-webfont.woff2
Normal file
BIN
assets/fonts/fontawesome-webfont.woff2
Normal file
Binary file not shown.
BIN
assets/fonts/icofont.eot
Normal file
BIN
assets/fonts/icofont.eot
Normal file
Binary file not shown.
BIN
assets/fonts/icofont.ttf
Normal file
BIN
assets/fonts/icofont.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/icofont.woff
Normal file
BIN
assets/fonts/icofont.woff
Normal file
Binary file not shown.
BIN
assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold-Italic.woff
Normal file
BIN
assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold-Italic.woff
Normal file
Binary file not shown.
BIN
assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold-Italic.woff2
Normal file
BIN
assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold-Italic.woff2
Normal file
Binary file not shown.
BIN
assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold.woff
Normal file
BIN
assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold.woff
Normal file
Binary file not shown.
BIN
assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold.woff2
Normal file
BIN
assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold.woff2
Normal file
Binary file not shown.
BIN
assets/fonts/jetBrainsMono/JetBrainsMono-Italic.woff
Normal file
BIN
assets/fonts/jetBrainsMono/JetBrainsMono-Italic.woff
Normal file
Binary file not shown.
BIN
assets/fonts/jetBrainsMono/JetBrainsMono-Italic.woff2
Normal file
BIN
assets/fonts/jetBrainsMono/JetBrainsMono-Italic.woff2
Normal file
Binary file not shown.
BIN
assets/fonts/jetBrainsMono/JetBrainsMono-Regular.woff
Normal file
BIN
assets/fonts/jetBrainsMono/JetBrainsMono-Regular.woff
Normal file
Binary file not shown.
BIN
assets/fonts/jetBrainsMono/JetBrainsMono-Regular.woff2
Normal file
BIN
assets/fonts/jetBrainsMono/JetBrainsMono-Regular.woff2
Normal file
Binary file not shown.
BIN
assets/fonts/jetBrainsMono/JetBrainsMono_ExtraBold.ttf
Normal file
BIN
assets/fonts/jetBrainsMono/JetBrainsMono_ExtraBold.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/jetBrainsMono/JetBrainsMono_ExtraBold_Italic.ttf
Normal file
BIN
assets/fonts/jetBrainsMono/JetBrainsMono_ExtraBold_Italic.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/jetBrainsMono/JetBrainsMono_Italic.ttf
Normal file
BIN
assets/fonts/jetBrainsMono/JetBrainsMono_Italic.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/jetBrainsMono/JetBrainsMono_Regular.ttf
Normal file
BIN
assets/fonts/jetBrainsMono/JetBrainsMono_Regular.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/poppins/Poppins-Light.ttf
Normal file
BIN
assets/fonts/poppins/Poppins-Light.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/poppins/Poppins-LightItalic.ttf
Normal file
BIN
assets/fonts/poppins/Poppins-LightItalic.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/poppins/Poppins-Medium.ttf
Normal file
BIN
assets/fonts/poppins/Poppins-Medium.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/poppins/Poppins-MediumItalic.ttf
Normal file
BIN
assets/fonts/poppins/Poppins-MediumItalic.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/poppins/popin-light-italic.woff2
Normal file
BIN
assets/fonts/poppins/popin-light-italic.woff2
Normal file
Binary file not shown.
BIN
assets/fonts/poppins/popin-light.woff2
Normal file
BIN
assets/fonts/poppins/popin-light.woff2
Normal file
Binary file not shown.
BIN
assets/fonts/poppins/popin-medium-italic.woff2
Normal file
BIN
assets/fonts/poppins/popin-medium-italic.woff2
Normal file
Binary file not shown.
BIN
assets/fonts/poppins/popin-medium.woff2
Normal file
BIN
assets/fonts/poppins/popin-medium.woff2
Normal file
Binary file not shown.
32
assets/js/set-20200911.js
Normal file
32
assets/js/set-20200911.js
Normal file
|
|
@ -0,0 +1,32 @@
|
||||||
|
// When the user scrolls the page, execute scrollMenu
|
||||||
|
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;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// 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) {
|
||||||
|
hider.classList.add("sticky")
|
||||||
|
} else {
|
||||||
|
hider.classList.remove("sticky")
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Make a pretty background when menu is open
|
||||||
|
var bodyBluring = document.getElementById("main-wrapper")
|
||||||
|
|
||||||
|
function blurBody() {
|
||||||
|
bodyBluring.classList.toggle("blurredout");
|
||||||
|
}
|
||||||
|
function removeBlur() {
|
||||||
|
bodyBluring.classList.remove("blurredout")
|
||||||
|
}
|
||||||
|
|
||||||
|
/// request permission to autoplay
|
||||||
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 58 KiB After Width: | Height: | Size: 38 KiB |
53
index.html
53
index.html
|
|
@ -6,7 +6,26 @@ description: >-
|
||||||
image: /images/pages/pingu.jpg
|
image: /images/pages/pingu.jpg
|
||||||
---
|
---
|
||||||
{% include relBase.html %}
|
{% include relBase.html %}
|
||||||
{% include header.html %}
|
<header class="hero" id="top"
|
||||||
|
style="{% unless page.video_path %}background-image: url({{ page.image }});{% endunless %}">
|
||||||
|
<div class="imagecontainer">
|
||||||
|
<h4>{{ page.title }}</h4>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</header>
|
||||||
|
<section class="splash">
|
||||||
|
<div class="container">
|
||||||
|
<div class="splash-logo">
|
||||||
|
<img src="{{ site.icon }}" width="240px" alt="{{ site.title }} Logo" />
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
|
||||||
|
<h1>{{ site.title }}</h1>
|
||||||
|
<p>{{ page.description }}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
{% for post in site.posts limit: 1 %}
|
{% for post in site.posts limit: 1 %}
|
||||||
|
|
||||||
<section class="news">
|
<section class="news">
|
||||||
|
|
@ -22,13 +41,16 @@ image: /images/pages/pingu.jpg
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
||||||
|
|
||||||
<section class="releases">
|
<section class="releases">
|
||||||
<h2>EPs and LPs</h2>
|
<h2>Releases</h2>
|
||||||
|
<div class="container">
|
||||||
{% assign sorted = site.albums | sort: 'date' | reverse %}
|
{% assign sorted = site.albums | sort: 'date' | reverse %}
|
||||||
{% for album in sorted %}
|
{% for album in sorted %}
|
||||||
{% for post in site.posts %}
|
{% for post in site.posts %}
|
||||||
{% if album.slug == post.album %}
|
{% if album.slug == post.album %}
|
||||||
{% if post.tags contains 'EP' or post.tags contains 'LP' %}
|
|
||||||
<article>
|
<article>
|
||||||
<figure>
|
<figure>
|
||||||
<a href="{{ post.url }}">
|
<a href="{{ post.url }}">
|
||||||
|
|
@ -51,32 +73,9 @@ image: /images/pages/pingu.jpg
|
||||||
</figcaption>
|
</figcaption>
|
||||||
</figure>
|
</figure>
|
||||||
</article>
|
</article>
|
||||||
{% endif %}
|
|
||||||
{% endif %}
|
|
||||||
{% endfor %}
|
|
||||||
{% endfor %}
|
|
||||||
</section>
|
|
||||||
<section class="releases">
|
|
||||||
<h2>Singles</h2>
|
|
||||||
|
|
||||||
{% for track in sorted %}
|
|
||||||
{% for post in site.posts %}
|
|
||||||
{% if track.slug == post.album %}
|
|
||||||
{% if post.tags contains 'single' %}
|
|
||||||
|
|
||||||
<article>
|
|
||||||
<figure>
|
|
||||||
<a href="{{ post.url }}">
|
|
||||||
<img src="{{ site.mediaurl }}/{{ track.tracks[0].slug }}.jpeg" alt="Cover art for {{ post.title }}" /></a>
|
|
||||||
<figcaption>
|
|
||||||
<strong>{{ track.tracks[0].common.title }}</strong><br />
|
|
||||||
{% assign round_seconds = track.tracks[0].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 }} |
|
|
||||||
{{ track.tracks[0].common.genre }}
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
</article>
|
|
||||||
{% endif %}
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
Loading…
Reference in a new issue