Reseting all redundant commits
This commit is contained in:
Set Hallstrom
parent
ad05bc280a
commit
9f59a32bf1
4
.gitignore
vendored
4
.gitignore
vendored
|
|
@ -23,4 +23,6 @@ _data/.~lock.*.csv
|
||||||
.vscode
|
.vscode
|
||||||
.vscode/*
|
.vscode/*
|
||||||
|
|
||||||
/media/
|
## No cover artwork or Mp3
|
||||||
|
*.mp3
|
||||||
|
assets/albums/
|
||||||
183
404.html
183
404.html
|
|
@ -1,118 +1,93 @@
|
||||||
|
---
|
||||||
|
layout: nil
|
||||||
|
title: Error 404 This is not a page
|
||||||
|
description: The page you are looking for has moved to the darknet.
|
||||||
|
image: /assets/img/Chain_1.png
|
||||||
|
permalink: /404.html
|
||||||
|
---
|
||||||
|
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
|
<!--
|
||||||
|
Based on _Story_ by html5up.net | @ajlkn
|
||||||
|
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||||
|
Remixed and Jekyllified by Setto
|
||||||
|
-->
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
{% include seo.html %}
|
||||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
|
||||||
<link rel="icon" type="image/png" href="/touch-icon.png" sizes="192x192">
|
|
||||||
<link rel="shortcut icon" href="/favicon.png" type="image/png" />
|
|
||||||
<link rel="stylesheet" href="/assets/css/style20200128-1.css" />
|
|
||||||
<script src="/assets/js/jquery-3.4.1.min.js"></script>
|
|
||||||
<script type="text/javascript" src="/assets/js/isotope.pkgd.min.js"></script>
|
|
||||||
<!-- BEGIN seo.html -->
|
|
||||||
|
|
||||||
<title>Error 404 | Sakrecoer</title>
|
|
||||||
|
|
||||||
<!-- Begin Jekyll SEO tag v2.6.0 -->
|
|
||||||
<meta name="generator" content="Jekyll v3.8.6" />
|
|
||||||
<meta property="og:title" content="Error 404" />
|
|
||||||
<meta name="author" content="Sakrecoer" />
|
|
||||||
<meta property="og:locale" content="en_US" />
|
|
||||||
<meta name="description" content="That something isn’t here. You can always reach out and ask. If it’s gone and you miss it we can fix it!" />
|
|
||||||
<meta property="og:description" content="That something isn’t here. You can always reach out and ask. If it’s gone and you miss it we can fix it!" />
|
|
||||||
<link rel="canonical" href="http://localhost:4000/404/" />
|
|
||||||
<meta property="og:url" content="http://localhost:4000/404/" />
|
|
||||||
<meta property="og:site_name" content="Sakrecoer" />
|
|
||||||
<meta property="og:image" content="http://localhost:4000/siteicon.png" />
|
|
||||||
<script type="application/ld+json">
|
|
||||||
{"@type":"WebPage","headline":"Error 404","dateModified":"2019-12-05T18:44:33+01:00","url":"http://localhost:4000/404/","publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"http://localhost:4000/siteicon.png"},"name":"Sakrecoer"},"image":"http://localhost:4000/siteicon.png","author":{"@type":"Person","name":"Sakrecoer"},"description":"That something isn’t here. You can always reach out and ask. If it’s gone and you miss it we can fix it!","@context":"https://schema.org"}</script>
|
|
||||||
<!-- End Jekyll SEO tag -->
|
|
||||||
|
|
||||||
|
|
||||||
<meta name="title" content="Error 404 | Sakrecoer" />
|
|
||||||
<meta name="dc.date.modified" scheme="ISO8601" content="2019-12-05T18:44:33+01:00" />
|
|
||||||
<meta name="robots" content="index" />
|
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||||
<link rel="canonical" href="http://localhost:4000/404/" />
|
<link rel="stylesheet" href="/assets/css/main20200710.css" />
|
||||||
<link rel="alternate" href="http://localhost:4000/404/" hreflang="x-default" />
|
<noscript><link rel="stylesheet" href="/assets/css/noscript20200710.css" /></noscript>
|
||||||
|
|
||||||
<!-- Dublin Core basic info -->
|
|
||||||
|
|
||||||
<meta name="dcterms.Identifier" content="http://localhost:4000" />
|
|
||||||
<meta name="dcterms.Format" content="text/html" />
|
|
||||||
<meta name="dcterms.Relation" content="Sakrecoer" />
|
|
||||||
<meta name="dcterms.Publisher" content="Sakrecoer" />
|
|
||||||
<meta name="dcterms.Type" content="text/html" />
|
|
||||||
<meta name="dcterms.Coverage" content="http://localhost:4000/" />
|
|
||||||
<meta name="dcterms.Rights" content="Copyright ©2019 Sakrecoer." />
|
|
||||||
<meta name="dcterms.Title" content="Error 404 | Sakrecoer" />
|
|
||||||
<meta name="dcterms.Subject" content="Sakrecoer Uncorporated Stands for independent fun-loving Activism, Art & Music. I push sounds, images, thoughts and passion for cool robots like you. I am funky and I deliver because I was born tomorrow." />
|
|
||||||
<meta name="dcterms.Contributor" content="Sakrecoer" />
|
|
||||||
<meta name="dcterms.Date" content="2019-12-05" />
|
|
||||||
<meta name="dcterms.Description" content="That something isn't here. You can always reach out and ask. If it's gone and you miss it we can fix it!" />
|
|
||||||
|
|
||||||
<!-- Twitter Card -->
|
|
||||||
|
|
||||||
<meta name="twitter:card" content="summary" />
|
|
||||||
<meta name="twitter:site" content="@sakrecoer" />
|
|
||||||
<meta name="twitter:title" content="Error 404 | Sakrecoer" />
|
|
||||||
<meta name="twitter:description" content="Sakrecoer Uncorporated Stands for independent fun-loving Activism, Art & Music. I push sounds, images, thoughts and passion for cool robots like you. I am funky and I deliver because I was born tomorrow." />
|
|
||||||
<meta name="twitter:image" content="/siteicon.png" />
|
|
||||||
<!-- END seo.html -->
|
|
||||||
|
|
||||||
<style>
|
|
||||||
body{
|
|
||||||
background: url('/siteicon.png');
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<!-- Matomo -->
|
|
||||||
<script type="text/javascript">
|
|
||||||
var _paq = window._paq || [];
|
|
||||||
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
|
||||||
_paq.push(["disableCookies"]);
|
|
||||||
_paq.push(['setDocumentTitle', '404/URL = ' + encodeURIComponent(document.location.pathname+document.location.search) + '/From = ' + encodeURIComponent(document.referrer)]);
|
|
||||||
_paq.push(['trackPageView']);
|
|
||||||
_paq.push(['enableLinkTracking']);
|
|
||||||
(function() {
|
|
||||||
var u="https://terminalnetwork.matomo.cloud/";
|
|
||||||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
|
||||||
_paq.push(['setSiteId', '4']);
|
|
||||||
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);
|
|
||||||
})();
|
|
||||||
</script>
|
|
||||||
<!-- End Matomo Code -->
|
|
||||||
|
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
|
||||||
|
|
||||||
<div id="hero">
|
<body id="body">
|
||||||
<div class="pivot">
|
<span id="top" style="display: none;"></span>
|
||||||
<h1>Sakrecoer</h1>
|
<!-- Wrapper -->
|
||||||
<h2>Error 404</h2>
|
<div id="wrapper" class="divided">
|
||||||
<h2>That something isn't here. You can always reach out and ask. If it's gone and you miss it we can fix it!</h2>
|
|
||||||
<a href="/" alt="back home"><h2>Go to homepage</h2></a>
|
|
||||||
<!-- BEGIN liberapay.html -->
|
|
||||||
<a href="https://liberapay.com/Sakrecoer/donate" target="_blank" rel="noopener noreferrer nofollow"><img alt="Donate using Liberapay" src="/assets/img/donate.svg"></a>
|
|
||||||
<!-- END liberapay.html -->
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="fullscreen-bg">
|
|
||||||
<video loop muted autoplay poster="/assets/img/sakrecoer-logo2.svg" class="fullscreen-bg__video">
|
|
||||||
<source src="" type="video/webm">
|
|
||||||
<source src="" type="video/mp4">
|
|
||||||
</video>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div style="background: linear-gradient(45deg, #682d63, #5fb49c);">
|
|
||||||
<div class="trackcontainer logo" style="margin-top:0;padding-top:0;">
|
|
||||||
<!-- BEGIN cookiemonster.html -->
|
|
||||||
<img src="/assets/img/cookiemonster_upsidedown.gif" style="position:relative;top:0;right:0;z-index:77777;"/>
|
|
||||||
<!-- END cookiemonster.html -->
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Banner -->
|
||||||
|
<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="min-height:100vh;">
|
||||||
|
|
||||||
|
<div class="content editable">
|
||||||
|
<h1 class="editable">{{ page.title }}</h1>
|
||||||
|
<p>{{ page.description }}</p>
|
||||||
|
<ul class="actions stacked">
|
||||||
|
<li><a href="/" class="button big wide">Take me back!</a></li>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="image">
|
||||||
|
<img src="{{ page.image }}" alt="unfound page" />
|
||||||
</div>
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer id="footer" class="wrapper style1 align-center">
|
||||||
|
<div class="footflex">
|
||||||
|
<div>
|
||||||
|
<h4>{{ site.title }}</h4>
|
||||||
|
<p>{{ site.description }}
|
||||||
|
|
||||||
|
</p></div>
|
||||||
|
<div>
|
||||||
|
<ul>
|
||||||
|
|
||||||
|
<li><a href="{{ relBase }}/">{{ site.data.translations[page.lang].home }}</a></li>
|
||||||
|
|
||||||
|
{% for entry in site.data.navigation %}
|
||||||
|
<li><a href="{{ entry.url }}">{{ entry.name }}</a></li>
|
||||||
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div><img src="/assets/panix-logo-dark.svg" style="max-width:300px" /></div>
|
||||||
|
</div>
|
||||||
|
<div class="inner">
|
||||||
|
|
||||||
|
<p>©2020 Basspistol | <a href="/webcreds/">Credits</a> | <a href="/cookies/">Cookies & Privacy</a></p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% include navigation.html %}
|
||||||
|
|
||||||
|
<!-- Scripts -->
|
||||||
|
|
||||||
|
<script src="/assets/js/jquery.min.js"></script>
|
||||||
|
<script src="/assets/js/jquery.scrollex.min.js"></script>
|
||||||
|
<script src="/assets/js/jquery.scrolly.min.js"></script>
|
||||||
|
<script src="/assets/js/browser.min.js"></script>
|
||||||
|
<script src="/assets/js/breakpoints.min.js"></script>
|
||||||
|
<script src="/assets/js/util.js"></script>
|
||||||
|
<script src="/assets/js/main.js"></script>
|
||||||
|
<script src="/assets/js/set.js"></script>
|
||||||
|
|
||||||
|
{% include cookie-consent.html %}
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
1
Gemfile
1
Gemfile
|
|
@ -3,7 +3,6 @@ source 'https://rubygems.org'
|
||||||
gem 'jekyll', '4.0.0'
|
gem 'jekyll', '4.0.0'
|
||||||
|
|
||||||
group :jekyll_plugins do
|
group :jekyll_plugins do
|
||||||
gem 'jekyll-seo-tag', '2.6.1'
|
|
||||||
gem 'jekyll-sitemap', '1.4.0'
|
gem 'jekyll-sitemap', '1.4.0'
|
||||||
gem 'jekyll-last-modified-at','1.1.0'
|
gem 'jekyll-last-modified-at','1.1.0'
|
||||||
end
|
end
|
||||||
|
|
|
||||||
|
|
@ -12,7 +12,7 @@ GEM
|
||||||
ffi (1.13.1)
|
ffi (1.13.1)
|
||||||
forwardable-extended (2.6.0)
|
forwardable-extended (2.6.0)
|
||||||
http_parser.rb (0.6.0)
|
http_parser.rb (0.6.0)
|
||||||
i18n (1.8.3)
|
i18n (1.8.4)
|
||||||
concurrent-ruby (~> 1.0)
|
concurrent-ruby (~> 1.0)
|
||||||
jekyll (4.0.0)
|
jekyll (4.0.0)
|
||||||
addressable (~> 2.4)
|
addressable (~> 2.4)
|
||||||
|
|
@ -34,8 +34,6 @@ GEM
|
||||||
posix-spawn (~> 0.3.9)
|
posix-spawn (~> 0.3.9)
|
||||||
jekyll-sass-converter (2.1.0)
|
jekyll-sass-converter (2.1.0)
|
||||||
sassc (> 2.0.1, < 3.0)
|
sassc (> 2.0.1, < 3.0)
|
||||||
jekyll-seo-tag (2.6.1)
|
|
||||||
jekyll (>= 3.3, < 5.0)
|
|
||||||
jekyll-sitemap (1.4.0)
|
jekyll-sitemap (1.4.0)
|
||||||
jekyll (>= 3.7, < 5.0)
|
jekyll (>= 3.7, < 5.0)
|
||||||
jekyll-watch (2.2.1)
|
jekyll-watch (2.2.1)
|
||||||
|
|
@ -71,7 +69,6 @@ PLATFORMS
|
||||||
DEPENDENCIES
|
DEPENDENCIES
|
||||||
jekyll (= 4.0.0)
|
jekyll (= 4.0.0)
|
||||||
jekyll-last-modified-at (= 1.1.0)
|
jekyll-last-modified-at (= 1.1.0)
|
||||||
jekyll-seo-tag (= 2.6.1)
|
|
||||||
jekyll-sitemap (= 1.4.0)
|
jekyll-sitemap (= 1.4.0)
|
||||||
|
|
||||||
BUNDLED WITH
|
BUNDLED WITH
|
||||||
|
|
|
||||||
1339
_albums/coolometrics.md
Normal file
1339
_albums/coolometrics.md
Normal file
File diff suppressed because it is too large
Load diff
177
_albums/party-single.md
Normal file
177
_albums/party-single.md
Normal file
|
|
@ -0,0 +1,177 @@
|
||||||
|
---
|
||||||
|
layout: album
|
||||||
|
slug: party-single
|
||||||
|
name: Party Single
|
||||||
|
artists: reSet Sakrecoer
|
||||||
|
bitrate: 128000
|
||||||
|
trackCount: 2
|
||||||
|
cover: /assets/albums/party-single/1-cafar-du-sonar.jpeg
|
||||||
|
date: 2008-1-1
|
||||||
|
tracks:
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/party-single/1-cafar-du-sonar.mp3
|
||||||
|
audio: /assets/albums/party-single/1-cafar-du-sonar.mp3
|
||||||
|
slug: party-single/1-cafar-du-sonar
|
||||||
|
albumSlug: party-single
|
||||||
|
trackSlug: 1-cafar-du-sonar
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/party-single/1-cafar-du-sonar.jpeg
|
||||||
|
cover: /assets/albums/party-single/1-cafar-du-sonar.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 5081472
|
||||||
|
duration: 115.2261224489796
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TCOM
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TALB
|
||||||
|
value: Party Single
|
||||||
|
- id: TIT2
|
||||||
|
value: Cafar Du Sonar
|
||||||
|
- id: COMM
|
||||||
|
value: &ref_0
|
||||||
|
language: eng
|
||||||
|
description: ''
|
||||||
|
text: Released on ArtifexBCN
|
||||||
|
- id: TRCK
|
||||||
|
value: '1'
|
||||||
|
- id: TCON
|
||||||
|
value: Electro Blues
|
||||||
|
- id: TYER
|
||||||
|
value: '2008'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 1
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
artists:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
artist: reSet Sakrecoer
|
||||||
|
composer:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
album: Party Single
|
||||||
|
title: Cafar Du Sonar
|
||||||
|
comment:
|
||||||
|
- Released on ArtifexBCN
|
||||||
|
genre:
|
||||||
|
- Electro Blues
|
||||||
|
year: 2008
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TALB: Party Single
|
||||||
|
TIT2: Cafar Du Sonar
|
||||||
|
COMM: *ref_0
|
||||||
|
TRCK: '1'
|
||||||
|
TCON: Electro Blues
|
||||||
|
TYER: '2008'
|
||||||
|
all:
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TALB: Party Single
|
||||||
|
TIT2: Cafar Du Sonar
|
||||||
|
COMM: *ref_0
|
||||||
|
TRCK: '1'
|
||||||
|
TCON: Electro Blues
|
||||||
|
TYER: '2008'
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/party-single/2-seducers-party.mp3
|
||||||
|
audio: /assets/albums/party-single/2-seducers-party.mp3
|
||||||
|
slug: party-single/2-seducers-party
|
||||||
|
albumSlug: party-single
|
||||||
|
trackSlug: 2-seducers-party
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/party-single/2-seducers-party.jpeg
|
||||||
|
cover: /assets/albums/party-single/2-seducers-party.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 8112384
|
||||||
|
duration: 183.9542857142857
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: Seducers Party
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TALB
|
||||||
|
value: Party Single
|
||||||
|
- id: COMM
|
||||||
|
value: &ref_1
|
||||||
|
language: eng
|
||||||
|
description: ''
|
||||||
|
text: Released on ArtifexBCN
|
||||||
|
- id: TRCK
|
||||||
|
value: '2'
|
||||||
|
- id: TCON
|
||||||
|
value: Electro Funk
|
||||||
|
- id: TCOM
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TYER
|
||||||
|
value: '2008'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 2
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: Seducers Party
|
||||||
|
artists:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
artist: reSet Sakrecoer
|
||||||
|
album: Party Single
|
||||||
|
comment:
|
||||||
|
- Released on ArtifexBCN
|
||||||
|
genre:
|
||||||
|
- Electro Funk
|
||||||
|
composer:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
year: 2008
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: Seducers Party
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TALB: Party Single
|
||||||
|
COMM: *ref_1
|
||||||
|
TRCK: '2'
|
||||||
|
TCON: Electro Funk
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TYER: '2008'
|
||||||
|
all:
|
||||||
|
TIT2: Seducers Party
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TALB: Party Single
|
||||||
|
COMM: *ref_1
|
||||||
|
TRCK: '2'
|
||||||
|
TCON: Electro Funk
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TYER: '2008'
|
||||||
|
---
|
||||||
916
_albums/psykedelisk-pop.md
Normal file
916
_albums/psykedelisk-pop.md
Normal file
|
|
@ -0,0 +1,916 @@
|
||||||
|
---
|
||||||
|
layout: album
|
||||||
|
slug: psykedelisk-pop
|
||||||
|
name: Psykedelisk Pop
|
||||||
|
artists: reSet Sakrecoer
|
||||||
|
bitrate: 128000
|
||||||
|
trackCount: 10
|
||||||
|
cover: /assets/albums/psykedelisk-pop/1-janne-i-min-hj-rna.jpeg
|
||||||
|
date: 2010-1-1
|
||||||
|
tracks:
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/psykedelisk-pop/1-janne-i-min-hj-rna.mp3
|
||||||
|
audio: /assets/albums/psykedelisk-pop/1-janne-i-min-hj-rna.mp3
|
||||||
|
slug: psykedelisk-pop/1-janne-i-min-hj-rna
|
||||||
|
albumSlug: psykedelisk-pop
|
||||||
|
trackSlug: 1-janne-i-min-hj-rna
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/psykedelisk-pop/1-janne-i-min-hj-rna.jpeg
|
||||||
|
cover: /assets/albums/psykedelisk-pop/1-janne-i-min-hj-rna.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 9080064
|
||||||
|
duration: 205.89714285714285
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: Janne I Min Hjärna
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TPE2
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TCOM
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TALB
|
||||||
|
value: Psykedelisk Pop
|
||||||
|
- id: TRCK
|
||||||
|
value: 1/10
|
||||||
|
- id: TCON
|
||||||
|
value: Pop
|
||||||
|
- id: COMM
|
||||||
|
value:
|
||||||
|
language: XXX
|
||||||
|
description: Comment
|
||||||
|
text: 'https://sakrecoer.com'
|
||||||
|
- id: TYER
|
||||||
|
value: '2010'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 1
|
||||||
|
of: 10
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: Janne I Min Hjärna
|
||||||
|
artists:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
artist: reSet Sakrecoer
|
||||||
|
albumartist: reSet Sakrecoer
|
||||||
|
composer:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
album: Psykedelisk Pop
|
||||||
|
genre:
|
||||||
|
- Pop
|
||||||
|
comment:
|
||||||
|
- 'https://sakrecoer.com'
|
||||||
|
year: 2010
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: Janne I Min Hjärna
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TPE2: reSet Sakrecoer
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TALB: Psykedelisk Pop
|
||||||
|
TRCK: 1/10
|
||||||
|
TCON: Pop
|
||||||
|
Comment: 'https://sakrecoer.com'
|
||||||
|
TYER: '2010'
|
||||||
|
all:
|
||||||
|
TIT2: Janne I Min Hjärna
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TPE2: reSet Sakrecoer
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TALB: Psykedelisk Pop
|
||||||
|
TRCK: 1/10
|
||||||
|
TCON: Pop
|
||||||
|
Comment: 'https://sakrecoer.com'
|
||||||
|
TYER: '2010'
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/psykedelisk-pop/2-step-up.mp3
|
||||||
|
audio: /assets/albums/psykedelisk-pop/2-step-up.mp3
|
||||||
|
slug: psykedelisk-pop/2-step-up
|
||||||
|
albumSlug: psykedelisk-pop
|
||||||
|
trackSlug: 2-step-up
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/psykedelisk-pop/2-step-up.jpeg
|
||||||
|
cover: /assets/albums/psykedelisk-pop/2-step-up.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 8176896
|
||||||
|
duration: 185.41714285714286
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: Step Up
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TPE2
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TCOM
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TALB
|
||||||
|
value: Psykedelisk Pop
|
||||||
|
- id: TRCK
|
||||||
|
value: 2/10
|
||||||
|
- id: TCON
|
||||||
|
value: Hip-Hop
|
||||||
|
- id: COMM
|
||||||
|
value:
|
||||||
|
language: XXX
|
||||||
|
description: Comment
|
||||||
|
text: 'https://sakrecoer.com'
|
||||||
|
- id: TYER
|
||||||
|
value: '2010'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 2
|
||||||
|
of: 10
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: Step Up
|
||||||
|
artists:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
artist: reSet Sakrecoer
|
||||||
|
albumartist: reSet Sakrecoer
|
||||||
|
composer:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
album: Psykedelisk Pop
|
||||||
|
genre:
|
||||||
|
- Hip-Hop
|
||||||
|
comment:
|
||||||
|
- 'https://sakrecoer.com'
|
||||||
|
year: 2010
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: Step Up
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TPE2: reSet Sakrecoer
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TALB: Psykedelisk Pop
|
||||||
|
TRCK: 2/10
|
||||||
|
TCON: Hip-Hop
|
||||||
|
Comment: 'https://sakrecoer.com'
|
||||||
|
TYER: '2010'
|
||||||
|
all:
|
||||||
|
TIT2: Step Up
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TPE2: reSet Sakrecoer
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TALB: Psykedelisk Pop
|
||||||
|
TRCK: 2/10
|
||||||
|
TCON: Hip-Hop
|
||||||
|
Comment: 'https://sakrecoer.com'
|
||||||
|
TYER: '2010'
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/psykedelisk-pop/3-roevhjaelmen.mp3
|
||||||
|
audio: /assets/albums/psykedelisk-pop/3-roevhjaelmen.mp3
|
||||||
|
slug: psykedelisk-pop/3-roevhjaelmen
|
||||||
|
albumSlug: psykedelisk-pop
|
||||||
|
trackSlug: 3-roevhjaelmen
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/psykedelisk-pop/3-roevhjaelmen.jpeg
|
||||||
|
cover: /assets/albums/psykedelisk-pop/3-roevhjaelmen.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 11242368
|
||||||
|
duration: 254.92897959183674
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: Roevhjaelmen
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TPE2
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TCOM
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TALB
|
||||||
|
value: Psykedelisk Pop
|
||||||
|
- id: TRCK
|
||||||
|
value: 3/10
|
||||||
|
- id: TCON
|
||||||
|
value: House
|
||||||
|
- id: COMM
|
||||||
|
value:
|
||||||
|
language: XXX
|
||||||
|
description: Comment
|
||||||
|
text: 'https://sakrecoer.com'
|
||||||
|
- id: TYER
|
||||||
|
value: '2010'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 3
|
||||||
|
of: 10
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: Roevhjaelmen
|
||||||
|
artists:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
artist: reSet Sakrecoer
|
||||||
|
albumartist: reSet Sakrecoer
|
||||||
|
composer:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
album: Psykedelisk Pop
|
||||||
|
genre:
|
||||||
|
- House
|
||||||
|
comment:
|
||||||
|
- 'https://sakrecoer.com'
|
||||||
|
year: 2010
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: Roevhjaelmen
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TPE2: reSet Sakrecoer
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TALB: Psykedelisk Pop
|
||||||
|
TRCK: 3/10
|
||||||
|
TCON: House
|
||||||
|
Comment: 'https://sakrecoer.com'
|
||||||
|
TYER: '2010'
|
||||||
|
all:
|
||||||
|
TIT2: Roevhjaelmen
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TPE2: reSet Sakrecoer
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TALB: Psykedelisk Pop
|
||||||
|
TRCK: 3/10
|
||||||
|
TCON: House
|
||||||
|
Comment: 'https://sakrecoer.com'
|
||||||
|
TYER: '2010'
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/psykedelisk-pop/4-it-s-all-over.mp3
|
||||||
|
audio: /assets/albums/psykedelisk-pop/4-it-s-all-over.mp3
|
||||||
|
slug: psykedelisk-pop/4-it-s-all-over
|
||||||
|
albumSlug: psykedelisk-pop
|
||||||
|
trackSlug: 4-it-s-all-over
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/psykedelisk-pop/4-it-s-all-over.jpeg
|
||||||
|
cover: /assets/albums/psykedelisk-pop/4-it-s-all-over.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 11700864
|
||||||
|
duration: 265.3257142857143
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: It's All Over
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TPE2
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TCOM
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TALB
|
||||||
|
value: Psykedelisk Pop
|
||||||
|
- id: TRCK
|
||||||
|
value: 4/10
|
||||||
|
- id: TCON
|
||||||
|
value: Emo
|
||||||
|
- id: COMM
|
||||||
|
value:
|
||||||
|
language: XXX
|
||||||
|
description: Comment
|
||||||
|
text: 'https://sakrecoer.com'
|
||||||
|
- id: TYER
|
||||||
|
value: '2010'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 4
|
||||||
|
of: 10
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: It's All Over
|
||||||
|
artists:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
artist: reSet Sakrecoer
|
||||||
|
albumartist: reSet Sakrecoer
|
||||||
|
composer:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
album: Psykedelisk Pop
|
||||||
|
genre:
|
||||||
|
- Emo
|
||||||
|
comment:
|
||||||
|
- 'https://sakrecoer.com'
|
||||||
|
year: 2010
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: It's All Over
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TPE2: reSet Sakrecoer
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TALB: Psykedelisk Pop
|
||||||
|
TRCK: 4/10
|
||||||
|
TCON: Emo
|
||||||
|
Comment: 'https://sakrecoer.com'
|
||||||
|
TYER: '2010'
|
||||||
|
all:
|
||||||
|
TIT2: It's All Over
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TPE2: reSet Sakrecoer
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TALB: Psykedelisk Pop
|
||||||
|
TRCK: 4/10
|
||||||
|
TCON: Emo
|
||||||
|
Comment: 'https://sakrecoer.com'
|
||||||
|
TYER: '2010'
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/psykedelisk-pop/5-luftboejning.mp3
|
||||||
|
audio: /assets/albums/psykedelisk-pop/5-luftboejning.mp3
|
||||||
|
slug: psykedelisk-pop/5-luftboejning
|
||||||
|
albumSlug: psykedelisk-pop
|
||||||
|
trackSlug: 5-luftboejning
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/psykedelisk-pop/5-luftboejning.jpeg
|
||||||
|
cover: /assets/albums/psykedelisk-pop/5-luftboejning.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 19203840
|
||||||
|
duration: 435.46122448979594
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: Luftboejning
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TPE2
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TCOM
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TALB
|
||||||
|
value: Psykedelisk Pop
|
||||||
|
- id: TRCK
|
||||||
|
value: 5/10
|
||||||
|
- id: TCON
|
||||||
|
value: Alternative Pop
|
||||||
|
- id: COMM
|
||||||
|
value:
|
||||||
|
language: XXX
|
||||||
|
description: Comment
|
||||||
|
text: 'https://sakrecoer.com'
|
||||||
|
- id: TYER
|
||||||
|
value: '2010'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 5
|
||||||
|
of: 10
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: Luftboejning
|
||||||
|
artists:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
artist: reSet Sakrecoer
|
||||||
|
albumartist: reSet Sakrecoer
|
||||||
|
composer:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
album: Psykedelisk Pop
|
||||||
|
genre:
|
||||||
|
- Alternative Pop
|
||||||
|
comment:
|
||||||
|
- 'https://sakrecoer.com'
|
||||||
|
year: 2010
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: Luftboejning
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TPE2: reSet Sakrecoer
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TALB: Psykedelisk Pop
|
||||||
|
TRCK: 5/10
|
||||||
|
TCON: Alternative Pop
|
||||||
|
Comment: 'https://sakrecoer.com'
|
||||||
|
TYER: '2010'
|
||||||
|
all:
|
||||||
|
TIT2: Luftboejning
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TPE2: reSet Sakrecoer
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TALB: Psykedelisk Pop
|
||||||
|
TRCK: 5/10
|
||||||
|
TCON: Alternative Pop
|
||||||
|
Comment: 'https://sakrecoer.com'
|
||||||
|
TYER: '2010'
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/psykedelisk-pop/6-itelligent-musik.mp3
|
||||||
|
audio: /assets/albums/psykedelisk-pop/6-itelligent-musik.mp3
|
||||||
|
slug: psykedelisk-pop/6-itelligent-musik
|
||||||
|
albumSlug: psykedelisk-pop
|
||||||
|
trackSlug: 6-itelligent-musik
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/psykedelisk-pop/6-itelligent-musik.jpeg
|
||||||
|
cover: /assets/albums/psykedelisk-pop/6-itelligent-musik.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 10062720
|
||||||
|
duration: 228.1795918367347
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: Itelligent Musik
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TPE2
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TCOM
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TALB
|
||||||
|
value: Psykedelisk Pop
|
||||||
|
- id: TRCK
|
||||||
|
value: 6/10
|
||||||
|
- id: TBPM
|
||||||
|
value: '127'
|
||||||
|
- id: TCON
|
||||||
|
value: Alternative Pop
|
||||||
|
- id: COMM
|
||||||
|
value:
|
||||||
|
language: XXX
|
||||||
|
description: Comment
|
||||||
|
text: 'https://sakrecoer.com'
|
||||||
|
- id: TYER
|
||||||
|
value: '2010'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 6
|
||||||
|
of: 10
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: Itelligent Musik
|
||||||
|
artists:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
artist: reSet Sakrecoer
|
||||||
|
albumartist: reSet Sakrecoer
|
||||||
|
composer:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
album: Psykedelisk Pop
|
||||||
|
bpm: '127'
|
||||||
|
genre:
|
||||||
|
- Alternative Pop
|
||||||
|
comment:
|
||||||
|
- 'https://sakrecoer.com'
|
||||||
|
year: 2010
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: Itelligent Musik
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TPE2: reSet Sakrecoer
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TALB: Psykedelisk Pop
|
||||||
|
TRCK: 6/10
|
||||||
|
TBPM: '127'
|
||||||
|
TCON: Alternative Pop
|
||||||
|
Comment: 'https://sakrecoer.com'
|
||||||
|
TYER: '2010'
|
||||||
|
all:
|
||||||
|
TIT2: Itelligent Musik
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TPE2: reSet Sakrecoer
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TALB: Psykedelisk Pop
|
||||||
|
TRCK: 6/10
|
||||||
|
TBPM: '127'
|
||||||
|
TCON: Alternative Pop
|
||||||
|
Comment: 'https://sakrecoer.com'
|
||||||
|
TYER: '2010'
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/psykedelisk-pop/7-alive.mp3
|
||||||
|
audio: /assets/albums/psykedelisk-pop/7-alive.mp3
|
||||||
|
slug: psykedelisk-pop/7-alive
|
||||||
|
albumSlug: psykedelisk-pop
|
||||||
|
trackSlug: 7-alive
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/psykedelisk-pop/7-alive.jpeg
|
||||||
|
cover: /assets/albums/psykedelisk-pop/7-alive.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 8669952
|
||||||
|
duration: 196.59755102040816
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: Alive
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TPE2
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TCOM
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TALB
|
||||||
|
value: Psykedelisk Pop
|
||||||
|
- id: TRCK
|
||||||
|
value: 7/10
|
||||||
|
- id: TBPM
|
||||||
|
value: '127'
|
||||||
|
- id: TCON
|
||||||
|
value: Alternative Pop
|
||||||
|
- id: COMM
|
||||||
|
value:
|
||||||
|
language: XXX
|
||||||
|
description: Comment
|
||||||
|
text: 'https://sakrecoer.com'
|
||||||
|
- id: TYER
|
||||||
|
value: '2010'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 7
|
||||||
|
of: 10
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: Alive
|
||||||
|
artists:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
artist: reSet Sakrecoer
|
||||||
|
albumartist: reSet Sakrecoer
|
||||||
|
composer:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
album: Psykedelisk Pop
|
||||||
|
bpm: '127'
|
||||||
|
genre:
|
||||||
|
- Alternative Pop
|
||||||
|
comment:
|
||||||
|
- 'https://sakrecoer.com'
|
||||||
|
year: 2010
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: Alive
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TPE2: reSet Sakrecoer
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TALB: Psykedelisk Pop
|
||||||
|
TRCK: 7/10
|
||||||
|
TBPM: '127'
|
||||||
|
TCON: Alternative Pop
|
||||||
|
Comment: 'https://sakrecoer.com'
|
||||||
|
TYER: '2010'
|
||||||
|
all:
|
||||||
|
TIT2: Alive
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TPE2: reSet Sakrecoer
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TALB: Psykedelisk Pop
|
||||||
|
TRCK: 7/10
|
||||||
|
TBPM: '127'
|
||||||
|
TCON: Alternative Pop
|
||||||
|
Comment: 'https://sakrecoer.com'
|
||||||
|
TYER: '2010'
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/psykedelisk-pop/8-invitiation-to-dance.mp3
|
||||||
|
audio: /assets/albums/psykedelisk-pop/8-invitiation-to-dance.mp3
|
||||||
|
slug: psykedelisk-pop/8-invitiation-to-dance
|
||||||
|
albumSlug: psykedelisk-pop
|
||||||
|
trackSlug: 8-invitiation-to-dance
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/psykedelisk-pop/8-invitiation-to-dance.jpeg
|
||||||
|
cover: /assets/albums/psykedelisk-pop/8-invitiation-to-dance.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 22284288
|
||||||
|
duration: 505.31265306122447
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: Invitiation To Dance
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TPE2
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TCOM
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TALB
|
||||||
|
value: Psykedelisk Pop
|
||||||
|
- id: TRCK
|
||||||
|
value: 8/10
|
||||||
|
- id: TBPM
|
||||||
|
value: '127'
|
||||||
|
- id: TCON
|
||||||
|
value: House
|
||||||
|
- id: COMM
|
||||||
|
value:
|
||||||
|
language: XXX
|
||||||
|
description: Comment
|
||||||
|
text: 'https://sakrecoer.com'
|
||||||
|
- id: TYER
|
||||||
|
value: '2010'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 8
|
||||||
|
of: 10
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: Invitiation To Dance
|
||||||
|
artists:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
artist: reSet Sakrecoer
|
||||||
|
albumartist: reSet Sakrecoer
|
||||||
|
composer:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
album: Psykedelisk Pop
|
||||||
|
bpm: '127'
|
||||||
|
genre:
|
||||||
|
- House
|
||||||
|
comment:
|
||||||
|
- 'https://sakrecoer.com'
|
||||||
|
year: 2010
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: Invitiation To Dance
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TPE2: reSet Sakrecoer
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TALB: Psykedelisk Pop
|
||||||
|
TRCK: 8/10
|
||||||
|
TBPM: '127'
|
||||||
|
TCON: House
|
||||||
|
Comment: 'https://sakrecoer.com'
|
||||||
|
TYER: '2010'
|
||||||
|
all:
|
||||||
|
TIT2: Invitiation To Dance
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TPE2: reSet Sakrecoer
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TALB: Psykedelisk Pop
|
||||||
|
TRCK: 8/10
|
||||||
|
TBPM: '127'
|
||||||
|
TCON: House
|
||||||
|
Comment: 'https://sakrecoer.com'
|
||||||
|
TYER: '2010'
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/psykedelisk-pop/9-drugs.mp3
|
||||||
|
audio: /assets/albums/psykedelisk-pop/9-drugs.mp3
|
||||||
|
slug: psykedelisk-pop/9-drugs
|
||||||
|
albumSlug: psykedelisk-pop
|
||||||
|
trackSlug: 9-drugs
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/psykedelisk-pop/9-drugs.jpeg
|
||||||
|
cover: /assets/albums/psykedelisk-pop/9-drugs.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 10166400
|
||||||
|
duration: 230.53061224489795
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: Drugs
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TPE2
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TCOM
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TALB
|
||||||
|
value: Psykedelisk Pop
|
||||||
|
- id: TRCK
|
||||||
|
value: 9/10
|
||||||
|
- id: TBPM
|
||||||
|
value: '127'
|
||||||
|
- id: TCON
|
||||||
|
value: Alternative Pop
|
||||||
|
- id: COMM
|
||||||
|
value:
|
||||||
|
language: XXX
|
||||||
|
description: Comment
|
||||||
|
text: 'https://sakrecoer.com'
|
||||||
|
- id: TYER
|
||||||
|
value: '2010'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 9
|
||||||
|
of: 10
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: Drugs
|
||||||
|
artists:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
artist: reSet Sakrecoer
|
||||||
|
albumartist: reSet Sakrecoer
|
||||||
|
composer:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
album: Psykedelisk Pop
|
||||||
|
bpm: '127'
|
||||||
|
genre:
|
||||||
|
- Alternative Pop
|
||||||
|
comment:
|
||||||
|
- 'https://sakrecoer.com'
|
||||||
|
year: 2010
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: Drugs
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TPE2: reSet Sakrecoer
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TALB: Psykedelisk Pop
|
||||||
|
TRCK: 9/10
|
||||||
|
TBPM: '127'
|
||||||
|
TCON: Alternative Pop
|
||||||
|
Comment: 'https://sakrecoer.com'
|
||||||
|
TYER: '2010'
|
||||||
|
all:
|
||||||
|
TIT2: Drugs
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TPE2: reSet Sakrecoer
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TALB: Psykedelisk Pop
|
||||||
|
TRCK: 9/10
|
||||||
|
TBPM: '127'
|
||||||
|
TCON: Alternative Pop
|
||||||
|
Comment: 'https://sakrecoer.com'
|
||||||
|
TYER: '2010'
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/psykedelisk-pop/10-hidden-track.mp3
|
||||||
|
audio: /assets/albums/psykedelisk-pop/10-hidden-track.mp3
|
||||||
|
slug: psykedelisk-pop/10-hidden-track
|
||||||
|
albumSlug: psykedelisk-pop
|
||||||
|
trackSlug: 10-hidden-track
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/psykedelisk-pop/10-hidden-track.jpeg
|
||||||
|
cover: /assets/albums/psykedelisk-pop/10-hidden-track.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 6984576
|
||||||
|
duration: 158.38040816326532
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: HIdden Track
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TPE2
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TCOM
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TALB
|
||||||
|
value: Psykedelisk Pop
|
||||||
|
- id: TRCK
|
||||||
|
value: 10/10
|
||||||
|
- id: TBPM
|
||||||
|
value: '127'
|
||||||
|
- id: TCON
|
||||||
|
value: Punk
|
||||||
|
- id: COMM
|
||||||
|
value:
|
||||||
|
language: XXX
|
||||||
|
description: Comment
|
||||||
|
text: 'https://sakrecoer.com'
|
||||||
|
- id: TYER
|
||||||
|
value: '2010'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 10
|
||||||
|
of: 10
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: HIdden Track
|
||||||
|
artists:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
artist: reSet Sakrecoer
|
||||||
|
albumartist: reSet Sakrecoer
|
||||||
|
composer:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
album: Psykedelisk Pop
|
||||||
|
bpm: '127'
|
||||||
|
genre:
|
||||||
|
- Punk
|
||||||
|
comment:
|
||||||
|
- 'https://sakrecoer.com'
|
||||||
|
year: 2010
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: HIdden Track
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TPE2: reSet Sakrecoer
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TALB: Psykedelisk Pop
|
||||||
|
TRCK: 10/10
|
||||||
|
TBPM: '127'
|
||||||
|
TCON: Punk
|
||||||
|
Comment: 'https://sakrecoer.com'
|
||||||
|
TYER: '2010'
|
||||||
|
all:
|
||||||
|
TIT2: HIdden Track
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TPE2: reSet Sakrecoer
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TALB: Psykedelisk Pop
|
||||||
|
TRCK: 10/10
|
||||||
|
TBPM: '127'
|
||||||
|
TCON: Punk
|
||||||
|
Comment: 'https://sakrecoer.com'
|
||||||
|
TYER: '2010'
|
||||||
|
---
|
||||||
636
_albums/qy70.md
Normal file
636
_albums/qy70.md
Normal file
|
|
@ -0,0 +1,636 @@
|
||||||
|
---
|
||||||
|
layout: album
|
||||||
|
slug: qy70
|
||||||
|
name: QY70
|
||||||
|
artists: reSet Sakrecoer
|
||||||
|
bitrate:
|
||||||
|
- 192000
|
||||||
|
- 160000
|
||||||
|
trackCount: 7
|
||||||
|
cover: /assets/albums/qy70/1-teknohard.jpeg
|
||||||
|
date: 2003-1-1
|
||||||
|
tracks:
|
||||||
|
- path: /home/set/git/sakrecoer/sakrecoer.com/assets/albums/qy70/1-teknohard.mp3
|
||||||
|
audio: /assets/albums/qy70/1-teknohard.mp3
|
||||||
|
slug: qy70/1-teknohard
|
||||||
|
albumSlug: qy70
|
||||||
|
trackSlug: 1-teknohard
|
||||||
|
coverPath: /home/set/git/sakrecoer/sakrecoer.com/assets/albums/qy70/1-teknohard.jpeg
|
||||||
|
cover: /assets/albums/qy70/1-teknohard.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.4
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 192000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 9752832
|
||||||
|
duration: 221.1526530612245
|
||||||
|
native:
|
||||||
|
ID3v2.4:
|
||||||
|
- id: TALB
|
||||||
|
value: QY70
|
||||||
|
- id: TDRC
|
||||||
|
value: '2003'
|
||||||
|
- id: TCON
|
||||||
|
value: Alternative Pop
|
||||||
|
- id: TIT2
|
||||||
|
value: Teknohard
|
||||||
|
- id: TCMP
|
||||||
|
value: ''
|
||||||
|
- id: TCOM
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TRCK
|
||||||
|
value: '1'
|
||||||
|
- id: COMM
|
||||||
|
value: &ref_0
|
||||||
|
language: eng
|
||||||
|
description: ''
|
||||||
|
text: 'https://sakrecoer.com (cc) licensed http://creativecommon.org'
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 1
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
album: QY70
|
||||||
|
year: 2003
|
||||||
|
date: '2003'
|
||||||
|
genre:
|
||||||
|
- Alternative Pop
|
||||||
|
title: Teknohard
|
||||||
|
compilation: ''
|
||||||
|
composer:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
comment:
|
||||||
|
- 'https://sakrecoer.com (cc) licensed http://creativecommon.org'
|
||||||
|
artists:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
artist: reSet Sakrecoer
|
||||||
|
transformed:
|
||||||
|
ID3v2.4:
|
||||||
|
TALB: QY70
|
||||||
|
TDRC: '2003'
|
||||||
|
TCON: Alternative Pop
|
||||||
|
TIT2: Teknohard
|
||||||
|
TCMP: ''
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TRCK: '1'
|
||||||
|
COMM: *ref_0
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
all:
|
||||||
|
TALB: QY70
|
||||||
|
TDRC: '2003'
|
||||||
|
TCON: Alternative Pop
|
||||||
|
TIT2: Teknohard
|
||||||
|
TCMP: ''
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TRCK: '1'
|
||||||
|
COMM: *ref_0
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/qy70/2-5oclock-feat-muji.mp3
|
||||||
|
audio: /assets/albums/qy70/2-5oclock-feat-muji.mp3
|
||||||
|
slug: qy70/2-5oclock-feat-muji
|
||||||
|
albumSlug: qy70
|
||||||
|
trackSlug: 2-5oclock-feat-muji
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/qy70/2-5oclock-feat-muji.jpeg
|
||||||
|
cover: /assets/albums/qy70/2-5oclock-feat-muji.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.4
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 192000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 13314816
|
||||||
|
duration: 301.92326530612246
|
||||||
|
native:
|
||||||
|
ID3v2.4:
|
||||||
|
- id: TALB
|
||||||
|
value: QY70
|
||||||
|
- id: TDRC
|
||||||
|
value: '2003'
|
||||||
|
- id: TCMP
|
||||||
|
value: ''
|
||||||
|
- id: TCON
|
||||||
|
value: Alternative Pop
|
||||||
|
- id: TIT2
|
||||||
|
value: 5oclock feat. muji
|
||||||
|
- id: TCOM
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TRCK
|
||||||
|
value: '2'
|
||||||
|
- id: COMM
|
||||||
|
value: &ref_1
|
||||||
|
language: eng
|
||||||
|
description: ''
|
||||||
|
text: 'https://sakrecoer.com (cc) licensed http://creativecommon.org'
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 2
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
album: QY70
|
||||||
|
year: 2003
|
||||||
|
date: '2003'
|
||||||
|
compilation: ''
|
||||||
|
genre:
|
||||||
|
- Alternative Pop
|
||||||
|
title: 5oclock feat. muji
|
||||||
|
composer:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
comment:
|
||||||
|
- 'https://sakrecoer.com (cc) licensed http://creativecommon.org'
|
||||||
|
artists:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
artist: reSet Sakrecoer
|
||||||
|
transformed:
|
||||||
|
ID3v2.4:
|
||||||
|
TALB: QY70
|
||||||
|
TDRC: '2003'
|
||||||
|
TCMP: ''
|
||||||
|
TCON: Alternative Pop
|
||||||
|
TIT2: 5oclock feat. muji
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TRCK: '2'
|
||||||
|
COMM: *ref_1
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
all:
|
||||||
|
TALB: QY70
|
||||||
|
TDRC: '2003'
|
||||||
|
TCMP: ''
|
||||||
|
TCON: Alternative Pop
|
||||||
|
TIT2: 5oclock feat. muji
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TRCK: '2'
|
||||||
|
COMM: *ref_1
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/qy70/3-teknoidskalle.mp3
|
||||||
|
audio: /assets/albums/qy70/3-teknoidskalle.mp3
|
||||||
|
slug: qy70/3-teknoidskalle
|
||||||
|
albumSlug: qy70
|
||||||
|
trackSlug: 3-teknoidskalle
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/qy70/3-teknoidskalle.jpeg
|
||||||
|
cover: /assets/albums/qy70/3-teknoidskalle.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.4
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 192000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 9130752
|
||||||
|
duration: 207.0465306122449
|
||||||
|
native:
|
||||||
|
ID3v2.4:
|
||||||
|
- id: TDRC
|
||||||
|
value: '2003'
|
||||||
|
- id: TIT2
|
||||||
|
value: Teknoidskalle
|
||||||
|
- id: TALB
|
||||||
|
value: QY70
|
||||||
|
- id: TCON
|
||||||
|
value: Alternative Pop
|
||||||
|
- id: TCMP
|
||||||
|
value: ''
|
||||||
|
- id: TCOM
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TRCK
|
||||||
|
value: '3'
|
||||||
|
- id: COMM
|
||||||
|
value: &ref_2
|
||||||
|
language: eng
|
||||||
|
description: ''
|
||||||
|
text: 'https://sakrecoer.com (cc) licensed http://creativecommon.org'
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 3
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
year: 2003
|
||||||
|
date: '2003'
|
||||||
|
title: Teknoidskalle
|
||||||
|
album: QY70
|
||||||
|
genre:
|
||||||
|
- Alternative Pop
|
||||||
|
compilation: ''
|
||||||
|
composer:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
comment:
|
||||||
|
- 'https://sakrecoer.com (cc) licensed http://creativecommon.org'
|
||||||
|
artists:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
artist: reSet Sakrecoer
|
||||||
|
transformed:
|
||||||
|
ID3v2.4:
|
||||||
|
TDRC: '2003'
|
||||||
|
TIT2: Teknoidskalle
|
||||||
|
TALB: QY70
|
||||||
|
TCON: Alternative Pop
|
||||||
|
TCMP: ''
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TRCK: '3'
|
||||||
|
COMM: *ref_2
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
all:
|
||||||
|
TDRC: '2003'
|
||||||
|
TIT2: Teknoidskalle
|
||||||
|
TALB: QY70
|
||||||
|
TCON: Alternative Pop
|
||||||
|
TCMP: ''
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TRCK: '3'
|
||||||
|
COMM: *ref_2
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/qy70/4-rapdukab-feat-mans1.mp3
|
||||||
|
audio: /assets/albums/qy70/4-rapdukab-feat-mans1.mp3
|
||||||
|
slug: qy70/4-rapdukab-feat-mans1
|
||||||
|
albumSlug: qy70
|
||||||
|
trackSlug: 4-rapdukab-feat-mans1
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/qy70/4-rapdukab-feat-mans1.jpeg
|
||||||
|
cover: /assets/albums/qy70/4-rapdukab-feat-mans1.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.4
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 192000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 9965952
|
||||||
|
duration: 225.98530612244897
|
||||||
|
native:
|
||||||
|
ID3v2.4:
|
||||||
|
- id: TALB
|
||||||
|
value: QY70
|
||||||
|
- id: TDRC
|
||||||
|
value: '2003'
|
||||||
|
- id: TCON
|
||||||
|
value: Alternative Pop
|
||||||
|
- id: TIT2
|
||||||
|
value: Rapdukab feat. Mans1
|
||||||
|
- id: TCMP
|
||||||
|
value: ''
|
||||||
|
- id: TCOM
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TRCK
|
||||||
|
value: '4'
|
||||||
|
- id: COMM
|
||||||
|
value: &ref_3
|
||||||
|
language: eng
|
||||||
|
description: ''
|
||||||
|
text: 'https://sakrecoer.com (cc) licensed http://creativecommon.org'
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 4
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
album: QY70
|
||||||
|
year: 2003
|
||||||
|
date: '2003'
|
||||||
|
genre:
|
||||||
|
- Alternative Pop
|
||||||
|
title: Rapdukab feat. Mans1
|
||||||
|
compilation: ''
|
||||||
|
composer:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
comment:
|
||||||
|
- 'https://sakrecoer.com (cc) licensed http://creativecommon.org'
|
||||||
|
artists:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
artist: reSet Sakrecoer
|
||||||
|
transformed:
|
||||||
|
ID3v2.4:
|
||||||
|
TALB: QY70
|
||||||
|
TDRC: '2003'
|
||||||
|
TCON: Alternative Pop
|
||||||
|
TIT2: Rapdukab feat. Mans1
|
||||||
|
TCMP: ''
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TRCK: '4'
|
||||||
|
COMM: *ref_3
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
all:
|
||||||
|
TALB: QY70
|
||||||
|
TDRC: '2003'
|
||||||
|
TCON: Alternative Pop
|
||||||
|
TIT2: Rapdukab feat. Mans1
|
||||||
|
TCMP: ''
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TRCK: '4'
|
||||||
|
COMM: *ref_3
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/qy70/5-koetochblod-rubabdub.mp3
|
||||||
|
audio: /assets/albums/qy70/5-koetochblod-rubabdub.mp3
|
||||||
|
slug: qy70/5-koetochblod-rubabdub
|
||||||
|
albumSlug: qy70
|
||||||
|
trackSlug: 5-koetochblod-rubabdub
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/qy70/5-koetochblod-rubabdub.jpeg
|
||||||
|
cover: /assets/albums/qy70/5-koetochblod-rubabdub.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.4
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 192000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 10585728
|
||||||
|
duration: 240.03918367346938
|
||||||
|
native:
|
||||||
|
ID3v2.4:
|
||||||
|
- id: TALB
|
||||||
|
value: QY70
|
||||||
|
- id: TDRC
|
||||||
|
value: '2003'
|
||||||
|
- id: TCMP
|
||||||
|
value: ''
|
||||||
|
- id: TIT2
|
||||||
|
value: Koetochblod Rubabdub
|
||||||
|
- id: TCON
|
||||||
|
value: Alternative Pop
|
||||||
|
- id: TCOM
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TRCK
|
||||||
|
value: '5'
|
||||||
|
- id: COMM
|
||||||
|
value: &ref_4
|
||||||
|
language: eng
|
||||||
|
description: ''
|
||||||
|
text: 'https://sakrecoer.com (cc) licensed http://creativecommon.org'
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 5
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
album: QY70
|
||||||
|
year: 2003
|
||||||
|
date: '2003'
|
||||||
|
compilation: ''
|
||||||
|
title: Koetochblod Rubabdub
|
||||||
|
genre:
|
||||||
|
- Alternative Pop
|
||||||
|
composer:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
comment:
|
||||||
|
- 'https://sakrecoer.com (cc) licensed http://creativecommon.org'
|
||||||
|
artists:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
artist: reSet Sakrecoer
|
||||||
|
transformed:
|
||||||
|
ID3v2.4:
|
||||||
|
TALB: QY70
|
||||||
|
TDRC: '2003'
|
||||||
|
TCMP: ''
|
||||||
|
TIT2: Koetochblod Rubabdub
|
||||||
|
TCON: Alternative Pop
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TRCK: '5'
|
||||||
|
COMM: *ref_4
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
all:
|
||||||
|
TALB: QY70
|
||||||
|
TDRC: '2003'
|
||||||
|
TCMP: ''
|
||||||
|
TIT2: Koetochblod Rubabdub
|
||||||
|
TCON: Alternative Pop
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TRCK: '5'
|
||||||
|
COMM: *ref_4
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/qy70/6-inner-city-blues.mp3
|
||||||
|
audio: /assets/albums/qy70/6-inner-city-blues.mp3
|
||||||
|
slug: qy70/6-inner-city-blues
|
||||||
|
albumSlug: qy70
|
||||||
|
trackSlug: 6-inner-city-blues
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/qy70/6-inner-city-blues.jpeg
|
||||||
|
cover: /assets/albums/qy70/6-inner-city-blues.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.4
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 160000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 7013376
|
||||||
|
duration: 159.0334693877551
|
||||||
|
native:
|
||||||
|
ID3v2.4:
|
||||||
|
- id: TALB
|
||||||
|
value: QY70
|
||||||
|
- id: TDRC
|
||||||
|
value: '2003'
|
||||||
|
- id: TCMP
|
||||||
|
value: ''
|
||||||
|
- id: TCON
|
||||||
|
value: Alternative Pop
|
||||||
|
- id: TCOM
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TIT2
|
||||||
|
value: Inner City Blues
|
||||||
|
- id: TRCK
|
||||||
|
value: '6'
|
||||||
|
- id: COMM
|
||||||
|
value: &ref_5
|
||||||
|
language: eng
|
||||||
|
description: ''
|
||||||
|
text: 'https://sakrecoer.com (cc) licensed http://creativecommon.org'
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 6
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
album: QY70
|
||||||
|
year: 2003
|
||||||
|
date: '2003'
|
||||||
|
compilation: ''
|
||||||
|
genre:
|
||||||
|
- Alternative Pop
|
||||||
|
composer:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
title: Inner City Blues
|
||||||
|
comment:
|
||||||
|
- 'https://sakrecoer.com (cc) licensed http://creativecommon.org'
|
||||||
|
artists:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
artist: reSet Sakrecoer
|
||||||
|
transformed:
|
||||||
|
ID3v2.4:
|
||||||
|
TALB: QY70
|
||||||
|
TDRC: '2003'
|
||||||
|
TCMP: ''
|
||||||
|
TCON: Alternative Pop
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TIT2: Inner City Blues
|
||||||
|
TRCK: '6'
|
||||||
|
COMM: *ref_5
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
all:
|
||||||
|
TALB: QY70
|
||||||
|
TDRC: '2003'
|
||||||
|
TCMP: ''
|
||||||
|
TCON: Alternative Pop
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TIT2: Inner City Blues
|
||||||
|
TRCK: '6'
|
||||||
|
COMM: *ref_5
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/qy70/7-les-filles-des-quartiers-chics-feat-jonction-boys.mp3
|
||||||
|
audio: >-
|
||||||
|
/assets/albums/qy70/7-les-filles-des-quartiers-chics-feat-jonction-boys.mp3
|
||||||
|
slug: qy70/7-les-filles-des-quartiers-chics-feat-jonction-boys
|
||||||
|
albumSlug: qy70
|
||||||
|
trackSlug: 7-les-filles-des-quartiers-chics-feat-jonction-boys
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/qy70/7-les-filles-des-quartiers-chics-feat-jonction-boys.jpeg
|
||||||
|
cover: >-
|
||||||
|
/assets/albums/qy70/7-les-filles-des-quartiers-chics-feat-jonction-boys.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.4
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 192000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 10674432
|
||||||
|
duration: 242.05061224489796
|
||||||
|
native:
|
||||||
|
ID3v2.4:
|
||||||
|
- id: TIT2
|
||||||
|
value: Les Filles Des Quartiers Chics feat. Jonction Boys
|
||||||
|
- id: TALB
|
||||||
|
value: QY70
|
||||||
|
- id: TDRC
|
||||||
|
value: '2003'
|
||||||
|
- id: TCON
|
||||||
|
value: Alternative Pop
|
||||||
|
- id: TCMP
|
||||||
|
value: ''
|
||||||
|
- id: TCOM
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TRCK
|
||||||
|
value: '7'
|
||||||
|
- id: COMM
|
||||||
|
value: &ref_6
|
||||||
|
language: eng
|
||||||
|
description: ''
|
||||||
|
text: 'https://sakrecoer.com (cc) licensed http://creativecommon.org'
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 7
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: Les Filles Des Quartiers Chics feat. Jonction Boys
|
||||||
|
album: QY70
|
||||||
|
year: 2003
|
||||||
|
date: '2003'
|
||||||
|
genre:
|
||||||
|
- Alternative Pop
|
||||||
|
compilation: ''
|
||||||
|
composer:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
comment:
|
||||||
|
- 'https://sakrecoer.com (cc) licensed http://creativecommon.org'
|
||||||
|
artists:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
artist: reSet Sakrecoer
|
||||||
|
transformed:
|
||||||
|
ID3v2.4:
|
||||||
|
TIT2: Les Filles Des Quartiers Chics feat. Jonction Boys
|
||||||
|
TALB: QY70
|
||||||
|
TDRC: '2003'
|
||||||
|
TCON: Alternative Pop
|
||||||
|
TCMP: ''
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TRCK: '7'
|
||||||
|
COMM: *ref_6
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
all:
|
||||||
|
TIT2: Les Filles Des Quartiers Chics feat. Jonction Boys
|
||||||
|
TALB: QY70
|
||||||
|
TDRC: '2003'
|
||||||
|
TCON: Alternative Pop
|
||||||
|
TCMP: ''
|
||||||
|
TCOM: reSet Sakrecoer
|
||||||
|
TRCK: '7'
|
||||||
|
COMM: *ref_6
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
---
|
||||||
901
_albums/santas-audioserver.md
Normal file
901
_albums/santas-audioserver.md
Normal file
|
|
@ -0,0 +1,901 @@
|
||||||
|
---
|
||||||
|
layout: album
|
||||||
|
slug: santas-audioserver
|
||||||
|
name: Santas Audioserver
|
||||||
|
artists: reSet
|
||||||
|
bitrate: 128000
|
||||||
|
trackCount: 12
|
||||||
|
cover: /assets/albums/santas-audioserver/1-what-love-makes-me-do.jpeg
|
||||||
|
date: 2004-1-1
|
||||||
|
tracks:
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/santas-audioserver/1-what-love-makes-me-do.mp3
|
||||||
|
audio: /assets/albums/santas-audioserver/1-what-love-makes-me-do.mp3
|
||||||
|
slug: santas-audioserver/1-what-love-makes-me-do
|
||||||
|
albumSlug: santas-audioserver
|
||||||
|
trackSlug: 1-what-love-makes-me-do
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/santas-audioserver/1-what-love-makes-me-do.jpeg
|
||||||
|
cover: /assets/albums/santas-audioserver/1-what-love-makes-me-do.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 8732160
|
||||||
|
duration: 198.0081632653061
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: What Love Makes Me Do
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet
|
||||||
|
- id: TALB
|
||||||
|
value: Santas Audioserver
|
||||||
|
- id: TRCK
|
||||||
|
value: '1'
|
||||||
|
- id: TCON
|
||||||
|
value: Electro
|
||||||
|
- id: TPUB
|
||||||
|
value: Villa Magica Records
|
||||||
|
- id: TYER
|
||||||
|
value: '2004'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 1
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: What Love Makes Me Do
|
||||||
|
artists:
|
||||||
|
- reSet
|
||||||
|
artist: reSet
|
||||||
|
album: Santas Audioserver
|
||||||
|
genre:
|
||||||
|
- Electro
|
||||||
|
label:
|
||||||
|
- Villa Magica Records
|
||||||
|
year: 2004
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: What Love Makes Me Do
|
||||||
|
TPE1: reSet
|
||||||
|
TALB: Santas Audioserver
|
||||||
|
TRCK: '1'
|
||||||
|
TCON: Electro
|
||||||
|
TPUB: Villa Magica Records
|
||||||
|
TYER: '2004'
|
||||||
|
all:
|
||||||
|
TIT2: What Love Makes Me Do
|
||||||
|
TPE1: reSet
|
||||||
|
TALB: Santas Audioserver
|
||||||
|
TRCK: '1'
|
||||||
|
TCON: Electro
|
||||||
|
TPUB: Villa Magica Records
|
||||||
|
TYER: '2004'
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/santas-audioserver/2-allein-in-das-all.mp3
|
||||||
|
audio: /assets/albums/santas-audioserver/2-allein-in-das-all.mp3
|
||||||
|
slug: santas-audioserver/2-allein-in-das-all
|
||||||
|
albumSlug: santas-audioserver
|
||||||
|
trackSlug: 2-allein-in-das-all
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/santas-audioserver/2-allein-in-das-all.jpeg
|
||||||
|
cover: /assets/albums/santas-audioserver/2-allein-in-das-all.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 7455744
|
||||||
|
duration: 169.06448979591838
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: Allein In Das All
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet
|
||||||
|
- id: TALB
|
||||||
|
value: Santas Audioserver
|
||||||
|
- id: TRCK
|
||||||
|
value: '2'
|
||||||
|
- id: TCON
|
||||||
|
value: Electro
|
||||||
|
- id: TPUB
|
||||||
|
value: Villa Magica Records
|
||||||
|
- id: TYER
|
||||||
|
value: '2004'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 2
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: Allein In Das All
|
||||||
|
artists:
|
||||||
|
- reSet
|
||||||
|
artist: reSet
|
||||||
|
album: Santas Audioserver
|
||||||
|
genre:
|
||||||
|
- Electro
|
||||||
|
label:
|
||||||
|
- Villa Magica Records
|
||||||
|
year: 2004
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: Allein In Das All
|
||||||
|
TPE1: reSet
|
||||||
|
TALB: Santas Audioserver
|
||||||
|
TRCK: '2'
|
||||||
|
TCON: Electro
|
||||||
|
TPUB: Villa Magica Records
|
||||||
|
TYER: '2004'
|
||||||
|
all:
|
||||||
|
TIT2: Allein In Das All
|
||||||
|
TPE1: reSet
|
||||||
|
TALB: Santas Audioserver
|
||||||
|
TRCK: '2'
|
||||||
|
TCON: Electro
|
||||||
|
TPUB: Villa Magica Records
|
||||||
|
TYER: '2004'
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/santas-audioserver/3-you-and-me.mp3
|
||||||
|
audio: /assets/albums/santas-audioserver/3-you-and-me.mp3
|
||||||
|
slug: santas-audioserver/3-you-and-me
|
||||||
|
albumSlug: santas-audioserver
|
||||||
|
trackSlug: 3-you-and-me
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/santas-audioserver/3-you-and-me.jpeg
|
||||||
|
cover: /assets/albums/santas-audioserver/3-you-and-me.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 10666368
|
||||||
|
duration: 241.8677551020408
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: You And Me
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet
|
||||||
|
- id: TALB
|
||||||
|
value: Santas Audioserver
|
||||||
|
- id: TRCK
|
||||||
|
value: '3'
|
||||||
|
- id: TCON
|
||||||
|
value: Electro
|
||||||
|
- id: TPUB
|
||||||
|
value: Villa Magica Records
|
||||||
|
- id: TYER
|
||||||
|
value: '2004'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 3
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: You And Me
|
||||||
|
artists:
|
||||||
|
- reSet
|
||||||
|
artist: reSet
|
||||||
|
album: Santas Audioserver
|
||||||
|
genre:
|
||||||
|
- Electro
|
||||||
|
label:
|
||||||
|
- Villa Magica Records
|
||||||
|
year: 2004
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: You And Me
|
||||||
|
TPE1: reSet
|
||||||
|
TALB: Santas Audioserver
|
||||||
|
TRCK: '3'
|
||||||
|
TCON: Electro
|
||||||
|
TPUB: Villa Magica Records
|
||||||
|
TYER: '2004'
|
||||||
|
all:
|
||||||
|
TIT2: You And Me
|
||||||
|
TPE1: reSet
|
||||||
|
TALB: Santas Audioserver
|
||||||
|
TRCK: '3'
|
||||||
|
TCON: Electro
|
||||||
|
TPUB: Villa Magica Records
|
||||||
|
TYER: '2004'
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/santas-audioserver/4-you-and-me-ii.mp3
|
||||||
|
audio: /assets/albums/santas-audioserver/4-you-and-me-ii.mp3
|
||||||
|
slug: santas-audioserver/4-you-and-me-ii
|
||||||
|
albumSlug: santas-audioserver
|
||||||
|
trackSlug: 4-you-and-me-ii
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/santas-audioserver/4-you-and-me-ii.jpeg
|
||||||
|
cover: /assets/albums/santas-audioserver/4-you-and-me-ii.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 10688256
|
||||||
|
duration: 242.36408163265307
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: You And Me II
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet
|
||||||
|
- id: TALB
|
||||||
|
value: Santas Audioserver
|
||||||
|
- id: TRCK
|
||||||
|
value: '4'
|
||||||
|
- id: TCON
|
||||||
|
value: Electro
|
||||||
|
- id: TPUB
|
||||||
|
value: Villa Magica Records
|
||||||
|
- id: TYER
|
||||||
|
value: '2004'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 4
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: You And Me II
|
||||||
|
artists:
|
||||||
|
- reSet
|
||||||
|
artist: reSet
|
||||||
|
album: Santas Audioserver
|
||||||
|
genre:
|
||||||
|
- Electro
|
||||||
|
label:
|
||||||
|
- Villa Magica Records
|
||||||
|
year: 2004
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: You And Me II
|
||||||
|
TPE1: reSet
|
||||||
|
TALB: Santas Audioserver
|
||||||
|
TRCK: '4'
|
||||||
|
TCON: Electro
|
||||||
|
TPUB: Villa Magica Records
|
||||||
|
TYER: '2004'
|
||||||
|
all:
|
||||||
|
TIT2: You And Me II
|
||||||
|
TPE1: reSet
|
||||||
|
TALB: Santas Audioserver
|
||||||
|
TRCK: '4'
|
||||||
|
TCON: Electro
|
||||||
|
TPUB: Villa Magica Records
|
||||||
|
TYER: '2004'
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/santas-audioserver/5-not-pissed-happy.mp3
|
||||||
|
audio: /assets/albums/santas-audioserver/5-not-pissed-happy.mp3
|
||||||
|
slug: santas-audioserver/5-not-pissed-happy
|
||||||
|
albumSlug: santas-audioserver
|
||||||
|
trackSlug: 5-not-pissed-happy
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/santas-audioserver/5-not-pissed-happy.jpeg
|
||||||
|
cover: /assets/albums/santas-audioserver/5-not-pissed-happy.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 10251648
|
||||||
|
duration: 232.46367346938774
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: 'Not Pissed, Happy'
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet
|
||||||
|
- id: TALB
|
||||||
|
value: Santas Audioserver
|
||||||
|
- id: TRCK
|
||||||
|
value: '5'
|
||||||
|
- id: TCON
|
||||||
|
value: Electro
|
||||||
|
- id: TPUB
|
||||||
|
value: Villa Magica Records
|
||||||
|
- id: TYER
|
||||||
|
value: '2004'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 5
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: 'Not Pissed, Happy'
|
||||||
|
artists:
|
||||||
|
- reSet
|
||||||
|
artist: reSet
|
||||||
|
album: Santas Audioserver
|
||||||
|
genre:
|
||||||
|
- Electro
|
||||||
|
label:
|
||||||
|
- Villa Magica Records
|
||||||
|
year: 2004
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: 'Not Pissed, Happy'
|
||||||
|
TPE1: reSet
|
||||||
|
TALB: Santas Audioserver
|
||||||
|
TRCK: '5'
|
||||||
|
TCON: Electro
|
||||||
|
TPUB: Villa Magica Records
|
||||||
|
TYER: '2004'
|
||||||
|
all:
|
||||||
|
TIT2: 'Not Pissed, Happy'
|
||||||
|
TPE1: reSet
|
||||||
|
TALB: Santas Audioserver
|
||||||
|
TRCK: '5'
|
||||||
|
TCON: Electro
|
||||||
|
TPUB: Villa Magica Records
|
||||||
|
TYER: '2004'
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/santas-audioserver/6-dance-you.mp3
|
||||||
|
audio: /assets/albums/santas-audioserver/6-dance-you.mp3
|
||||||
|
slug: santas-audioserver/6-dance-you
|
||||||
|
albumSlug: santas-audioserver
|
||||||
|
trackSlug: 6-dance-you
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/santas-audioserver/6-dance-you.jpeg
|
||||||
|
cover: /assets/albums/santas-audioserver/6-dance-you.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 7276032
|
||||||
|
duration: 164.98938775510203
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: Dance You
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet
|
||||||
|
- id: TALB
|
||||||
|
value: Santas Audioserver
|
||||||
|
- id: TRCK
|
||||||
|
value: '6'
|
||||||
|
- id: TCON
|
||||||
|
value: Electro
|
||||||
|
- id: TPUB
|
||||||
|
value: Villa Magica Records
|
||||||
|
- id: TYER
|
||||||
|
value: '2004'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 6
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: Dance You
|
||||||
|
artists:
|
||||||
|
- reSet
|
||||||
|
artist: reSet
|
||||||
|
album: Santas Audioserver
|
||||||
|
genre:
|
||||||
|
- Electro
|
||||||
|
label:
|
||||||
|
- Villa Magica Records
|
||||||
|
year: 2004
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: Dance You
|
||||||
|
TPE1: reSet
|
||||||
|
TALB: Santas Audioserver
|
||||||
|
TRCK: '6'
|
||||||
|
TCON: Electro
|
||||||
|
TPUB: Villa Magica Records
|
||||||
|
TYER: '2004'
|
||||||
|
all:
|
||||||
|
TIT2: Dance You
|
||||||
|
TPE1: reSet
|
||||||
|
TALB: Santas Audioserver
|
||||||
|
TRCK: '6'
|
||||||
|
TCON: Electro
|
||||||
|
TPUB: Villa Magica Records
|
||||||
|
TYER: '2004'
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/santas-audioserver/7-what-love-makes-me-do-bad-ass-mix-.mp3
|
||||||
|
audio: /assets/albums/santas-audioserver/7-what-love-makes-me-do-bad-ass-mix-.mp3
|
||||||
|
slug: santas-audioserver/7-what-love-makes-me-do-bad-ass-mix-
|
||||||
|
albumSlug: santas-audioserver
|
||||||
|
trackSlug: 7-what-love-makes-me-do-bad-ass-mix-
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/santas-audioserver/7-what-love-makes-me-do-bad-ass-mix-.jpeg
|
||||||
|
cover: >-
|
||||||
|
/assets/albums/santas-audioserver/7-what-love-makes-me-do-bad-ass-mix-.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 12503808
|
||||||
|
duration: 283.5330612244898
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: What Love Makes Me Do (Bad Ass Mix)
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet
|
||||||
|
- id: TALB
|
||||||
|
value: Santas Audioserver
|
||||||
|
- id: TRCK
|
||||||
|
value: '7'
|
||||||
|
- id: TCON
|
||||||
|
value: Electro
|
||||||
|
- id: TPUB
|
||||||
|
value: Villa Magica Records
|
||||||
|
- id: TYER
|
||||||
|
value: '2004'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 7
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: What Love Makes Me Do (Bad Ass Mix)
|
||||||
|
artists:
|
||||||
|
- reSet
|
||||||
|
artist: reSet
|
||||||
|
album: Santas Audioserver
|
||||||
|
genre:
|
||||||
|
- Electro
|
||||||
|
label:
|
||||||
|
- Villa Magica Records
|
||||||
|
year: 2004
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: What Love Makes Me Do (Bad Ass Mix)
|
||||||
|
TPE1: reSet
|
||||||
|
TALB: Santas Audioserver
|
||||||
|
TRCK: '7'
|
||||||
|
TCON: Electro
|
||||||
|
TPUB: Villa Magica Records
|
||||||
|
TYER: '2004'
|
||||||
|
all:
|
||||||
|
TIT2: What Love Makes Me Do (Bad Ass Mix)
|
||||||
|
TPE1: reSet
|
||||||
|
TALB: Santas Audioserver
|
||||||
|
TRCK: '7'
|
||||||
|
TCON: Electro
|
||||||
|
TPUB: Villa Magica Records
|
||||||
|
TYER: '2004'
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/santas-audioserver/8-glaub-kein-wort.mp3
|
||||||
|
audio: /assets/albums/santas-audioserver/8-glaub-kein-wort.mp3
|
||||||
|
slug: santas-audioserver/8-glaub-kein-wort
|
||||||
|
albumSlug: santas-audioserver
|
||||||
|
trackSlug: 8-glaub-kein-wort
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/santas-audioserver/8-glaub-kein-wort.jpeg
|
||||||
|
cover: /assets/albums/santas-audioserver/8-glaub-kein-wort.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 12769920
|
||||||
|
duration: 289.56734693877553
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: Glaub Kein Wort
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet
|
||||||
|
- id: TALB
|
||||||
|
value: Santas Audioserver
|
||||||
|
- id: TRCK
|
||||||
|
value: '8'
|
||||||
|
- id: TCON
|
||||||
|
value: Electro
|
||||||
|
- id: TPUB
|
||||||
|
value: Villa Magica Records
|
||||||
|
- id: TYER
|
||||||
|
value: '2004'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 8
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: Glaub Kein Wort
|
||||||
|
artists:
|
||||||
|
- reSet
|
||||||
|
artist: reSet
|
||||||
|
album: Santas Audioserver
|
||||||
|
genre:
|
||||||
|
- Electro
|
||||||
|
label:
|
||||||
|
- Villa Magica Records
|
||||||
|
year: 2004
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: Glaub Kein Wort
|
||||||
|
TPE1: reSet
|
||||||
|
TALB: Santas Audioserver
|
||||||
|
TRCK: '8'
|
||||||
|
TCON: Electro
|
||||||
|
TPUB: Villa Magica Records
|
||||||
|
TYER: '2004'
|
||||||
|
all:
|
||||||
|
TIT2: Glaub Kein Wort
|
||||||
|
TPE1: reSet
|
||||||
|
TALB: Santas Audioserver
|
||||||
|
TRCK: '8'
|
||||||
|
TCON: Electro
|
||||||
|
TPUB: Villa Magica Records
|
||||||
|
TYER: '2004'
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/santas-audioserver/9-liar.mp3
|
||||||
|
audio: /assets/albums/santas-audioserver/9-liar.mp3
|
||||||
|
slug: santas-audioserver/9-liar
|
||||||
|
albumSlug: santas-audioserver
|
||||||
|
trackSlug: 9-liar
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/santas-audioserver/9-liar.jpeg
|
||||||
|
cover: /assets/albums/santas-audioserver/9-liar.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 12433536
|
||||||
|
duration: 281.9395918367347
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: Liar
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet
|
||||||
|
- id: TALB
|
||||||
|
value: Santas Audioserver
|
||||||
|
- id: TRCK
|
||||||
|
value: '9'
|
||||||
|
- id: TCON
|
||||||
|
value: Electro
|
||||||
|
- id: TPUB
|
||||||
|
value: Villa Magica Records
|
||||||
|
- id: TYER
|
||||||
|
value: '2004'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 9
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: Liar
|
||||||
|
artists:
|
||||||
|
- reSet
|
||||||
|
artist: reSet
|
||||||
|
album: Santas Audioserver
|
||||||
|
genre:
|
||||||
|
- Electro
|
||||||
|
label:
|
||||||
|
- Villa Magica Records
|
||||||
|
year: 2004
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: Liar
|
||||||
|
TPE1: reSet
|
||||||
|
TALB: Santas Audioserver
|
||||||
|
TRCK: '9'
|
||||||
|
TCON: Electro
|
||||||
|
TPUB: Villa Magica Records
|
||||||
|
TYER: '2004'
|
||||||
|
all:
|
||||||
|
TIT2: Liar
|
||||||
|
TPE1: reSet
|
||||||
|
TALB: Santas Audioserver
|
||||||
|
TRCK: '9'
|
||||||
|
TCON: Electro
|
||||||
|
TPUB: Villa Magica Records
|
||||||
|
TYER: '2004'
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/santas-audioserver/10-santa-simulator.mp3
|
||||||
|
audio: /assets/albums/santas-audioserver/10-santa-simulator.mp3
|
||||||
|
slug: santas-audioserver/10-santa-simulator
|
||||||
|
albumSlug: santas-audioserver
|
||||||
|
trackSlug: 10-santa-simulator
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/santas-audioserver/10-santa-simulator.jpeg
|
||||||
|
cover: /assets/albums/santas-audioserver/10-santa-simulator.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 10356480
|
||||||
|
duration: 234.84081632653061
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: Santa Simulator
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet
|
||||||
|
- id: TALB
|
||||||
|
value: Santas Audioserver
|
||||||
|
- id: TRCK
|
||||||
|
value: '10'
|
||||||
|
- id: TCON
|
||||||
|
value: Electro
|
||||||
|
- id: TPUB
|
||||||
|
value: Villa Magica Records
|
||||||
|
- id: TYER
|
||||||
|
value: '2004'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 10
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: Santa Simulator
|
||||||
|
artists:
|
||||||
|
- reSet
|
||||||
|
artist: reSet
|
||||||
|
album: Santas Audioserver
|
||||||
|
genre:
|
||||||
|
- Electro
|
||||||
|
label:
|
||||||
|
- Villa Magica Records
|
||||||
|
year: 2004
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: Santa Simulator
|
||||||
|
TPE1: reSet
|
||||||
|
TALB: Santas Audioserver
|
||||||
|
TRCK: '10'
|
||||||
|
TCON: Electro
|
||||||
|
TPUB: Villa Magica Records
|
||||||
|
TYER: '2004'
|
||||||
|
all:
|
||||||
|
TIT2: Santa Simulator
|
||||||
|
TPE1: reSet
|
||||||
|
TALB: Santas Audioserver
|
||||||
|
TRCK: '10'
|
||||||
|
TCON: Electro
|
||||||
|
TPUB: Villa Magica Records
|
||||||
|
TYER: '2004'
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/santas-audioserver/11-tracker-upfront.mp3
|
||||||
|
audio: /assets/albums/santas-audioserver/11-tracker-upfront.mp3
|
||||||
|
slug: santas-audioserver/11-tracker-upfront
|
||||||
|
albumSlug: santas-audioserver
|
||||||
|
trackSlug: 11-tracker-upfront
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/santas-audioserver/11-tracker-upfront.jpeg
|
||||||
|
cover: /assets/albums/santas-audioserver/11-tracker-upfront.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 20098944
|
||||||
|
duration: 455.75836734693877
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: Tracker Upfront
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet
|
||||||
|
- id: TALB
|
||||||
|
value: Santas Audioserver
|
||||||
|
- id: TRCK
|
||||||
|
value: '11'
|
||||||
|
- id: TCON
|
||||||
|
value: Electro
|
||||||
|
- id: TPUB
|
||||||
|
value: Villa Magica Records
|
||||||
|
- id: TYER
|
||||||
|
value: '2004'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 11
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: Tracker Upfront
|
||||||
|
artists:
|
||||||
|
- reSet
|
||||||
|
artist: reSet
|
||||||
|
album: Santas Audioserver
|
||||||
|
genre:
|
||||||
|
- Electro
|
||||||
|
label:
|
||||||
|
- Villa Magica Records
|
||||||
|
year: 2004
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: Tracker Upfront
|
||||||
|
TPE1: reSet
|
||||||
|
TALB: Santas Audioserver
|
||||||
|
TRCK: '11'
|
||||||
|
TCON: Electro
|
||||||
|
TPUB: Villa Magica Records
|
||||||
|
TYER: '2004'
|
||||||
|
all:
|
||||||
|
TIT2: Tracker Upfront
|
||||||
|
TPE1: reSet
|
||||||
|
TALB: Santas Audioserver
|
||||||
|
TRCK: '11'
|
||||||
|
TCON: Electro
|
||||||
|
TPUB: Villa Magica Records
|
||||||
|
TYER: '2004'
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/santas-audioserver/12-what-love-makes-me-do-codein-mix-.mp3
|
||||||
|
audio: /assets/albums/santas-audioserver/12-what-love-makes-me-do-codein-mix-.mp3
|
||||||
|
slug: santas-audioserver/12-what-love-makes-me-do-codein-mix-
|
||||||
|
albumSlug: santas-audioserver
|
||||||
|
trackSlug: 12-what-love-makes-me-do-codein-mix-
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/santas-audioserver/12-what-love-makes-me-do-codein-mix-.jpeg
|
||||||
|
cover: >-
|
||||||
|
/assets/albums/santas-audioserver/12-what-love-makes-me-do-codein-mix-.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 15485184
|
||||||
|
duration: 351.13795918367344
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: What Love Makes Me Do (Codein Mix)
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet
|
||||||
|
- id: TALB
|
||||||
|
value: Santas Audioserver
|
||||||
|
- id: TRCK
|
||||||
|
value: '12'
|
||||||
|
- id: TCON
|
||||||
|
value: Electro
|
||||||
|
- id: TPUB
|
||||||
|
value: Villa Magica Records
|
||||||
|
- id: TYER
|
||||||
|
value: '2004'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 12
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: What Love Makes Me Do (Codein Mix)
|
||||||
|
artists:
|
||||||
|
- reSet
|
||||||
|
artist: reSet
|
||||||
|
album: Santas Audioserver
|
||||||
|
genre:
|
||||||
|
- Electro
|
||||||
|
label:
|
||||||
|
- Villa Magica Records
|
||||||
|
year: 2004
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: What Love Makes Me Do (Codein Mix)
|
||||||
|
TPE1: reSet
|
||||||
|
TALB: Santas Audioserver
|
||||||
|
TRCK: '12'
|
||||||
|
TCON: Electro
|
||||||
|
TPUB: Villa Magica Records
|
||||||
|
TYER: '2004'
|
||||||
|
all:
|
||||||
|
TIT2: What Love Makes Me Do (Codein Mix)
|
||||||
|
TPE1: reSet
|
||||||
|
TALB: Santas Audioserver
|
||||||
|
TRCK: '12'
|
||||||
|
TCON: Electro
|
||||||
|
TPUB: Villa Magica Records
|
||||||
|
TYER: '2004'
|
||||||
|
---
|
||||||
221
_albums/sudo-apt-install-sakrecoer.md
Normal file
221
_albums/sudo-apt-install-sakrecoer.md
Normal file
|
|
@ -0,0 +1,221 @@
|
||||||
|
---
|
||||||
|
layout: album
|
||||||
|
slug: sudo-apt-install-sakrecoer
|
||||||
|
name: Sudo Apt Install Sakrecoer
|
||||||
|
artists: Sakrecoer
|
||||||
|
bitrate:
|
||||||
|
- 128000
|
||||||
|
- 256000
|
||||||
|
trackCount: 2
|
||||||
|
cover: /assets/albums/sudo-apt-install-sakrecoer/1-pingnu.jpeg
|
||||||
|
date: 2015-1-1
|
||||||
|
tracks:
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/sudo-apt-install-sakrecoer/1-pingnu.mp3
|
||||||
|
audio: /assets/albums/sudo-apt-install-sakrecoer/1-pingnu.mp3
|
||||||
|
slug: sudo-apt-install-sakrecoer/1-pingnu
|
||||||
|
albumSlug: sudo-apt-install-sakrecoer
|
||||||
|
trackSlug: 1-pingnu
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/sudo-apt-install-sakrecoer/1-pingnu.jpeg
|
||||||
|
cover: /assets/albums/sudo-apt-install-sakrecoer/1-pingnu.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 9795456
|
||||||
|
duration: 222.1191836734694
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: PinGnu
|
||||||
|
- id: TPE1
|
||||||
|
value: Sakrecoer
|
||||||
|
- id: TALB
|
||||||
|
value: Sudo Apt Install Sakrecoer
|
||||||
|
- id: COMM
|
||||||
|
value: &ref_0
|
||||||
|
language: eng
|
||||||
|
description: ''
|
||||||
|
text: sakrecoer.com
|
||||||
|
- id: TRCK
|
||||||
|
value: '1'
|
||||||
|
- id: TCON
|
||||||
|
value: CyberSoul
|
||||||
|
- id: TYER
|
||||||
|
value: '2015'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 1
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: PinGnu
|
||||||
|
artists:
|
||||||
|
- Sakrecoer
|
||||||
|
artist: Sakrecoer
|
||||||
|
album: Sudo Apt Install Sakrecoer
|
||||||
|
comment:
|
||||||
|
- sakrecoer.com
|
||||||
|
genre:
|
||||||
|
- CyberSoul
|
||||||
|
year: 2015
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: PinGnu
|
||||||
|
TPE1: Sakrecoer
|
||||||
|
TALB: Sudo Apt Install Sakrecoer
|
||||||
|
COMM: *ref_0
|
||||||
|
TRCK: '1'
|
||||||
|
TCON: CyberSoul
|
||||||
|
TYER: '2015'
|
||||||
|
all:
|
||||||
|
TIT2: PinGnu
|
||||||
|
TPE1: Sakrecoer
|
||||||
|
TALB: Sudo Apt Install Sakrecoer
|
||||||
|
COMM: *ref_0
|
||||||
|
TRCK: '1'
|
||||||
|
TCON: CyberSoul
|
||||||
|
TYER: '2015'
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/sudo-apt-install-sakrecoer/2-e-unmet-dependencies-try-using-f-.mp3
|
||||||
|
audio: >-
|
||||||
|
/assets/albums/sudo-apt-install-sakrecoer/2-e-unmet-dependencies-try-using-f-.mp3
|
||||||
|
slug: sudo-apt-install-sakrecoer/2-e-unmet-dependencies-try-using-f-
|
||||||
|
albumSlug: sudo-apt-install-sakrecoer
|
||||||
|
trackSlug: 2-e-unmet-dependencies-try-using-f-
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/sudo-apt-install-sakrecoer/2-e-unmet-dependencies-try-using-f-.jpeg
|
||||||
|
cover: >-
|
||||||
|
/assets/albums/sudo-apt-install-sakrecoer/2-e-unmet-dependencies-try-using-f-.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 256000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 13817088
|
||||||
|
duration: 313.31265306122447
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: 'E: Unmet dependencies. Try using -f.'
|
||||||
|
- id: TPE1
|
||||||
|
value: Sakrecoer
|
||||||
|
- id: COMM
|
||||||
|
value: &ref_1
|
||||||
|
language: eng
|
||||||
|
description: ''
|
||||||
|
text: 'workd1.7 : Depends: employd1.2 consultd1.70'
|
||||||
|
- id: TRCK
|
||||||
|
value: '2'
|
||||||
|
- id: TCON
|
||||||
|
value: Cybersoul
|
||||||
|
- id: USLT
|
||||||
|
value: &ref_2
|
||||||
|
language: eng
|
||||||
|
description: ''
|
||||||
|
text: |-
|
||||||
|
-----BEGIN PGP SIGNED MESSAGE-----
|
||||||
|
Hash: SHA1
|
||||||
|
|
||||||
|
2X<br />
|
||||||
|
sudo apt update<br />
|
||||||
|
sudo apt upgrade<br />
|
||||||
|
<br />
|
||||||
|
There is an error with my dependencies<br />
|
||||||
|
Consultd 1.2 and emplyomentd 1.70<br />
|
||||||
|
I cannot pay my rent without their libraries<br />
|
||||||
|
And to install i need to share my salary<br />
|
||||||
|
<br />
|
||||||
|
Where do i fit in this society?<br />
|
||||||
|
The more i look and the less i see<br />
|
||||||
|
They want no robots nor do they want me.<br />
|
||||||
|
work is a point in the agenda of the party<br />
|
||||||
|
<br />
|
||||||
|
2X<br />
|
||||||
|
sudo apt update<br />
|
||||||
|
sudo apt upgrade<br />
|
||||||
|
<br />
|
||||||
|
My liver isn't black market worthy<br />
|
||||||
|
And my master degree from a street university<br />
|
||||||
|
My ambitions are low and i am debt free<br />
|
||||||
|
There is no room in the industry for robots like me<br />
|
||||||
|
<br />
|
||||||
|
Don't get me wrong i would also like to be<br />
|
||||||
|
Installed and running and compatible with society<br />
|
||||||
|
But i am running a different library<br />
|
||||||
|
Because my kernel is still libre and free.<br />
|
||||||
|
<br />
|
||||||
|
written on: 20160830<br />
|
||||||
|
- -- <br />
|
||||||
|
Set Hallstrom aka sakrecoer
|
||||||
|
-----BEGIN PGP SIGNATURE-----
|
||||||
|
Version: GnuPG v1
|
||||||
|
|
||||||
|
iQEcBAEBAgAGBQJXxY9xAAoJENnFZk3HTX5ntF8H/04geT4CV8Fbqej/uDCykBiA
|
||||||
|
GV3xvGr7FLPGPrPvCNy91ZHig/mQaNmkPwcdBKX0AAwChJQnHHmk5+rCtaytAk8Y
|
||||||
|
+BwuH6HBUX24e5H2ANiRxi4cF2v08S5Lwxwc9LQg6loN3EtbNXINzpCHB/A02jag
|
||||||
|
AWoHVm9rrGuNnDakeAiFcRaLnGxFQ/cNHXB7C+UVl7f0xV9X0wNEDAgfSYALohug
|
||||||
|
pKtZHifWJXHdZMR6e4sPpq+CCmXtfkrTnko1qtKQhFKHfWr/dLeEc6RF3dQ8M7PY
|
||||||
|
f9om3CZzaBhuYSNZt3NXmcT+aduzCYKhg1BwaKglHz0u1q9ZT2WCTMejDcwmhwE=
|
||||||
|
=Okd/
|
||||||
|
-----END PGP SIGNATURE-----
|
||||||
|
- id: TALB
|
||||||
|
value: Sudo Apt Install Sakrecoer
|
||||||
|
- id: TYER
|
||||||
|
value: '2016'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 2
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: 'E: Unmet dependencies. Try using -f.'
|
||||||
|
artists:
|
||||||
|
- Sakrecoer
|
||||||
|
artist: Sakrecoer
|
||||||
|
comment:
|
||||||
|
- 'workd1.7 : Depends: employd1.2 consultd1.70'
|
||||||
|
genre:
|
||||||
|
- Cybersoul
|
||||||
|
album: Sudo Apt Install Sakrecoer
|
||||||
|
year: 2016
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: 'E: Unmet dependencies. Try using -f.'
|
||||||
|
TPE1: Sakrecoer
|
||||||
|
COMM: *ref_1
|
||||||
|
TRCK: '2'
|
||||||
|
TCON: Cybersoul
|
||||||
|
USLT: *ref_2
|
||||||
|
TALB: Sudo Apt Install Sakrecoer
|
||||||
|
TYER: '2016'
|
||||||
|
all:
|
||||||
|
TIT2: 'E: Unmet dependencies. Try using -f.'
|
||||||
|
TPE1: Sakrecoer
|
||||||
|
COMM: *ref_1
|
||||||
|
TRCK: '2'
|
||||||
|
TCON: Cybersoul
|
||||||
|
USLT: *ref_2
|
||||||
|
TALB: Sudo Apt Install Sakrecoer
|
||||||
|
TYER: '2016'
|
||||||
|
---
|
||||||
627
_albums/the-house-of-set.md
Normal file
627
_albums/the-house-of-set.md
Normal file
|
|
@ -0,0 +1,627 @@
|
||||||
|
---
|
||||||
|
layout: album
|
||||||
|
slug: the-house-of-set
|
||||||
|
name: The House Of Set
|
||||||
|
artists: Simio Sakrecoer
|
||||||
|
bitrate: 128000
|
||||||
|
trackCount: 8
|
||||||
|
cover: /assets/albums/the-house-of-set/1-subway.jpeg
|
||||||
|
date: 2012-1-1
|
||||||
|
tracks:
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/the-house-of-set/1-subway.mp3
|
||||||
|
audio: /assets/albums/the-house-of-set/1-subway.mp3
|
||||||
|
slug: the-house-of-set/1-subway
|
||||||
|
albumSlug: the-house-of-set
|
||||||
|
trackSlug: 1-subway
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/the-house-of-set/1-subway.jpeg
|
||||||
|
cover: /assets/albums/the-house-of-set/1-subway.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 15352704
|
||||||
|
duration: 348.1338775510204
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: Subway
|
||||||
|
- id: TPE1
|
||||||
|
value: Simio Sakrecoer
|
||||||
|
- id: TALB
|
||||||
|
value: The House Of Set
|
||||||
|
- id: TYER
|
||||||
|
value: '2012'
|
||||||
|
- id: TRCK
|
||||||
|
value: '1'
|
||||||
|
- id: TCON
|
||||||
|
value: Electronic
|
||||||
|
- id: COMM
|
||||||
|
value:
|
||||||
|
language: XXX
|
||||||
|
description: Comment
|
||||||
|
text: sakrecoer.com/simio
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 1
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: Subway
|
||||||
|
artists:
|
||||||
|
- Simio Sakrecoer
|
||||||
|
artist: Simio Sakrecoer
|
||||||
|
album: The House Of Set
|
||||||
|
year: 2012
|
||||||
|
genre:
|
||||||
|
- Electronic
|
||||||
|
comment:
|
||||||
|
- sakrecoer.com/simio
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: Subway
|
||||||
|
TPE1: Simio Sakrecoer
|
||||||
|
TALB: The House Of Set
|
||||||
|
TYER: '2012'
|
||||||
|
TRCK: '1'
|
||||||
|
TCON: Electronic
|
||||||
|
Comment: sakrecoer.com/simio
|
||||||
|
all:
|
||||||
|
TIT2: Subway
|
||||||
|
TPE1: Simio Sakrecoer
|
||||||
|
TALB: The House Of Set
|
||||||
|
TYER: '2012'
|
||||||
|
TRCK: '1'
|
||||||
|
TCON: Electronic
|
||||||
|
Comment: sakrecoer.com/simio
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/the-house-of-set/2-everyday-is-a-life.mp3
|
||||||
|
audio: /assets/albums/the-house-of-set/2-everyday-is-a-life.mp3
|
||||||
|
slug: the-house-of-set/2-everyday-is-a-life
|
||||||
|
albumSlug: the-house-of-set
|
||||||
|
trackSlug: 2-everyday-is-a-life
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/the-house-of-set/2-everyday-is-a-life.jpeg
|
||||||
|
cover: /assets/albums/the-house-of-set/2-everyday-is-a-life.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 14555520
|
||||||
|
duration: 330.0571428571429
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: Everyday Is A Life
|
||||||
|
- id: TPE1
|
||||||
|
value: Simio Sakrecoer
|
||||||
|
- id: TALB
|
||||||
|
value: The House Of Set
|
||||||
|
- id: TRCK
|
||||||
|
value: '2'
|
||||||
|
- id: TCON
|
||||||
|
value: Electronic
|
||||||
|
- id: COMM
|
||||||
|
value:
|
||||||
|
language: XXX
|
||||||
|
description: Comment
|
||||||
|
text: sakrecoer.com/simio
|
||||||
|
- id: TYER
|
||||||
|
value: '2012'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 2
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: Everyday Is A Life
|
||||||
|
artists:
|
||||||
|
- Simio Sakrecoer
|
||||||
|
artist: Simio Sakrecoer
|
||||||
|
album: The House Of Set
|
||||||
|
genre:
|
||||||
|
- Electronic
|
||||||
|
comment:
|
||||||
|
- sakrecoer.com/simio
|
||||||
|
year: 2012
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: Everyday Is A Life
|
||||||
|
TPE1: Simio Sakrecoer
|
||||||
|
TALB: The House Of Set
|
||||||
|
TRCK: '2'
|
||||||
|
TCON: Electronic
|
||||||
|
Comment: sakrecoer.com/simio
|
||||||
|
TYER: '2012'
|
||||||
|
all:
|
||||||
|
TIT2: Everyday Is A Life
|
||||||
|
TPE1: Simio Sakrecoer
|
||||||
|
TALB: The House Of Set
|
||||||
|
TRCK: '2'
|
||||||
|
TCON: Electronic
|
||||||
|
Comment: sakrecoer.com/simio
|
||||||
|
TYER: '2012'
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/the-house-of-set/3-mossos-de-chicago.mp3
|
||||||
|
audio: /assets/albums/the-house-of-set/3-mossos-de-chicago.mp3
|
||||||
|
slug: the-house-of-set/3-mossos-de-chicago
|
||||||
|
albumSlug: the-house-of-set
|
||||||
|
trackSlug: 3-mossos-de-chicago
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/the-house-of-set/3-mossos-de-chicago.jpeg
|
||||||
|
cover: /assets/albums/the-house-of-set/3-mossos-de-chicago.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 15466752
|
||||||
|
duration: 350.72
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: Mossos De Chicago
|
||||||
|
- id: TPE1
|
||||||
|
value: Simio Sakrecoer
|
||||||
|
- id: TALB
|
||||||
|
value: The House Of Set
|
||||||
|
- id: TYER
|
||||||
|
value: '2012'
|
||||||
|
- id: TRCK
|
||||||
|
value: '3'
|
||||||
|
- id: TCON
|
||||||
|
value: Electronic
|
||||||
|
- id: COMM
|
||||||
|
value:
|
||||||
|
language: XXX
|
||||||
|
description: Comment
|
||||||
|
text: sakrecoer.com/simio
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 3
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: Mossos De Chicago
|
||||||
|
artists:
|
||||||
|
- Simio Sakrecoer
|
||||||
|
artist: Simio Sakrecoer
|
||||||
|
album: The House Of Set
|
||||||
|
year: 2012
|
||||||
|
genre:
|
||||||
|
- Electronic
|
||||||
|
comment:
|
||||||
|
- sakrecoer.com/simio
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: Mossos De Chicago
|
||||||
|
TPE1: Simio Sakrecoer
|
||||||
|
TALB: The House Of Set
|
||||||
|
TYER: '2012'
|
||||||
|
TRCK: '3'
|
||||||
|
TCON: Electronic
|
||||||
|
Comment: sakrecoer.com/simio
|
||||||
|
all:
|
||||||
|
TIT2: Mossos De Chicago
|
||||||
|
TPE1: Simio Sakrecoer
|
||||||
|
TALB: The House Of Set
|
||||||
|
TYER: '2012'
|
||||||
|
TRCK: '3'
|
||||||
|
TCON: Electronic
|
||||||
|
Comment: sakrecoer.com/simio
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/the-house-of-set/4-quasi-lucid.mp3
|
||||||
|
audio: /assets/albums/the-house-of-set/4-quasi-lucid.mp3
|
||||||
|
slug: the-house-of-set/4-quasi-lucid
|
||||||
|
albumSlug: the-house-of-set
|
||||||
|
trackSlug: 4-quasi-lucid
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/the-house-of-set/4-quasi-lucid.jpeg
|
||||||
|
cover: /assets/albums/the-house-of-set/4-quasi-lucid.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 16237440
|
||||||
|
duration: 368.19591836734696
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: Quasi Lucid
|
||||||
|
- id: TPE1
|
||||||
|
value: Simio Sakrecoer
|
||||||
|
- id: TALB
|
||||||
|
value: The House Of Set
|
||||||
|
- id: TRCK
|
||||||
|
value: '4'
|
||||||
|
- id: TCON
|
||||||
|
value: Electronic
|
||||||
|
- id: COMM
|
||||||
|
value:
|
||||||
|
language: XXX
|
||||||
|
description: Comment
|
||||||
|
text: sakrecoer.com/simio
|
||||||
|
- id: TYER
|
||||||
|
value: '2012'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 4
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: Quasi Lucid
|
||||||
|
artists:
|
||||||
|
- Simio Sakrecoer
|
||||||
|
artist: Simio Sakrecoer
|
||||||
|
album: The House Of Set
|
||||||
|
genre:
|
||||||
|
- Electronic
|
||||||
|
comment:
|
||||||
|
- sakrecoer.com/simio
|
||||||
|
year: 2012
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: Quasi Lucid
|
||||||
|
TPE1: Simio Sakrecoer
|
||||||
|
TALB: The House Of Set
|
||||||
|
TRCK: '4'
|
||||||
|
TCON: Electronic
|
||||||
|
Comment: sakrecoer.com/simio
|
||||||
|
TYER: '2012'
|
||||||
|
all:
|
||||||
|
TIT2: Quasi Lucid
|
||||||
|
TPE1: Simio Sakrecoer
|
||||||
|
TALB: The House Of Set
|
||||||
|
TRCK: '4'
|
||||||
|
TCON: Electronic
|
||||||
|
Comment: sakrecoer.com/simio
|
||||||
|
TYER: '2012'
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/the-house-of-set/5-acid-forest.mp3
|
||||||
|
audio: /assets/albums/the-house-of-set/5-acid-forest.mp3
|
||||||
|
slug: the-house-of-set/5-acid-forest
|
||||||
|
albumSlug: the-house-of-set
|
||||||
|
trackSlug: 5-acid-forest
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/the-house-of-set/5-acid-forest.jpeg
|
||||||
|
cover: /assets/albums/the-house-of-set/5-acid-forest.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 20156544
|
||||||
|
duration: 457.06448979591835
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: Acid Forest
|
||||||
|
- id: TPE1
|
||||||
|
value: Simio Sakrecoer
|
||||||
|
- id: TALB
|
||||||
|
value: The House Of Set
|
||||||
|
- id: TYER
|
||||||
|
value: '2012'
|
||||||
|
- id: TRCK
|
||||||
|
value: '5'
|
||||||
|
- id: TCON
|
||||||
|
value: Electronic
|
||||||
|
- id: COMM
|
||||||
|
value:
|
||||||
|
language: XXX
|
||||||
|
description: Comment
|
||||||
|
text: sakrecoer.com/simio
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 5
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: Acid Forest
|
||||||
|
artists:
|
||||||
|
- Simio Sakrecoer
|
||||||
|
artist: Simio Sakrecoer
|
||||||
|
album: The House Of Set
|
||||||
|
year: 2012
|
||||||
|
genre:
|
||||||
|
- Electronic
|
||||||
|
comment:
|
||||||
|
- sakrecoer.com/simio
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: Acid Forest
|
||||||
|
TPE1: Simio Sakrecoer
|
||||||
|
TALB: The House Of Set
|
||||||
|
TYER: '2012'
|
||||||
|
TRCK: '5'
|
||||||
|
TCON: Electronic
|
||||||
|
Comment: sakrecoer.com/simio
|
||||||
|
all:
|
||||||
|
TIT2: Acid Forest
|
||||||
|
TPE1: Simio Sakrecoer
|
||||||
|
TALB: The House Of Set
|
||||||
|
TYER: '2012'
|
||||||
|
TRCK: '5'
|
||||||
|
TCON: Electronic
|
||||||
|
Comment: sakrecoer.com/simio
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/the-house-of-set/6-ask-me.mp3
|
||||||
|
audio: /assets/albums/the-house-of-set/6-ask-me.mp3
|
||||||
|
slug: the-house-of-set/6-ask-me
|
||||||
|
albumSlug: the-house-of-set
|
||||||
|
trackSlug: 6-ask-me
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/the-house-of-set/6-ask-me.jpeg
|
||||||
|
cover: /assets/albums/the-house-of-set/6-ask-me.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 15260544
|
||||||
|
duration: 346.04408163265305
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: Ask Me
|
||||||
|
- id: TPE1
|
||||||
|
value: Simio Sakrecoer
|
||||||
|
- id: TALB
|
||||||
|
value: The House Of Set
|
||||||
|
- id: TRCK
|
||||||
|
value: '6'
|
||||||
|
- id: TCON
|
||||||
|
value: Electronic
|
||||||
|
- id: COMM
|
||||||
|
value:
|
||||||
|
language: XXX
|
||||||
|
description: Comment
|
||||||
|
text: sakrecoer.com/simio
|
||||||
|
- id: TYER
|
||||||
|
value: '2012'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 6
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: Ask Me
|
||||||
|
artists:
|
||||||
|
- Simio Sakrecoer
|
||||||
|
artist: Simio Sakrecoer
|
||||||
|
album: The House Of Set
|
||||||
|
genre:
|
||||||
|
- Electronic
|
||||||
|
comment:
|
||||||
|
- sakrecoer.com/simio
|
||||||
|
year: 2012
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: Ask Me
|
||||||
|
TPE1: Simio Sakrecoer
|
||||||
|
TALB: The House Of Set
|
||||||
|
TRCK: '6'
|
||||||
|
TCON: Electronic
|
||||||
|
Comment: sakrecoer.com/simio
|
||||||
|
TYER: '2012'
|
||||||
|
all:
|
||||||
|
TIT2: Ask Me
|
||||||
|
TPE1: Simio Sakrecoer
|
||||||
|
TALB: The House Of Set
|
||||||
|
TRCK: '6'
|
||||||
|
TCON: Electronic
|
||||||
|
Comment: sakrecoer.com/simio
|
||||||
|
TYER: '2012'
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/the-house-of-set/7-transcend-hip-hop.mp3
|
||||||
|
audio: /assets/albums/the-house-of-set/7-transcend-hip-hop.mp3
|
||||||
|
slug: the-house-of-set/7-transcend-hip-hop
|
||||||
|
albumSlug: the-house-of-set
|
||||||
|
trackSlug: 7-transcend-hip-hop
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/the-house-of-set/7-transcend-hip-hop.jpeg
|
||||||
|
cover: /assets/albums/the-house-of-set/7-transcend-hip-hop.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 14911488
|
||||||
|
duration: 338.12897959183675
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: Transcend Hip Hop
|
||||||
|
- id: TPE1
|
||||||
|
value: Simio Sakrecoer
|
||||||
|
- id: TALB
|
||||||
|
value: The House Of Set
|
||||||
|
- id: TYER
|
||||||
|
value: '2012'
|
||||||
|
- id: TRCK
|
||||||
|
value: '7'
|
||||||
|
- id: TCON
|
||||||
|
value: Electronic
|
||||||
|
- id: COMM
|
||||||
|
value:
|
||||||
|
language: XXX
|
||||||
|
description: Comment
|
||||||
|
text: sakrecoer.com/simio
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 7
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: Transcend Hip Hop
|
||||||
|
artists:
|
||||||
|
- Simio Sakrecoer
|
||||||
|
artist: Simio Sakrecoer
|
||||||
|
album: The House Of Set
|
||||||
|
year: 2012
|
||||||
|
genre:
|
||||||
|
- Electronic
|
||||||
|
comment:
|
||||||
|
- sakrecoer.com/simio
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: Transcend Hip Hop
|
||||||
|
TPE1: Simio Sakrecoer
|
||||||
|
TALB: The House Of Set
|
||||||
|
TYER: '2012'
|
||||||
|
TRCK: '7'
|
||||||
|
TCON: Electronic
|
||||||
|
Comment: sakrecoer.com/simio
|
||||||
|
all:
|
||||||
|
TIT2: Transcend Hip Hop
|
||||||
|
TPE1: Simio Sakrecoer
|
||||||
|
TALB: The House Of Set
|
||||||
|
TYER: '2012'
|
||||||
|
TRCK: '7'
|
||||||
|
TCON: Electronic
|
||||||
|
Comment: sakrecoer.com/simio
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/the-house-of-set/8-saint-fragle-day.mp3
|
||||||
|
audio: /assets/albums/the-house-of-set/8-saint-fragle-day.mp3
|
||||||
|
slug: the-house-of-set/8-saint-fragle-day
|
||||||
|
albumSlug: the-house-of-set
|
||||||
|
trackSlug: 8-saint-fragle-day
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/the-house-of-set/8-saint-fragle-day.jpeg
|
||||||
|
cover: /assets/albums/the-house-of-set/8-saint-fragle-day.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 14337792
|
||||||
|
duration: 325.12
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: Saint Fragle Day
|
||||||
|
- id: TPE1
|
||||||
|
value: Simio Sakrecoer
|
||||||
|
- id: TALB
|
||||||
|
value: The House Of Set
|
||||||
|
- id: TRCK
|
||||||
|
value: '8'
|
||||||
|
- id: TCON
|
||||||
|
value: Electronic
|
||||||
|
- id: COMM
|
||||||
|
value:
|
||||||
|
language: XXX
|
||||||
|
description: Comment
|
||||||
|
text: sakrecoer.com/simio
|
||||||
|
- id: TYER
|
||||||
|
value: '2012'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 8
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: Saint Fragle Day
|
||||||
|
artists:
|
||||||
|
- Simio Sakrecoer
|
||||||
|
artist: Simio Sakrecoer
|
||||||
|
album: The House Of Set
|
||||||
|
genre:
|
||||||
|
- Electronic
|
||||||
|
comment:
|
||||||
|
- sakrecoer.com/simio
|
||||||
|
year: 2012
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: Saint Fragle Day
|
||||||
|
TPE1: Simio Sakrecoer
|
||||||
|
TALB: The House Of Set
|
||||||
|
TRCK: '8'
|
||||||
|
TCON: Electronic
|
||||||
|
Comment: sakrecoer.com/simio
|
||||||
|
TYER: '2012'
|
||||||
|
all:
|
||||||
|
TIT2: Saint Fragle Day
|
||||||
|
TPE1: Simio Sakrecoer
|
||||||
|
TALB: The House Of Set
|
||||||
|
TRCK: '8'
|
||||||
|
TCON: Electronic
|
||||||
|
Comment: sakrecoer.com/simio
|
||||||
|
TYER: '2012'
|
||||||
|
---
|
||||||
629
_albums/the-lonely-hearts-club-techno-band.md
Normal file
629
_albums/the-lonely-hearts-club-techno-band.md
Normal file
|
|
@ -0,0 +1,629 @@
|
||||||
|
---
|
||||||
|
layout: album
|
||||||
|
slug: the-lonely-hearts-club-techno-band
|
||||||
|
name: The Lonely Hearts Club Techno Band
|
||||||
|
artists: reSet Sakrecoer
|
||||||
|
bitrate: 128000
|
||||||
|
trackCount: 8
|
||||||
|
cover: /assets/albums/the-lonely-hearts-club-techno-band/1-fuck-dishit.jpeg
|
||||||
|
date: 2008-1-1
|
||||||
|
tracks:
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/the-lonely-hearts-club-techno-band/1-fuck-dishit.mp3
|
||||||
|
audio: /assets/albums/the-lonely-hearts-club-techno-band/1-fuck-dishit.mp3
|
||||||
|
slug: the-lonely-hearts-club-techno-band/1-fuck-dishit
|
||||||
|
albumSlug: the-lonely-hearts-club-techno-band
|
||||||
|
trackSlug: 1-fuck-dishit
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/the-lonely-hearts-club-techno-band/1-fuck-dishit.jpeg
|
||||||
|
cover: /assets/albums/the-lonely-hearts-club-techno-band/1-fuck-dishit.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
tool: LAME 3.100U
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 15525504
|
||||||
|
duration: 352.05224489795916
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TCON
|
||||||
|
value: Techno
|
||||||
|
- id: TIT2
|
||||||
|
value: Fuck Dishit
|
||||||
|
- id: COMM
|
||||||
|
value: &ref_0
|
||||||
|
language: eng
|
||||||
|
description: ''
|
||||||
|
text: Released on ArtifexBCN
|
||||||
|
- id: TALB
|
||||||
|
value: The Lonely Hearts Club Techno Band
|
||||||
|
- id: TRCK
|
||||||
|
value: '1'
|
||||||
|
- id: TYER
|
||||||
|
value: '2008'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 1
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
artists:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
artist: reSet Sakrecoer
|
||||||
|
genre:
|
||||||
|
- Techno
|
||||||
|
title: Fuck Dishit
|
||||||
|
comment:
|
||||||
|
- Released on ArtifexBCN
|
||||||
|
album: The Lonely Hearts Club Techno Band
|
||||||
|
year: 2008
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TCON: Techno
|
||||||
|
TIT2: Fuck Dishit
|
||||||
|
COMM: *ref_0
|
||||||
|
TALB: The Lonely Hearts Club Techno Band
|
||||||
|
TRCK: '1'
|
||||||
|
TYER: '2008'
|
||||||
|
all:
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TCON: Techno
|
||||||
|
TIT2: Fuck Dishit
|
||||||
|
COMM: *ref_0
|
||||||
|
TALB: The Lonely Hearts Club Techno Band
|
||||||
|
TRCK: '1'
|
||||||
|
TYER: '2008'
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/the-lonely-hearts-club-techno-band/2-birthday-voltures.mp3
|
||||||
|
audio: /assets/albums/the-lonely-hearts-club-techno-band/2-birthday-voltures.mp3
|
||||||
|
slug: the-lonely-hearts-club-techno-band/2-birthday-voltures
|
||||||
|
albumSlug: the-lonely-hearts-club-techno-band
|
||||||
|
trackSlug: 2-birthday-voltures
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/the-lonely-hearts-club-techno-band/2-birthday-voltures.jpeg
|
||||||
|
cover: /assets/albums/the-lonely-hearts-club-techno-band/2-birthday-voltures.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 12245760
|
||||||
|
duration: 277.68163265306123
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: Birthday Voltures
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TCON
|
||||||
|
value: SynthPop
|
||||||
|
- id: COMM
|
||||||
|
value: &ref_1
|
||||||
|
language: eng
|
||||||
|
description: ''
|
||||||
|
text: Released on ArtifexBCN
|
||||||
|
- id: TALB
|
||||||
|
value: The Lonely Hearts Club Techno Band
|
||||||
|
- id: TRCK
|
||||||
|
value: '2'
|
||||||
|
- id: TYER
|
||||||
|
value: '2008'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 2
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: Birthday Voltures
|
||||||
|
artists:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
artist: reSet Sakrecoer
|
||||||
|
genre:
|
||||||
|
- SynthPop
|
||||||
|
comment:
|
||||||
|
- Released on ArtifexBCN
|
||||||
|
album: The Lonely Hearts Club Techno Band
|
||||||
|
year: 2008
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: Birthday Voltures
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TCON: SynthPop
|
||||||
|
COMM: *ref_1
|
||||||
|
TALB: The Lonely Hearts Club Techno Band
|
||||||
|
TRCK: '2'
|
||||||
|
TYER: '2008'
|
||||||
|
all:
|
||||||
|
TIT2: Birthday Voltures
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TCON: SynthPop
|
||||||
|
COMM: *ref_1
|
||||||
|
TALB: The Lonely Hearts Club Techno Band
|
||||||
|
TRCK: '2'
|
||||||
|
TYER: '2008'
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/the-lonely-hearts-club-techno-band/3-ya-eyes.mp3
|
||||||
|
audio: /assets/albums/the-lonely-hearts-club-techno-band/3-ya-eyes.mp3
|
||||||
|
slug: the-lonely-hearts-club-techno-band/3-ya-eyes
|
||||||
|
albumSlug: the-lonely-hearts-club-techno-band
|
||||||
|
trackSlug: 3-ya-eyes
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/the-lonely-hearts-club-techno-band/3-ya-eyes.jpeg
|
||||||
|
cover: /assets/albums/the-lonely-hearts-club-techno-band/3-ya-eyes.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 11113344
|
||||||
|
duration: 252.00326530612244
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TIT2
|
||||||
|
value: Ya Eyes
|
||||||
|
- id: COMM
|
||||||
|
value: &ref_2
|
||||||
|
language: eng
|
||||||
|
description: ''
|
||||||
|
text: Released on ArtifexBCN
|
||||||
|
- id: TALB
|
||||||
|
value: The Lonely Hearts Club Techno Band
|
||||||
|
- id: TRCK
|
||||||
|
value: '3'
|
||||||
|
- id: TCON
|
||||||
|
value: Electro
|
||||||
|
- id: TYER
|
||||||
|
value: '2008'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 3
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
artists:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
artist: reSet Sakrecoer
|
||||||
|
title: Ya Eyes
|
||||||
|
comment:
|
||||||
|
- Released on ArtifexBCN
|
||||||
|
album: The Lonely Hearts Club Techno Band
|
||||||
|
genre:
|
||||||
|
- Electro
|
||||||
|
year: 2008
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TIT2: Ya Eyes
|
||||||
|
COMM: *ref_2
|
||||||
|
TALB: The Lonely Hearts Club Techno Band
|
||||||
|
TRCK: '3'
|
||||||
|
TCON: Electro
|
||||||
|
TYER: '2008'
|
||||||
|
all:
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TIT2: Ya Eyes
|
||||||
|
COMM: *ref_2
|
||||||
|
TALB: The Lonely Hearts Club Techno Band
|
||||||
|
TRCK: '3'
|
||||||
|
TCON: Electro
|
||||||
|
TYER: '2008'
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/the-lonely-hearts-club-techno-band/4-love-de-ma-life.mp3
|
||||||
|
audio: /assets/albums/the-lonely-hearts-club-techno-band/4-love-de-ma-life.mp3
|
||||||
|
slug: the-lonely-hearts-club-techno-band/4-love-de-ma-life
|
||||||
|
albumSlug: the-lonely-hearts-club-techno-band
|
||||||
|
trackSlug: 4-love-de-ma-life
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/the-lonely-hearts-club-techno-band/4-love-de-ma-life.jpeg
|
||||||
|
cover: /assets/albums/the-lonely-hearts-club-techno-band/4-love-de-ma-life.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 10584576
|
||||||
|
duration: 240.0130612244898
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TCON
|
||||||
|
value: Disco
|
||||||
|
- id: TIT2
|
||||||
|
value: Love De Ma Life
|
||||||
|
- id: COMM
|
||||||
|
value: &ref_3
|
||||||
|
language: eng
|
||||||
|
description: ''
|
||||||
|
text: Released on ArtifexBCN
|
||||||
|
- id: TALB
|
||||||
|
value: The Lonely Hearts Club Techno Band
|
||||||
|
- id: TRCK
|
||||||
|
value: '4'
|
||||||
|
- id: TYER
|
||||||
|
value: '2008'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 4
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
artists:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
artist: reSet Sakrecoer
|
||||||
|
genre:
|
||||||
|
- Disco
|
||||||
|
title: Love De Ma Life
|
||||||
|
comment:
|
||||||
|
- Released on ArtifexBCN
|
||||||
|
album: The Lonely Hearts Club Techno Band
|
||||||
|
year: 2008
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TCON: Disco
|
||||||
|
TIT2: Love De Ma Life
|
||||||
|
COMM: *ref_3
|
||||||
|
TALB: The Lonely Hearts Club Techno Band
|
||||||
|
TRCK: '4'
|
||||||
|
TYER: '2008'
|
||||||
|
all:
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TCON: Disco
|
||||||
|
TIT2: Love De Ma Life
|
||||||
|
COMM: *ref_3
|
||||||
|
TALB: The Lonely Hearts Club Techno Band
|
||||||
|
TRCK: '4'
|
||||||
|
TYER: '2008'
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/the-lonely-hearts-club-techno-band/5-para-las-chicas.mp3
|
||||||
|
audio: /assets/albums/the-lonely-hearts-club-techno-band/5-para-las-chicas.mp3
|
||||||
|
slug: the-lonely-hearts-club-techno-band/5-para-las-chicas
|
||||||
|
albumSlug: the-lonely-hearts-club-techno-band
|
||||||
|
trackSlug: 5-para-las-chicas
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/the-lonely-hearts-club-techno-band/5-para-las-chicas.jpeg
|
||||||
|
cover: /assets/albums/the-lonely-hearts-club-techno-band/5-para-las-chicas.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 13253760
|
||||||
|
duration: 300.53877551020406
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: Para Las Chicas
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TCON
|
||||||
|
value: Disco
|
||||||
|
- id: COMM
|
||||||
|
value: &ref_4
|
||||||
|
language: eng
|
||||||
|
description: ''
|
||||||
|
text: Released on ArtifexBCN
|
||||||
|
- id: TALB
|
||||||
|
value: The Lonely Hearts Club Techno Band
|
||||||
|
- id: TRCK
|
||||||
|
value: '5'
|
||||||
|
- id: TYER
|
||||||
|
value: '2008'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 5
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: Para Las Chicas
|
||||||
|
artists:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
artist: reSet Sakrecoer
|
||||||
|
genre:
|
||||||
|
- Disco
|
||||||
|
comment:
|
||||||
|
- Released on ArtifexBCN
|
||||||
|
album: The Lonely Hearts Club Techno Band
|
||||||
|
year: 2008
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: Para Las Chicas
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TCON: Disco
|
||||||
|
COMM: *ref_4
|
||||||
|
TALB: The Lonely Hearts Club Techno Band
|
||||||
|
TRCK: '5'
|
||||||
|
TYER: '2008'
|
||||||
|
all:
|
||||||
|
TIT2: Para Las Chicas
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TCON: Disco
|
||||||
|
COMM: *ref_4
|
||||||
|
TALB: The Lonely Hearts Club Techno Band
|
||||||
|
TRCK: '5'
|
||||||
|
TYER: '2008'
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/the-lonely-hearts-club-techno-band/6-weed-buddy.mp3
|
||||||
|
audio: /assets/albums/the-lonely-hearts-club-techno-band/6-weed-buddy.mp3
|
||||||
|
slug: the-lonely-hearts-club-techno-band/6-weed-buddy
|
||||||
|
albumSlug: the-lonely-hearts-club-techno-band
|
||||||
|
trackSlug: 6-weed-buddy
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/the-lonely-hearts-club-techno-band/6-weed-buddy.jpeg
|
||||||
|
cover: /assets/albums/the-lonely-hearts-club-techno-band/6-weed-buddy.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 9970560
|
||||||
|
duration: 226.08979591836734
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TCON
|
||||||
|
value: Disco
|
||||||
|
- id: TIT2
|
||||||
|
value: Weed Buddy
|
||||||
|
- id: COMM
|
||||||
|
value: &ref_5
|
||||||
|
language: eng
|
||||||
|
description: ''
|
||||||
|
text: Released on ArtifexBCN
|
||||||
|
- id: TALB
|
||||||
|
value: The Lonely Hearts Club Techno Band
|
||||||
|
- id: TRCK
|
||||||
|
value: '6'
|
||||||
|
- id: TYER
|
||||||
|
value: '2008'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 6
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
artists:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
artist: reSet Sakrecoer
|
||||||
|
genre:
|
||||||
|
- Disco
|
||||||
|
title: Weed Buddy
|
||||||
|
comment:
|
||||||
|
- Released on ArtifexBCN
|
||||||
|
album: The Lonely Hearts Club Techno Band
|
||||||
|
year: 2008
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TCON: Disco
|
||||||
|
TIT2: Weed Buddy
|
||||||
|
COMM: *ref_5
|
||||||
|
TALB: The Lonely Hearts Club Techno Band
|
||||||
|
TRCK: '6'
|
||||||
|
TYER: '2008'
|
||||||
|
all:
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TCON: Disco
|
||||||
|
TIT2: Weed Buddy
|
||||||
|
COMM: *ref_5
|
||||||
|
TALB: The Lonely Hearts Club Techno Band
|
||||||
|
TRCK: '6'
|
||||||
|
TYER: '2008'
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/the-lonely-hearts-club-techno-band/7-enfermo.mp3
|
||||||
|
audio: /assets/albums/the-lonely-hearts-club-techno-band/7-enfermo.mp3
|
||||||
|
slug: the-lonely-hearts-club-techno-band/7-enfermo
|
||||||
|
albumSlug: the-lonely-hearts-club-techno-band
|
||||||
|
trackSlug: 7-enfermo
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/the-lonely-hearts-club-techno-band/7-enfermo.jpeg
|
||||||
|
cover: /assets/albums/the-lonely-hearts-club-techno-band/7-enfermo.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 14224896
|
||||||
|
duration: 322.56
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TIT2
|
||||||
|
value: Enfermo
|
||||||
|
- id: COMM
|
||||||
|
value: &ref_6
|
||||||
|
language: eng
|
||||||
|
description: ''
|
||||||
|
text: Released on ArtifexBCN
|
||||||
|
- id: TALB
|
||||||
|
value: The Lonely Hearts Club Techno Band
|
||||||
|
- id: TRCK
|
||||||
|
value: '7'
|
||||||
|
- id: TCON
|
||||||
|
value: Electro
|
||||||
|
- id: TYER
|
||||||
|
value: '2008'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 7
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
artists:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
artist: reSet Sakrecoer
|
||||||
|
title: Enfermo
|
||||||
|
comment:
|
||||||
|
- Released on ArtifexBCN
|
||||||
|
album: The Lonely Hearts Club Techno Band
|
||||||
|
genre:
|
||||||
|
- Electro
|
||||||
|
year: 2008
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TIT2: Enfermo
|
||||||
|
COMM: *ref_6
|
||||||
|
TALB: The Lonely Hearts Club Techno Band
|
||||||
|
TRCK: '7'
|
||||||
|
TCON: Electro
|
||||||
|
TYER: '2008'
|
||||||
|
all:
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TIT2: Enfermo
|
||||||
|
COMM: *ref_6
|
||||||
|
TALB: The Lonely Hearts Club Techno Band
|
||||||
|
TRCK: '7'
|
||||||
|
TCON: Electro
|
||||||
|
TYER: '2008'
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/the-lonely-hearts-club-techno-band/8-bizarfeeling.mp3
|
||||||
|
audio: /assets/albums/the-lonely-hearts-club-techno-band/8-bizarfeeling.mp3
|
||||||
|
slug: the-lonely-hearts-club-techno-band/8-bizarfeeling
|
||||||
|
albumSlug: the-lonely-hearts-club-techno-band
|
||||||
|
trackSlug: 8-bizarfeeling
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/the-lonely-hearts-club-techno-band/8-bizarfeeling.jpeg
|
||||||
|
cover: /assets/albums/the-lonely-hearts-club-techno-band/8-bizarfeeling.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
tool: LAME 3.100U
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 9283968
|
||||||
|
duration: 210.52081632653062
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TPE1
|
||||||
|
value: reSet Sakrecoer
|
||||||
|
- id: TIT2
|
||||||
|
value: Bizarfeeling
|
||||||
|
- id: COMM
|
||||||
|
value: &ref_7
|
||||||
|
language: eng
|
||||||
|
description: ''
|
||||||
|
text: Released on ArtifexBCN
|
||||||
|
- id: TALB
|
||||||
|
value: The Lonely Hearts Club Techno Band
|
||||||
|
- id: TRCK
|
||||||
|
value: '8'
|
||||||
|
- id: TCON
|
||||||
|
value: Electro
|
||||||
|
- id: TYER
|
||||||
|
value: '2008'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 8
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
artists:
|
||||||
|
- reSet Sakrecoer
|
||||||
|
artist: reSet Sakrecoer
|
||||||
|
title: Bizarfeeling
|
||||||
|
comment:
|
||||||
|
- Released on ArtifexBCN
|
||||||
|
album: The Lonely Hearts Club Techno Band
|
||||||
|
genre:
|
||||||
|
- Electro
|
||||||
|
year: 2008
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TIT2: Bizarfeeling
|
||||||
|
COMM: *ref_7
|
||||||
|
TALB: The Lonely Hearts Club Techno Band
|
||||||
|
TRCK: '8'
|
||||||
|
TCON: Electro
|
||||||
|
TYER: '2008'
|
||||||
|
all:
|
||||||
|
TPE1: reSet Sakrecoer
|
||||||
|
TIT2: Bizarfeeling
|
||||||
|
COMM: *ref_7
|
||||||
|
TALB: The Lonely Hearts Club Techno Band
|
||||||
|
TRCK: '8'
|
||||||
|
TCON: Electro
|
||||||
|
TYER: '2008'
|
||||||
|
---
|
||||||
321
_albums/vaporizer.md
Normal file
321
_albums/vaporizer.md
Normal file
|
|
@ -0,0 +1,321 @@
|
||||||
|
---
|
||||||
|
layout: album
|
||||||
|
slug: vaporizer
|
||||||
|
name: Vaporizer
|
||||||
|
artists: Sakrecoer
|
||||||
|
bitrate:
|
||||||
|
- 128000
|
||||||
|
- 256000
|
||||||
|
trackCount: 4
|
||||||
|
cover: /assets/albums/vaporizer/1-99gf.jpeg
|
||||||
|
date: 2015-1-1
|
||||||
|
tracks:
|
||||||
|
- path: /home/set/git/sakrecoer/sakrecoer.com/assets/albums/vaporizer/1-99gf.mp3
|
||||||
|
audio: /assets/albums/vaporizer/1-99gf.mp3
|
||||||
|
slug: vaporizer/1-99gf
|
||||||
|
albumSlug: vaporizer
|
||||||
|
trackSlug: 1-99gf
|
||||||
|
coverPath: /home/set/git/sakrecoer/sakrecoer.com/assets/albums/vaporizer/1-99gf.jpeg
|
||||||
|
cover: /assets/albums/vaporizer/1-99gf.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.4
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 12450816
|
||||||
|
duration: 282.33142857142855
|
||||||
|
native:
|
||||||
|
ID3v2.4:
|
||||||
|
- id: TRCK
|
||||||
|
value: '1'
|
||||||
|
- id: TDRC
|
||||||
|
value: '2015'
|
||||||
|
- id: TIT2
|
||||||
|
value: 99GF
|
||||||
|
- id: TPE1
|
||||||
|
value: Sakrecoer
|
||||||
|
- id: TALB
|
||||||
|
value: Vaporizer
|
||||||
|
- id: COMM
|
||||||
|
value: &ref_0
|
||||||
|
language: XXX
|
||||||
|
description: ''
|
||||||
|
text: sakrecoer.com
|
||||||
|
- id: TCON
|
||||||
|
value: Vapor Break
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 1
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
year: 2015
|
||||||
|
date: '2015'
|
||||||
|
title: 99GF
|
||||||
|
artists:
|
||||||
|
- Sakrecoer
|
||||||
|
artist: Sakrecoer
|
||||||
|
album: Vaporizer
|
||||||
|
comment:
|
||||||
|
- sakrecoer.com
|
||||||
|
genre:
|
||||||
|
- Vapor Break
|
||||||
|
transformed:
|
||||||
|
ID3v2.4:
|
||||||
|
TRCK: '1'
|
||||||
|
TDRC: '2015'
|
||||||
|
TIT2: 99GF
|
||||||
|
TPE1: Sakrecoer
|
||||||
|
TALB: Vaporizer
|
||||||
|
COMM: *ref_0
|
||||||
|
TCON: Vapor Break
|
||||||
|
all:
|
||||||
|
TRCK: '1'
|
||||||
|
TDRC: '2015'
|
||||||
|
TIT2: 99GF
|
||||||
|
TPE1: Sakrecoer
|
||||||
|
TALB: Vaporizer
|
||||||
|
COMM: *ref_0
|
||||||
|
TCON: Vapor Break
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/vaporizer/2-7-stepper.mp3
|
||||||
|
audio: /assets/albums/vaporizer/2-7-stepper.mp3
|
||||||
|
slug: vaporizer/2-7-stepper
|
||||||
|
albumSlug: vaporizer
|
||||||
|
trackSlug: 2-7-stepper
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/vaporizer/2-7-stepper.jpeg
|
||||||
|
cover: /assets/albums/vaporizer/2-7-stepper.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.4
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 256000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 8396928
|
||||||
|
duration: 190.4065306122449
|
||||||
|
native:
|
||||||
|
ID3v2.4:
|
||||||
|
- id: TRCK
|
||||||
|
value: '2'
|
||||||
|
- id: TDRC
|
||||||
|
value: '2015'
|
||||||
|
- id: TIT2
|
||||||
|
value: 7 Stepper
|
||||||
|
- id: TPE1
|
||||||
|
value: Sakrecoer
|
||||||
|
- id: TALB
|
||||||
|
value: Vaporizer
|
||||||
|
- id: COMM
|
||||||
|
value: &ref_1
|
||||||
|
language: XXX
|
||||||
|
description: ''
|
||||||
|
text: sakrecoer.com
|
||||||
|
- id: TCON
|
||||||
|
value: Vapor Break
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 2
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
year: 2015
|
||||||
|
date: '2015'
|
||||||
|
title: 7 Stepper
|
||||||
|
artists:
|
||||||
|
- Sakrecoer
|
||||||
|
artist: Sakrecoer
|
||||||
|
album: Vaporizer
|
||||||
|
comment:
|
||||||
|
- sakrecoer.com
|
||||||
|
genre:
|
||||||
|
- Vapor Break
|
||||||
|
transformed:
|
||||||
|
ID3v2.4:
|
||||||
|
TRCK: '2'
|
||||||
|
TDRC: '2015'
|
||||||
|
TIT2: 7 Stepper
|
||||||
|
TPE1: Sakrecoer
|
||||||
|
TALB: Vaporizer
|
||||||
|
COMM: *ref_1
|
||||||
|
TCON: Vapor Break
|
||||||
|
all:
|
||||||
|
TRCK: '2'
|
||||||
|
TDRC: '2015'
|
||||||
|
TIT2: 7 Stepper
|
||||||
|
TPE1: Sakrecoer
|
||||||
|
TALB: Vaporizer
|
||||||
|
COMM: *ref_1
|
||||||
|
TCON: Vapor Break
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/vaporizer/3-vapor-break.mp3
|
||||||
|
audio: /assets/albums/vaporizer/3-vapor-break.mp3
|
||||||
|
slug: vaporizer/3-vapor-break
|
||||||
|
albumSlug: vaporizer
|
||||||
|
trackSlug: 3-vapor-break
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/vaporizer/3-vapor-break.jpeg
|
||||||
|
cover: /assets/albums/vaporizer/3-vapor-break.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 12613248
|
||||||
|
duration: 286.014693877551
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: Vapor Break
|
||||||
|
- id: TPE1
|
||||||
|
value: Sakrecoer
|
||||||
|
- id: COMM
|
||||||
|
value: &ref_2
|
||||||
|
language: eng
|
||||||
|
description: ''
|
||||||
|
text: sakrecoer.com
|
||||||
|
- id: TRCK
|
||||||
|
value: '3'
|
||||||
|
- id: TCON
|
||||||
|
value: Vapor Break
|
||||||
|
- id: TALB
|
||||||
|
value: Vaporizer
|
||||||
|
- id: TYER
|
||||||
|
value: '2015'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 3
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: Vapor Break
|
||||||
|
artists:
|
||||||
|
- Sakrecoer
|
||||||
|
artist: Sakrecoer
|
||||||
|
comment:
|
||||||
|
- sakrecoer.com
|
||||||
|
genre:
|
||||||
|
- Vapor Break
|
||||||
|
album: Vaporizer
|
||||||
|
year: 2015
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: Vapor Break
|
||||||
|
TPE1: Sakrecoer
|
||||||
|
COMM: *ref_2
|
||||||
|
TRCK: '3'
|
||||||
|
TCON: Vapor Break
|
||||||
|
TALB: Vaporizer
|
||||||
|
TYER: '2015'
|
||||||
|
all:
|
||||||
|
TIT2: Vapor Break
|
||||||
|
TPE1: Sakrecoer
|
||||||
|
COMM: *ref_2
|
||||||
|
TRCK: '3'
|
||||||
|
TCON: Vapor Break
|
||||||
|
TALB: Vaporizer
|
||||||
|
TYER: '2015'
|
||||||
|
- path: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/vaporizer/4-subossa.mp3
|
||||||
|
audio: /assets/albums/vaporizer/4-subossa.mp3
|
||||||
|
slug: vaporizer/4-subossa
|
||||||
|
albumSlug: vaporizer
|
||||||
|
trackSlug: 4-subossa
|
||||||
|
coverPath: >-
|
||||||
|
/home/set/git/sakrecoer/sakrecoer.com/assets/albums/vaporizer/4-subossa.jpeg
|
||||||
|
cover: /assets/albums/vaporizer/4-subossa.jpeg
|
||||||
|
format:
|
||||||
|
tagTypes:
|
||||||
|
- ID3v2.3
|
||||||
|
trackInfo: []
|
||||||
|
lossless: false
|
||||||
|
container: MPEG
|
||||||
|
codec: MPEG 1 Layer 3
|
||||||
|
sampleRate: 44100
|
||||||
|
numberOfChannels: 2
|
||||||
|
bitrate: 128000
|
||||||
|
codecProfile: CBR
|
||||||
|
numberOfSamples: 9635328
|
||||||
|
duration: 218.48816326530613
|
||||||
|
native:
|
||||||
|
ID3v2.3:
|
||||||
|
- id: TIT2
|
||||||
|
value: Subossa
|
||||||
|
- id: TPE1
|
||||||
|
value: Sakrecoer
|
||||||
|
- id: TALB
|
||||||
|
value: Vaporizer
|
||||||
|
- id: COMM
|
||||||
|
value: &ref_3
|
||||||
|
language: eng
|
||||||
|
description: ''
|
||||||
|
text: sakrecoer.com
|
||||||
|
- id: TRCK
|
||||||
|
value: '4'
|
||||||
|
- id: TCON
|
||||||
|
value: Vapor Break
|
||||||
|
- id: TYER
|
||||||
|
value: '2015'
|
||||||
|
quality:
|
||||||
|
warnings: []
|
||||||
|
common:
|
||||||
|
track:
|
||||||
|
'no': 4
|
||||||
|
of: null
|
||||||
|
disk:
|
||||||
|
'no': null
|
||||||
|
of: null
|
||||||
|
title: Subossa
|
||||||
|
artists:
|
||||||
|
- Sakrecoer
|
||||||
|
artist: Sakrecoer
|
||||||
|
album: Vaporizer
|
||||||
|
comment:
|
||||||
|
- sakrecoer.com
|
||||||
|
genre:
|
||||||
|
- Vapor Break
|
||||||
|
year: 2015
|
||||||
|
transformed:
|
||||||
|
ID3v2.3:
|
||||||
|
TIT2: Subossa
|
||||||
|
TPE1: Sakrecoer
|
||||||
|
TALB: Vaporizer
|
||||||
|
COMM: *ref_3
|
||||||
|
TRCK: '4'
|
||||||
|
TCON: Vapor Break
|
||||||
|
TYER: '2015'
|
||||||
|
all:
|
||||||
|
TIT2: Subossa
|
||||||
|
TPE1: Sakrecoer
|
||||||
|
TALB: Vaporizer
|
||||||
|
COMM: *ref_3
|
||||||
|
TRCK: '4'
|
||||||
|
TCON: Vapor Break
|
||||||
|
TYER: '2015'
|
||||||
|
---
|
||||||
4863
_albums/waiting-game.md
Normal file
4863
_albums/waiting-game.md
Normal file
File diff suppressed because it is too large
Load diff
9
_authors/_defaults.md
Normal file
9
_authors/_defaults.md
Normal file
|
|
@ -0,0 +1,9 @@
|
||||||
|
---
|
||||||
|
name:
|
||||||
|
position:
|
||||||
|
image:
|
||||||
|
url_staff:
|
||||||
|
email:
|
||||||
|
gpg:
|
||||||
|
blurb_markup:
|
||||||
|
---
|
||||||
9
_authors/set.md
Normal file
9
_authors/set.md
Normal file
|
|
@ -0,0 +1,9 @@
|
||||||
|
---
|
||||||
|
name: Set Sakrecoer
|
||||||
|
position: 'Artist'
|
||||||
|
image: /assets/img/staff/set.png
|
||||||
|
url_staff: 'https://sakrecoer.com'
|
||||||
|
email: 'public@sakrecoer.com'
|
||||||
|
gpg: 'https://keyserver.ubuntu.com/pks/lookup?op=get&search=0x92401D3F102A0208'
|
||||||
|
blurb_markup: 'Multidisciplinary humanoïd.'
|
||||||
|
---
|
||||||
156
_config.yml
156
_config.yml
|
|
@ -1,64 +1,124 @@
|
||||||
# Welcome to Jekyll!
|
url: "https://sakrecoer.com" # the base hostname & protocol for your site
|
||||||
#
|
permalink: /:categories/:title/
|
||||||
# This config file is meant for settings that affect your whole blog, values
|
|
||||||
# which you are expected to set up once and rarely edit after that. If you find
|
|
||||||
# yourself editing this file very often, consider using Jekyll's data files
|
|
||||||
# feature for the data you need to update frequently.
|
|
||||||
#
|
|
||||||
# For technical reasons, this file is *NOT* reloaded automatically when you use
|
|
||||||
# 'bundle exec jekyll serve'. If you change this file, please restart the server process.
|
|
||||||
|
|
||||||
# Site settings
|
exclude:
|
||||||
# These are used to personalize your new site. If you look in the HTML files,
|
- changelog.md
|
||||||
# you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
|
- '*.*~'
|
||||||
# You can create any custom variable you would like, and they will be accessible
|
- '*.xcf'
|
||||||
# in the templates via {{ site.myvariable }}.
|
- '*.blend*'
|
||||||
title: "Sakrecoer"
|
- Gemfile
|
||||||
email: public@sakrecoer.com
|
- Gemfile.lock
|
||||||
baseurl: "" # the subpath of your site, e.g. /blog
|
- README.md
|
||||||
url: "https://sakrecoer.com" # the base hostname & protocol for your site, e.g. http://example.com
|
- LICENCE
|
||||||
instagram_username: sakrecoer
|
|
||||||
### Values for the jekyll-seo-tag gem (https://github.com/jekyll/jekyll-seo-tag)
|
title : 'Sakrecoer'
|
||||||
logo: /siteicon.png
|
description: 'Sakrecoer Uncorporated Stands for independent fun-loving Activism, Art & Music. I push sounds, images, thoughts and passion for cool robots like you. I am funky and I deliver because I was born tomorrow.'
|
||||||
description: >- # this means to ignore newlines until "baseurl:"
|
geo:
|
||||||
Sakrecoer Uncorporated Stands for independent fun-loving Activism, Art & Music. I push sounds, images, thoughts and passion for cool robots like you. I am funky and I deliver because I was born tomorrow.
|
timezone: "Europe/Switzerland"
|
||||||
author:
|
lat: '46.203918'
|
||||||
|
long: '6.133011'
|
||||||
|
region: 'CH-GE'
|
||||||
|
town: 'Geneva'
|
||||||
|
country: 'Switzerland'
|
||||||
|
postalcode: '1201'
|
||||||
|
|
||||||
|
banner: '/assets/img/sakrecoer-banner.jpg'
|
||||||
|
icon: /siteicon.png
|
||||||
|
logo: /assets/img/icons/sakrecoerLOGO-2020.svg
|
||||||
|
mediaurl: /assets/albums
|
||||||
|
|
||||||
|
publisher:
|
||||||
name: Sakrecoer
|
name: Sakrecoer
|
||||||
email: public@sakrecoer.com
|
domain: sakrecoer.com
|
||||||
twitter: sakrecoer # twitter username without the @ symbol
|
mail: public@sakrecoer.com
|
||||||
lang: en_US
|
|
||||||
social:
|
social:
|
||||||
link:
|
name: Sakrecoer
|
||||||
|
links:
|
||||||
- https://twitter.com/sakrecoer
|
- https://twitter.com/sakrecoer
|
||||||
- https://instagram.com/sakrecoer
|
- https://instagram.com/sakrecoer
|
||||||
- https://open.spotify.com/playlist/2EDQlOV0cZe3KHLiSf1nly?si=4iwj3I4ETYqnym8RHXuKMw
|
- https://open.spotify.com/playlist/2EDQlOV0cZe3KHLiSf1nly?si=4iwj3I4ETYqnym8RHXuKMw
|
||||||
### Build settings
|
- https://www.facebook.com/pages/reSet-Sakrecoer/941015992581348
|
||||||
plugins:
|
- https://soundcloud.com/sakrecoer
|
||||||
- jekyll-sitemap
|
- https://sakrecoer.tumblr.com
|
||||||
- jekyll-seo-tag
|
- https://mastodon.art/@sakrecoer
|
||||||
|
- https://sakrecoer.bandcamp.com/
|
||||||
|
|
||||||
### Plugin settings:
|
categories:
|
||||||
|
- releases
|
||||||
|
- ramblings
|
||||||
|
|
||||||
### excerpt_separator: '<!--more-->'
|
|
||||||
pagination:
|
|
||||||
enabled: true
|
|
||||||
|
|
||||||
### collection
|
|
||||||
collections:
|
collections:
|
||||||
|
albums:
|
||||||
|
output: true
|
||||||
|
permalink: /albums/:name/
|
||||||
tracks:
|
tracks:
|
||||||
output: true
|
output: true
|
||||||
permalink: /music/:title.html
|
permalink: /albums/:path/
|
||||||
|
authors:
|
||||||
|
output: false
|
||||||
|
|
||||||
# defaults
|
# defaults
|
||||||
permalink: /:categories/:title/
|
|
||||||
|
sass:
|
||||||
|
sass_dir: _sass
|
||||||
|
|
||||||
defaults:
|
defaults:
|
||||||
-
|
- scope:
|
||||||
scope:
|
|
||||||
path: ""
|
path: ""
|
||||||
values:
|
values:
|
||||||
layout: default
|
lang: en
|
||||||
|
- scope:
|
||||||
exclude: [".rvmrc", ".rbenv-version", "README.md", "Rakefile", "changelog.md", "*.*~", "Gemfile", "Gemfile.lock", ".gitignore" ]
|
path: ""
|
||||||
audio_url : 'https://media.sakrecoer.com'
|
type: "tracks"
|
||||||
banner: /assets/img/set.png
|
values:
|
||||||
|
layout: "track"
|
||||||
|
lang: en
|
||||||
|
seo:
|
||||||
|
type: "AudioObject"
|
||||||
|
- scope:
|
||||||
|
path: ""
|
||||||
|
type: "albums"
|
||||||
|
values:
|
||||||
|
layout: "album"
|
||||||
|
lang: en
|
||||||
|
seo:
|
||||||
|
type: "AudioObject"
|
||||||
|
- scope:
|
||||||
|
path: ""
|
||||||
|
type: "pages"
|
||||||
|
values:
|
||||||
|
layout: "default"
|
||||||
|
lang: en
|
||||||
|
_options:
|
||||||
|
image:
|
||||||
|
width: 1024
|
||||||
|
height: 720
|
||||||
|
resize_style: cover
|
||||||
|
uploads_dir: "/assets/img/pages"
|
||||||
|
content:
|
||||||
|
width: 720
|
||||||
|
height: 720
|
||||||
|
resize_style: cover
|
||||||
|
uploads_dir: "/assets/img/pages"
|
||||||
|
- scope:
|
||||||
|
path: ""
|
||||||
|
type: "posts"
|
||||||
|
values:
|
||||||
|
layout: "post"
|
||||||
|
lang: en
|
||||||
|
permalink: /:title/
|
||||||
|
_options:
|
||||||
|
image:
|
||||||
|
width: 1024
|
||||||
|
height: 720
|
||||||
|
resize_style: cover
|
||||||
|
uploads_dir: "/assets/img/posts"
|
||||||
|
content:
|
||||||
|
width: 720
|
||||||
|
height: 720
|
||||||
|
resize_style: cover
|
||||||
|
uploads_dir: "/assets/img/posts"
|
||||||
|
# ---------
|
||||||
|
# Translate
|
||||||
|
lang: en
|
||||||
10616
_data/albums.yml
Normal file
10616
_data/albums.yml
Normal file
File diff suppressed because it is too large
Load diff
48
_data/links.yml
Normal file
48
_data/links.yml
Normal file
|
|
@ -0,0 +1,48 @@
|
||||||
|
- title: Good Karma Records
|
||||||
|
url: http://www.goodkarma.ru
|
||||||
|
banner:
|
||||||
|
image: /assets/img/linkbanners/goodkarma%20copy.banner.png
|
||||||
|
- title: Villamagica Records
|
||||||
|
url: https://www.villamagica.com
|
||||||
|
banner:
|
||||||
|
image: /assets/img/linkbanners/VILLAMAGICAREBOOT99XX%20copy.banner.png
|
||||||
|
- title:
|
||||||
|
url: https://www.finstafari.com
|
||||||
|
banner:
|
||||||
|
image: /assets/img/linkbanners/finsta.gif
|
||||||
|
- title: Graphstyle
|
||||||
|
url: https://graphstyle.com/
|
||||||
|
banner:
|
||||||
|
image: /assets/img/linkbanners/graphstyle2011_logo_small6_1.png
|
||||||
|
- title: Alex Understands
|
||||||
|
url: https://www.alexunderstands.com/
|
||||||
|
banner:
|
||||||
|
image: /assets/img/linkbanners/alexunderstands.png
|
||||||
|
- title: Basspistol
|
||||||
|
url: https://basspistol.com
|
||||||
|
banner:
|
||||||
|
image: /assets/img/linkbanners/basspistol_logo3_1mini.png
|
||||||
|
- title: Alsenet
|
||||||
|
url: https://alsenet.com
|
||||||
|
banner:
|
||||||
|
image: /assets/img/linkbanners/logo-alsenet.png
|
||||||
|
- title: Mr. C
|
||||||
|
url: http://www.mrc808.com
|
||||||
|
banner:
|
||||||
|
image: /assets/img/linkbanners/charles-hieronymi-wave.png
|
||||||
|
- title: Linux Audio
|
||||||
|
url: https://www.linuxaudio.org/
|
||||||
|
banner:
|
||||||
|
image: /assets/img/linkbanners/linuxaudio.png
|
||||||
|
- title: Ubuntu Studio
|
||||||
|
url: http://www.ubuntustudio.org/
|
||||||
|
banner:
|
||||||
|
image: /assets/img/linkbanners/us-logo.png
|
||||||
|
- title: Rasta Soft
|
||||||
|
url: https://rastasoft.org/
|
||||||
|
banner:
|
||||||
|
image: /assets/img/linkbanners/rastalion.jpg
|
||||||
|
- title: Dyne
|
||||||
|
url: https://www.dyne.org/
|
||||||
|
banner:
|
||||||
|
image: /assets/img/linkbanners/moebius-band.png
|
||||||
17
_data/navigation.yml
Normal file
17
_data/navigation.yml
Normal file
|
|
@ -0,0 +1,17 @@
|
||||||
|
- icon: fa-disc
|
||||||
|
url: /discography/
|
||||||
|
name: Discog
|
||||||
|
external_site: false
|
||||||
|
- icon: fa-newspaper
|
||||||
|
url: /log/
|
||||||
|
name: Log
|
||||||
|
external_site: false
|
||||||
|
- icon: fa-finger-print
|
||||||
|
url: /about/
|
||||||
|
name: About
|
||||||
|
external_site: false
|
||||||
|
- icon: fa-link
|
||||||
|
url: /links/
|
||||||
|
name: Links
|
||||||
|
external_site: false
|
||||||
|
|
||||||
21
_data/social.yml
Normal file
21
_data/social.yml
Normal file
|
|
@ -0,0 +1,21 @@
|
||||||
|
|
||||||
|
- name: Twitter
|
||||||
|
url: https://twitter.com/sakrecoer
|
||||||
|
icon: fa-twitter
|
||||||
|
share_link: 'https://twitter.com/share?url={{ site.url }}{{ page.url | xml_escape }}&text={{ page.description | xml_escape }}%20via%20@bpist&hashtags=sakrecoer'
|
||||||
|
we_have_account: true
|
||||||
|
- name: Instagram
|
||||||
|
url: https://www.instagram.com/sakrecoer
|
||||||
|
icon: fa-instagram
|
||||||
|
share_link:
|
||||||
|
we_have_account: true
|
||||||
|
- name: Telegram
|
||||||
|
url: https://t.me/sakrecoer
|
||||||
|
icon: fa-telegram
|
||||||
|
share_link: 'https://telegram.me/share/url?url={{ site.url }}{{ page.url }}&text={{ page.description }}%20via%20@sakrecoer'
|
||||||
|
we_have_account: true
|
||||||
|
- name: Reddit
|
||||||
|
url: https://www.reddit.com/r/basspistol
|
||||||
|
icon: fa-reddit
|
||||||
|
share_link: 'https://reddit.com/submit/?url={{ site.url }}{{ page.url }}&title={{ page.title | xml_escape }}'
|
||||||
|
we_have_account: true
|
||||||
24
_data/stores.yml
Normal file
24
_data/stores.yml
Normal file
|
|
@ -0,0 +1,24 @@
|
||||||
|
- name: Bandcamp
|
||||||
|
url: https://shop.basspistol.com
|
||||||
|
icon: fa-bandcamp
|
||||||
|
download: true
|
||||||
|
# - name: Spotify
|
||||||
|
# url: https://open.spotify.com/artist/0gus2IdSkfrvFDBPqeiksM/
|
||||||
|
# icon: fa-spotify
|
||||||
|
# download: false
|
||||||
|
# - name: Apple Music
|
||||||
|
# url: https://itunes.apple.com/us/artist/%E5%BE%92-setto-%E3%82%BB%E3%83%83%E3%83%88/1447055514
|
||||||
|
# icon: fa-apple
|
||||||
|
# download: false
|
||||||
|
# - name: Google Play
|
||||||
|
# url: https://play.google.com/store/music/artist/%E5%BE%92_setto_%E3%82%BB%E3%83%83%E3%83%88?id=Ayi4avjpfyinbrepzebpsvpjc5a
|
||||||
|
# icon: fa-google-play
|
||||||
|
# download: false
|
||||||
|
# - name: Deezer
|
||||||
|
# url: https://www.deezer.com/fr/artist/56004012
|
||||||
|
# icon: fa-creative-commons-sampling
|
||||||
|
# download: false
|
||||||
|
# - name: Napster
|
||||||
|
# url: https://us.napster.com/artist/-setto-
|
||||||
|
# icon: fa-napster
|
||||||
|
# download: false
|
||||||
|
|
@ -1,205 +0,0 @@
|
||||||
{
|
|
||||||
"tracks":[
|
|
||||||
{
|
|
||||||
"id":"01-2006-reset_sakrecoer-web_jukebox-bad_boys_3.mp3",
|
|
||||||
"title":"Bad Boys 3",
|
|
||||||
"artist":"reSet Sakrecoer",
|
|
||||||
"album":"Web Jukebox",
|
|
||||||
"track":"01",
|
|
||||||
"duration":"3:28",
|
|
||||||
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
|
|
||||||
"date":"2006"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"id":"02-2008-sakrecoer-web_jukebox-now_future.mp3",
|
|
||||||
"title":"Now Future",
|
|
||||||
"artist":"Sakrecoer",
|
|
||||||
"album":"Web Jukebox",
|
|
||||||
"track":"02",
|
|
||||||
"duration":"4:08",
|
|
||||||
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
|
|
||||||
"date":"2008"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"id":"03-2009-reset_sakrecoer-web_jukebox-xmas_bowie.mp3",
|
|
||||||
"title":"Xmas Bowie",
|
|
||||||
"artist":"reSet Sakrecoer",
|
|
||||||
"album":"Web Jukebox",
|
|
||||||
"track":"03",
|
|
||||||
"duration":"4:20",
|
|
||||||
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
|
|
||||||
"date":"2009"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"id":"04-2010-reset_sakrecoer-web_jukebox-dumb_bumm.mp3",
|
|
||||||
"title":"Dumb Bumm",
|
|
||||||
"artist":"reSet Sakrecoer",
|
|
||||||
"album":"Web Jukebox",
|
|
||||||
"track":"04",
|
|
||||||
"duration":"3:45",
|
|
||||||
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
|
|
||||||
"date":"2010"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"id":"05-2011-reset_sakrecoer-web_jukebox-lovemoney.mp3",
|
|
||||||
"title":"Lovemoney",
|
|
||||||
"artist":"reSet Sakrecoer",
|
|
||||||
"album":"Web Jukebox",
|
|
||||||
"track":"05",
|
|
||||||
"duration":"2:47",
|
|
||||||
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
|
|
||||||
"date":"2011"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"id":"06-2011-sakrecoer-web_jukebox-fantasii.mp3",
|
|
||||||
"title":"Fantasii",
|
|
||||||
"artist":"Sakrecoer",
|
|
||||||
"album":"Web Jukebox",
|
|
||||||
"track":"06",
|
|
||||||
"duration":"4:19",
|
|
||||||
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
|
|
||||||
"date":"2011"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"id":"08-2012-sakrecoer-web_jukebox-supernova.mp3",
|
|
||||||
"title":"SuperNova",
|
|
||||||
"artist":"Sakrecoer",
|
|
||||||
"album":"Web Jukebox",
|
|
||||||
"track":"08",
|
|
||||||
"duration":"7:25",
|
|
||||||
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
|
|
||||||
"date":"2012"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"id":"09-2012-pusset_sakrecoer-web_jukebox-we_have_to_decide.mp3",
|
|
||||||
"title":"We Have To Decide",
|
|
||||||
"artist":"pusSet Sakrecoer",
|
|
||||||
"album":"Web Jukebox",
|
|
||||||
"track":"09",
|
|
||||||
"duration":"4:34",
|
|
||||||
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
|
|
||||||
"date":"2012"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"id":"10-2012-pusset_sakrecoer-web_jukebox-un_barcelones_en_carib_malmo.mp3",
|
|
||||||
"title":"Un Barcelones En Carib Malmo",
|
|
||||||
"artist":"pusSet Sakrecoer",
|
|
||||||
"album":"Web Jukebox",
|
|
||||||
"track":"10",
|
|
||||||
"duration":"5:23",
|
|
||||||
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
|
|
||||||
"date":"2012"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"id":"11-2012-redith_piaf-web_jukebox-avide_de_danser.mp3",
|
|
||||||
"title":"Avide De Danser",
|
|
||||||
"artist":"reDith Piaf",
|
|
||||||
"album":"Web Jukebox",
|
|
||||||
"track":"11",
|
|
||||||
"duration":"5:29",
|
|
||||||
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
|
|
||||||
"date":"2012"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"id":"12-2013-reset_sakrecoer-web_jukebox-power_to_do.mp3",
|
|
||||||
"title":"Power To Do",
|
|
||||||
"artist":"reSet Sakrecoer",
|
|
||||||
"album":"Web Jukebox",
|
|
||||||
"track":"12",
|
|
||||||
"duration":"2:35",
|
|
||||||
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
|
|
||||||
"date":"2013"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"id":"13-2013-reset_sakrecoer-web_jukebox-the_wall.mp3",
|
|
||||||
"title":"The Wall",
|
|
||||||
"artist":"reSet Sakrecoer",
|
|
||||||
"album":"Web Jukebox",
|
|
||||||
"track":"13",
|
|
||||||
"duration":"4:33",
|
|
||||||
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
|
|
||||||
"date":"2013"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"id":"14-2013-pusset_sakrecoer-web_jukebox-albino_lion.mp3",
|
|
||||||
"title":"Albino Lion",
|
|
||||||
"artist":"pusSet Sakrecoer",
|
|
||||||
"album":"Web Jukebox",
|
|
||||||
"track":"14",
|
|
||||||
"duration":"4:31",
|
|
||||||
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
|
|
||||||
"date":"2013"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"id":"15-2013-pusset_sakrecoer-web_jukebox-work_for_free_time.mp3",
|
|
||||||
"title":"Work For Free Time",
|
|
||||||
"artist":"pusSet Sakrecoer",
|
|
||||||
"album":"Web Jukebox",
|
|
||||||
"track":"15",
|
|
||||||
"duration":"3:25",
|
|
||||||
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
|
|
||||||
"date":"2013"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"id":"16-2013-simio_sakrecoer-web_jukebox-acid_in_my_lounge.mp3",
|
|
||||||
"title":"Acid In My Lounge",
|
|
||||||
"artist":"Simio Sakrecoer",
|
|
||||||
"album":"Web Jukebox",
|
|
||||||
"track":"16",
|
|
||||||
"duration":"3:36",
|
|
||||||
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
|
|
||||||
"date":"2013"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"id":"17-2014-reset_sakrecoer-web_jukebox-philosofisk_logik.mp3",
|
|
||||||
"title":"Philosofisk Logik",
|
|
||||||
"artist":"reSet Sakrecoer",
|
|
||||||
"album":"Web Jukebox",
|
|
||||||
"track":"17",
|
|
||||||
"duration":"2:07",
|
|
||||||
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
|
|
||||||
"date":"2014"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"id":"18-2014-simio_sakrecoer-web_jukebox-medans_i_saver.mp3",
|
|
||||||
"title":"Medans I Saver",
|
|
||||||
"artist":"Simio Sakrecoer",
|
|
||||||
"album":"Web Jukebox",
|
|
||||||
"track":"18",
|
|
||||||
"duration":"4:34",
|
|
||||||
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
|
|
||||||
"date":"2014"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"id":"19-2014-simio_sakrecoer-web_jukebox-burner.mp3",
|
|
||||||
"title":"Burner",
|
|
||||||
"artist":"Simio Sakrecoer",
|
|
||||||
"album":"Web Jukebox",
|
|
||||||
"track":"19",
|
|
||||||
"duration":"3:49",
|
|
||||||
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
|
|
||||||
"date":"2014"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"id":"20-2014-phuture_edited_by_sakrecoer-web_jukebox-phramtiden_syrliga_spar.mp3",
|
|
||||||
"title":"Phramtiden Syrliga Spar",
|
|
||||||
"artist":"Phuture edited by Sakrecoer",
|
|
||||||
"album":"Web Jukebox",
|
|
||||||
"track":"20",
|
|
||||||
"duration":"5:08",
|
|
||||||
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
|
|
||||||
"date":"2014"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"id":"21-2014-sakrecoer-web_jukebox-tonedef_loudnesswarriors_anthem.mp3",
|
|
||||||
"title":"Tonedef Loudnesswarriors Anthem",
|
|
||||||
"artist":"Sakrecoer",
|
|
||||||
"album":"Web Jukebox",
|
|
||||||
"track":"21",
|
|
||||||
"duration":"5:24",
|
|
||||||
"copyright":"Sakrecoer.com Creative Commons 4.0 BY-SA",
|
|
||||||
"date":"2014"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
|
|
||||||
26
_data/translations.yml
Normal file
26
_data/translations.yml
Normal file
|
|
@ -0,0 +1,26 @@
|
||||||
|
en:
|
||||||
|
navigation:
|
||||||
|
-
|
||||||
|
read-post: 'Read post'
|
||||||
|
name: Name
|
||||||
|
lastname: Last name
|
||||||
|
email: E-mail
|
||||||
|
message: Message
|
||||||
|
privacy: 'I agree with the <a href=''/cookies/#privacythingy''>privacy policy.</a>'
|
||||||
|
newsletter: I want the newsletter!
|
||||||
|
required: Required field
|
||||||
|
contact-us: Get in touch
|
||||||
|
contact: Contact
|
||||||
|
write-msg: Write your message...
|
||||||
|
send: Send Message
|
||||||
|
news: News
|
||||||
|
top: Back to top
|
||||||
|
cookies: >-
|
||||||
|
<p>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 />Read more about how Basspistol <a href="/cookies/">use cookies</a>
|
||||||
|
</p>
|
||||||
|
cookie-agree: I'm in!
|
||||||
|
back: Take me back!
|
||||||
|
home: Home
|
||||||
|
post-nav: Read more posts
|
||||||
18
_drafts/santas-audioserver.md
Normal file
18
_drafts/santas-audioserver.md
Normal file
|
|
@ -0,0 +1,18 @@
|
||||||
|
---
|
||||||
|
title: Santas Audioserver
|
||||||
|
description:
|
||||||
|
date: 2004-12-23 00:00:00
|
||||||
|
author:
|
||||||
|
category:
|
||||||
|
album: santas-audioserver
|
||||||
|
tags:
|
||||||
|
image: /assets/img/albums/santas-audioserver/10-santa-simulator.jpeg
|
||||||
|
download:
|
||||||
|
link:
|
||||||
|
stores:
|
||||||
|
- name:
|
||||||
|
url:
|
||||||
|
icon:
|
||||||
|
download: false
|
||||||
|
---
|
||||||
|
|
||||||
33
_includes/analytics.js
Normal file
33
_includes/analytics.js
Normal file
|
|
@ -0,0 +1,33 @@
|
||||||
|
{% if page.url == '/404/' %}
|
||||||
|
|
||||||
|
//* Matomo *//
|
||||||
|
|
||||||
|
var _paq = window._paq || [];
|
||||||
|
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
||||||
|
_paq.push(['setDocumentTitle', '404/URL = ' + encodeURIComponent(document.location.pathname+document.location.search) + '/From = ' + encodeURIComponent(document.referrer)]);
|
||||||
|
_paq.push(['disableCookies']);
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="https://terminalnetwork.matomo.cloud/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||||
|
_paq.push(['setSiteId', '3']);
|
||||||
|
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);
|
||||||
|
})();
|
||||||
|
|
||||||
|
//* End Matomo *//
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
{% else %}
|
||||||
|
//* Matomo Tag Manager *//
|
||||||
|
|
||||||
|
var _mtm = _mtm || [];
|
||||||
|
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/terminalnetwork.matomo.cloud/container_fHO88MfH.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
|
||||||
|
//* End Matomo Tag Manager *//
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
33
_includes/author.html
Normal file
33
_includes/author.html
Normal file
|
|
@ -0,0 +1,33 @@
|
||||||
|
{% assign author_id = page.author | prepend: "/authors/" | append: "/" %}
|
||||||
|
{% assign author = site.authors | where: "url", author_id | first %}
|
||||||
|
<header id="author">
|
||||||
|
<div class="bio">
|
||||||
|
|
||||||
|
{% if page.collection == 'posts' %}
|
||||||
|
<div alt="Picture of {{ author.name }}"
|
||||||
|
style="margin-right: 10px;background-image:url({{ author.image }});background-repeat: no-repeat;background-size:cover; border-radius:150px; width:150px; height:150px;">
|
||||||
|
</div>
|
||||||
|
<br />
|
||||||
|
<p style="font-style: normal;"><a href="mailto:{{ author.email }}"><strong>{{ author.name }}</strong></a></p>
|
||||||
|
<p style="font-style: normal;">{{ author.position }}{% if author.gpg != nil %} | <a target="_blank" rel="noopener" href="{{ author.gpg }}">GPG</a>{% endif %}</p>
|
||||||
|
<p style="font-size:14px;font-style: normal;">
|
||||||
|
Published the
|
||||||
|
|
||||||
|
{% include dates.html %}
|
||||||
|
</p>
|
||||||
|
|
||||||
|
{% endif %}
|
||||||
|
<h6>
|
||||||
|
|
||||||
|
Share this page:
|
||||||
|
</h6>
|
||||||
|
<ul class="icons">
|
||||||
|
<li><a target="_blank" rel="nofollow noopener" title="Share to facebook" alt="Share to facebook" href="https://touch.facebook.com/sharer.php?u={{ site.url }}{{ page.url | xml_escape }}&quote={{ page.title | xml_escape }}%20by%20{{ site.title xml_escape }}%20via%20{{ site.url }}" class="icon brands style1 fa-facebook-f"><span class="label">Facebook</span></a></li>
|
||||||
|
<li><a target="_blank" rel="nofollow noopener" title="Share to twitter" alt="Share to twitter" href="https://twitter.com/share?url={{ site.url }}{{ page.url | xml_escape }}&text={{ page.title | xml_escape }}%20by%20{{ site.title xml_escape }}%20&hashtags=paxNion" class="icon brands style1 fa-twitter"><span class="label">Twitter</span></a></li>
|
||||||
|
<li><a target="_blank" rel="nofollow noopener" title="Share to telegram" alt="Share to telgram" href="https://telegram.me/share/url?url={{ site.url }}{{ page.url }}&text={{ page.title | xml_escape }}%20by%20{{ site.title xml_escape }}" class="icon brands style1 fa-telegram"><span class="label">Telegram</span></a></li>
|
||||||
|
<li><a target="_blank" rel="nofollow noopener" title="Share to reddit" alt="Share to reddit" href="https://reddit.com/submit/?url={{ site.url }}{{ page.url }}&title={{ page.title | xml_escape }}%20by%20{{ site.title xml_escape }}" class="icon brands style1 fa-reddit"><span class="label">Reddit</span></a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
42
_includes/contact.html
Normal file
42
_includes/contact.html
Normal file
|
|
@ -0,0 +1,42 @@
|
||||||
|
<!-- Contact -->
|
||||||
|
<section id="contact" class="wrapper style1 align-center">
|
||||||
|
<div class="inner medium">
|
||||||
|
<h2 class="editable">
|
||||||
|
|
||||||
|
</h2>
|
||||||
|
<form action="{{ site.baseurl }}/contact-success/" method="post">
|
||||||
|
<input type="hidden" name="_to" value="setto@basspistol.com" /><br />
|
||||||
|
<input type="text" name="_gotcha" style="display: none;" />
|
||||||
|
<div class="fields">
|
||||||
|
<div class="field half">
|
||||||
|
<label for="name">{{ site.data.translations[page.lang].name }}</label>
|
||||||
|
<input type="text" name="name" id="name" placeholder="{{ site.data.translations[page.lang].name }} {{ site.data.translations[page.lang].lastname }}" />
|
||||||
|
</div>
|
||||||
|
<div class="field half">
|
||||||
|
<label for="email">{{ site.data.translations[page.lang].email }}</label>
|
||||||
|
<input type="email" name="email" placeholder="{{ site.data.translations[page.lang].required }}" required />
|
||||||
|
</div>
|
||||||
|
<div class="field">
|
||||||
|
<label for="message">{{ site.data.translations[page.lang].message }}</label>
|
||||||
|
<textarea name="message" id="message" rows="6" placeholder="{{ site.data.translations[page.lang].write-msg }}"></textarea>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="text-align: left;">
|
||||||
|
<input type="checkbox" name="consent" id="consent" required />
|
||||||
|
<label for="consent">{{ site.data.translations[page.lang].privacy }}
|
||||||
|
</label>
|
||||||
|
<br /><br />
|
||||||
|
|
||||||
|
<input type="checkbox" name="newsletter" id="newsletter" />
|
||||||
|
<label for="newsletter">{{ site.data.translations[page.lang].newsletter }}
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<br />
|
||||||
|
<ul class="actions special">
|
||||||
|
<li><input type="submit" name="submit" id="submit" value="{{ site.data.translations[page.lang].send }}" /></li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- END Contact -->
|
||||||
65
_includes/cookie-consent.html
Normal file
65
_includes/cookie-consent.html
Normal file
|
|
@ -0,0 +1,65 @@
|
||||||
|
|
||||||
|
<div id="cookie-notice">
|
||||||
|
{{ site.data.translations[page.lang].cookies }}
|
||||||
|
<a class="button small yes" href="#" id="cookie-notice-accept">{{ site.data.translations[page.lang].cookie-agree }}</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function createCookie(name, value, days) {
|
||||||
|
var expires = "";
|
||||||
|
if (days) {
|
||||||
|
var date = new Date();
|
||||||
|
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
|
||||||
|
expires = "; expires=" + date.toUTCString();
|
||||||
|
}
|
||||||
|
document.cookie = name + "=" + value + expires + "; path=/";
|
||||||
|
}
|
||||||
|
function readCookie(name) {
|
||||||
|
var nameEQ = name + "=";
|
||||||
|
var ca = document.cookie.split(';');
|
||||||
|
for (var i = 0; i < ca.length; i++) {
|
||||||
|
var c = ca[i];
|
||||||
|
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
|
||||||
|
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
function eraseCookie(name) {
|
||||||
|
createCookie(name, "", -1);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (readCookie('cookie-notice-dismissed') == 'wantCookies') {
|
||||||
|
{% include analytics.js %}
|
||||||
|
} else {
|
||||||
|
document.getElementById('cookie-notice').style.display = 'flex';
|
||||||
|
|
||||||
|
{% include matomo.js %}
|
||||||
|
|
||||||
|
}
|
||||||
|
if (readCookie('cookie-notice-dismissed') == 'dontWantCookies') {
|
||||||
|
document.getElementById('cookie-notice').style.display = 'none';
|
||||||
|
|
||||||
|
{% include matomo.js %}
|
||||||
|
}
|
||||||
|
document.getElementById('cookie-notice-accept').addEventListener("click", function () {
|
||||||
|
createCookie('cookie-notice-dismissed', 'wantCookies', 31);
|
||||||
|
document.getElementById('cookie-notice').style.display = 'none';
|
||||||
|
_paq.push(['trackEvent', 'Consent', 'wantCookie']);
|
||||||
|
location.reload();
|
||||||
|
});
|
||||||
|
|
||||||
|
document.getElementById('cookie-notice-decline').addEventListener("click", function () {
|
||||||
|
createCookie('cookie-notice-dismissed', 'dontWantCookies', 31);
|
||||||
|
document.getElementById('cookie-notice').style.display = 'none';
|
||||||
|
_paq.push(['trackEvent', 'Consent', 'dontWantCookie']);
|
||||||
|
location.reload();
|
||||||
|
});
|
||||||
|
|
||||||
|
// document.getElementById('cookie-notice-gimme').addEventListener("click", function () {
|
||||||
|
// createCookie('cookie-notice-dismissed', 'wantCookies', 31);
|
||||||
|
// document.getElementById('cookie-notice').style.display = 'none';
|
||||||
|
// location.reload();
|
||||||
|
// });
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
@ -1,4 +0,0 @@
|
||||||
<!-- BEGIN cookiemonster.html -->
|
|
||||||
{% include relBase.html %}
|
|
||||||
<img src="{{ relBase }}/assets/img/cookiemonster_upsidedown.gif" style="position:relative;top:0;right:0;z-index:77777;"/>
|
|
||||||
<!-- END cookiemonster.html -->
|
|
||||||
21
_includes/dates.html
Normal file
21
_includes/dates.html
Normal file
|
|
@ -0,0 +1,21 @@
|
||||||
|
|
||||||
|
{% assign d = page.date | date: "%-d" %}
|
||||||
|
{% case d %}
|
||||||
|
{% when '1' or '21' or '31' %}{{ d }}:st
|
||||||
|
{% when '2' or '22' %}{{ d }}:nd
|
||||||
|
{% when '3' or '23' %}{{ d }}:rd
|
||||||
|
{% else %}{{ d }}:th
|
||||||
|
{% endcase %} of
|
||||||
|
{% assign m = page.date | date: "%-m" %}
|
||||||
|
{% case m %}
|
||||||
|
{% when '1' %}January
|
||||||
|
{% when '2' %}February
|
||||||
|
{% when '3' %}March
|
||||||
|
{% when '4' %}April
|
||||||
|
{% when '5' %}May
|
||||||
|
{% when '6' %}June
|
||||||
|
{% when '7' %}July
|
||||||
|
{% when '8' %}August
|
||||||
|
{% when '9' %}September {% when '10' %}October {% when '11' %}November {% when '12' %}December
|
||||||
|
{% endcase %}
|
||||||
|
{{ page.date | date: "%Y" }}
|
||||||
32
_includes/footer.html
Normal file
32
_includes/footer.html
Normal file
|
|
@ -0,0 +1,32 @@
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer id="footer" class="wrapper style1 align-center">
|
||||||
|
<div class="footflex">
|
||||||
|
<div>
|
||||||
|
<h4>{{ site.title }}</h4>
|
||||||
|
<p>{{ site.description }}
|
||||||
|
<br /><a href="mailto:{{ site.publisher.email }}">{{ site.publisher.email }}</a></p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<ul>
|
||||||
|
{% if page.url != '/' %}
|
||||||
|
<li><a href="{{ relBase }}/">{{ site.data.translations[page.lang].home }}</a></li>
|
||||||
|
{% endif %}
|
||||||
|
{% for entry in site.data.navigation %}
|
||||||
|
<li><a href="{{ entry.url }}">{{ entry.name }}</a></li>
|
||||||
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div><img src="{{ relBase }}{{ site.logo }}" style="max-width:300px" alt="{{ site.title }} Logo" /></div>
|
||||||
|
</div>
|
||||||
|
<div class="inner">
|
||||||
|
<ul class="icons">
|
||||||
|
{% for nw in site.data.social %}
|
||||||
|
|
||||||
|
<li><a target="_blank" alt="{{ site.title }} on {{ nw.name }}" title="{{ site.title }} on {{ nw.name }}" rel="noopener" href="{{ nw.url }}" class="icon brands style2 {{ nw.icon }}"><span class="label">{{ nw.name }}</span></a></li>
|
||||||
|
|
||||||
|
{% endfor %}
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
<p>©{{ site.time | date: '%Y' }} {{ site.publisher.name }} | <a href="{{ relBase }}/webcreds/">Credits</a> | <a href="{{ relBase }}/cookies/">Cookies & Privacy</a></p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
@ -1,4 +0,0 @@
|
||||||
<!-- BEGIN liberapay.html -->
|
|
||||||
{% include relBase.html %}
|
|
||||||
<a href="https://liberapay.com/Sakrecoer/donate" target="_blank" rel="noopener noreferrer nofollow"><img alt="Donate using Liberapay" src="/assets/img/donate.svg"></a>
|
|
||||||
<!-- END liberapay.html -->
|
|
||||||
|
|
@ -9,7 +9,7 @@
|
||||||
(function() {
|
(function() {
|
||||||
var u="https://terminalnetwork.matomo.cloud/";
|
var u="https://terminalnetwork.matomo.cloud/";
|
||||||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||||
_paq.push(['setSiteId', '4']);
|
_paq.push(['setSiteId', '3']);
|
||||||
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='//cdn.matomo.cloud/terminalnetwork.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
|
||||||
})();
|
})();
|
||||||
|
|
|
||||||
13
_includes/matomo.js
Normal file
13
_includes/matomo.js
Normal file
|
|
@ -0,0 +1,13 @@
|
||||||
|
var _paq = window._paq || [];
|
||||||
|
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
||||||
|
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
|
||||||
|
_paq.push(["disableCookies"]);
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="https://terminalnetwork.matomo.cloud/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||||
|
_paq.push(['setSiteId', '3']);
|
||||||
|
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);
|
||||||
|
})();
|
||||||
28
_includes/navigation.html
Normal file
28
_includes/navigation.html
Normal file
|
|
@ -0,0 +1,28 @@
|
||||||
|
<!-- Navigation -->
|
||||||
|
<div id="logo" class="logo">
|
||||||
|
<a href="/"><img width="100em" src="{{ site.logo }}" alt="{{ site.name }} Logo" /></a>
|
||||||
|
<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span style="font-size: 34px;" class="icon solid fa-bars"></span></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="navbar" style="display: block;" class="modalDialog">
|
||||||
|
<a href="#close" onclick="removeBlur()" alt="Close Menu" title="Close Menu"><div id="closearea"> </div></a>
|
||||||
|
<nav>
|
||||||
|
<a href="#close" title="Close" onclick="removeBlur()" class="close-button close" style="margin: 0 auto;">X</a>
|
||||||
|
<ul>
|
||||||
|
{% if page.url != '/' %}
|
||||||
|
<li><a href="{{ relBase }}/" class="button smaller">{{ site.data.translations[page.lang].home }}</a></li>
|
||||||
|
{% endif %}
|
||||||
|
{% for entry in site.data.navigation %}
|
||||||
|
{% if entry.external_site == false %}
|
||||||
|
<li><a href="{{ relBase }}{{ entry.url }}" class="button smaller">{{ entry.name }}</a></li>
|
||||||
|
{% else %}
|
||||||
|
<li><a href="{{ entry.url }}" target="_blank" rel="noopener" class="button smaller">{{ entry.name }}</a></li>
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- End Navigation -->
|
||||||
|
|
@ -1,27 +0,0 @@
|
||||||
<!-- BEGIN navmenu.html -->
|
|
||||||
{% include relBase.html %}
|
|
||||||
<div id="navigation">
|
|
||||||
{% if page.collection == 'tracks' %}
|
|
||||||
<a href="{{ relBase }}./#{{ page.uid }}" alt="Back" title="Back">
|
|
||||||
{% elsif page.url != '/music/' %}
|
|
||||||
<a href="{{ relBase }}/music/" alt="Music" title="Music">
|
|
||||||
{% else %}
|
|
||||||
<a href="{{ relBase }}/" alt="Back" title="About">
|
|
||||||
{% endif %}
|
|
||||||
<img src="{{ relBase }}/assets/img/sakrecoer-logo2.svg" width="125px" height="125px" alt="Sakrecoer Logo" />
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
{% if page.collection != 'tracks' %}
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(window).scroll(function(){
|
|
||||||
$("#navigation").css("opacity", 0 + $(window).scrollTop() / 250);
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
{% else %}
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(window).scroll(function(){
|
|
||||||
$("#navigation").css("opacity", 1 - $(window).scrollTop() / 250);
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
{% endif %}
|
|
||||||
<!-- END navmenu.html -->
|
|
||||||
10
_includes/scripts.html
Normal file
10
_includes/scripts.html
Normal file
|
|
@ -0,0 +1,10 @@
|
||||||
|
<!-- Scripts -->
|
||||||
|
{% include relBase.html %}
|
||||||
|
<script src="{{ relBase }}/assets/js/jquery.min.js"></script>
|
||||||
|
<script src="{{ relBase }}/assets/js/jquery.scrollex.min.js"></script>
|
||||||
|
<script src="{{ relBase }}/assets/js/jquery.scrolly.min.js"></script>
|
||||||
|
<script src="{{ relBase }}/assets/js/browser.min.js"></script>
|
||||||
|
<script src="{{ relBase }}/assets/js/breakpoints.min.js"></script>
|
||||||
|
<script src="{{ relBase }}/assets/js/util.js"></script>
|
||||||
|
<script src="{{ relBase }}/assets/js/main.js"></script>
|
||||||
|
<script src="{{ relBase }}/assets/js/set.js"></script>
|
||||||
|
|
@ -1,38 +1,255 @@
|
||||||
|
<!--
|
||||||
|
..............................................
|
||||||
|
..............................................
|
||||||
|
...........'';,...............................
|
||||||
|
.........'',,;:o:,............................
|
||||||
|
.......',;;::::::;;;,.........................
|
||||||
|
.....,;:ooooooooooo;,,''''....................
|
||||||
|
....,;ooooooooooooooo;,'..'''''...............
|
||||||
|
...,:ooooooooooooooooo;''......'''............
|
||||||
|
..,;:ooooooooooooooooo',,.........,'.......... _______ _ _ __
|
||||||
|
..,,;:,ooooo;;:ooo;o,:;,',.........;,''....... \____ \____ _____ __________ |_| ______/ |_ ___ | |
|
||||||
|
..,'..,,;:o,''.,;;'''..'';,,,,,,''',;'''...... | | _/\__ \/ __// __/\___ \| |/ __/\ _\/ \| |
|
||||||
|
..,'......':ooo:.......'';,'''''''',;,,,...... | | _/\__ \/ __// __/\___ \| |/ __/\ _\/ \| |
|
||||||
|
..,,.......,:o:'.......,'oooo:::::;:,.',;,.... | | _/\__ \/ __// __/\___ \| |/ __/\ _\/ \| |
|
||||||
|
..','.................',,..'',,,;;;;;;,.,:.... | | \ / _ \__ \ \__ \ | |_> > |\__ \ | | ( <> ) |__
|
||||||
|
...,,'...............',;oooooooooo:;;:,;oo,... |____ /(___ /___ >___ >| __/|_/____ > |_| \___/|____/
|
||||||
|
....,,'.............,,;ooooooooo;,..'',oooo,.. \/ \/ \/ \/ |_| \/
|
||||||
|
.....',,'........',,;ooo::;;,'........'oooo;..
|
||||||
|
.......'',,'''',,;;;,,'...............';;;'... All you saw was sound!
|
||||||
|
...........'''''..............................
|
||||||
|
..............................................
|
||||||
|
..............................................
|
||||||
|
..............................................
|
||||||
|
..............................................
|
||||||
|
-->
|
||||||
|
{% if page.collection == 'tracks' %}
|
||||||
<!-- BEGIN seo.html -->
|
<!-- BEGIN seo.html -->
|
||||||
{% include relBase.html %}
|
|
||||||
{% if page.collection == 'tracks' %}<title>{{ page.title }} - A musical piece by Sakrecoer</title>{% else %}<title>{{ page.title }} | {{ site.title }}</title>{% endif %}
|
|
||||||
|
|
||||||
{% seo title=false %}
|
<title>Play {{ page.common.title }} by {{ page.common.artist }} | {{ site.title }}</title>
|
||||||
|
<meta name="title" content="Play "{{ page.common.title| strip_html }}" by {{ page.common.artist }}" />
|
||||||
<meta name="title" content="{{ page.title }}{% if page.collection == ' tracks' %} A musical piece by Sakrecoer{% endif %} | {{ site.title }}" />
|
<meta name="description" content="A track by {{ page.common.artist }} named "{{ page.common.title | strip_html }}" published on {{ site.title }}" />
|
||||||
<meta name="dc.date.modified" scheme="ISO8601" content="{{ page.last_modified_at | date_to_xmlschema }}" />
|
<meta name="dc.date.modified" scheme="ISO8601" content="{{ page.last_modified_at | date_to_xmlschema }}" />
|
||||||
<meta name="robots" content="index" />
|
<meta name="robots" content="index" />
|
||||||
<meta charset="utf-8" />
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||||
<link rel="canonical" href="{{ site.url }}{{ page.url }}" />
|
<link rel="canonical" href="{{ site.url }}{{ page.url }}" />
|
||||||
<link rel="alternate" href="{{ site.url }}{{ page.url }}" hreflang="x-default" />
|
<link rel="alternate" hreflang="x-default" href="{{ site.url }}{{ page.url }}" />
|
||||||
|
<meta name="geo.region" content="{{ site.geo.region }}" />
|
||||||
|
<meta name="geo.placename" content="{{ site.geo.town }}" />
|
||||||
|
<meta name="geo.position" content="{{ site.geo.lat }};{{ site.geo.long }}" />
|
||||||
|
<meta name="ICBM" content="{{ site.geo.lat }}, {{ site.geo.long }}" />
|
||||||
|
<meta name="author" content="{{ site.title }}" />
|
||||||
|
<meta name="generator" content="Jekyll v4.0.0" />
|
||||||
|
|
||||||
<!-- Dublin Core basic info -->
|
<!-- Dublin Core basic info -->
|
||||||
|
|
||||||
<meta name="dcterms.Identifier" content="{{ site.url }}" />
|
<meta name="dcterms.Identifier" content="{{ site.url }}" />
|
||||||
<meta name="dcterms.Format" content="text/html" />
|
<meta name="dcterms.Format" content="text/html" />
|
||||||
<meta name="dcterms.Relation" content="{{ site.title }}" />
|
<meta name="dcterms.Relation" content="{{ site.title }}" />
|
||||||
<meta name="dcterms.Publisher" content="{{ site.title }}" />
|
<meta name="dcterms.Publisher" content="{{ site.publisher.name }}" />
|
||||||
<meta name="dcterms.Type" content="text/html" />
|
<meta name="dcterms.Type" content="text/html" />
|
||||||
<meta name="dcterms.Coverage" content="{{ site.url }}/" />
|
<meta name="dcterms.Coverage" content="{{ site.url }}/" />
|
||||||
<meta name="dcterms.Rights" content="Copyright ©{{ site.time | date: '%Y' }} {{ site.title }}." />
|
<meta name="dcterms.Rights" content="Copyright ©{{ site.time | date: '%Y' }} {{ site.title }}." />
|
||||||
<meta name="dcterms.Title" content="{{ page.title }} | {{ site.title }}" />
|
<meta name="dcterms.Subject" content="A track by {{ page.common.artist }} named "{{ page.common.title| strip_html }}" published on {{ site.title }}" />
|
||||||
<meta name="dcterms.Subject" content="{{ site.description | strip_html }}" />
|
<meta name="dcterms.Title" content="Play "{{ page.common.title| strip_html }}" by {{ page.common.artist }}" />
|
||||||
<meta name="dcterms.Contributor" content="{{ site.title }}" />
|
<meta name="dcterms.Contributor" content="{{ site.title }}" />
|
||||||
<meta name="dcterms.Date" content="{{ site.time | date: '%Y-%m-%d' }}" />
|
<meta name="dcterms.Date" content="{{ page.last_modified_at | date: '%Y-%m-%d' }}" />
|
||||||
<meta name="dcterms.Description" content="{{ page.description | strip_html }}" />
|
<meta name="dcterms.Description" content="Listen and to a track by {{ page.common.artist | strip_html }} from the release "{{ page.common.album | strip_html }}" and support your remote artist!" />
|
||||||
|
|
||||||
|
<!-- Facebook -->
|
||||||
|
|
||||||
|
<meta property="og:title" content="{{ page.common.title }}" />
|
||||||
|
<meta property="og:locale" content="en" />
|
||||||
|
<meta property="og:description" content="Listen and to a track by {{ page.common.artist | strip_html }} from the release "{{ page.common.album | strip_html }}" and support your remote artist!" />
|
||||||
|
<meta property="og:url" content="{{ site.url }}{{ page.url }}" />
|
||||||
|
<meta property="og:site_name" content="{{ site.title }}" />
|
||||||
|
<meta property="og:type" content="music:album:track" />
|
||||||
|
<meta property="og:audio" content="{{ site.mediaurl }}/{{ page.slug }}.mp3" />
|
||||||
|
<meta property="article:published_time" content="{{ page.last_modified_at | date_to_xmlschema }}" />
|
||||||
|
<meta property="og:image" content="{{ site.mediaurl }}/{{ page.slug }}.jpeg" />
|
||||||
<!-- Twitter Card -->
|
<!-- Twitter Card -->
|
||||||
|
|
||||||
<meta name="twitter:card" content="summary" />
|
<meta name="twitter:card" content="summary" />
|
||||||
<meta name="twitter:site" content="@sakrecoer" />
|
<meta name="twitter:title" content="{{ page.common.title }} | {{ site.title }}" />
|
||||||
<meta name="twitter:title" content="{{ page.title }} | {{ site.title }}" />
|
<meta name="twitter:description" content="Listen and to a track by {{ page.common.artist | strip_html }} from the release "{{ page.common.album | strip_html }}" and support your remote artist!" />
|
||||||
<meta name="twitter:description" content="{{ site.description | strip_html }}" />{% if page.collection != 'tracks' %}
|
<meta name="twitter:image" content="{{ site.mediaurl }}/{{ page.slug }}.jpeg" />
|
||||||
<meta name="twitter:image" content="{{ page.image }}" />{% else %}
|
|
||||||
<meta name="twitter:image" content="{{ page.image}} " />{% endif %}
|
|
||||||
|
{% elsif page.collection == 'albums' %}
|
||||||
|
|
||||||
|
<!-- BEGIN seo.html -->
|
||||||
|
{% capture namelist %}{% for art in page.artists %}{{ art }}{% unless forloop.last %}, {% endunless %}{% endfor %}{% endcapture %}
|
||||||
|
{% capture artist %}{{ namelist }}{% endcapture %}
|
||||||
|
|
||||||
|
<title>Play "{{ page.name }}" by {{ artist | uniq }} | {{ site.title }}</title>
|
||||||
|
<meta name="title" content="Play "{{ page.name | strip_html }}" by {{ artist | uniq }}" />
|
||||||
|
<meta name="description" content="A release by {{ artist | uniq }} named "{{ page.name | strip_html }}" published on {{ site.title }}" />
|
||||||
|
<meta name="dc.date.modified" scheme="ISO8601" content="{{ page.last_modified_at | date_to_xmlschema }}" />
|
||||||
|
<meta name="robots" content="index" />
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||||
|
<link rel="canonical" href="{{ site.url }}{{ page.url }}" />
|
||||||
|
<link rel="alternate" hreflang="x-default" href="{{ site.url }}{{ page.url }}" />
|
||||||
|
<meta name="geo.region" content="{{ site.geo.region }}" />
|
||||||
|
<meta name="geo.placename" content="{{ site.geo.town }}" />
|
||||||
|
<meta name="geo.position" content="{{ site.geo.lat }};{{ site.geo.long }}" />
|
||||||
|
<meta name="ICBM" content="{{ site.geo.lat }}, {{ site.geo.long }}" />
|
||||||
|
<meta name="author" content="{{ site.title }}" />
|
||||||
|
<meta name="generator" content="Jekyll v4.0.0" />
|
||||||
|
|
||||||
|
<!-- Dublin Core basic info -->
|
||||||
|
|
||||||
|
<meta name="dcterms.Identifier" content="{{ site.url }}" />
|
||||||
|
<meta name="dcterms.Format" content="text/html" />
|
||||||
|
<meta name="dcterms.Relation" content="{{ site.title }}" />
|
||||||
|
<meta name="dcterms.Publisher" content="{{ site.publisher.name }}" />
|
||||||
|
<meta name="dcterms.Type" content="text/html" />
|
||||||
|
<meta name="dcterms.Coverage" content="{{ site.url }}/" />
|
||||||
|
<meta name="dcterms.Rights" content="Copyright ©{{ site.time | date: '%Y' }} {{ site.title }}." />
|
||||||
|
<meta name="dcterms.Subject" content="A release by {{ artist | uniq }} named "{{ page.name | strip_html }}" published on {{ site.title }}" />
|
||||||
|
<meta name="dcterms.Title" content="Play "{{ page.name | strip_html }}" by {{ artist | uniq }}" />
|
||||||
|
<meta name="dcterms.Contributor" content="{{ site.title }}" />
|
||||||
|
<meta name="dcterms.Date" content="{{ page.last_modified_at | date: '%Y-%m-%d' }}" />
|
||||||
|
<meta name="dcterms.Description" content="Listen and to a release by {{ artist | uniq }} named "{{ page.name | strip_html }}" and support your remote artist!" />
|
||||||
|
|
||||||
|
<!-- Facebook -->
|
||||||
|
|
||||||
|
<meta property="og:title" content="{{ page.name }} by {{ artist | uniq }}" />
|
||||||
|
<meta property="og:locale" content="en" />
|
||||||
|
<meta property="og:description" content="Listen and to a release by {{ artist | uniq }} named "{{ page.name | strip_html }}" and support your remote artist!" />
|
||||||
|
<meta property="og:url" content="{{ site.url }}{{ page.url }}" />
|
||||||
|
<meta property="og:site_name" content="{{ site.title }}" />
|
||||||
|
<meta property="og:type" content="music:album" />
|
||||||
|
{% for track in page.tracks %}<meta property="og:audio" content="{{ site.mediaurl }}/{{ track.albumSlug }}/{{ track.trackSlug }}.mp3" />
|
||||||
|
{% endfor %}
|
||||||
|
<meta property="article:published_time" content="{{ page.last_modified_at | date_to_xmlschema }}" />
|
||||||
|
<meta property="og:image" content="{{ site.mediaurl }}/{{ page.tracks[0].slug }}.jpeg" />
|
||||||
|
<!-- Twitter Card -->
|
||||||
|
|
||||||
|
<meta name="twitter:card" content="summary" />
|
||||||
|
<meta name="twitter:title" content="{{ page.name }} | {{ site.title }}" />
|
||||||
|
<meta name="twitter:description" content="Listen and to a release by {{ artist | uniq }} named "{{ page.name | strip_html }}" and support your remote artist!" />
|
||||||
|
<meta name="twitter:image" content="{{ site.mediaurl }}/{{ page.tracks[0].slug }}.jpeg" />
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
{% else %}
|
||||||
|
<!-- BEGIN seo.html -->
|
||||||
|
|
||||||
|
<title>{{ page.title }} | {{ site.title }}</title>
|
||||||
|
<meta name="title" content="{{ page.title }} | {{ site.title }}" />
|
||||||
|
<meta name="description" content="{{ page.description }}" />
|
||||||
|
<meta name="dc.date.modified" scheme="ISO8601" content="{{ page.last_modified_at | date_to_xmlschema }}" />
|
||||||
|
<meta name="robots" content="index" />
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||||
|
<link rel="canonical" href="{{ site.url }}{{ page.url }}" />
|
||||||
|
<link rel="alternate" hreflang="x-default" href="{{ site.url }}{{ page.url }}" />
|
||||||
|
<meta name="geo.region" content="{{ site.geo.region }}" />
|
||||||
|
<meta name="geo.placename" content="{{ site.geo.town }}" />
|
||||||
|
<meta name="geo.position" content="{{ site.geo.lat }};{{ site.geo.long }}" />
|
||||||
|
<meta name="ICBM" content="{{ site.geo.lat }}, {{ site.geo.long }}" />
|
||||||
|
<meta name="author" content="{{ site.title }}" />
|
||||||
|
<meta name="generator" content="Jekyll v4.0.0" />
|
||||||
|
|
||||||
|
<!-- Dublin Core basic info -->
|
||||||
|
|
||||||
|
<meta name="dcterms.Identifier" content="{{ site.url }}" />
|
||||||
|
<meta name="dcterms.Format" content="text/html" />
|
||||||
|
<meta name="dcterms.Relation" content="{{ site.title }}" />
|
||||||
|
<meta name="dcterms.Publisher" content="{{ site.publisher.name }}" />
|
||||||
|
<meta name="dcterms.Type" content="text/html" />
|
||||||
|
<meta name="dcterms.Coverage" content="{{ site.url }}/" />
|
||||||
|
<meta name="dcterms.Rights" content="Copyright ©{{ site.time | date: '%Y' }} {{ site.title }}." />
|
||||||
|
<meta name="dcterms.Subject" content="{{ page.description }}" />
|
||||||
|
<meta name="dcterms.Title" content="{{ page.title }}" />
|
||||||
|
<meta name="dcterms.Contributor" content="{{ site.title }}" />
|
||||||
|
<meta name="dcterms.Date" content="{{ page.last_modified_at | date: '%Y-%m-%d' }}" />
|
||||||
|
<meta name="dcterms.Description" content="{{ page.description }}" />
|
||||||
|
|
||||||
|
<!-- Facebook -->
|
||||||
|
|
||||||
|
<meta property="og:title" content="{{ page.title }} | {{ site.title }}" />
|
||||||
|
<meta property="og:locale" content="en" />
|
||||||
|
<meta property="og:description" content="{{ page.description }}" />
|
||||||
|
<meta property="og:url" content="{{ site.url }}{{ page.url }}" />
|
||||||
|
<meta property="og:site_name" content="{{ site.title }}" />
|
||||||
|
<meta property="og:type" content="webpage" />
|
||||||
|
<meta property="article:published_time" content="{{ page.last_modified_at | date_to_xmlschema }}" />
|
||||||
|
<meta property="og:image" content="{{ site.url }}{{ page.image }}" />
|
||||||
|
<!-- Twitter Card -->
|
||||||
|
|
||||||
|
<meta name="twitter:card" content="summary" />
|
||||||
|
<meta name="twitter:title" content="{{ page.name }} | {{ site.title }}" />
|
||||||
|
<meta name="twitter:description" content="{{ page.description }}" />
|
||||||
|
<meta name="twitter:image" content="{{ site.url }}{{ page.image }}" />
|
||||||
|
|
||||||
|
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
|
||||||
|
<script type='application/ld+json'>
|
||||||
|
{
|
||||||
|
"@context": "http://www.schema.org",
|
||||||
|
"@type": "Organization",
|
||||||
|
"name": "{{ site.title }}",
|
||||||
|
"url": "{{ site.url }}",
|
||||||
|
"sameAs": [
|
||||||
|
{% for social in site.social.links %}"{{ social }}"{% unless forloop.last %},{% endunless %}{% endfor %}
|
||||||
|
],
|
||||||
|
"logo": "{{ site.url }}{{ site.banner }}",
|
||||||
|
"image": "{{ site.url }}{{ site.banner }}",
|
||||||
|
"description": "{{ site.description | strip_html }}",
|
||||||
|
"address": {
|
||||||
|
"@type": "PostalAddress",
|
||||||
|
"addressLocality": "{{ site.geo.town }}",
|
||||||
|
"addressRegion": "{{ site.geo.region }}",
|
||||||
|
"postalCode": "{{ site.geo.postalcode }}",
|
||||||
|
"addressCountry": "{{ site.geo.country }}"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
{% if page.url == '/radio/' or page.url == '/' %}
|
||||||
|
<script type='application/ld+json'>
|
||||||
|
{
|
||||||
|
"@context": "http://www.schema.org",
|
||||||
|
"@type": "RadioStation",
|
||||||
|
"name": "Basspistol Libre Radio",
|
||||||
|
"url": "{{ site.url }}/radio",
|
||||||
|
"logo": "{{ site.url }}{{ site.logo }}",
|
||||||
|
"image": "{{ site.url }}{{ site.logo }}",
|
||||||
|
"description": "Unexpected and Impossible Music. Live interventions and special guests. This is Libre music!",
|
||||||
|
"address": {
|
||||||
|
"@type": "PostalAddress",
|
||||||
|
"addressLocality": "{{ site.geo.town }}",
|
||||||
|
"addressRegion": "{{ site.geo.region }}",
|
||||||
|
"postalCode": "{{ site.geo.postalcode }}",
|
||||||
|
"addressCountry": "{{ site.geo.country }}"
|
||||||
|
},
|
||||||
|
"geo": {
|
||||||
|
"@type": "GeoCoordinates",
|
||||||
|
"latitude": "{{ site.geo.lat }}",
|
||||||
|
"longitude": "{{ site.geo.long }}"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
function getData() {
|
||||||
|
$.getJSON('https://radio.basspistol.com/status-json.xsl', function(json) {
|
||||||
|
output = "<p>" + "<span style='font-size:14px;'>Now Playing:</span> " + "<br/>";
|
||||||
|
output += "<strong>" + json.icestats.source[1].title + "</strong> by <strong>" + json.icestats.source[1].artist + "</strong></p>";
|
||||||
|
output += "<p style='font-size:14px;'>" + json.icestats.source[0].listeners + " peers are listening in MP3 <br />";
|
||||||
|
output += json.icestats.source[1].listeners + " peers are listening in OGG</p>";
|
||||||
|
document.getElementById("radioPlaceholder").innerHTML=output;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
setInterval(getData, 7000);
|
||||||
|
|
||||||
|
$(function() {
|
||||||
|
getData();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
<!-- END seo.html -->
|
<!-- END seo.html -->
|
||||||
195
_includes/streamer.html
Normal file
195
_includes/streamer.html
Normal file
|
|
@ -0,0 +1,195 @@
|
||||||
|
<section class="streambox" style="padding: 40px;">
|
||||||
|
{% if page.collection == 'posts' %}
|
||||||
|
{% if page.category == 'releases' %}
|
||||||
|
{% if page.stores[0].name != '' %}
|
||||||
|
|
||||||
|
<h3 style="text-align: center;display: block;">Buy this release</h3>
|
||||||
|
<div class="streamer">
|
||||||
|
{% for shop in page.stores %}
|
||||||
|
{% if shop.download == true %}
|
||||||
|
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button icon brands {{ shop.icon }}">{{ shop.name }}</a>
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h3 style="text-align: center;display: block;margin-top:40px;"> </h3>
|
||||||
|
<div class="streamer">
|
||||||
|
|
||||||
|
{% for shop in page.stores %}
|
||||||
|
{% if shop.download != true %}
|
||||||
|
|
||||||
|
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" style="flex: 0 0 75px;margin:10px; font-size: 75px;" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="icon style2 brands {{ shop.icon }}"><span class="label">{{ shop.name }}</span></a>
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% else %}
|
||||||
|
|
||||||
|
<h3 style="text-align: center;display: block;">This release can't be bought</h3>
|
||||||
|
<p>But you can find others here:</p>
|
||||||
|
<div class="streamer">
|
||||||
|
{% for shop in site.data.stores %}
|
||||||
|
{% if shop.download == true %}
|
||||||
|
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button icon brands {{ shop.icon }}">{{ shop.name }}</a>
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
<h3 style="text-align: center;display: block;"> </h3>
|
||||||
|
|
||||||
|
<div class="streamer">
|
||||||
|
{% for shop in site.data.stores %}
|
||||||
|
{% if shop.download != true %}
|
||||||
|
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button icon brands {{ shop.icon }}">{{ shop.name }}</a>
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% elsif page.collection == 'tracks' %}
|
||||||
|
|
||||||
|
|
||||||
|
{% for post in site.posts %}
|
||||||
|
{% if post.album == page.albumSlug %}
|
||||||
|
{% if post.stores[0].name != '' %}
|
||||||
|
|
||||||
|
<h3 style="text-align: center;display: block;">Buy this track</h3>
|
||||||
|
<div class="streamer">
|
||||||
|
{% for shop in post.stores %}
|
||||||
|
{% if shop.download == true %}
|
||||||
|
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button icon brands {{ shop.icon }}">{{ shop.name }}</a>
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h3 style="text-align: center;display: block;margin-top:40px;"> </h3>
|
||||||
|
<div class="streamer">
|
||||||
|
|
||||||
|
{% for shop in post.stores %}
|
||||||
|
{% if shop.download != true %}
|
||||||
|
|
||||||
|
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" style="flex: 0 0 75px;margin:10px; font-size: 75px;" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="icon style2 brands {{ shop.icon }}"><span class="label">{{ shop.name }}</span></a>
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
{% else %}
|
||||||
|
|
||||||
|
<h3 style="text-align: center;display: block;">This track can't be bought</h3>
|
||||||
|
<p>But you can find others here:</p>
|
||||||
|
<div class="streamer">
|
||||||
|
{% for shop in site.data.stores %}
|
||||||
|
{% if shop.download == true %}
|
||||||
|
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button icon brands {{ shop.icon }}">{{ shop.name }}</a>
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
<h3 style="text-align: center;display: block;"> </h3>
|
||||||
|
|
||||||
|
<div class="streamer">
|
||||||
|
{% for shop in site.data.stores %}
|
||||||
|
{% if shop.download != true %}
|
||||||
|
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button icon brands {{ shop.icon }}">{{ shop.name }}</a>
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
{% break %}
|
||||||
|
|
||||||
|
{% endif %}
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
{% elsif page.collection == 'albums' %}
|
||||||
|
|
||||||
|
|
||||||
|
{% for post in site.posts %}
|
||||||
|
{% if post.album == page.slug %}
|
||||||
|
{% if post.stores[0].name != '' %}
|
||||||
|
|
||||||
|
<h3 style="text-align: center;display: block;">Buy this album</h3>
|
||||||
|
<div class="streamer">
|
||||||
|
{% for shop in post.stores %}
|
||||||
|
{% if shop.download == true %}
|
||||||
|
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button icon brands {{ shop.icon }}">{{ shop.name }}</a>
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h3 style="text-align: center;display: block;margin-top:40px;"> </h3>
|
||||||
|
<div class="streamer">
|
||||||
|
|
||||||
|
{% for shop in post.stores %}
|
||||||
|
{% if shop.download != true %}
|
||||||
|
|
||||||
|
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" style="flex: 0 0 75px;margin:10px; font-size: 75px;" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="icon style2 brands {{ shop.icon }}"><span class="label">{{ shop.name }}</span></a>
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
{% else %}
|
||||||
|
|
||||||
|
<h3 style="text-align: center;display: block;">This album can't be bought</h3>
|
||||||
|
<p>But you can find others here:</p>
|
||||||
|
<div class="streamer">
|
||||||
|
{% for shop in site.data.stores %}
|
||||||
|
{% if shop.download == true %}
|
||||||
|
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button icon brands {{ shop.icon }}">{{ shop.name }}</a>
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
<h3 style="text-align: center;display: block;"> </h3>
|
||||||
|
|
||||||
|
<div class="streamer">
|
||||||
|
{% for shop in site.data.stores %}
|
||||||
|
{% if shop.download != true %}
|
||||||
|
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button icon brands {{ shop.icon }}">{{ shop.name }}</a>
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
{% break %}
|
||||||
|
|
||||||
|
{% endif %}
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
{% else %}
|
||||||
|
<h3 style="text-align: center;display: block;">Support {{ site.name }}</h3>
|
||||||
|
<p>Pay for music here:</p>
|
||||||
|
<div class="streamer">
|
||||||
|
{% for shop in site.data.stores %}
|
||||||
|
{% if shop.download == true %}
|
||||||
|
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button icon brands {{ shop.icon }}">{{ shop.name }}</a>
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
<h3 style="text-align: center;display: block;"> </h3>
|
||||||
|
|
||||||
|
<div class="streamer">
|
||||||
|
{% for shop in site.data.stores %}
|
||||||
|
{% if shop.download != true %}
|
||||||
|
<a onclick="_paq.push(['trackEvent', 'StoreLink', '{{ shop.name | remove: " " }}']);" target="_blank" rel="noopener" href="{{ shop.url }}" alt="Stream from {{ shop.name }}" title="Stream from {{ shop.name }}" class="button icon brands {{ shop.icon }}">{{ shop.name }}</a>
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
</section>
|
||||||
300
_layouts/album.html
Normal file
300
_layouts/album.html
Normal file
|
|
@ -0,0 +1,300 @@
|
||||||
|
---
|
||||||
|
lang: en
|
||||||
|
---
|
||||||
|
<!DOCTYPE HTML>
|
||||||
|
<!--
|
||||||
|
Based on _Story_ by html5up.net | @ajlkn
|
||||||
|
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||||
|
Remixed and Jekyllified by Setto
|
||||||
|
-->
|
||||||
|
<html lang="{% if page.lang != site.lang %}{{ page.lang }}{% else %}{{ site.lang }}{% endif %}">
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<link type="application/atom+xml" rel="alternate" href="{{ site.url }}/feed.xml" title="{{ site.name }}" />
|
||||||
|
{% include seo.html %}
|
||||||
|
{% include relBase.html %}
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||||
|
<link rel="stylesheet" href="{{ relBase }}/assets/css/main20200710.css" />
|
||||||
|
<link rel="apple-touch-icon" href="{{ site.url }}/apple-touch-icon.png">
|
||||||
|
<link rel="icon" type="image/png" href="{{ site.url }}/touch-icon.png" sizes="192x192">
|
||||||
|
<link rel="shortcut icon" href="{{ site.url }}{{ site.icon }}" type="image/png" />
|
||||||
|
<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscript20200710.css" /></noscript>
|
||||||
|
</head>
|
||||||
|
<body id="body">
|
||||||
|
<span id="top" style="display: none;"></span>
|
||||||
|
<!-- Wrapper -->
|
||||||
|
<div id="wrapper" class="divided">
|
||||||
|
|
||||||
|
<!-- Banner -->
|
||||||
|
<section
|
||||||
|
class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center"
|
||||||
|
style="min-height:100vh;">
|
||||||
|
<div class="content editable">
|
||||||
|
<h1 class="editable">{{ page.title }}</h1>
|
||||||
|
<p>by <strong>{{ page.artists }}</strong>
|
||||||
|
<br />{{ page.date | date: '%Y' }}
|
||||||
|
</p>
|
||||||
|
<ul class="actions stacked">
|
||||||
|
<li><a href="#moe" class="button small smooth-scroll">cheggit!</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<img src="{{ site.mediaurl }}/{{ page.slug }}/{{ page.tracks[0].trackSlug }}.jpeg" alt="{{ page.title }}" />
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- Content -->
|
||||||
|
<section class="wrapper style1 align-center">
|
||||||
|
<div class="inner" style="padding-top: 40px;">
|
||||||
|
<div class="index align-left">
|
||||||
|
<!-- Author -->
|
||||||
|
<section style="padding-top:40px;" id="moe">
|
||||||
|
{% include author.html %}
|
||||||
|
<!-- Content -->
|
||||||
|
<div class="content">
|
||||||
|
|
||||||
|
|
||||||
|
<!-- HERE BEGINS MADNESS -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Content -->
|
||||||
|
<div class="content">
|
||||||
|
<div id="mainwrap">
|
||||||
|
<div id="nowPlay">
|
||||||
|
<p class="right" id="npTitle" style="font-weight: bold;"></p>
|
||||||
|
<p class="left" id="npAction">Paused...</p>
|
||||||
|
</div>
|
||||||
|
<div id="audiowrap">
|
||||||
|
<div id="audio0">
|
||||||
|
<audio id="audio1" preload="metadata" controls="controls">Your browser does not support HTML5
|
||||||
|
Audio!</audio>
|
||||||
|
</div>{% assign onetracker = page.tracks | size %}
|
||||||
|
{% if onetracker > 1 %}
|
||||||
|
<div id="tracks">
|
||||||
|
<a id="btnPrev"><span class="icon solid fa-fast-backward"></span></a>
|
||||||
|
<a id="btnNext"><span class="icon solid fa-fast-forward"></span></a>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
<div id="plwrap">
|
||||||
|
<ul id="plList">
|
||||||
|
{% for track in page.tracks %}
|
||||||
|
<li class="">
|
||||||
|
<div class="plItem">
|
||||||
|
<div class="plNum">{{ track.common.track.no }}.</div>
|
||||||
|
<div class="plTitle">{{ track.common.title }}</div>
|
||||||
|
<div class="plLength">{% assign round_seconds = track.format.duration | round %}{% assign minutes = round_seconds | divided_by: 60 %}{% assign leftover_seconds = minutes | times: 60 %}{{ minutes }}:{% assign seconds_without_zero = round_seconds | minus: leftover_seconds %}{% if seconds_without_zero < 10 %}0{% endif %}{{ seconds_without_zero }}</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="noJSalbum">
|
||||||
|
|
||||||
|
{% for track in page.tracks %}
|
||||||
|
|
||||||
|
<div class="plItem">
|
||||||
|
<div class="plNum">{{ track.common.track.no }}.</div>
|
||||||
|
<div class="plTitle"><a href="{{ track.audio }}">{{ track.common.title }} </a></div>
|
||||||
|
<div class="plLength">{% assign round_seconds = track.format.duration | round %}{% assign minutes = round_seconds | divided_by: 60 %}{% assign leftover_seconds = minutes | times: 60 %}{{ minutes }}:{% assign seconds_without_zero = round_seconds | minus: leftover_seconds %}{% if seconds_without_zero < 10 %}0{% endif %}{{ seconds_without_zero }}</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endfor %}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="content" style="font-family: monospace;font-size: 16px;margin-top:60px;">
|
||||||
|
{{ content }}
|
||||||
|
<p>{{ page.credits }}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- HERE ENDS MADNESS -->
|
||||||
|
{% include streamer.html %}
|
||||||
|
<section class="wrapper style1 align-center">
|
||||||
|
|
||||||
|
<div class="inner">
|
||||||
|
<h2>Track list</h2>
|
||||||
|
<p>Use thses pages to share one song in particular</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{% for track in page.tracks %}
|
||||||
|
|
||||||
|
<section
|
||||||
|
class="spotlight style4 orient-{% cycle 'left', 'right' %} content-align-{% cycle 'right', 'left' %} image-position-center onscroll-image-fade-in"
|
||||||
|
{% if forloop.index == 1 %}style="box-shadow: none;" {% endif %}>
|
||||||
|
<div class="content">
|
||||||
|
<h3>{{ track.common.title }}</h3>
|
||||||
|
<p>
|
||||||
|
{% assign round_seconds = track.format.duration | round %}{% assign minutes = round_seconds | divided_by: 60 %}{% assign leftover_seconds = minutes | times: 60 %}{{ minutes }}:{% assign seconds_without_zero = round_seconds | minus: leftover_seconds %}{% if seconds_without_zero < 10 %}0{% endif %}{{ seconds_without_zero }}
|
||||||
|
<br /><strong>{{ track.common.genre }}</strong>
|
||||||
|
<br />{{ track.common.year }}</p>
|
||||||
|
|
||||||
|
<ul class="actions stacked">
|
||||||
|
<li><a href="{{ relBase }}/albums/{{ track.slug }}/" class="button">Track</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<img src="{{ site.mediaurl }}/{{ track.albumSlug }}/{{ track.trackSlug }}.jpeg" alt="{{ track.common.title }}" />
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{% endfor %}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<section class="wrapper style1 align-center">
|
||||||
|
<div class="inner">
|
||||||
|
<div class="index align-left">
|
||||||
|
<!-- Author -->
|
||||||
|
|
||||||
|
<section>
|
||||||
|
|
||||||
|
<!-- Content -->
|
||||||
|
<div class="content">
|
||||||
|
<!-- post Naviation -->
|
||||||
|
<div style="text-align: center;">
|
||||||
|
<h3>More releases</h3>
|
||||||
|
</div>
|
||||||
|
<div class="post-nav">
|
||||||
|
<div>
|
||||||
|
{% if page.previous.url and page.lang == page.previous.lang %}
|
||||||
|
<h4><a href="{{page.previous.url}}" alt="Read {{page.previous.title}}" title="Read {{page.previous.title}}"><i class="fas fa-arrow-left"></i></a> <a
|
||||||
|
href="{{page.previous.url}}"> {{page.previous.title}}</a></h4>
|
||||||
|
<p style="margin-right: 20px">{{ page.previous.description }}</p>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
<div class="post-nav-next">
|
||||||
|
{% if page.next.url and page.lang == page.next.lang %}
|
||||||
|
<h4><a href="{{page.next.url}}"> {{page.next.title}}</a> <a href="{{page.next.url}}" alt="Read {{page.next.title}}" title="Read {{page.next.title}}"><i
|
||||||
|
class="fas fa-arrow-right"></i></a></h4>
|
||||||
|
<p style="margin-left: 20px">{{ page.next.description }}</p>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Post Navigation -->
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
{% include footer.html %}
|
||||||
|
</div>
|
||||||
|
{% include navigation.html %}
|
||||||
|
{% include scripts.html %}
|
||||||
|
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
// html5media enables <video> and <audio> tags in all major browsers
|
||||||
|
// External File: http://api.html5media.info/1.1.8/html5media.min.js
|
||||||
|
|
||||||
|
|
||||||
|
// Add user agent as an attribute on the <html> tag...
|
||||||
|
// Inspiration: http://css-tricks.com/ie-10-specific-styles/
|
||||||
|
var b = document.documentElement;
|
||||||
|
b.setAttribute('data-useragent', navigator.userAgent);
|
||||||
|
b.setAttribute('data-platform', navigator.platform);
|
||||||
|
|
||||||
|
|
||||||
|
// HTML5 audio player + playlist controls...
|
||||||
|
// Inspiration: http://jonhall.info/how_to/create_a_playlist_for_html5_audio
|
||||||
|
// Mythium Archive: https://archive.org/details/mythium/
|
||||||
|
jQuery(function ($) {
|
||||||
|
var supportsAudio = !!document.createElement('audio').canPlayType;
|
||||||
|
if (supportsAudio) {
|
||||||
|
var index = 0,
|
||||||
|
playing = false,
|
||||||
|
mediaPath = '',
|
||||||
|
extension = '',
|
||||||
|
tracks = [{% for track in page.tracks %}{
|
||||||
|
"track": {{ track.common.track.no }},
|
||||||
|
"name": "{{ track.common.title }}",
|
||||||
|
"length": "{% assign round_seconds = track.format.duration | round %}{% assign minutes = round_seconds | divided_by: 60 %}{% assign leftover_seconds = minutes | times: 60 %}{{ minutes }}:{{ round_seconds | minus: leftover_seconds }}",
|
||||||
|
"file": "{{ site.mediaurl }}/{{ track.albumSlug }}/{{ track.trackSlug }}"
|
||||||
|
}{% unless forloop.last %},{% endunless %}{% endfor %}],
|
||||||
|
trackCount = tracks.length,
|
||||||
|
npAction = $('#npAction'),
|
||||||
|
npTitle = $('#npTitle'),
|
||||||
|
audio = $('#audio1').bind('play', function () {
|
||||||
|
playing = true;
|
||||||
|
npAction.text('Playing...');
|
||||||
|
}).bind('pause', function () {
|
||||||
|
playing = false;
|
||||||
|
npAction.text('Paused...');
|
||||||
|
}).bind('ended', function () {
|
||||||
|
npAction.text('Paused...');
|
||||||
|
if ((index + 1) < trackCount) {
|
||||||
|
index++;
|
||||||
|
loadTrack(index);
|
||||||
|
audio.play();
|
||||||
|
} else {
|
||||||
|
audio.pause();
|
||||||
|
index = 0;
|
||||||
|
loadTrack(index);
|
||||||
|
}
|
||||||
|
}).get(0),
|
||||||
|
btnPrev = $('#btnPrev').click(function () {
|
||||||
|
if ((index - 1) > -1) {
|
||||||
|
index--;
|
||||||
|
loadTrack(index);
|
||||||
|
if (playing) {
|
||||||
|
audio.play();
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
audio.pause();
|
||||||
|
index = 0;
|
||||||
|
loadTrack(index);
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
btnNext = $('#btnNext').click(function () {
|
||||||
|
if ((index + 1) < trackCount) {
|
||||||
|
index++;
|
||||||
|
loadTrack(index);
|
||||||
|
if (playing) {
|
||||||
|
audio.play();
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
audio.pause();
|
||||||
|
index = 0;
|
||||||
|
loadTrack(index);
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
li = $('#plList li').click(function () {
|
||||||
|
var id = parseInt($(this).index());
|
||||||
|
if (id !== index) {
|
||||||
|
playTrack(id);
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
loadTrack = function (id) {
|
||||||
|
$('.plSel').removeClass('plSel');
|
||||||
|
$('#plList li:eq(' + id + ')').addClass('plSel');
|
||||||
|
npTitle.text(tracks[id].name);
|
||||||
|
index = id;
|
||||||
|
audio.src = mediaPath + tracks[id].file + extension;
|
||||||
|
$('audio').attr("data-matomo-title", tracks[id].name);
|
||||||
|
},
|
||||||
|
playTrack = function (id) {
|
||||||
|
loadTrack(id);
|
||||||
|
audio.play();
|
||||||
|
};
|
||||||
|
extension = audio.canPlayType('audio/mpeg') ? '.mp3' : audio.canPlayType('audio/ogg') ? '.ogg' : '';
|
||||||
|
loadTrack(index);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
{% include cookie-consent.html %}
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
3
_layouts/blog.html
Normal file
3
_layouts/blog.html
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
---
|
||||||
|
layout: default
|
||||||
|
---
|
||||||
|
|
@ -1,29 +1,34 @@
|
||||||
---
|
---
|
||||||
---
|
---
|
||||||
{% include relBase.html %}
|
<!DOCTYPE HTML>
|
||||||
<!DOCTYPE html>
|
<!--
|
||||||
<html lang="en">
|
Based on _Story_ by html5up.net | @ajlkn
|
||||||
|
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||||
|
Remixed and Jekyllified by Setto
|
||||||
|
-->
|
||||||
|
<html lang="{% if page.lang != site.lang %}{{ page.lang }}{% else %}{{ site.lang }}{% endif %}">
|
||||||
<head>
|
<head>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
|
||||||
<link rel="apple-touch-icon" href="{{ relBase }}/apple-touch-icon.png">
|
|
||||||
<link rel="icon" type="image/png" href="{{ relBase }}/touch-icon.png" sizes="192x192">
|
|
||||||
<link rel="shortcut icon" href="{{ relBase }}/favicon.png" type="image/png" />
|
|
||||||
<link rel="stylesheet" href="{{ relBase }}/assets/css/style20200128-1.css" />
|
|
||||||
<script src="/assets/js/jquery-3.4.1.min.js"></script>
|
|
||||||
<script type="text/javascript" src="/assets/js/isotope.pkgd.min.js"></script>
|
|
||||||
{% include seo.html %}
|
{% include seo.html %}
|
||||||
|
{% include relBase.html %}
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||||
|
<link rel="stylesheet" href="{{ relBase }}/assets/css/main20200710.css" />
|
||||||
|
|
||||||
{% include matomo.html %}
|
<link rel="apple-touch-icon" href="{{ site.url }}/apple-touch-icon.png">
|
||||||
|
<link rel="icon" type="image/png" href="{{ site.url }}/touch-icon.png" sizes="192x192">
|
||||||
|
<link rel="shortcut icon" href="{{ site.url }}{{ site.icon }}" type="image/png" />
|
||||||
|
<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscript20200710.css" /></noscript>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
|
||||||
{% if page.collection == 'tracks' or page.url == '/music/' %}
|
<body id="body">
|
||||||
<div id="wallpaper">
|
<span id="top" style="display: none;"></span>
|
||||||
|
<!-- Wrapper -->
|
||||||
|
<div id="wrapper" class="divided">
|
||||||
{{ content }}
|
{{ content }}
|
||||||
</div>
|
</div>
|
||||||
|
{% include navigation.html %}
|
||||||
{% else %}
|
{% include scripts.html %}
|
||||||
{{ content }}
|
{% include cookie-consent.html %}
|
||||||
{% endif %}
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -1,114 +0,0 @@
|
||||||
---
|
|
||||||
layout: default
|
|
||||||
---
|
|
||||||
{% include relBase.html %}
|
|
||||||
{% include navmenu.html %}
|
|
||||||
<div id="player">
|
|
||||||
<div id="info">
|
|
||||||
<div id="controls">
|
|
||||||
<div class="container">
|
|
||||||
<button id="mu_pause">Play</button><br /><br />
|
|
||||||
{% if page.previous != nil %}
|
|
||||||
<a href="{{ relBase }}{{ page.previous.url }}" title="Previous Track"> <img
|
|
||||||
src="{{ relBase }}/assets/img/icons/rewind.svg" title="Previous Track" /> </a>
|
|
||||||
{% endif %}
|
|
||||||
<a id="download" title="Download This Track!" href="{{ page.mp3 }}"> <img
|
|
||||||
src="{{ relBase }}/assets/img/icons/download.svg" title="Download Track" /> </a>
|
|
||||||
{% if page.next != nil %}
|
|
||||||
<a href="{{ relBase }}{{ page.next.url }}" title="Next Track"> <img
|
|
||||||
src="{{ relBase }}/assets/img/icons/fastforward.svg" title="Next Track" /> </a>{% endif %}
|
|
||||||
<br /><br />{% include liberapay.html %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="trackcontainer">
|
|
||||||
|
|
||||||
<h1>{{ page.title }}</h1>
|
|
||||||
<p style="margin-bottom: 0px;">{% for c in page.categories %}{{ c }}{% unless forloop.last %} | {% endunless %}{% endfor %}<br />{{ page.date | date: '%Y - %B' }}
|
|
||||||
|
|
||||||
<br />
|
|
||||||
<span id="tracktime" style="font-weight: normal;"> </span></p>
|
|
||||||
{% include cookiemonster.html %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="timer">
|
|
||||||
{{ page.content }}
|
|
||||||
<img src="{{ page.image }}" alt="cover art for {{ page.title }}" width="100%" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<audio data-matomo-title="{{ page.title }}" preload="true" autoplay="true"
|
|
||||||
ontimeupdate="document.getElementById('tracktime').innerHTML = Math.floor(this.currentTime) + ' / ' + Math.floor(this.duration) + ' Seconds';">
|
|
||||||
<source src="{{ page.mp3 }}" type="audio/mpeg" />
|
|
||||||
<source src="{{ page.ogg }}" type="audio/ogg" />
|
|
||||||
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
|
|
||||||
</audio>
|
|
||||||
<script type="text/javascript">
|
|
||||||
function loadUrl(newLocation) {
|
|
||||||
window.location = newLocation;
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
var mu = document.getElementsByTagName("audio")[0];
|
|
||||||
var anim = document.getElementById("wallpaper");
|
|
||||||
var pauseButton = document.getElementById("mu_pause");
|
|
||||||
function muFade() {
|
|
||||||
mu.classList.add("stopfade");
|
|
||||||
anim.classList.add("stopfade");
|
|
||||||
}
|
|
||||||
mu.addEventListener('ended', function () {
|
|
||||||
// only functional if "loop" is removed
|
|
||||||
mu.pause();
|
|
||||||
mu.currentTime = 0;
|
|
||||||
{% if page.previous != nil %}
|
|
||||||
loadUrl('{{ relBase }}{{ page.previous.url }}'); return false;
|
|
||||||
{% endif %}
|
|
||||||
// qq IE10
|
|
||||||
muFade();
|
|
||||||
});
|
|
||||||
pauseButton.addEventListener("click", function () {
|
|
||||||
mu.classList.toggle("stopfade");
|
|
||||||
if (mu.paused) {
|
|
||||||
mu.play();
|
|
||||||
pauseButton.innerHTML = "Pause";
|
|
||||||
} else {
|
|
||||||
mu.pause();
|
|
||||||
pauseButton.innerHTML = "Resume";
|
|
||||||
}
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<style type="text/css">
|
|
||||||
body {
|
|
||||||
background-image:url('{{ page.image }}') ;
|
|
||||||
background-size: 200%;
|
|
||||||
background-repeat: repeat;
|
|
||||||
}
|
|
||||||
#navigation {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
#wallpaper {
|
|
||||||
background-image: url(/assets/img/world2.svg);
|
|
||||||
-webkit-animation: AnimationName 30s ease infinite;
|
|
||||||
-moz-animation: AnimationName 30s ease infinite;
|
|
||||||
animation: AnimationName 30s ease infinite;
|
|
||||||
height: fit-content;
|
|
||||||
@-webkit-keyframes AnimationName {
|
|
||||||
0%{background-position:0% 91%}
|
|
||||||
50%{background-position:100% 10%}
|
|
||||||
100%{background-position:0% 91%}
|
|
||||||
}
|
|
||||||
@-moz-keyframes AnimationName {
|
|
||||||
0%{background-position:0% 91%}
|
|
||||||
50%{background-position:100% 10%}
|
|
||||||
100%{background-position:0% 91%}
|
|
||||||
}
|
|
||||||
@keyframes AnimationName {
|
|
||||||
0%{background-position:0% 91%}
|
|
||||||
50%{background-position:100% 10%}
|
|
||||||
100%{background-position:0% 91%}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.stopfade {
|
|
||||||
animation-play-state: paused;
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,5 +1,3 @@
|
||||||
---
|
---
|
||||||
---
|
---
|
||||||
{% include relBase.html %}
|
|
||||||
{{ content }}
|
{{ content }}
|
||||||
|
|
||||||
|
|
|
||||||
43
_layouts/page.html
Normal file
43
_layouts/page.html
Normal file
|
|
@ -0,0 +1,43 @@
|
||||||
|
---
|
||||||
|
layout: default
|
||||||
|
---
|
||||||
|
|
||||||
|
{% include relBase.html %}
|
||||||
|
|
||||||
|
<!-- Banner -->
|
||||||
|
<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="min-height:100vh;">
|
||||||
|
|
||||||
|
<div class="content">
|
||||||
|
<h1>{{ page.title }}</h1>
|
||||||
|
<p>{{ page.description }}</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="image">
|
||||||
|
<img src="{{ page.image }}" alt="unfound page" />
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- Content -->
|
||||||
|
<section class="wrapper style1 align-center">
|
||||||
|
<div class="inner">
|
||||||
|
|
||||||
|
<div class="index align-left">
|
||||||
|
<!-- Author -->
|
||||||
|
<section>
|
||||||
|
{% if page.url != '/cookies/' %}
|
||||||
|
{% if page.url != '/webcreds/' %}
|
||||||
|
{% include author.html %}
|
||||||
|
{% endif %}{% endif %}
|
||||||
|
<!-- Content -->
|
||||||
|
<div class="content">
|
||||||
|
{{ content }}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
{% include footer.html %}
|
||||||
403
_layouts/post.html
Normal file
403
_layouts/post.html
Normal file
|
|
@ -0,0 +1,403 @@
|
||||||
|
---
|
||||||
|
---
|
||||||
|
{% if page.category == 'releases' %}
|
||||||
|
<!DOCTYPE HTML>
|
||||||
|
<!--
|
||||||
|
Based on _Story_ by html5up.net | @ajlkn
|
||||||
|
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||||
|
Remixed and Jekyllified by Setto
|
||||||
|
-->
|
||||||
|
<html lang="{% if page.lang != site.lang %}{{ page.lang }}{% else %}{{ site.lang }}{% endif %}">
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<link type="application/atom+xml" rel="alternate" href="{{ site.url }}/feed.xml" title="{{ site.name }}" />
|
||||||
|
{% include seo.html %}
|
||||||
|
{% include relBase.html %}
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||||
|
<link rel="stylesheet" href="{{ relBase }}/assets/css/main20200710.css" />
|
||||||
|
<link rel="apple-touch-icon" href="{{ site.url }}/apple-touch-icon.png">
|
||||||
|
<link rel="icon" type="image/png" href="{{ site.url }}/touch-icon.png" sizes="192x192">
|
||||||
|
<link rel="shortcut icon" href="{{ site.url }}{{ site.icon }}" type="image/png" />
|
||||||
|
<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscript20200710.css" /></noscript>
|
||||||
|
</head>
|
||||||
|
<body id="body">
|
||||||
|
<span id="top" style="display: none;"></span>
|
||||||
|
<!-- Wrapper -->
|
||||||
|
<div id="wrapper" class="divided">
|
||||||
|
|
||||||
|
<!-- Banner -->
|
||||||
|
<section
|
||||||
|
class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center"
|
||||||
|
style="min-height:100vh;">
|
||||||
|
<div class="content editable">
|
||||||
|
<h1 class="editable">{{ page.title }}</h1>
|
||||||
|
<p>{{ page.description }}</p>
|
||||||
|
<ul class="actions stacked">
|
||||||
|
<li><a href="#moe" class="button small smooth-scroll">cheggit!</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<img src="{{ relBase }}{{ page.image }}" alt="{{ page.title }}" class="editable" />
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- Content -->
|
||||||
|
<section class="wrapper style1 align-center">
|
||||||
|
<div class="inner" style="padding-top: 40px;">
|
||||||
|
<div class="index align-left">
|
||||||
|
<!-- Author -->
|
||||||
|
<section style="padding-top:40px;" id="moe">
|
||||||
|
{% include author.html %}
|
||||||
|
<!-- Content -->
|
||||||
|
<div class="content">
|
||||||
|
|
||||||
|
|
||||||
|
<!-- HERE BEGINS MADNESS -->
|
||||||
|
{% for album in site.albums %}
|
||||||
|
{% if page.album == album.slug %}
|
||||||
|
<!-- Content -->
|
||||||
|
<div class="content">
|
||||||
|
<div id="mainwrap">
|
||||||
|
<div id="nowPlay">
|
||||||
|
<p class="right" id="npTitle" style="font-weight: bold;"></p>
|
||||||
|
<p class="left" id="npAction">Paused...</p>
|
||||||
|
</div>
|
||||||
|
<div id="audiowrap">
|
||||||
|
<div id="audio0">
|
||||||
|
<audio id="audio1" preload="metadata" controls="controls">Your browser does not support HTML5
|
||||||
|
Audio!</audio>
|
||||||
|
</div>{% assign onetracker = album.tracks | size %}
|
||||||
|
{% if onetracker > 1 %}
|
||||||
|
<div id="tracks">
|
||||||
|
<a id="btnPrev"><span class="icon solid fa-fast-backward"></span></a>
|
||||||
|
<a id="btnNext"><span class="icon solid fa-fast-forward"></span></a>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
<div id="plwrap">
|
||||||
|
<ul id="plList">
|
||||||
|
{% for track in album.tracks %}
|
||||||
|
<li class="">
|
||||||
|
<div class="plItem">
|
||||||
|
<div class="plNum">{{ track.common.track.no }}.</div>
|
||||||
|
<div class="plTitle">{{ track.common.title }}</div>
|
||||||
|
<div class="plLength">{% assign round_seconds = track.format.duration | round %}{% assign minutes = round_seconds | divided_by: 60 %}{% assign leftover_seconds = minutes | times: 60 %}{{ minutes }}:{% assign seconds_without_zero = round_seconds | minus: leftover_seconds %}{% if seconds_without_zero < 10 %}0{% endif %}{{ seconds_without_zero }}</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="noJSalbum">
|
||||||
|
|
||||||
|
{% for track in album.tracks %}
|
||||||
|
|
||||||
|
<div class="plItem">
|
||||||
|
<div class="plNum">{{ track.common.track.no }}.</div>
|
||||||
|
<div class="plTitle"><a href="{{ site.mediaurl }}/{{ track.albumSlug }}/{{ track.trackSlug }}.mp3">{{ track.common.title }} </a></div>
|
||||||
|
<div class="plLength">{% assign round_seconds = track.format.duration | round %}{% assign minutes = round_seconds | divided_by: 60 %}{% assign leftover_seconds = minutes | times: 60 %}{{ minutes }}:{{ round_seconds | minus: leftover_seconds }}</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endfor %}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="content" style="font-family: monospace;font-size: 16px;margin-top:60px;">
|
||||||
|
{{ content }}
|
||||||
|
<p>{{ page.credits }}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{% include streamer.html %}
|
||||||
|
<!-- Tracks -->
|
||||||
|
{% for track in album.tracks %}
|
||||||
|
|
||||||
|
<section
|
||||||
|
class="spotlight style4 orient-{% cycle 'left', 'right' %} content-align-left image-position-center onscroll-image-fade-in"
|
||||||
|
{% if forloop.index == 1 %}style="box-shadow: none;" {% endif %}>
|
||||||
|
<div class="content">
|
||||||
|
<h3>{{ track.common.title }}</h3>
|
||||||
|
<p>
|
||||||
|
{% assign round_seconds = track.format.duration | round %}{% assign minutes = round_seconds | divided_by: 60 %}{% assign leftover_seconds = minutes | times: 60 %}{{ minutes }}:{{ round_seconds | minus: leftover_seconds }}
|
||||||
|
<br /><strong>{{ track.common.genre }}</strong>
|
||||||
|
<br />{{ track.common.year }}</p>
|
||||||
|
|
||||||
|
<ul class="actions stacked">
|
||||||
|
<li><a href="{{ relBase }}/tracks/{{ track.slug }}/" class="button">Track</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<img src="{{ site.mediaurl }}/{{ track.albumSlug }}/{{ track.trackSlug }}.jpeg" alt="{{ track.common.title }}" />
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{% endfor %}
|
||||||
|
|
||||||
|
<!-- END Tracks -->
|
||||||
|
|
||||||
|
{% break %} {% endif %} {% endfor %}
|
||||||
|
<!-- HERE ENDS MADNESS -->
|
||||||
|
|
||||||
|
|
||||||
|
<section class="wrapper style1 align-center">
|
||||||
|
<div class="inner">
|
||||||
|
<div class="index align-left">
|
||||||
|
<!-- Author -->
|
||||||
|
|
||||||
|
<section>
|
||||||
|
|
||||||
|
<!-- Content -->
|
||||||
|
<div class="content">
|
||||||
|
<!-- post Naviation -->
|
||||||
|
<div style="text-align: center;">
|
||||||
|
<h3>{{ site.data.translations[page.lang].post-nav}}</h3>
|
||||||
|
</div>
|
||||||
|
<div class="post-nav">
|
||||||
|
<div>
|
||||||
|
{% if page.previous.url and page.lang == page.previous.lang %}
|
||||||
|
<h4><a href="{{page.previous.url}}" alt="Read {{page.previous.title}}" title="Read {{page.previous.title}}"><i class="fas fa-arrow-left"></i></a> <a
|
||||||
|
href="{{page.previous.url}}"> {{page.previous.title}}</a></h4>
|
||||||
|
<p style="margin-right: 20px">{{ page.previous.description }}</p>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
<div class="post-nav-next">
|
||||||
|
{% if page.next.url and page.lang == page.next.lang %}
|
||||||
|
<h4><a href="{{page.next.url}}"> {{page.next.title}}</a> <a href="{{page.next.url}}" alt="Read {{page.next.title}}" title="Read {{page.next.title}}"><i
|
||||||
|
class="fas fa-arrow-right"></i></a></h4>
|
||||||
|
<p style="margin-left: 20px">{{ page.next.description }}</p>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Post Navigation -->
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
{% include footer.html %}
|
||||||
|
</div>
|
||||||
|
{% include navigation.html %}
|
||||||
|
{% include scripts.html %}
|
||||||
|
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
// html5media enables <video> and <audio> tags in all major browsers
|
||||||
|
// External File: http://api.html5media.info/1.1.8/html5media.min.js
|
||||||
|
|
||||||
|
|
||||||
|
// Add user agent as an attribute on the <html> tag...
|
||||||
|
// Inspiration: http://css-tricks.com/ie-10-specific-styles/
|
||||||
|
var b = document.documentElement;
|
||||||
|
b.setAttribute('data-useragent', navigator.userAgent);
|
||||||
|
b.setAttribute('data-platform', navigator.platform);
|
||||||
|
|
||||||
|
|
||||||
|
// HTML5 audio player + playlist controls...
|
||||||
|
// Inspiration: http://jonhall.info/how_to/create_a_playlist_for_html5_audio
|
||||||
|
// Mythium Archive: https://archive.org/details/mythium/
|
||||||
|
jQuery(function ($) {
|
||||||
|
var supportsAudio = !!document.createElement('audio').canPlayType;
|
||||||
|
if (supportsAudio) {
|
||||||
|
var index = 0,
|
||||||
|
playing = false,
|
||||||
|
mediaPath = '',
|
||||||
|
extension = '',
|
||||||
|
tracks = [{% for album in site.albums %}{% if page.album == album.slug %}{% for track in album.tracks %}{
|
||||||
|
"track": {{ track.common.track.no }},
|
||||||
|
"name": "{{ track.common.title }}",
|
||||||
|
"length": "{% assign round_seconds = track.format.duration | round %}{% assign minutes = round_seconds | divided_by: 60 %}{% assign leftover_seconds = minutes | times: 60 %}{{ minutes }}:{{ round_seconds | minus: leftover_seconds }}",
|
||||||
|
"file": "{{ site.mediaurl }}/{{ track.albumSlug }}/{{ track.trackSlug }}"
|
||||||
|
}{% unless forloop.last %},{% endunless %}{% endfor %}{% break %} {% endif %}{% endfor %}],
|
||||||
|
trackCount = tracks.length,
|
||||||
|
npAction = $('#npAction'),
|
||||||
|
npTitle = $('#npTitle'),
|
||||||
|
audio = $('#audio1').bind('play', function () {
|
||||||
|
playing = true;
|
||||||
|
npAction.text('Playing...');
|
||||||
|
}).bind('pause', function () {
|
||||||
|
playing = false;
|
||||||
|
npAction.text('Paused...');
|
||||||
|
}).bind('ended', function () {
|
||||||
|
npAction.text('Paused...');
|
||||||
|
if ((index + 1) < trackCount) {
|
||||||
|
index++;
|
||||||
|
loadTrack(index);
|
||||||
|
audio.play();
|
||||||
|
} else {
|
||||||
|
audio.pause();
|
||||||
|
index = 0;
|
||||||
|
loadTrack(index);
|
||||||
|
}
|
||||||
|
}).get(0),
|
||||||
|
btnPrev = $('#btnPrev').click(function () {
|
||||||
|
if ((index - 1) > -1) {
|
||||||
|
index--;
|
||||||
|
loadTrack(index);
|
||||||
|
if (playing) {
|
||||||
|
audio.play();
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
audio.pause();
|
||||||
|
index = 0;
|
||||||
|
loadTrack(index);
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
btnNext = $('#btnNext').click(function () {
|
||||||
|
if ((index + 1) < trackCount) {
|
||||||
|
index++;
|
||||||
|
loadTrack(index);
|
||||||
|
if (playing) {
|
||||||
|
audio.play();
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
audio.pause();
|
||||||
|
index = 0;
|
||||||
|
loadTrack(index);
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
li = $('#plList li').click(function () {
|
||||||
|
var id = parseInt($(this).index());
|
||||||
|
if (id !== index) {
|
||||||
|
playTrack(id);
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
loadTrack = function (id) {
|
||||||
|
$('.plSel').removeClass('plSel');
|
||||||
|
$('#plList li:eq(' + id + ')').addClass('plSel');
|
||||||
|
npTitle.text(tracks[id].name);
|
||||||
|
index = id;
|
||||||
|
audio.src = mediaPath + tracks[id].file + extension;
|
||||||
|
$('audio').attr("data-matomo-title", tracks[id].name);
|
||||||
|
},
|
||||||
|
playTrack = function (id) {
|
||||||
|
loadTrack(id);
|
||||||
|
audio.play();
|
||||||
|
};
|
||||||
|
extension = audio.canPlayType('audio/mpeg') ? '.mp3' : audio.canPlayType('audio/ogg') ? '.ogg' : '';
|
||||||
|
loadTrack(index);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
{% include cookie-consent.html %}
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
{% else %}
|
||||||
|
|
||||||
|
<!DOCTYPE HTML>
|
||||||
|
<!--
|
||||||
|
Based on _Story_ by html5up.net | @ajlkn
|
||||||
|
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||||
|
Remixed and Jekyllified by Setto
|
||||||
|
-->
|
||||||
|
<html lang="{% if page.lang != site.lang %}{{ page.lang }}{% else %}{{ site.lang }}{% endif %}">
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<link type="application/atom+xml" rel="alternate" href="{{ site.url }}/feed.xml" title="{{ site.name }}" />
|
||||||
|
{% include seo.html %}
|
||||||
|
{% include relBase.html %}
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||||
|
<link rel="stylesheet" href="{{ relBase }}/assets/css/main20200710.css" />
|
||||||
|
|
||||||
|
<link rel="apple-touch-icon" href="{{ site.url }}/apple-touch-icon.png">
|
||||||
|
<link rel="icon" type="image/png" href="{{ site.url }}/touch-icon.png" sizes="192x192">
|
||||||
|
<link rel="shortcut icon" href="{{ site.url }}{{ site.icon }}" type="image/png" />
|
||||||
|
<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscript20200710.css" /></noscript>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body id="body">
|
||||||
|
<span id="top" style="display: none;"></span>
|
||||||
|
<!-- Wrapper -->
|
||||||
|
<div id="wrapper" class="divided">
|
||||||
|
|
||||||
|
<!-- Banner -->
|
||||||
|
<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="min-height:85vh;">
|
||||||
|
|
||||||
|
<div class="content">
|
||||||
|
<h1>{{ page.title }}</h1>
|
||||||
|
<p>{{ page.description }}</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="image">
|
||||||
|
<img src="{{ page.image }}" alt="unfound page" />
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- Content -->
|
||||||
|
<section class="wrapper style1 align-center">
|
||||||
|
<div class="inner">
|
||||||
|
|
||||||
|
<div class="index align-left">
|
||||||
|
<!-- Author -->
|
||||||
|
<section>
|
||||||
|
{% if page.url != '/cookies/' %}
|
||||||
|
{% if page.url != '/webcreds/' %}
|
||||||
|
{% include author.html %}
|
||||||
|
{% endif %}{% endif %}
|
||||||
|
<!-- Content -->
|
||||||
|
<div class="content">
|
||||||
|
{{ content }}
|
||||||
|
{% if page.link != nil %}
|
||||||
|
<ul class="actions stacked">
|
||||||
|
<li><a href="{{ page.link }}?ref=SakrecoerSentMe" target="_blank" rel="noopener" class="button small">cheggit!</a></li>
|
||||||
|
</ul>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="wrapper style1 align-center">
|
||||||
|
<div class="inner">
|
||||||
|
<div class="index align-left">
|
||||||
|
<!-- Author -->
|
||||||
|
|
||||||
|
<section>
|
||||||
|
|
||||||
|
<!-- Content -->
|
||||||
|
<div class="content">
|
||||||
|
<!-- post Naviation -->
|
||||||
|
<div style="text-align: center;">
|
||||||
|
<h3>{{ site.data.translations[page.lang].post-nav}}</h3>
|
||||||
|
</div>
|
||||||
|
<div class="post-nav">
|
||||||
|
<div>
|
||||||
|
{% if page.previous.url and page.lang == page.previous.lang %}
|
||||||
|
<h4><a href="{{page.previous.url}}" alt="Read {{page.previous.title}}" title="Read {{page.previous.title}}"><i class="fas fa-arrow-left"></i></a> <a
|
||||||
|
href="{{page.previous.url}}"> {{page.previous.title}}</a></h4>
|
||||||
|
<p style="margin-right: 20px">{{ page.previous.description }}</p>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
<div class="post-nav-next">
|
||||||
|
{% if page.next.url and page.lang == page.next.lang %}
|
||||||
|
<h4><a href="{{page.next.url}}"> {{page.next.title}}</a> <a href="{{page.next.url}}" alt="Read {{page.next.title}}" title="Read {{page.next.title}}"><i
|
||||||
|
class="fas fa-arrow-right"></i></a></h4>
|
||||||
|
<p style="margin-left: 20px">{{ page.next.description }}</p>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Post Navigation -->
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{% include footer.html %}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
{% include navigation.html %}
|
||||||
|
{% include scripts.html %}
|
||||||
|
{% include cookie-consent.html %}
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
{% endif %}
|
||||||
154
_layouts/track.html
Normal file
154
_layouts/track.html
Normal file
|
|
@ -0,0 +1,154 @@
|
||||||
|
---
|
||||||
|
layout: default
|
||||||
|
---
|
||||||
|
|
||||||
|
{% include relBase.html %}
|
||||||
|
<!-- Banner -->
|
||||||
|
<section
|
||||||
|
class="banner onload-image-fade-in onload-content-fade-right style3 fullscreen content-align-center image-position-center" style="background-image:url('{{ site.mediaurl }}/{{ page.slug }}.jpeg');background-size: cover; background-repeat: no-repeat;">
|
||||||
|
<div style="z-index:0;position:absolute; top:0; left:0; width:100%;min-height:100%;background-color: rgba(13, 13 ,13, 0.5);"></div>
|
||||||
|
<div class="content" style="z-index:1">
|
||||||
|
<h1 style="margin-top:80px">{{ page.common.title }}</h1>
|
||||||
|
<p><strong>{% for style in page.common.genre %}{{ style }}{% endfor %}</strong> by <strong>{{ page.common.artist }}</strong>
|
||||||
|
<br />{{ page.common.year }}
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong><span id="tracktime"></span></strong><span id="{{ page.common.title | slugify | remove: '-' }}"></span></strong></p>
|
||||||
|
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
var {{ page.common.title | slugify | remove: '-' }}timestamp = {{ page.format.duration | round }};
|
||||||
|
var {{ page.common.title | slugify | remove: '-' }}hours = Math.floor({{ page.common.title | slugify | remove: '-' }}timestamp / 60 / 60);
|
||||||
|
var {{ page.common.title | slugify | remove: '-' }}minutes = Math.floor({{ page.common.title | slugify | remove: '-' }}timestamp / 60) - ({{ page.common.title | slugify | remove: '-' }}hours * 60);
|
||||||
|
var {{ page.common.title | slugify | remove: '-' }}seconds = {{ page.common.title | slugify | remove: '-' }}timestamp % 60;
|
||||||
|
var {{ page.common.title | slugify | remove: '-' }}formatted = {{ page.common.title | slugify | remove: '-' }}hours.toString().padStart(2, '0') + ':' + {{ page.common.title | slugify | remove: '-' }}minutes.toString().padStart(2, '0') + ':' + {{ page.common.title | slugify | remove: '-' }}seconds.toString().padStart(2, '0');
|
||||||
|
var theSpan = document.getElementById("{{ page.common.title | slugify | remove: '-' }}");
|
||||||
|
theSpan.innerHTML = {{ page.common.title | slugify | remove: '-' }}formatted;
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
<ul class="actions stacked">
|
||||||
|
<li><button id="mu_pause" class="button icon solid fa-play">Play dat!</button></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="image">
|
||||||
|
<img src="{{ site.mediaurl }}/{{ page.slug }}.jpeg" alt="{{ page.title }} logo" id="coverart" />
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Content -->
|
||||||
|
<section class="wrapper style1 align-center">
|
||||||
|
<div class="inner" style="padding-top:40px">
|
||||||
|
<div class="index align-left">
|
||||||
|
<section style="padding-top:40px">
|
||||||
|
{% include author.html %}
|
||||||
|
<!-- Content -->
|
||||||
|
{% if page.all.UNSYNCEDLYRICS != nil %}
|
||||||
|
<div class="content">
|
||||||
|
{% unless page.all.UNSYNCEDLYRICS == '' %}<h2>Lyrics</h2>{% endunless %}
|
||||||
|
<p style="font-family: monospace;font-size:16px;">
|
||||||
|
{{ page.all.UNSYNCEDLYRICS | newline_to_br }}
|
||||||
|
</p>
|
||||||
|
<p>credits:
|
||||||
|
{{ page.all.Comment }}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{% include streamer.html %}
|
||||||
|
<!-- Page navigation -->
|
||||||
|
<section class="wrapper style1 align-center">
|
||||||
|
<div class="inner">
|
||||||
|
<div class="index align-left">
|
||||||
|
<!-- Author -->
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<!-- Content -->
|
||||||
|
<div class="content">
|
||||||
|
<!-- post Naviation -->
|
||||||
|
<div style="text-align: center;">
|
||||||
|
<h3>Play more songs grom this release</h3>
|
||||||
|
</div>
|
||||||
|
<div class="post-nav">
|
||||||
|
<div>
|
||||||
|
{% if page.previous.url and page.lang == page.previous.lang %}
|
||||||
|
<h4><a href="{{ relBase }}/albums/{{ page.previousTrack.slug }}/" alt="Read {{ page.previousTrack.common.title }}" title="Read {{ page.previousTrack.common.title }}"><i class="fas fa-arrow-left"></i></a> <a
|
||||||
|
href="{{ relBase }}/albums/{{ page.previousTrack.slug }}/"> {{ page.previousTrack.common.title }}</a>
|
||||||
|
</h4>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
<div class="post-nav-next">
|
||||||
|
{% if page.next.url and page.lang == page.next.lang %}
|
||||||
|
<h4><a href="{{ relBase }}/albums/{{ page.nextTrack.slug }}/"> {{ page.nextTrack.common.title }}</a> <a
|
||||||
|
href="{{ relBase }}/albums/{{ page.nextTrack.slug }}/" alt="Read {{ page.nextTrack.common.title }}" title="Read {{ page.nextTrack.common.title }}"><i class="fas fa-arrow-right"></i></a></h4>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Post Navigation -->
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Audio player-->
|
||||||
|
<audio autoplay preload="metadata" data-matomo-title="{{ page.common.title }}">
|
||||||
|
<source src="{{ site.mediaurl }}/{{ page.slug }}.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' />
|
||||||
|
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
|
||||||
|
</audio>
|
||||||
|
{% include footer.html %}
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
function loadUrl(newLocation) {
|
||||||
|
window.location = newLocation;
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
var mu = document.getElementsByTagName("audio")[0];
|
||||||
|
var pauseButton = document.getElementById("mu_pause");
|
||||||
|
var spincover = document.getElementById("coverart");
|
||||||
|
|
||||||
|
mu.addEventListener('ended', function () {
|
||||||
|
// only functional if "loop" is removed
|
||||||
|
mu.pause();
|
||||||
|
mu.currentTime = 0;
|
||||||
|
loadUrl("{{ relBase }}/albums/{{ page.nextTrack.slug }}/"); return false;
|
||||||
|
});
|
||||||
|
mu.onplaying = function() {
|
||||||
|
pauseButton.innerHTML = "Pause";
|
||||||
|
pauseButton.classList.remove("fa-play");
|
||||||
|
pauseButton.classList.add("fa-pause");
|
||||||
|
spincover.classList.add("spinnit");
|
||||||
|
spincover.classList.remove("paused");
|
||||||
|
};
|
||||||
|
|
||||||
|
pauseButton.addEventListener("click", function () {
|
||||||
|
if (mu.paused) {
|
||||||
|
mu.play();
|
||||||
|
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
mu.pause();
|
||||||
|
pauseButton.innerHTML = "Resume";
|
||||||
|
pauseButton.classList.add("fa-play");
|
||||||
|
pauseButton.classList.remove("fa-pause");
|
||||||
|
spincover.classList.add("paused");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
mu.addEventListener('timeupdate', function () {
|
||||||
|
var timestamp = Math.floor(mu.currentTime);
|
||||||
|
var hours = Math.floor(timestamp / 60 / 60);
|
||||||
|
var minutes = Math.floor(timestamp / 60) - (hours * 60);
|
||||||
|
var seconds = timestamp % 60;
|
||||||
|
var formatted = hours.toString().padStart(2, '0') + ':' + minutes.toString().padStart(2, '0') + ':' + seconds.toString().padStart(2, '0');
|
||||||
|
var thecurrentSpan = document.getElementById("tracktime");
|
||||||
|
thecurrentSpan.innerHTML = formatted + ' / ';
|
||||||
|
});
|
||||||
|
|
||||||
|
</script>
|
||||||
17
_posts/_defaults.md
Normal file
17
_posts/_defaults.md
Normal file
|
|
@ -0,0 +1,17 @@
|
||||||
|
---
|
||||||
|
title: ''
|
||||||
|
description: ''
|
||||||
|
date: ''
|
||||||
|
author: ''
|
||||||
|
category: ''
|
||||||
|
album:
|
||||||
|
tags: []
|
||||||
|
image: ''
|
||||||
|
download: ''
|
||||||
|
link: ''
|
||||||
|
stores:
|
||||||
|
- name:
|
||||||
|
url:
|
||||||
|
icon:
|
||||||
|
download: false
|
||||||
|
---
|
||||||
478
_sass/_set.scss
Normal file
478
_sass/_set.scss
Normal file
|
|
@ -0,0 +1,478 @@
|
||||||
|
|
||||||
|
|
||||||
|
/* Animation */
|
||||||
|
@-webkit-keyframes infiniteRotate {
|
||||||
|
0% { -webkit-transform: rotate(0deg); }
|
||||||
|
100% { -webkit-transform: rotate(360deg); }
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes infinite-rotate {
|
||||||
|
0% { -webkit-transform: rotate(0deg); }
|
||||||
|
100% { -webkit-transform: rotate(360deg); }
|
||||||
|
}
|
||||||
|
@-moz-keyframes infinite-rotate {
|
||||||
|
0% { -webkit-transform: rotate(0deg); }
|
||||||
|
100% { -webkit-transform: rotate(360deg); }
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@-webkit-keyframes backgroundBlink {
|
||||||
|
0%{background-position:73% 0%}
|
||||||
|
50%{background-position:28% 100%}
|
||||||
|
100%{background-position:73% 0%}
|
||||||
|
}
|
||||||
|
@-moz-keyframes backgroundBlink {
|
||||||
|
0%{background-position:73% 0%}
|
||||||
|
50%{background-position:28% 100%}
|
||||||
|
100%{background-position:73% 0%}
|
||||||
|
}
|
||||||
|
@keyframes backgroundBlink {
|
||||||
|
0%{background-position:73% 0%}
|
||||||
|
50%{background-position:28% 100%}
|
||||||
|
100%{background-position:73% 0%}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes BackgroundFlow {
|
||||||
|
0%{background-position:0% 50%}
|
||||||
|
50%{background-position:100% 50%}
|
||||||
|
100%{background-position:0% 50%}
|
||||||
|
}
|
||||||
|
@-moz-keyframes BackgroundFlow {
|
||||||
|
0%{background-position:0% 50%}
|
||||||
|
50%{background-position:100% 50%}
|
||||||
|
100%{background-position:0% 50%}
|
||||||
|
}
|
||||||
|
@keyframes BackgroundFlow {
|
||||||
|
0%{background-position:0% 100%}
|
||||||
|
50%{background-position:100% 0%}
|
||||||
|
100%{background-position:0% 100%}
|
||||||
|
}
|
||||||
|
|
||||||
|
.slow-background {
|
||||||
|
-webkit-animation: BackgroundFlow 200s ease infinite;
|
||||||
|
-moz-animation: BackgroundFlow 200s ease infinite;
|
||||||
|
animation: BackgroundFlow 200s ease infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spinnit {
|
||||||
|
|
||||||
|
-webkit-animation: infiniteRotate 2s linear infinite; /* Safari */
|
||||||
|
-moz-animation: infiniteRotate 2s linear infinite;
|
||||||
|
animation: infiniteRotate 2s linear infinite;
|
||||||
|
}
|
||||||
|
.paused {
|
||||||
|
animation-play-state: paused;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* NAVIGATION */
|
||||||
|
/* Style the navbar */
|
||||||
|
#navbar {
|
||||||
|
z-index: 100000;
|
||||||
|
}
|
||||||
|
#logo {
|
||||||
|
padding:10px;
|
||||||
|
z-index: 10000;
|
||||||
|
-webkit-transition: filter 400ms ease-in;
|
||||||
|
-moz-transition: filter 400ms ease-in;
|
||||||
|
transition: filter 400ms ease-in;
|
||||||
|
|
||||||
|
}
|
||||||
|
.logo:hover {
|
||||||
|
filter: blur(0px);
|
||||||
|
-webkit-transition: filter 400ms ease-in;
|
||||||
|
-moz-transition: filter 400ms ease-in;
|
||||||
|
transition: filter 400ms ease-in;
|
||||||
|
|
||||||
|
}
|
||||||
|
.logo {
|
||||||
|
filter: blur(20px);
|
||||||
|
text-decoration: none;
|
||||||
|
position: fixed;
|
||||||
|
top:20px;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
width: 300px;
|
||||||
|
height: 95px;
|
||||||
|
background-color: transparent;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center center;
|
||||||
|
background-size: 95% 95%;
|
||||||
|
-webkit-transition: all 400ms ease-in;
|
||||||
|
-moz-transition: all 400ms ease-in;
|
||||||
|
transition: all 400ms ease-in;
|
||||||
|
box-shadow: none;
|
||||||
|
border-radius: 20px;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
}
|
||||||
|
.sticky {
|
||||||
|
filter: blur(0px);
|
||||||
|
-webkit-transition: filter 400ms ease-in;
|
||||||
|
-moz-transition: filter 400ms ease-in;
|
||||||
|
transition: filter 400ms ease-in;
|
||||||
|
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center center;
|
||||||
|
background-size: 95% 95%;
|
||||||
|
-webkit-transition: all 400ms ease-in;
|
||||||
|
-moz-transition: all 400ms ease-in;
|
||||||
|
transition: all 400ms ease-in;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
nav {
|
||||||
|
position: absolute;
|
||||||
|
width: 300px;
|
||||||
|
|
||||||
|
max-height: 90vh;
|
||||||
|
max-width: 90vw;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
background-color: _palette(bg);
|
||||||
|
border-radius: 20px;
|
||||||
|
padding: 20px;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
|
||||||
|
|
||||||
|
ul {
|
||||||
|
margin: auto;
|
||||||
|
|
||||||
|
width: 100%
|
||||||
|
|
||||||
|
}
|
||||||
|
li {
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 10px;
|
||||||
|
width: 80%;
|
||||||
|
padding: 0;
|
||||||
|
a {
|
||||||
|
width: 100%;
|
||||||
|
display: block;
|
||||||
|
margin: auto !important;
|
||||||
|
font-size: 14px
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.blurredout {
|
||||||
|
filter: blur(5px);
|
||||||
|
-webkit-transition: filter 400ms ease-in;
|
||||||
|
-moz-transition: filter 400ms ease-in;
|
||||||
|
transition: filter 400ms ease-in;
|
||||||
|
}
|
||||||
|
|
||||||
|
#wrapper {
|
||||||
|
-webkit-transition: filter 400ms ease-in;
|
||||||
|
-moz-transition: filter 400ms ease-in;
|
||||||
|
transition: filter 400ms ease-in;
|
||||||
|
}
|
||||||
|
.modalDialog {
|
||||||
|
position: fixed;
|
||||||
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
background: _palette(fg-light);
|
||||||
|
z-index: 11;
|
||||||
|
opacity:0;
|
||||||
|
-webkit-transition: opacity 400ms ease-in;
|
||||||
|
-moz-transition: opacity 400ms ease-in;
|
||||||
|
transition: opacity 400ms ease-in;
|
||||||
|
pointer-events: none;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.modalDialog:target {
|
||||||
|
opacity:1;
|
||||||
|
pointer-events: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modalDialog > div {
|
||||||
|
width: 80%;
|
||||||
|
max-width: 1100px;
|
||||||
|
max-height: 80vh;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
position: relative;
|
||||||
|
margin: 100px auto;
|
||||||
|
padding: 20px;
|
||||||
|
border-radius: 3px;
|
||||||
|
background: rgb(0, 31, 36);
|
||||||
|
background: -moz-linear-gradient(#000, rgb(0, 31, 36));
|
||||||
|
background: -webkit-linear-gradient(#000, rgb(0, 31, 36));
|
||||||
|
background: -o-linear-gradient(#000, rgb(0, 31, 36));
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.close-button {
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
color: _palette(accent-dark);
|
||||||
|
line-height: 48px;
|
||||||
|
position: absolute;
|
||||||
|
right: -12px;
|
||||||
|
text-align: center;
|
||||||
|
top: -10px;
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: bold;
|
||||||
|
-webkit-border-radius: 48px;
|
||||||
|
-moz-border-radius: 48px;
|
||||||
|
border-radius: 48px;
|
||||||
|
-moz-box-shadow: 1px 1px 3px #000;
|
||||||
|
-webkit-box-shadow: 1px 1px 3px #000;
|
||||||
|
box-shadow: 1px 1px 3px #000;
|
||||||
|
transition: all 400ms ease-in;
|
||||||
|
}
|
||||||
|
|
||||||
|
.close-button:hover {
|
||||||
|
background-color: _palette(accent);
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
#closearea {
|
||||||
|
position: fixed;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
//* POSTS *//
|
||||||
|
|
||||||
|
#post-text {
|
||||||
|
padding-top: 1rem;
|
||||||
|
}
|
||||||
|
//* FOOTER *//
|
||||||
|
|
||||||
|
#footer {
|
||||||
|
|
||||||
|
background-color: _palette(fg);
|
||||||
|
color: _palette(bg);
|
||||||
|
box-shadow: inset 0 10px 10px 0 rgba(0, 45, 107, 0.25) !important;
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, p, a, strong {
|
||||||
|
color: _palette(bg);
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footflex {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: space-evenly;
|
||||||
|
div {
|
||||||
|
text-align: left;
|
||||||
|
flex: 0 1 300px;
|
||||||
|
max-width: 300px;
|
||||||
|
margin: 80px 80px 0 80px;
|
||||||
|
|
||||||
|
ul {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
li {
|
||||||
|
list-style: none;
|
||||||
|
border-bottom: 1px solid _palette(bg);
|
||||||
|
line-height: 3em;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.style2 {
|
||||||
|
&:before {
|
||||||
|
box-shadow: inset 0 0 0 _size(border-width) _palette(bg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.style2:hover {
|
||||||
|
&:before {
|
||||||
|
box-shadow: inset 0 0 0 _size(border-width) _palette(accent);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* AUTHOR */
|
||||||
|
|
||||||
|
#author {
|
||||||
|
.bio {
|
||||||
|
padding-right: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Content images */
|
||||||
|
div.content {
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
max-width: 500px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Cloudcannon editor links */
|
||||||
|
|
||||||
|
.editor-link {
|
||||||
|
display: none;
|
||||||
|
margin-top: 0;
|
||||||
|
padding-top: 30px;
|
||||||
|
.btn {
|
||||||
|
border: 0;
|
||||||
|
border-radius: 2px;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 500px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
text-decoration: none;
|
||||||
|
padding: 10px 15px;
|
||||||
|
margin: 0;
|
||||||
|
font-size: 18px;
|
||||||
|
cursor: pointer;
|
||||||
|
background-color: #f7e064;
|
||||||
|
color: #333;
|
||||||
|
box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2);
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: #f4d525;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.cms-editor-active .editor-link {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* cookies */
|
||||||
|
|
||||||
|
#cookie-notice {
|
||||||
|
padding: 15px;
|
||||||
|
display: none;
|
||||||
|
text-align: right;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
background-color: _palette(accent-dark);
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: space-evenly;
|
||||||
|
align-content: center;
|
||||||
|
align-items: center;
|
||||||
|
z-index: 1000;
|
||||||
|
|
||||||
|
p {
|
||||||
|
flex: 1 0 250px;
|
||||||
|
margin: 0;
|
||||||
|
font-size: 12px;
|
||||||
|
font-family: monospace;
|
||||||
|
}
|
||||||
|
@media only screen and (max-width: 569px) {
|
||||||
|
p {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.yes {
|
||||||
|
flex: 0 0 250px;
|
||||||
|
|
||||||
|
-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
|
||||||
|
-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
|
||||||
|
-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
|
||||||
|
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
|
||||||
|
border-radius: 0.375em;
|
||||||
|
border: 0;
|
||||||
|
color: #000 !important;
|
||||||
|
background-position-x: 0%;
|
||||||
|
background-position-y: 0%;
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-attachment: scroll;
|
||||||
|
background-image: linear-gradient(228deg, _palette(bg), _palette(fg));
|
||||||
|
background-origin: padding-box;
|
||||||
|
background-clip: border-box;
|
||||||
|
|
||||||
|
background-size: 400% 400%;
|
||||||
|
-webkit-animation: backgroundBlink 2s ease infinite;
|
||||||
|
-moz-animation: backgroundBlink 2s ease infinite;
|
||||||
|
animation: backgroundBlink 2s ease infinite;
|
||||||
|
margin: 20px;
|
||||||
|
|
||||||
|
}
|
||||||
|
.yes:hover {
|
||||||
|
color: #000 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Background Video */
|
||||||
|
.fullscreen-bg {
|
||||||
|
position: absolute;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
z-index: -100;
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fullscreen-bg__video {
|
||||||
|
background: #fff;
|
||||||
|
position: relative;
|
||||||
|
left: 50%;
|
||||||
|
top:50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Post Navigation */
|
||||||
|
|
||||||
|
.post-nav {
|
||||||
|
/* Insert your custom styling here. Example:
|
||||||
|
|
||||||
|
font-size: 14px;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
*/
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
}
|
||||||
|
.post-nav div {
|
||||||
|
/* flex-grow, flex-shrink, flex-basis */
|
||||||
|
flex: 0 1 300px;
|
||||||
|
|
||||||
|
}
|
||||||
|
.post-nav-next {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Stream links */
|
||||||
|
.streambox {
|
||||||
|
|
||||||
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
.streamer {
|
||||||
|
list-style-type:none;
|
||||||
|
display:flex;
|
||||||
|
justify-content: center;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
|
||||||
|
a {
|
||||||
|
flex: 1 0 150px;
|
||||||
|
margin:10px;
|
||||||
|
}
|
||||||
|
.button {
|
||||||
|
display: block;
|
||||||
|
flex: unset;
|
||||||
|
}
|
||||||
|
h3 {
|
||||||
|
flex: unset;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
47
_sass/base/_page.scss
Normal file
47
_sass/base/_page.scss
Normal file
|
|
@ -0,0 +1,47 @@
|
||||||
|
///
|
||||||
|
/// Story by HTML5 UP
|
||||||
|
/// html5up.net | @ajlkn
|
||||||
|
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||||
|
///
|
||||||
|
|
||||||
|
/* Basic */
|
||||||
|
|
||||||
|
// MSIE: Required for IEMobile.
|
||||||
|
@-ms-viewport {
|
||||||
|
width: device-width;
|
||||||
|
}
|
||||||
|
|
||||||
|
// MSIE: Prevents scrollbar from overlapping content.
|
||||||
|
body {
|
||||||
|
-ms-overflow-style: scrollbar;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Ensures page width is always >=320px.
|
||||||
|
@include breakpoint('<=xsmall') {
|
||||||
|
html, body {
|
||||||
|
min-width: 320px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Set box model to border-box.
|
||||||
|
// Based on css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
|
||||||
|
html {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
*, *:before, *:after {
|
||||||
|
box-sizing: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background: _palette(bg);
|
||||||
|
|
||||||
|
// Stops initial animations until page loads.
|
||||||
|
&.is-preload {
|
||||||
|
*, *:before, *:after {
|
||||||
|
@include vendor('animation', 'none !important');
|
||||||
|
@include vendor('transition', 'none !important');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
76
_sass/base/_reset.scss
Normal file
76
_sass/base/_reset.scss
Normal file
|
|
@ -0,0 +1,76 @@
|
||||||
|
///
|
||||||
|
/// Story by HTML5 UP
|
||||||
|
/// html5up.net | @ajlkn
|
||||||
|
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||||
|
///
|
||||||
|
|
||||||
|
// Reset.
|
||||||
|
// Based on meyerweb.com/eric/tools/css/reset (v2.0 | 20110126 | License: public domain)
|
||||||
|
|
||||||
|
html, body, div, span, applet, object,
|
||||||
|
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
|
||||||
|
pre, a, abbr, acronym, address, big, cite,
|
||||||
|
code, del, dfn, em, img, ins, kbd, q, s, samp,
|
||||||
|
small, strike, strong, sub, sup, tt, var, b,
|
||||||
|
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
|
||||||
|
form, label, legend, table, caption, tbody,
|
||||||
|
tfoot, thead, tr, th, td, article, aside,
|
||||||
|
canvas, details, embed, figure, figcaption,
|
||||||
|
footer, header, hgroup, menu, nav, output, ruby,
|
||||||
|
section, summary, time, mark, audio, video {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border: 0;
|
||||||
|
font-size: 100%;
|
||||||
|
font: inherit;
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
|
article, aside, details, figcaption, figure,
|
||||||
|
footer, header, hgroup, menu, nav, section {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
ol, ul {
|
||||||
|
list-style:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote, q {
|
||||||
|
quotes: none;
|
||||||
|
|
||||||
|
&:before,
|
||||||
|
&:after {
|
||||||
|
content: '';
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
-webkit-text-size-adjust: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
mark {
|
||||||
|
background-color: transparent;
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
input::-moz-focus-inner {
|
||||||
|
border: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
input, select, textarea {
|
||||||
|
-moz-appearance: none;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
-ms-appearance: none;
|
||||||
|
appearance: none;
|
||||||
|
}
|
||||||
234
_sass/base/_typography.scss
Normal file
234
_sass/base/_typography.scss
Normal file
|
|
@ -0,0 +1,234 @@
|
||||||
|
///
|
||||||
|
/// Story by HTML5 UP
|
||||||
|
/// html5up.net | @ajlkn
|
||||||
|
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||||
|
///
|
||||||
|
|
||||||
|
/* Type */
|
||||||
|
|
||||||
|
html {
|
||||||
|
font-size: 18pt;
|
||||||
|
|
||||||
|
@include breakpoint('<=xlarge') {
|
||||||
|
font-size: 20pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=large') {
|
||||||
|
font-size: 18pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=small') {
|
||||||
|
font-size: 17pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=xxsmall') {
|
||||||
|
font-size: 17pt;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
|
||||||
|
background-size: 20%;
|
||||||
|
background-repeat: repeat;
|
||||||
|
color: _palette(fg);
|
||||||
|
}
|
||||||
|
|
||||||
|
body, input, select, textarea {
|
||||||
|
font-family: _font(family-fixed);
|
||||||
|
font-size: 0.75rem;
|
||||||
|
font-weight: _font(weight);
|
||||||
|
line-height: 1.45;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
@include vendor('transition', 'color #{_duration(transition)} ease-in-out');
|
||||||
|
text-decoration: underline;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
strong, b {
|
||||||
|
font-weight: _font(weight-bold);
|
||||||
|
}
|
||||||
|
|
||||||
|
em, i {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin: 0 0 _size(element-margin) 0;
|
||||||
|
|
||||||
|
&.major {
|
||||||
|
font-size: 1.25rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
font-weight: _font(weight-bold);
|
||||||
|
line-height: 1.375;
|
||||||
|
letter-spacing: _font(kerning);
|
||||||
|
margin: 0 0 (_size(element-margin) * 0.5) 0;
|
||||||
|
font-family: _font(family);
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: inherit;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 3.5rem;
|
||||||
|
line-height: 1.2;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 2.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h4 {
|
||||||
|
font-size: 1.1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h5 {
|
||||||
|
font-size: 0.9rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h6 {
|
||||||
|
font-size: 0.7rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
sub {
|
||||||
|
font-size: 0.8rem;
|
||||||
|
position: relative;
|
||||||
|
top: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
sup {
|
||||||
|
font-size: 0.8rem;
|
||||||
|
position: relative;
|
||||||
|
top: -0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote {
|
||||||
|
border-left: solid (_size(border-width) * 4);
|
||||||
|
font-style: italic;
|
||||||
|
margin: 0 0 _size(element-margin) 0;
|
||||||
|
padding: (_size(element-margin) / 4) 0 (_size(element-margin) / 4) _size(element-margin);
|
||||||
|
}
|
||||||
|
|
||||||
|
code {
|
||||||
|
border-radius: _size(border-radius);
|
||||||
|
font-family: _font(family-fixed);
|
||||||
|
font-size: 0.9em;
|
||||||
|
margin: 0 0.25rem;
|
||||||
|
padding: 0.25rem 0.325rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre {
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
|
font-family: _font(family-fixed);
|
||||||
|
font-size: 0.9em;
|
||||||
|
margin: 0 0 _size(element-margin) 0;
|
||||||
|
|
||||||
|
code {
|
||||||
|
display: block;
|
||||||
|
line-height: 1.5;
|
||||||
|
padding: 0.75rem 1rem;
|
||||||
|
overflow-x: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
border: 0;
|
||||||
|
border-bottom: solid _size(border-width);
|
||||||
|
margin: (_size(element-margin) * 1.25) 0;
|
||||||
|
|
||||||
|
&.major {
|
||||||
|
margin: (_size(element-margin) * 1.75) 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.align-left {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.align-center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.align-right {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=small') {
|
||||||
|
p {
|
||||||
|
&.major {
|
||||||
|
font-size: 1.1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 2.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size: 1.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h4 {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin color-typography($p: null) {
|
||||||
|
|
||||||
|
@if $p != null {
|
||||||
|
background-color: _palette($p, bg);
|
||||||
|
color: _palette($p, fg);
|
||||||
|
}
|
||||||
|
|
||||||
|
input, select, textarea {
|
||||||
|
color: _palette($p, fg-bold);
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: _palette($p, fg-bold);
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: _palette($p, accent);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
strong, b {
|
||||||
|
color: _palette($p, fg-bold);
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
color: _palette($p, fg-bold);
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote {
|
||||||
|
border-left-color: _palette($p, border);
|
||||||
|
}
|
||||||
|
|
||||||
|
code {
|
||||||
|
background: _palette($p, border-bg);
|
||||||
|
border-color: _palette($p, border);
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
border-bottom-color: _palette($p, border);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include color-typography;
|
||||||
101
_sass/components/_actions.scss
Normal file
101
_sass/components/_actions.scss
Normal file
|
|
@ -0,0 +1,101 @@
|
||||||
|
///
|
||||||
|
/// Story by HTML5 UP
|
||||||
|
/// html5up.net | @ajlkn
|
||||||
|
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||||
|
///
|
||||||
|
|
||||||
|
/* Actions */
|
||||||
|
|
||||||
|
ul.actions {
|
||||||
|
@include vendor('display', 'flex');
|
||||||
|
cursor: default;
|
||||||
|
list-style: none;
|
||||||
|
margin-left: (_size(element-margin) * -0.5);
|
||||||
|
padding-left: 0;
|
||||||
|
|
||||||
|
li {
|
||||||
|
padding: 0 0 0 (_size(element-margin) * 0.5);
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.special {
|
||||||
|
@include vendor('justify-content', 'center');
|
||||||
|
width: 100%;
|
||||||
|
margin-left: 0;
|
||||||
|
|
||||||
|
li {
|
||||||
|
&:first-child {
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.stacked {
|
||||||
|
@include vendor('flex-direction', 'column');
|
||||||
|
margin-left: 0;
|
||||||
|
|
||||||
|
li {
|
||||||
|
padding: (_size(element-margin) * 0.65) 0 0 0;
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.fit {
|
||||||
|
width: calc(100% + #{_size(element-margin) * 0.5});
|
||||||
|
|
||||||
|
li {
|
||||||
|
@include vendor('flex-grow', '1');
|
||||||
|
@include vendor('flex-shrink', '1');
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
> * {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.stacked {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=xsmall') {
|
||||||
|
&:not(.fixed) {
|
||||||
|
@include vendor('flex-direction', 'column');
|
||||||
|
margin-left: 0;
|
||||||
|
width: 100% !important;
|
||||||
|
|
||||||
|
li {
|
||||||
|
@include vendor('flex-grow', '1');
|
||||||
|
@include vendor('flex-shrink', '1');
|
||||||
|
padding: (_size(element-margin) * 0.5) 0 0 0;
|
||||||
|
text-align: center;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
> * {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="submit"],
|
||||||
|
input[type="reset"],
|
||||||
|
input[type="button"],
|
||||||
|
button,
|
||||||
|
.button {
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
&.icon {
|
||||||
|
&:before {
|
||||||
|
margin-left: -0.5rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
990
_sass/components/_banner.scss
Normal file
990
_sass/components/_banner.scss
Normal file
|
|
@ -0,0 +1,990 @@
|
||||||
|
///
|
||||||
|
/// Story by HTML5 UP
|
||||||
|
/// html5up.net | @ajlkn
|
||||||
|
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||||
|
///
|
||||||
|
|
||||||
|
/* Banner (transitions) */
|
||||||
|
|
||||||
|
.banner {
|
||||||
|
|
||||||
|
// Mixin.
|
||||||
|
@mixin transition-banner($event) {
|
||||||
|
$x: null;
|
||||||
|
$y: null;
|
||||||
|
|
||||||
|
@if ($event == 'load') {
|
||||||
|
$x: 'body.is-preload &';
|
||||||
|
$y: _duration(on-load);
|
||||||
|
}
|
||||||
|
@else if ($event == 'scroll') {
|
||||||
|
$x: '&.is-inactive';
|
||||||
|
$y: _duration(on-scroll);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Content.
|
||||||
|
&.on#{$event}-content-fade-up {
|
||||||
|
.content {
|
||||||
|
@include vendor('transition', (
|
||||||
|
'opacity #{$y} ease-in-out',
|
||||||
|
'transform #{$y} ease-in-out'
|
||||||
|
));
|
||||||
|
}
|
||||||
|
|
||||||
|
#{$x} {
|
||||||
|
.content {
|
||||||
|
@include vendor('transform', 'translateY(1rem)');
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.on#{$event}-content-fade-down {
|
||||||
|
.content {
|
||||||
|
@include vendor('transition', (
|
||||||
|
'opacity #{$y} ease-in-out',
|
||||||
|
'transform #{$y} ease-in-out'
|
||||||
|
));
|
||||||
|
}
|
||||||
|
|
||||||
|
#{$x} {
|
||||||
|
.content {
|
||||||
|
@include vendor('transform', 'translateY(-1rem)');
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.on#{$event}-content-fade-left {
|
||||||
|
.content {
|
||||||
|
@include vendor('transition', (
|
||||||
|
'opacity #{$y} ease-in-out',
|
||||||
|
'transform #{$y} ease-in-out'
|
||||||
|
));
|
||||||
|
}
|
||||||
|
|
||||||
|
#{$x} {
|
||||||
|
.content {
|
||||||
|
@include vendor('transform', 'translateX(1rem)');
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.on#{$event}-content-fade-right {
|
||||||
|
.content {
|
||||||
|
@include vendor('transition', (
|
||||||
|
'opacity #{$y} ease-in-out',
|
||||||
|
'transform #{$y} ease-in-out'
|
||||||
|
));
|
||||||
|
}
|
||||||
|
|
||||||
|
#{$x} {
|
||||||
|
.content {
|
||||||
|
@include vendor('transform', 'translateX(-1rem)');
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.on#{$event}-content-fade-in {
|
||||||
|
.content {
|
||||||
|
@include vendor('transition', 'opacity #{$y} ease-in-out');
|
||||||
|
}
|
||||||
|
|
||||||
|
#{$x} {
|
||||||
|
.content {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Image.
|
||||||
|
&.on#{$event}-image-fade-up {
|
||||||
|
.image {
|
||||||
|
@include vendor('transition', (
|
||||||
|
'opacity #{$y} ease-in-out',
|
||||||
|
'transform #{$y} ease-in-out'
|
||||||
|
));
|
||||||
|
|
||||||
|
img {
|
||||||
|
@include vendor('transition', 'opacity #{$y} ease-in-out');
|
||||||
|
@include vendor('transition-delay', '#{$y * 0.75}');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#{$x} {
|
||||||
|
.image {
|
||||||
|
@include vendor('transform', 'translateY(1rem)');
|
||||||
|
opacity: 0;
|
||||||
|
|
||||||
|
img {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.on#{$event}-image-fade-down {
|
||||||
|
.image {
|
||||||
|
@include vendor('transition', (
|
||||||
|
'opacity #{$y} ease-in-out',
|
||||||
|
'transform #{$y} ease-in-out'
|
||||||
|
));
|
||||||
|
|
||||||
|
img {
|
||||||
|
@include vendor('transition', 'opacity #{$y} ease-in-out');
|
||||||
|
@include vendor('transition-delay', '#{$y * 0.75}');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#{$x} {
|
||||||
|
.image {
|
||||||
|
@include vendor('transform', 'translateY(-1rem)');
|
||||||
|
opacity: 0;
|
||||||
|
|
||||||
|
img {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.on#{$event}-image-fade-left {
|
||||||
|
.image {
|
||||||
|
@include vendor('transition', (
|
||||||
|
'opacity #{$y} ease-in-out',
|
||||||
|
'transform #{$y} ease-in-out'
|
||||||
|
));
|
||||||
|
|
||||||
|
img {
|
||||||
|
@include vendor('transition', 'opacity #{$y} ease-in-out');
|
||||||
|
@include vendor('transition-delay', '#{$y * 0.75}');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#{$x} {
|
||||||
|
.image {
|
||||||
|
@include vendor('transform', 'translateX(1rem)');
|
||||||
|
opacity: 0;
|
||||||
|
|
||||||
|
img {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.on#{$event}-image-fade-right {
|
||||||
|
.image {
|
||||||
|
@include vendor('transition', (
|
||||||
|
'opacity #{$y} ease-in-out',
|
||||||
|
'transform #{$y} ease-in-out'
|
||||||
|
));
|
||||||
|
|
||||||
|
img {
|
||||||
|
@include vendor('transition', 'opacity #{$y} ease-in-out');
|
||||||
|
@include vendor('transition-delay', '#{$y * 0.75}');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#{$x} {
|
||||||
|
.image {
|
||||||
|
@include vendor('transform', 'translateX(-1rem)');
|
||||||
|
opacity: 0;
|
||||||
|
|
||||||
|
img {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.on#{$event}-image-fade-in {
|
||||||
|
.image {
|
||||||
|
img {
|
||||||
|
@include vendor('transition', 'opacity #{$y} ease-in-out');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#{$x} {
|
||||||
|
.image {
|
||||||
|
img {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// On Load.
|
||||||
|
@include transition-banner('load');
|
||||||
|
|
||||||
|
// On Scroll.
|
||||||
|
@include transition-banner('scroll');
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Banner (style1) */
|
||||||
|
|
||||||
|
.banner.style1 {
|
||||||
|
@include vendor('align-items', 'stretch');
|
||||||
|
@include vendor('display', 'flex');
|
||||||
|
@include vendor('flex-direction', 'row');
|
||||||
|
@include vendor('justify-content', 'flex-end');
|
||||||
|
position: relative;
|
||||||
|
text-align: left;
|
||||||
|
overflow-x: hidden;
|
||||||
|
|
||||||
|
.content {
|
||||||
|
@include padding(_size(padding, default), _size(padding, default));
|
||||||
|
@include vendor('align-self', 'center');
|
||||||
|
@include vendor('flex-grow', '1');
|
||||||
|
@include vendor('flex-shrink', '1');
|
||||||
|
width: 50%;
|
||||||
|
max-width: (_size(inner) * 0.75);
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image {
|
||||||
|
@include vendor('flex-grow', '0');
|
||||||
|
@include vendor('flex-shrink', '0');
|
||||||
|
border-radius: 0;
|
||||||
|
width: 50%;
|
||||||
|
|
||||||
|
img {
|
||||||
|
@include vendor('object-fit', 'cover');
|
||||||
|
@include vendor('object-position', 'center');
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=xlarge') {
|
||||||
|
.content {
|
||||||
|
@include padding(_size(padding, xlarge), _size(padding, xlarge));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=large') {
|
||||||
|
.content {
|
||||||
|
@include padding(_size(padding, large), _size(padding, large));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=medium') {
|
||||||
|
.content {
|
||||||
|
@include padding(_size(padding, medium) * 1.25, _size(padding, medium));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=small') {
|
||||||
|
.content {
|
||||||
|
@include padding(_size(padding, small) * 1.25, _size(padding, small));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include orientation(portrait) {
|
||||||
|
@include vendor('flex-direction', 'column-reverse');
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
.content {
|
||||||
|
@include vendor('display', 'flex');
|
||||||
|
@include vendor('flex-direction', 'column');
|
||||||
|
@include vendor('justify-content', 'center');
|
||||||
|
width: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
height: 45vh;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Modifiers.
|
||||||
|
|
||||||
|
// Size.
|
||||||
|
&.fullscreen {
|
||||||
|
min-height: 100vh;
|
||||||
|
|
||||||
|
@include orientation(portrait) {
|
||||||
|
.content {
|
||||||
|
min-height: 50vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image {
|
||||||
|
height: 50vh;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Orientation.
|
||||||
|
&.orient-left {
|
||||||
|
// ...
|
||||||
|
}
|
||||||
|
|
||||||
|
&.orient-right {
|
||||||
|
@include vendor('flex-direction', 'row-reverse');
|
||||||
|
|
||||||
|
@include orientation(portrait) {
|
||||||
|
@include vendor('flex-direction', 'column-reverse');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Content Alignment.
|
||||||
|
&.content-align-left {
|
||||||
|
// ...
|
||||||
|
}
|
||||||
|
|
||||||
|
&.content-align-center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.content-align-right {
|
||||||
|
text-align: right;
|
||||||
|
|
||||||
|
@include orientation(portrait) {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Image Position.
|
||||||
|
&.image-position-left {
|
||||||
|
.image {
|
||||||
|
img {
|
||||||
|
@include vendor('object-position', 'left');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.image-position-center {
|
||||||
|
.image {
|
||||||
|
img {
|
||||||
|
// ...
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.image-position-right {
|
||||||
|
.image {
|
||||||
|
img {
|
||||||
|
@include vendor('object-position', 'right');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Banner (style2) */
|
||||||
|
|
||||||
|
.banner.style2 {
|
||||||
|
@include padding(_size(padding, default) * 0.75, _size(padding, default) * 0.75);
|
||||||
|
@include vendor('align-items', 'center');
|
||||||
|
@include vendor('display', 'flex');
|
||||||
|
@include vendor('justify-content', 'center');
|
||||||
|
background-color: _palette(border-darken);
|
||||||
|
position: relative;
|
||||||
|
text-align: center;
|
||||||
|
overflow-x: hidden;
|
||||||
|
|
||||||
|
.content {
|
||||||
|
@include padding(_size(padding, default) * 0.75, _size(padding, default) * 0.75);
|
||||||
|
position: relative;
|
||||||
|
width: (_size(inner) * 0.625);
|
||||||
|
max-width: 100%;
|
||||||
|
background-color: inherit;
|
||||||
|
border-radius: _size(border-radius-alt);
|
||||||
|
margin-bottom: _size(element-margin);
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image {
|
||||||
|
@include vendor('flex-grow', '0');
|
||||||
|
@include vendor('flex-shrink', '0');
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
|
||||||
|
img {
|
||||||
|
@include vendor('object-fit', 'cover');
|
||||||
|
@include vendor('object-position', 'center');
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=xlarge') {
|
||||||
|
@include padding(_size(padding, xlarge) * 0.75, _size(padding, xlarge) * 0.75);
|
||||||
|
|
||||||
|
.content {
|
||||||
|
@include padding(_size(padding, xlarge) * 0.75, _size(padding, xlarge) * 0.75);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=large') {
|
||||||
|
@include padding(_size(padding, large), _size(padding, large) * 0.75);
|
||||||
|
|
||||||
|
.content {
|
||||||
|
@include padding(_size(padding, large), _size(padding, large) * 0.75);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=medium') {
|
||||||
|
@include padding(_size(padding, medium), _size(padding, medium));
|
||||||
|
|
||||||
|
.content {
|
||||||
|
@include padding(_size(padding, medium) * 1.25, _size(padding, medium) * 0.75);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=small') {
|
||||||
|
@include padding(_size(padding, small), _size(padding, small));
|
||||||
|
|
||||||
|
.content {
|
||||||
|
@include padding(_size(padding, small) * 1.25, _size(padding, small) * 0.75);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Modifiers.
|
||||||
|
|
||||||
|
// Size.
|
||||||
|
&.fullscreen {
|
||||||
|
min-height: 80vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Orientation.
|
||||||
|
&.orient-left {
|
||||||
|
@include vendor('justify-content', 'flex-start');
|
||||||
|
padding-left: 0;
|
||||||
|
|
||||||
|
.content {
|
||||||
|
border-top-left-radius: 0;
|
||||||
|
border-bottom-left-radius: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.orient-center {
|
||||||
|
// ...
|
||||||
|
}
|
||||||
|
|
||||||
|
&.orient-right {
|
||||||
|
@include vendor('justify-content', 'flex-end');
|
||||||
|
padding-right: 0;
|
||||||
|
|
||||||
|
.content {
|
||||||
|
border-top-right-radius: 0;
|
||||||
|
border-bottom-right-radius: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Content Alignment.
|
||||||
|
&.content-align-left {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.content-align-center {
|
||||||
|
// ...
|
||||||
|
}
|
||||||
|
|
||||||
|
&.content-align-right {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Image Position.
|
||||||
|
&.image-position-left {
|
||||||
|
.image {
|
||||||
|
img {
|
||||||
|
@include vendor('object-position', 'left');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.image-position-center {
|
||||||
|
.image {
|
||||||
|
img {
|
||||||
|
// ...
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.image-position-right {
|
||||||
|
.image {
|
||||||
|
img {
|
||||||
|
@include vendor('object-position', 'right');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Banner (style3) */
|
||||||
|
|
||||||
|
.banner.style3 {
|
||||||
|
$image-size: 21rem;
|
||||||
|
$content-size: (_size(inner) * 0.875) - $image-size - (_size(element-margin) * 1.75);
|
||||||
|
|
||||||
|
@include padding(_size(padding, default), _size(padding, default));
|
||||||
|
@include vendor('align-items', 'center');
|
||||||
|
@include vendor('display', 'flex');
|
||||||
|
@include vendor('flex-direction', 'row-reverse');
|
||||||
|
@include vendor('justify-content', 'center');
|
||||||
|
position: relative;
|
||||||
|
text-align: left;
|
||||||
|
overflow-x: hidden;
|
||||||
|
|
||||||
|
.content {
|
||||||
|
width: $content-size;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image {
|
||||||
|
@include vendor('flex-grow', '0');
|
||||||
|
@include vendor('flex-shrink', '0');
|
||||||
|
width: $image-size;
|
||||||
|
height: $image-size;
|
||||||
|
border-radius: 100%;
|
||||||
|
margin: 0 (_size(element-margin) * 1.75) _size(element-margin) 0;
|
||||||
|
|
||||||
|
img {
|
||||||
|
@include vendor('object-fit', 'cover');
|
||||||
|
@include vendor('object-position', 'center');
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=xlarge') {
|
||||||
|
@include padding(_size(padding, xlarge), _size(padding, xlarge));
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=large') {
|
||||||
|
@include padding(_size(padding, large), _size(padding, large));
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=medium') {
|
||||||
|
@include padding(_size(padding, medium) * 1.25, _size(padding, medium));
|
||||||
|
|
||||||
|
.image {
|
||||||
|
width: ($image-size * 0.875);
|
||||||
|
height: ($image-size * 0.875);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=small') {
|
||||||
|
@include padding(_size(padding, small) * 1.25, _size(padding, small));
|
||||||
|
@include vendor('align-items', 'flex-start');
|
||||||
|
|
||||||
|
.image {
|
||||||
|
width: ($image-size * 0.75);
|
||||||
|
height: ($image-size * 0.75);
|
||||||
|
margin: 0 (_size(element-margin) * 1) _size(element-margin) 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include orientation(portrait) {
|
||||||
|
@include vendor('align-items', 'center');
|
||||||
|
@include vendor('flex-direction', 'column-reverse');
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
.content {
|
||||||
|
width: 34rem;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Modifiers.
|
||||||
|
|
||||||
|
// Size.
|
||||||
|
&.fullscreen {
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Orientation.
|
||||||
|
&.orient-left {
|
||||||
|
@include vendor('flex-direction', 'row');
|
||||||
|
|
||||||
|
.image {
|
||||||
|
margin: 0 0 _size(element-margin) (_size(element-margin) * 1.75);
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=small') {
|
||||||
|
.image {
|
||||||
|
margin: 0 0 _size(element-margin) (_size(element-margin) * 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include orientation(portrait) {
|
||||||
|
@include vendor('flex-direction', 'column-reverse');
|
||||||
|
|
||||||
|
.image {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.orient-right {
|
||||||
|
// ...
|
||||||
|
}
|
||||||
|
|
||||||
|
// Content Alignment.
|
||||||
|
&.content-align-left {
|
||||||
|
// ...
|
||||||
|
}
|
||||||
|
|
||||||
|
&.content-align-center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.content-align-right {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Image Position.
|
||||||
|
&.image-position-left {
|
||||||
|
.image {
|
||||||
|
img {
|
||||||
|
@include vendor('object-position', 'left');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.image-position-center {
|
||||||
|
// ...
|
||||||
|
}
|
||||||
|
|
||||||
|
&.image-position-right {
|
||||||
|
.image {
|
||||||
|
img {
|
||||||
|
@include vendor('object-position', 'right');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Banner (style4) */
|
||||||
|
|
||||||
|
.banner.style4 {
|
||||||
|
$image-width: 13rem;
|
||||||
|
$content-size: (_size(inner) * 0.75) - $image-width - (_size(element-margin) * 1.75);
|
||||||
|
|
||||||
|
@include padding(_size(padding, default), _size(padding, default));
|
||||||
|
@include vendor('align-items', 'center');
|
||||||
|
@include vendor('display', 'flex');
|
||||||
|
@include vendor('flex-direction', 'row-reverse');
|
||||||
|
@include vendor('justify-content', 'center');
|
||||||
|
position: relative;
|
||||||
|
text-align: left;
|
||||||
|
overflow-x: hidden;
|
||||||
|
|
||||||
|
.content {
|
||||||
|
width: $content-size;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image {
|
||||||
|
@include phone($image-width);
|
||||||
|
margin-right: (_size(element-margin) * 1.75);
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=xlarge') {
|
||||||
|
@include padding(_size(padding, xlarge), _size(padding, xlarge));
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=large') {
|
||||||
|
@include padding(_size(padding, large), _size(padding, large));
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=medium') {
|
||||||
|
@include padding(_size(padding, medium) * 1.25, _size(padding, medium));
|
||||||
|
|
||||||
|
.image {
|
||||||
|
@include resize-phone($image-width, 0.875);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=small') {
|
||||||
|
@include padding(_size(padding, small) * 1.25, _size(padding, small));
|
||||||
|
@include vendor('align-items', 'flex-start');
|
||||||
|
|
||||||
|
.image {
|
||||||
|
@include resize-phone($image-width, 0.625);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include orientation(portrait) {
|
||||||
|
@include vendor('align-items', 'center');
|
||||||
|
@include vendor('flex-direction', 'column-reverse');
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
.content {
|
||||||
|
width: 34rem;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image {
|
||||||
|
margin-right: 0;
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Modifiers.
|
||||||
|
|
||||||
|
// Size.
|
||||||
|
&.fullscreen {
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Variant.
|
||||||
|
&.iphone {
|
||||||
|
// ...
|
||||||
|
}
|
||||||
|
|
||||||
|
&.android {
|
||||||
|
// ...
|
||||||
|
}
|
||||||
|
|
||||||
|
// Orientation.
|
||||||
|
&.orient-left {
|
||||||
|
@include vendor('flex-direction', 'row');
|
||||||
|
|
||||||
|
.image {
|
||||||
|
margin-right: 0;
|
||||||
|
margin-left: (_size(element-margin) * 1.75);
|
||||||
|
}
|
||||||
|
|
||||||
|
@include orientation(portrait) {
|
||||||
|
@include vendor('flex-direction', 'column-reverse');
|
||||||
|
|
||||||
|
.image {
|
||||||
|
margin-right: 0;
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.orient-right {
|
||||||
|
// ...
|
||||||
|
}
|
||||||
|
|
||||||
|
// Content Alignment.
|
||||||
|
&.content-align-left {
|
||||||
|
// ...
|
||||||
|
}
|
||||||
|
|
||||||
|
&.content-align-center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.content-align-right {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Image Position.
|
||||||
|
&.image-position-left {
|
||||||
|
.image {
|
||||||
|
img {
|
||||||
|
@include vendor('object-position', 'left');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.image-position-center {
|
||||||
|
// ...
|
||||||
|
}
|
||||||
|
|
||||||
|
&.image-position-right {
|
||||||
|
.image {
|
||||||
|
img {
|
||||||
|
@include vendor('object-position', 'right');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Banner (style5) */
|
||||||
|
|
||||||
|
.banner.style5 {
|
||||||
|
@include padding(_size(padding, default), _size(padding, default));
|
||||||
|
@include vendor('align-items', 'center');
|
||||||
|
@include vendor('display', 'flex');
|
||||||
|
@include vendor('justify-content', 'center');
|
||||||
|
background-color: inherit;
|
||||||
|
position: relative;
|
||||||
|
text-align: center;
|
||||||
|
overflow-x: hidden;
|
||||||
|
|
||||||
|
.content {
|
||||||
|
position: relative;
|
||||||
|
width: (_size(inner) * 0.625);
|
||||||
|
max-width: 100%;
|
||||||
|
margin-bottom: _size(element-margin);
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image {
|
||||||
|
@include vendor('flex-grow', '0');
|
||||||
|
@include vendor('flex-shrink', '0');
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
opacity: 0.1;
|
||||||
|
|
||||||
|
img {
|
||||||
|
@include vendor('object-fit', 'cover');
|
||||||
|
@include vendor('object-position', 'center');
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=xlarge') {
|
||||||
|
@include padding(_size(padding, xlarge), _size(padding, xlarge));
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=large') {
|
||||||
|
@include padding(_size(padding, large), _size(padding, large));
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=medium') {
|
||||||
|
@include padding(_size(padding, medium) * 1.25, _size(padding, medium));
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=small') {
|
||||||
|
@include padding(_size(padding, small) * 1.25, _size(padding, small));
|
||||||
|
}
|
||||||
|
|
||||||
|
// Modifiers.
|
||||||
|
|
||||||
|
// Size.
|
||||||
|
&.fullscreen {
|
||||||
|
min-height: 80vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Content Alignment.
|
||||||
|
&.content-align-left {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.content-align-center {
|
||||||
|
// ...
|
||||||
|
}
|
||||||
|
|
||||||
|
&.content-align-right {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Image Position.
|
||||||
|
&.image-position-left {
|
||||||
|
.image {
|
||||||
|
img {
|
||||||
|
@include vendor('object-position', 'left');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.image-position-center {
|
||||||
|
// ...
|
||||||
|
}
|
||||||
|
|
||||||
|
&.image-position-right {
|
||||||
|
.image {
|
||||||
|
img {
|
||||||
|
@include vendor('object-position', 'right');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// Mixin
|
||||||
|
|
||||||
|
@mixin color-banner($p: null) {
|
||||||
|
.banner {
|
||||||
|
.image {
|
||||||
|
background-color: transparentize(_palette($p, fg-bold), 0.875);
|
||||||
|
}
|
||||||
|
|
||||||
|
@if ($p != 'invert') {
|
||||||
|
&.invert {
|
||||||
|
.image {
|
||||||
|
background-color: transparentize(_palette(invert, fg-bold), 0.875);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.banner.style4 {
|
||||||
|
.image {
|
||||||
|
@include color-phone($p);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Variant.
|
||||||
|
&.iphone {
|
||||||
|
.image {
|
||||||
|
@include color-phone-variant('iphone', $p);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.android {
|
||||||
|
.image {
|
||||||
|
@include color-phone-variant('android', $p);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@if ($p != 'invert') {
|
||||||
|
&.invert {
|
||||||
|
.image {
|
||||||
|
@include color-phone(invert);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Variant.
|
||||||
|
&.iphone {
|
||||||
|
.image {
|
||||||
|
@include color-phone-variant('iphone', invert);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.android {
|
||||||
|
.image {
|
||||||
|
@include color-phone-variant('android', invert);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include color-banner;
|
||||||
34
_sass/components/_box.scss
Normal file
34
_sass/components/_box.scss
Normal file
|
|
@ -0,0 +1,34 @@
|
||||||
|
///
|
||||||
|
/// Story by HTML5 UP
|
||||||
|
/// html5up.net | @ajlkn
|
||||||
|
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||||
|
///
|
||||||
|
|
||||||
|
/* Box */
|
||||||
|
|
||||||
|
.box {
|
||||||
|
border-radius: _size(border-radius);
|
||||||
|
border: solid _size(border-width);
|
||||||
|
margin-bottom: _size(element-margin);
|
||||||
|
padding: 1.5rem;
|
||||||
|
|
||||||
|
> :last-child,
|
||||||
|
> :last-child > :last-child,
|
||||||
|
> :last-child > :last-child > :last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.alt {
|
||||||
|
border: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin color-box($p: null) {
|
||||||
|
.box {
|
||||||
|
border-color: _palette($p, border);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include color-box;
|
||||||
121
_sass/components/_button.scss
Normal file
121
_sass/components/_button.scss
Normal file
|
|
@ -0,0 +1,121 @@
|
||||||
|
///
|
||||||
|
/// Story by HTML5 UP
|
||||||
|
/// html5up.net | @ajlkn
|
||||||
|
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||||
|
///
|
||||||
|
|
||||||
|
/* Button */
|
||||||
|
|
||||||
|
input[type="submit"],
|
||||||
|
input[type="reset"],
|
||||||
|
input[type="button"],
|
||||||
|
button,
|
||||||
|
.button {
|
||||||
|
@include vendor('appearance', 'none');
|
||||||
|
@include vendor('transition', (
|
||||||
|
'background-color #{_duration(transition)} ease-in-out',
|
||||||
|
'box-shadow #{_duration(transition)} ease-in-out',
|
||||||
|
'color #{_duration(transition)} ease-in-out'
|
||||||
|
));
|
||||||
|
border: 0;
|
||||||
|
cursor: pointer;
|
||||||
|
display: inline-block;
|
||||||
|
font-weight: _font(weight-bold);
|
||||||
|
font-family: monospace;
|
||||||
|
letter-spacing: _font(kerning-alt);
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
text-transform: uppercase;
|
||||||
|
white-space: nowrap;
|
||||||
|
font-size: 0.75rem;
|
||||||
|
max-width: 20rem;
|
||||||
|
height: 3.75em;
|
||||||
|
line-height: 3.75em;
|
||||||
|
border-radius: 7px;
|
||||||
|
padding: 0 2.5em;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
&.icon {
|
||||||
|
&:before {
|
||||||
|
margin-right: 0.5rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.fit {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.small {
|
||||||
|
font-size: 0.7rem;
|
||||||
|
height: 3.325em;
|
||||||
|
line-height: 3.325em;
|
||||||
|
border-radius: 7px;
|
||||||
|
padding: 0 2em;
|
||||||
|
}
|
||||||
|
&.smaller {
|
||||||
|
font-size: 0.5rem;
|
||||||
|
height: 2.75em;
|
||||||
|
line-height: 2.75em;
|
||||||
|
border-radius: 7px;
|
||||||
|
padding: 0 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.large {
|
||||||
|
font-size: 0.8rem;
|
||||||
|
height: 4em;
|
||||||
|
line-height: 4em;
|
||||||
|
border-radius: 7px;
|
||||||
|
padding: 0 3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.wide {
|
||||||
|
min-width: 14em;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.disabled,
|
||||||
|
&:disabled {
|
||||||
|
@include vendor('pointer-events', 'none');
|
||||||
|
opacity: 0.25;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin color-button($p: null) {
|
||||||
|
input[type="submit"],
|
||||||
|
input[type="reset"],
|
||||||
|
input[type="button"],
|
||||||
|
button,
|
||||||
|
.button {
|
||||||
|
background-color: _palette(fg);
|
||||||
|
box-shadow: inset 0 0 5px _size(border-width) _palette($p, border-darken);
|
||||||
|
color: _palette($p, bg) !important;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
box-shadow: inset 0 0 5px _size(border-width) _palette($p, border);
|
||||||
|
color: _palette($p, fg) !important;
|
||||||
|
background-color: _palette(border-darken);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
background-color: transparentize(_palette($p, accent), 0.8);
|
||||||
|
box-shadow: inset 0 0 0 _size(border-width) _palette($p, accent);
|
||||||
|
color: _palette($p, accent) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.primary {
|
||||||
|
background-color: _palette($p, fg-bold);
|
||||||
|
box-shadow: none;
|
||||||
|
color: _palette($p, bg) !important;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: _palette($p, accent);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
background-color: darken(_palette($p, accent), 12);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include color-button;
|
||||||
287
_sass/components/_form.scss
Normal file
287
_sass/components/_form.scss
Normal file
|
|
@ -0,0 +1,287 @@
|
||||||
|
///
|
||||||
|
/// Story by HTML5 UP
|
||||||
|
/// html5up.net | @ajlkn
|
||||||
|
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||||
|
///
|
||||||
|
|
||||||
|
/* Form */
|
||||||
|
|
||||||
|
form {
|
||||||
|
margin: 0 0 _size(element-margin) 0;
|
||||||
|
|
||||||
|
> :last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
> .fields {
|
||||||
|
$gutter: (_size(element-margin) * 0.75);
|
||||||
|
|
||||||
|
@include vendor('display', 'flex');
|
||||||
|
@include vendor('flex-wrap', 'wrap');
|
||||||
|
width: calc(100% + #{$gutter * 2});
|
||||||
|
margin: ($gutter * -1) 0 _size(element-margin) ($gutter * -1);
|
||||||
|
|
||||||
|
> .field {
|
||||||
|
@include vendor('flex-grow', '0');
|
||||||
|
@include vendor('flex-shrink', '0');
|
||||||
|
padding: $gutter 0 0 $gutter;
|
||||||
|
width: calc(100% - #{$gutter * 1});
|
||||||
|
|
||||||
|
&.half {
|
||||||
|
width: calc(50% - #{$gutter * 0.5});
|
||||||
|
}
|
||||||
|
|
||||||
|
&.third {
|
||||||
|
width: calc(#{100% / 3} - #{$gutter * (1 / 3)});
|
||||||
|
}
|
||||||
|
|
||||||
|
&.quarter {
|
||||||
|
width: calc(25% - #{$gutter * 0.25});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=xsmall') {
|
||||||
|
> .fields {
|
||||||
|
$gutter: (_size(element-margin) * 0.75);
|
||||||
|
|
||||||
|
width: calc(100% + #{$gutter * 2});
|
||||||
|
margin: ($gutter * -1) 0 _size(element-margin) ($gutter * -1);
|
||||||
|
|
||||||
|
> .field {
|
||||||
|
padding: $gutter 0 0 $gutter;
|
||||||
|
width: calc(100% - #{$gutter * 1});
|
||||||
|
|
||||||
|
&.half {
|
||||||
|
width: calc(100% - #{$gutter * 1});
|
||||||
|
}
|
||||||
|
|
||||||
|
&.third {
|
||||||
|
width: calc(100% - #{$gutter * 1});
|
||||||
|
}
|
||||||
|
|
||||||
|
&.quarter {
|
||||||
|
width: calc(100% - #{$gutter * 1});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
label {
|
||||||
|
display: block;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
font-weight: _font(weight-bold);
|
||||||
|
margin: 0 0 (_size(element-margin) * 0.5) 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="text"],
|
||||||
|
input[type="password"],
|
||||||
|
input[type="email"],
|
||||||
|
input[type="tel"],
|
||||||
|
input[type="search"],
|
||||||
|
input[type="url"],
|
||||||
|
select,
|
||||||
|
textarea {
|
||||||
|
@include vendor('appearance', 'none');
|
||||||
|
background-color: _palette(bg-transparent);
|
||||||
|
border-radius: _size(border-radius);
|
||||||
|
border: none;
|
||||||
|
border: solid _size(border-width);
|
||||||
|
color: inherit;
|
||||||
|
display: block;
|
||||||
|
outline: 0;
|
||||||
|
padding: 0 0.825rem;
|
||||||
|
text-decoration: none;
|
||||||
|
width: 100%;
|
||||||
|
box-shadow: inset 0 0 5px 1px _palette(border);
|
||||||
|
|
||||||
|
&:invalid {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
select {
|
||||||
|
background-size: 1.25rem;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: calc(100% - 1rem) center;
|
||||||
|
height: _size(element-height);
|
||||||
|
padding-right: _size(element-height);
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
&::-ms-value {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&::-ms-expand {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="text"],
|
||||||
|
input[type="password"],
|
||||||
|
input[type="email"],
|
||||||
|
input[type="tel"],
|
||||||
|
input[type="search"],
|
||||||
|
input[type="url"],
|
||||||
|
select {
|
||||||
|
height: _size(element-height);
|
||||||
|
}
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
padding: 0.75rem 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="checkbox"],
|
||||||
|
input[type="radio"], {
|
||||||
|
@include vendor('appearance', 'none');
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
margin-right: -2rem;
|
||||||
|
opacity: 0;
|
||||||
|
width: 1rem;
|
||||||
|
z-index: -1;
|
||||||
|
|
||||||
|
& + label {
|
||||||
|
@include icon(false, solid);
|
||||||
|
@include vendor('user-select', 'none');
|
||||||
|
cursor: pointer;
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 1rem;
|
||||||
|
font-weight: _font(weight);
|
||||||
|
padding-left: (_size(element-height) * 0.6) + 0.75rem;
|
||||||
|
padding-right: 0.75rem;
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 0;
|
||||||
|
|
||||||
|
&:before {
|
||||||
|
border-radius: _size(border-radius);
|
||||||
|
border: solid _size(border-width);
|
||||||
|
content: '';
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
height: (_size(element-height) * 0.6);
|
||||||
|
left: 0;
|
||||||
|
line-height: (_size(element-height) * 0.6);
|
||||||
|
position: absolute;
|
||||||
|
text-align: center;
|
||||||
|
top: 0;
|
||||||
|
width: (_size(element-height) * 0.6);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:checked + label {
|
||||||
|
&:before {
|
||||||
|
content: '\f00c';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="checkbox"] {
|
||||||
|
& + label {
|
||||||
|
&:before {
|
||||||
|
border-radius: _size(border-radius);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="radio"] {
|
||||||
|
& + label {
|
||||||
|
&:before {
|
||||||
|
border-radius: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-input-placeholder {
|
||||||
|
opacity: 1.0;
|
||||||
|
}
|
||||||
|
|
||||||
|
:-moz-placeholder {
|
||||||
|
opacity: 1.0;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-moz-placeholder {
|
||||||
|
opacity: 1.0;
|
||||||
|
}
|
||||||
|
|
||||||
|
:-ms-input-placeholder {
|
||||||
|
opacity: 1.0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin color-form($p: null) {
|
||||||
|
label {
|
||||||
|
color: _palette($p, fg-bold);
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="text"],
|
||||||
|
input[type="password"],
|
||||||
|
input[type="email"],
|
||||||
|
input[type="tel"],
|
||||||
|
input[type="search"],
|
||||||
|
input[type="url"],
|
||||||
|
select,
|
||||||
|
textarea {
|
||||||
|
border-color: _palette($p, border);
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
border-color: _palette($p, accent);
|
||||||
|
box-shadow: 0 0 0 _size(border-width) _palette($p, accent);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
select {
|
||||||
|
background-image: svg-url("<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'><path d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='#{_palette(border)}' /></svg>");
|
||||||
|
|
||||||
|
option {
|
||||||
|
color: _palette(fg-bold);
|
||||||
|
background: _palette(bg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="checkbox"],
|
||||||
|
input[type="radio"], {
|
||||||
|
& + label {
|
||||||
|
color: _palette($p, fg);
|
||||||
|
|
||||||
|
&:before {
|
||||||
|
border-color: _palette($p, fg-light);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:checked + label {
|
||||||
|
&:before {
|
||||||
|
background-color: _palette($p, fg-bold);
|
||||||
|
border-color: _palette($p, fg-bold);
|
||||||
|
color: _palette($p, bg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:focus + label {
|
||||||
|
&:before {
|
||||||
|
border-color: _palette($p, accent);
|
||||||
|
box-shadow: 0 0 0 _size(border-width) _palette($p, accent);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-input-placeholder {
|
||||||
|
color: _palette($p, fg-light) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
:-moz-placeholder {
|
||||||
|
color: _palette($p, fg-light) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-moz-placeholder {
|
||||||
|
color: _palette($p, fg-light) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
:-ms-input-placeholder {
|
||||||
|
color: _palette($p, fg-light) !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include color-form;
|
||||||
616
_sass/components/_gallery.scss
Normal file
616
_sass/components/_gallery.scss
Normal file
|
|
@ -0,0 +1,616 @@
|
||||||
|
///
|
||||||
|
/// Story by HTML5 UP
|
||||||
|
/// html5up.net | @ajlkn
|
||||||
|
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||||
|
///
|
||||||
|
|
||||||
|
/* Gallery (transitions) */
|
||||||
|
|
||||||
|
.gallery {
|
||||||
|
|
||||||
|
// Mixin.
|
||||||
|
@mixin transition-gallery($event) {
|
||||||
|
$x: null;
|
||||||
|
$y: null;
|
||||||
|
|
||||||
|
@if ($event == 'load') {
|
||||||
|
$x: 'body.is-preload &';
|
||||||
|
$y: _duration(on-load);
|
||||||
|
}
|
||||||
|
@else if ($event == 'scroll') {
|
||||||
|
$x: '&.is-inactive';
|
||||||
|
$y: _duration(on-scroll);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.on#{$event}-fade-in {
|
||||||
|
article {
|
||||||
|
.image {
|
||||||
|
img {
|
||||||
|
@include vendor('transition', 'opacity #{$y} ease-in-out');
|
||||||
|
@include vendor('transition-delay', '#{_misc(gallery-limit) * _duration(gallery-delay)}');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@for $i from 0 through _misc(gallery-limit) {
|
||||||
|
&:nth-child(#{$i + 1}) {
|
||||||
|
.image {
|
||||||
|
img {
|
||||||
|
@include vendor('transition-delay', '#{$i * _duration(gallery-delay)}');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#{$x} {
|
||||||
|
article {
|
||||||
|
.image {
|
||||||
|
img {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// On Load.
|
||||||
|
@include transition-gallery('load');
|
||||||
|
|
||||||
|
// On Scroll.
|
||||||
|
@include transition-gallery('scroll');
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Gallery (style1) */
|
||||||
|
|
||||||
|
.gallery.style1 {
|
||||||
|
@include color-typography(invert);
|
||||||
|
@include color-button(invert);
|
||||||
|
@include vendor('align-items', 'center');
|
||||||
|
@include vendor('display', 'flex');
|
||||||
|
@include vendor('flex-wrap', 'wrap');
|
||||||
|
@include vendor('justify-content', 'center');
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
background-color: transparent;
|
||||||
|
|
||||||
|
> .forward, >.backward {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
> .inner {
|
||||||
|
@include vendor('align-items', 'inherit');
|
||||||
|
@include vendor('display', 'inherit');
|
||||||
|
@include vendor('flex-wrap', 'inherit');
|
||||||
|
@include vendor('justify-content', 'inherit');
|
||||||
|
}
|
||||||
|
|
||||||
|
article {
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
width: 25%;
|
||||||
|
|
||||||
|
.image {
|
||||||
|
@include vendor('transition', 'opacity #{_duration(transition)} ease-in-out');
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
border-radius: 0;
|
||||||
|
|
||||||
|
img {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.caption {
|
||||||
|
@include vendor('align-items', 'center');
|
||||||
|
@include vendor('display', 'flex');
|
||||||
|
@include vendor('flex-direction', 'column');
|
||||||
|
@include vendor('justify-content', 'center');
|
||||||
|
@include vendor('pointer-events', 'none');
|
||||||
|
@include vendor('transition', 'opacity #{_duration(transition)} ease-in-out');
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: transparentize(_palette(invert, bg), 1 - _misc(overlay-opacity));
|
||||||
|
opacity: 0;
|
||||||
|
padding: 2rem;
|
||||||
|
z-index: 1;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
|
||||||
|
a {
|
||||||
|
@include vendor('pointer-events', 'auto');
|
||||||
|
}
|
||||||
|
|
||||||
|
h2, h3, h4, h5, h6 {
|
||||||
|
font-size: 1.25rem;
|
||||||
|
margin-bottom: 0.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
> * {
|
||||||
|
max-width: 100%;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
> :last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
.caption {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=large') {
|
||||||
|
article {
|
||||||
|
width: (100% / 3);
|
||||||
|
|
||||||
|
.caption {
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=medium') {
|
||||||
|
article {
|
||||||
|
width: 50%;
|
||||||
|
|
||||||
|
.caption {
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=xsmall') {
|
||||||
|
article {
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
.caption {
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Modifiers.
|
||||||
|
|
||||||
|
// size
|
||||||
|
&.small {
|
||||||
|
article {
|
||||||
|
width: 20%;
|
||||||
|
|
||||||
|
.caption {
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=large') {
|
||||||
|
article {
|
||||||
|
width: 25%;
|
||||||
|
|
||||||
|
.caption {
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=medium') {
|
||||||
|
article {
|
||||||
|
width: (100% / 3);
|
||||||
|
|
||||||
|
.caption {
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=xsmall') {
|
||||||
|
article {
|
||||||
|
width: 50%;
|
||||||
|
|
||||||
|
.caption {
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.medium {
|
||||||
|
// ...
|
||||||
|
}
|
||||||
|
|
||||||
|
&.big {
|
||||||
|
article {
|
||||||
|
width: (100% / 3);
|
||||||
|
|
||||||
|
.caption {
|
||||||
|
padding: 3rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=large') {
|
||||||
|
article {
|
||||||
|
width: 50%;
|
||||||
|
|
||||||
|
.caption {
|
||||||
|
padding: 2rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=medium') {
|
||||||
|
article {
|
||||||
|
width: 50%;
|
||||||
|
|
||||||
|
.caption {
|
||||||
|
padding: 2rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=xsmall') {
|
||||||
|
article {
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
.caption {
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Gallery (style2) */
|
||||||
|
|
||||||
|
.gallery.style2 {
|
||||||
|
@include color-typography(invert);
|
||||||
|
@include color-button(invert);
|
||||||
|
@include vendor('display', 'flex');
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
|
position: relative;
|
||||||
|
background-color: transparent;
|
||||||
|
|
||||||
|
> .forward, >.backward {
|
||||||
|
@include icon(false, solid);
|
||||||
|
@include vendor('transition', 'opacity #{_duration(transition)} ease-in-out');
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
width: 5rem;
|
||||||
|
height: 100%;
|
||||||
|
cursor: pointer;
|
||||||
|
opacity: 0;
|
||||||
|
z-index: 2;
|
||||||
|
|
||||||
|
&:before {
|
||||||
|
display: block;
|
||||||
|
top: calc(50% - 1.5rem);
|
||||||
|
width: 4rem;
|
||||||
|
height: 3rem;
|
||||||
|
line-height: 1em;
|
||||||
|
font-size: 3rem;
|
||||||
|
position: absolute;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
> .forward, > .backward {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
> .forward {
|
||||||
|
right: 0;
|
||||||
|
background-image: linear-gradient(to left, rgba(0,0,0,0.25) 15%, rgba(0,0,0,0));
|
||||||
|
|
||||||
|
&:before {
|
||||||
|
content: '\f105';
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
> .backward {
|
||||||
|
left: 0;
|
||||||
|
background-image: linear-gradient(to right, rgba(0,0,0,0.25) 15%, rgba(0,0,0,0));
|
||||||
|
|
||||||
|
&:before {
|
||||||
|
content: '\f104';
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
> .inner {
|
||||||
|
@include vendor('display', 'inherit');
|
||||||
|
overflow-x: auto;
|
||||||
|
overflow-y: hidden;
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
article {
|
||||||
|
@include vendor('flex-grow', '0');
|
||||||
|
@include vendor('flex-shrink', '0');
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
width: 22.5rem;
|
||||||
|
max-width: 75vw;
|
||||||
|
|
||||||
|
.image {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
border-radius: 0;
|
||||||
|
|
||||||
|
img {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.caption {
|
||||||
|
@include vendor('align-items', 'center');
|
||||||
|
@include vendor('display', 'flex');
|
||||||
|
@include vendor('flex-direction', 'column');
|
||||||
|
@include vendor('justify-content', 'center');
|
||||||
|
@include vendor('pointer-events', 'none');
|
||||||
|
@include vendor('transition', 'opacity #{_duration(transition)} ease-in-out');
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: transparentize(_palette(invert, bg), 1 - _misc(lightbox-opacity));
|
||||||
|
opacity: 0;
|
||||||
|
padding: 3rem;
|
||||||
|
z-index: 1;
|
||||||
|
font-size: 1rem;
|
||||||
|
|
||||||
|
a {
|
||||||
|
@include vendor('pointer-events', 'auto');
|
||||||
|
}
|
||||||
|
|
||||||
|
h2, h3, h4, h5, h6 {
|
||||||
|
font-size: 1.25rem;
|
||||||
|
margin-bottom: 0.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
> * {
|
||||||
|
max-width: 100%;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
> :last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
.caption {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=medium') {
|
||||||
|
article {
|
||||||
|
.caption {
|
||||||
|
padding: 2rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=small') {
|
||||||
|
article {
|
||||||
|
.caption {
|
||||||
|
padding: 2rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Modifiers.
|
||||||
|
|
||||||
|
// size
|
||||||
|
&.small {
|
||||||
|
article {
|
||||||
|
width: 17.5rem;
|
||||||
|
|
||||||
|
.caption {
|
||||||
|
padding: 2rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=medium') {
|
||||||
|
article {
|
||||||
|
.caption {
|
||||||
|
padding: 2rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=small') {
|
||||||
|
article {
|
||||||
|
.caption {
|
||||||
|
padding: 2rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.medium {
|
||||||
|
// ...
|
||||||
|
}
|
||||||
|
|
||||||
|
&.big {
|
||||||
|
article {
|
||||||
|
width: 30rem;
|
||||||
|
|
||||||
|
.caption {
|
||||||
|
padding: 4rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=medium') {
|
||||||
|
article {
|
||||||
|
.caption {
|
||||||
|
padding: 3rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=small') {
|
||||||
|
article {
|
||||||
|
.caption {
|
||||||
|
padding: 2rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Gallery (lightbox) */
|
||||||
|
|
||||||
|
@include keyframes('gallery-modal-spinner') {
|
||||||
|
0% {
|
||||||
|
@include vendor('transform', 'rotate(0deg)');
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
@include vendor('transform', 'rotate(360deg)');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.gallery.lightbox {
|
||||||
|
.modal {
|
||||||
|
@include vendor('display', 'flex');
|
||||||
|
@include vendor('align-items', 'center');
|
||||||
|
@include vendor('justify-content', 'center');
|
||||||
|
@include vendor('pointer-events', 'none');
|
||||||
|
@include vendor('user-select', 'none');
|
||||||
|
@include vendor('transition', (
|
||||||
|
'opacity #{_duration(gallery-lightbox)} ease',
|
||||||
|
'visibility #{_duration(gallery-lightbox)}',
|
||||||
|
'z-index #{_duration(gallery-lightbox)}'
|
||||||
|
));
|
||||||
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
outline: 0;
|
||||||
|
background-color: transparentize(_palette(invert, bg), 1 - _misc(lightbox-opacity));
|
||||||
|
visibility: none;
|
||||||
|
opacity: 0;
|
||||||
|
z-index: 0;
|
||||||
|
|
||||||
|
&:before {
|
||||||
|
@include vendor('animation', 'gallery-modal-spinner 1s infinite linear');
|
||||||
|
@include vendor('transition', 'opacity #{_duration(gallery-lightbox) * 0.5} ease');
|
||||||
|
@include vendor('transition-delay', '#{_duration(gallery-lightbox)}');
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
width: 4rem;
|
||||||
|
height: 4rem;
|
||||||
|
margin: -2rem 0 0 -2rem;
|
||||||
|
background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="96px" height="96px" viewBox="0 0 96 96" zoomAndPan="disable"><style>circle {fill: transparent; stroke: #{_palette(invert, fg-bold)}; stroke-width: 1.5px; }</style><defs><clipPath id="corner"><polygon points="0,0 48,0 48,48 96,48 96,96 0,96" /></clipPath></defs><g clip-path="url(#corner)"><circle cx="48" cy="48" r="32"/></g></svg>');
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: 4rem;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
top: 0.5rem;
|
||||||
|
right: 0.5rem;
|
||||||
|
width: 4rem;
|
||||||
|
height: 4rem;
|
||||||
|
cursor: pointer;
|
||||||
|
background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64px" height="64px" viewBox="0 0 64 64" zoomAndPan="disable"><style>line {stroke: #{_palette(invert, fg-bold)};stroke-width: 1.5px;}</style><line x1="20" y1="20" x2="44" y2="44" /><line x1="20" y1="44" x2="44" y2="20" /></svg>');
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: 3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.inner {
|
||||||
|
@include vendor('transform', 'translateY(0.75rem)');
|
||||||
|
@include vendor('transition', (
|
||||||
|
'opacity #{_duration(gallery-lightbox) * 0.5} ease',
|
||||||
|
'transform #{_duration(gallery-lightbox) * 0.5} ease'
|
||||||
|
));
|
||||||
|
opacity: 0;
|
||||||
|
|
||||||
|
img {
|
||||||
|
display: block;
|
||||||
|
max-width: 90vw;
|
||||||
|
max-height: 85vh;
|
||||||
|
box-shadow: 0 1rem 3rem 0 rgba(0, 0, 0, 0.35);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.visible {
|
||||||
|
@include vendor('pointer-events', 'auto');
|
||||||
|
visibility: visible;
|
||||||
|
opacity: 1;
|
||||||
|
z-index: _misc(z-index-base) + 1;
|
||||||
|
|
||||||
|
&:before {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.loaded {
|
||||||
|
.inner {
|
||||||
|
@include vendor('transform', 'translateY(0)');
|
||||||
|
@include vendor('transition', (
|
||||||
|
'opacity #{_duration(gallery-lightbox)} ease',
|
||||||
|
'transform #{_duration(gallery-lightbox)} ease'
|
||||||
|
));
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:before {
|
||||||
|
@include vendor('transition-delay', '0s');
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=medium') {
|
||||||
|
.modal {
|
||||||
|
.inner {
|
||||||
|
img {
|
||||||
|
max-width: 100vw;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Mixin
|
||||||
|
|
||||||
|
@mixin color-gallery($p: null) {
|
||||||
|
.gallery {
|
||||||
|
article {
|
||||||
|
.image {
|
||||||
|
background-color: transparentize(_palette($p, fg-bold), 0.875);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include color-gallery;
|
||||||
103
_sass/components/_icon.scss
Normal file
103
_sass/components/_icon.scss
Normal file
|
|
@ -0,0 +1,103 @@
|
||||||
|
///
|
||||||
|
/// Story by HTML5 UP
|
||||||
|
/// html5up.net | @ajlkn
|
||||||
|
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||||
|
///
|
||||||
|
|
||||||
|
/* Icon */
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
@include icon;
|
||||||
|
border-bottom: none;
|
||||||
|
position: relative;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
> .label {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:before {
|
||||||
|
line-height: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.solid {
|
||||||
|
&:before {
|
||||||
|
font-weight: 900;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.brands {
|
||||||
|
&:before {
|
||||||
|
font-family: 'Font Awesome 5 Brands';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.style2 {
|
||||||
|
&:before {
|
||||||
|
border-radius: 2.75em;
|
||||||
|
display: inline-block;
|
||||||
|
height: 2.75em;
|
||||||
|
line-height: 2.75em;
|
||||||
|
width: 2.75em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.major {
|
||||||
|
display: block;
|
||||||
|
margin: 0 0 (_size(element-margin) * 0.5) 0;
|
||||||
|
|
||||||
|
&:before {
|
||||||
|
font-size: 1.25rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
a.icon {
|
||||||
|
&.style2 {
|
||||||
|
&:before {
|
||||||
|
@include vendor('transition', (
|
||||||
|
'background-color #{_duration(transition)} ease-in-out',
|
||||||
|
'box-shadow #{_duration(transition)} ease-in-out',
|
||||||
|
'color #{_duration(transition)} ease-in-out'
|
||||||
|
));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin color-icon($p: null) {
|
||||||
|
.icon {
|
||||||
|
&.style2 {
|
||||||
|
&:before {
|
||||||
|
box-shadow: inset 0 0 0 _size(border-width) _palette($p, border);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.player {
|
||||||
|
&.style2 {
|
||||||
|
&:before {
|
||||||
|
box-shadow: inset 0 0 0 _size(border-width) _palette($p, fg-light);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
a.icon {
|
||||||
|
&.style2 {
|
||||||
|
&:hover {
|
||||||
|
&:before {
|
||||||
|
box-shadow: inset 0 0 0 _size(border-width) _palette($p, accent);
|
||||||
|
color: _palette($p, accent);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
&:before {
|
||||||
|
background-color: transparentize(_palette($p, accent), 0.9);
|
||||||
|
box-shadow: inset 0 0 0 _size(border-width) _palette($p, accent);
|
||||||
|
color: _palette($p, accent);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include color-icon;
|
||||||
22
_sass/components/_icons.scss
Normal file
22
_sass/components/_icons.scss
Normal file
|
|
@ -0,0 +1,22 @@
|
||||||
|
///
|
||||||
|
/// Story by HTML5 UP
|
||||||
|
/// html5up.net | @ajlkn
|
||||||
|
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||||
|
///
|
||||||
|
|
||||||
|
/* Icons */
|
||||||
|
|
||||||
|
ul.icons {
|
||||||
|
cursor: default;
|
||||||
|
list-style: none;
|
||||||
|
padding-left: 0;
|
||||||
|
|
||||||
|
li {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 0 0.75rem 0 0;
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
61
_sass/components/_image.scss
Normal file
61
_sass/components/_image.scss
Normal file
|
|
@ -0,0 +1,61 @@
|
||||||
|
///
|
||||||
|
/// Story by HTML5 UP
|
||||||
|
/// html5up.net | @ajlkn
|
||||||
|
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||||
|
///
|
||||||
|
|
||||||
|
/* Image */
|
||||||
|
|
||||||
|
.image {
|
||||||
|
border: 0;
|
||||||
|
border-radius: _size(border-radius);
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
img {
|
||||||
|
display: block;
|
||||||
|
border-radius: _size(border-radius);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.left,
|
||||||
|
&.right {
|
||||||
|
width: 40%;
|
||||||
|
max-width: 10rem;
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.left {
|
||||||
|
float: left;
|
||||||
|
margin: 0 1.5rem 1rem 0;
|
||||||
|
top: 0.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.right {
|
||||||
|
float: right;
|
||||||
|
margin: 0 0 1rem 1.5rem;
|
||||||
|
top: 0.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.fit {
|
||||||
|
display: block;
|
||||||
|
margin: 0 0 _size(element-margin) 0;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.main {
|
||||||
|
display: block;
|
||||||
|
margin: 0 0 (_size(element-margin) * 1.5) 0;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
66
_sass/components/_index.scss
Normal file
66
_sass/components/_index.scss
Normal file
|
|
@ -0,0 +1,66 @@
|
||||||
|
///
|
||||||
|
/// Story by HTML5 UP
|
||||||
|
/// html5up.net | @ajlkn
|
||||||
|
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||||
|
///
|
||||||
|
|
||||||
|
/* Index */
|
||||||
|
|
||||||
|
.index {
|
||||||
|
> * {
|
||||||
|
@include padding(3rem, 0);
|
||||||
|
@include vendor('display', 'flex');
|
||||||
|
border-top: solid 1px;
|
||||||
|
|
||||||
|
> header {
|
||||||
|
@include vendor('flex-grow', '0');
|
||||||
|
@include vendor('flex-shrink', '0');
|
||||||
|
width: 15rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
> .content {
|
||||||
|
@include vendor('flex-grow', '1');
|
||||||
|
@include vendor('flex-shrink', '1');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
> :first-child {
|
||||||
|
border-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=medium') {
|
||||||
|
> * {
|
||||||
|
> header {
|
||||||
|
width: 11rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=small') {
|
||||||
|
> * {
|
||||||
|
> header {
|
||||||
|
width: 10rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=xsmall') {
|
||||||
|
> * {
|
||||||
|
@include vendor('flex-direction', 'column');
|
||||||
|
|
||||||
|
> header {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin color-index($p: null) {
|
||||||
|
.index {
|
||||||
|
> * {
|
||||||
|
border-top-color: _palette($p, border);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include color-index;
|
||||||
338
_sass/components/_items.scss
Normal file
338
_sass/components/_items.scss
Normal file
|
|
@ -0,0 +1,338 @@
|
||||||
|
///
|
||||||
|
/// Story by HTML5 UP
|
||||||
|
/// html5up.net | @ajlkn
|
||||||
|
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||||
|
///
|
||||||
|
|
||||||
|
/* Items (transitions) */
|
||||||
|
|
||||||
|
.items {
|
||||||
|
|
||||||
|
// Mixin.
|
||||||
|
@mixin transition-items($event) {
|
||||||
|
$x: null;
|
||||||
|
$y: null;
|
||||||
|
|
||||||
|
@if ($event == 'load') {
|
||||||
|
$x: 'body.is-preload &';
|
||||||
|
$y: _duration(on-load);
|
||||||
|
}
|
||||||
|
@else if ($event == 'scroll') {
|
||||||
|
$x: '&.is-inactive';
|
||||||
|
$y: _duration(on-scroll);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.on#{$event}-fade-in {
|
||||||
|
> * {
|
||||||
|
> .inner {
|
||||||
|
@include vendor('transition', 'opacity #{$y} ease-in-out');
|
||||||
|
@include vendor('transition-delay', '#{_misc(items-limit) * _duration(items-delay)}');
|
||||||
|
}
|
||||||
|
|
||||||
|
@for $i from 0 through _misc(items-limit) {
|
||||||
|
&:nth-child(#{$i + 1}) {
|
||||||
|
> .inner {
|
||||||
|
@include vendor('transition-delay', '#{$i * _duration(items-delay)}');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#{$x} {
|
||||||
|
> * {
|
||||||
|
> .inner {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// On Load.
|
||||||
|
@include transition-items('load');
|
||||||
|
|
||||||
|
// On Scroll.
|
||||||
|
@include transition-items('scroll');
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Items (style1) */
|
||||||
|
|
||||||
|
@mixin items-style1-size($name, $size, $padding) {
|
||||||
|
&.#{$name} {
|
||||||
|
> * {
|
||||||
|
@include padding($padding, $padding);
|
||||||
|
width: #{100% / $size};
|
||||||
|
|
||||||
|
&:nth-child(-n + #{$size}) {
|
||||||
|
border-top-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:nth-child(#{$size}n + 1) {
|
||||||
|
border-left-width: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin items-style1-size-reset($name, $size) {
|
||||||
|
&.#{$name} {
|
||||||
|
> * {
|
||||||
|
&:nth-child(-n + #{$size}) {
|
||||||
|
border-top-width: _size(border-width);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:nth-child(#{$size}n + 1) {
|
||||||
|
border-left-width: _size(border-width);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.items.style1 {
|
||||||
|
@include vendor('display', 'flex');
|
||||||
|
@include vendor('flex-wrap', 'wrap');
|
||||||
|
@include vendor('justify-content', 'center');
|
||||||
|
margin: (_size(element-margin) * 1.5) 0;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
> * {
|
||||||
|
@include vendor('flex-grow', '0');
|
||||||
|
@include vendor('flex-shrink', '0');
|
||||||
|
border-style: solid;
|
||||||
|
border-left-width: _size(border-width);
|
||||||
|
border-top-width: _size(border-width);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Modifiers.
|
||||||
|
|
||||||
|
// Size.
|
||||||
|
@include items-style1-size(big, 2, _size(gutter));
|
||||||
|
@include items-style1-size(medium, 3, _size(gutter) * 0.625);
|
||||||
|
@include items-style1-size(small, 4, _size(gutter) * 0.375);
|
||||||
|
|
||||||
|
@include breakpoint('<=large') {
|
||||||
|
@include items-style1-size-reset(small, 4);
|
||||||
|
@include items-style1-size(small, 3, _size(gutter) * 0.625);
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=medium') {
|
||||||
|
@include items-style1-size-reset(medium, 3);
|
||||||
|
@include items-style1-size(medium, 2, _size(gutter));
|
||||||
|
|
||||||
|
@include items-style1-size-reset(small, 3);
|
||||||
|
@include items-style1-size(small, 2, _size(gutter));
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=xsmall') {
|
||||||
|
@include items-style1-size-reset(big, 2);
|
||||||
|
@include items-style1-size(big, 1, _size(gutter) * 0.75);
|
||||||
|
|
||||||
|
@include items-style1-size-reset(medium, 2);
|
||||||
|
@include items-style1-size(medium, 1, _size(gutter) * 0.75);
|
||||||
|
|
||||||
|
@include items-style1-size-reset(small, 2);
|
||||||
|
@include items-style1-size(small, 1, _size(gutter) * 0.75);
|
||||||
|
|
||||||
|
&.big,
|
||||||
|
&.medium,
|
||||||
|
&.small {
|
||||||
|
> * {
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
> :first-child {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
> :last-child {
|
||||||
|
padding-bottom: 0;
|
||||||
|
|
||||||
|
> .inner {
|
||||||
|
> :last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Items (style2) */
|
||||||
|
|
||||||
|
@mixin items-style2-size($name, $size, $padding) {
|
||||||
|
&.#{$name} {
|
||||||
|
> * {
|
||||||
|
@include padding($padding, $padding);
|
||||||
|
width: #{100% / $size};
|
||||||
|
|
||||||
|
&:nth-child(-n + #{$size}) {
|
||||||
|
border-top-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:nth-child(#{$size}n + 1) {
|
||||||
|
border-left-width: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin items-style2-size-reset($name, $size) {
|
||||||
|
&.#{$name} {
|
||||||
|
> * {
|
||||||
|
&:nth-child(-n + #{$size}) {
|
||||||
|
border-top-width: _size(border-width);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:nth-child(#{$size}n + 1) {
|
||||||
|
border-left-width: _size(border-width);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.items.style2 {
|
||||||
|
@include vendor('display', 'flex');
|
||||||
|
@include vendor('flex-wrap', 'wrap');
|
||||||
|
@include vendor('justify-content', 'center');
|
||||||
|
margin: (_size(element-margin) * 1.5) 0;
|
||||||
|
position: relative;
|
||||||
|
border: solid _size(border-width);
|
||||||
|
border-radius: _size(border-radius);
|
||||||
|
|
||||||
|
> * {
|
||||||
|
@include vendor('flex-grow', '0');
|
||||||
|
@include vendor('flex-shrink', '0');
|
||||||
|
border-style: solid;
|
||||||
|
border-left-width: _size(border-width);
|
||||||
|
border-top-width: _size(border-width);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Modifiers.
|
||||||
|
|
||||||
|
// Size.
|
||||||
|
@include items-style2-size(big, 2, _size(gutter));
|
||||||
|
@include items-style2-size(medium, 3, _size(gutter) * 0.625);
|
||||||
|
@include items-style2-size(small, 4, _size(gutter) * 0.375);
|
||||||
|
|
||||||
|
@include breakpoint('<=large') {
|
||||||
|
@include items-style2-size-reset(small, 4);
|
||||||
|
@include items-style2-size(small, 3, _size(gutter) * 0.625);
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=medium') {
|
||||||
|
@include items-style2-size-reset(medium, 3);
|
||||||
|
@include items-style2-size(medium, 2, _size(gutter));
|
||||||
|
|
||||||
|
@include items-style2-size-reset(small, 3);
|
||||||
|
@include items-style2-size(small, 2, _size(gutter));
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=xsmall') {
|
||||||
|
@include items-style2-size-reset(big, 2);
|
||||||
|
@include items-style2-size(big, 1, _size(gutter) * 0.75);
|
||||||
|
|
||||||
|
@include items-style2-size-reset(medium, 2);
|
||||||
|
@include items-style2-size(medium, 1, _size(gutter) * 0.75);
|
||||||
|
|
||||||
|
@include items-style2-size-reset(small, 2);
|
||||||
|
@include items-style2-size(small, 1, _size(gutter) * 0.75);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Items (style3) */
|
||||||
|
|
||||||
|
@mixin items-style3-size($name, $size, $padding) {
|
||||||
|
&.#{$name} {
|
||||||
|
> * {
|
||||||
|
@include padding($padding, $padding);
|
||||||
|
width: #{100% / $size};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.items.style3 {
|
||||||
|
@include vendor('display', 'flex');
|
||||||
|
@include vendor('flex-wrap', 'wrap');
|
||||||
|
@include vendor('justify-content', 'center');
|
||||||
|
margin: (_size(element-margin) * 1.5) 0;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
> * {
|
||||||
|
@include vendor('flex-grow', '0');
|
||||||
|
@include vendor('flex-shrink', '0');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Modifiers.
|
||||||
|
|
||||||
|
// Size.
|
||||||
|
@include items-style3-size(big, 2, _size(gutter) * 0.5);
|
||||||
|
@include items-style3-size(medium, 3, _size(gutter) * 0.5 * 0.625);
|
||||||
|
@include items-style3-size(small, 4, _size(gutter) * 0.5 * 0.375);
|
||||||
|
|
||||||
|
@include breakpoint('<=large') {
|
||||||
|
@include items-style3-size(small, 3, _size(gutter) * 0.5 * 0.625);
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=medium') {
|
||||||
|
@include items-style3-size(medium, 2, _size(gutter) * 0.5);
|
||||||
|
@include items-style3-size(small, 2, _size(gutter) * 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=small') {
|
||||||
|
margin: _size(element-margin) 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=xsmall') {
|
||||||
|
@include items-style3-size(big, 1, _size(gutter) * 0.5 * 0.75);
|
||||||
|
@include items-style3-size(medium, 1, _size(gutter) * 0.5 * 0.75);
|
||||||
|
@include items-style3-size(small, 1, _size(gutter) * 0.5 * 0.75);
|
||||||
|
|
||||||
|
&.big,
|
||||||
|
&.medium,
|
||||||
|
&.small {
|
||||||
|
> * {
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
> :first-child {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
> :last-child {
|
||||||
|
padding-bottom: 0;
|
||||||
|
|
||||||
|
> .inner {
|
||||||
|
> :last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// Mixin
|
||||||
|
|
||||||
|
@mixin color-items($p: null) {
|
||||||
|
.items.style1 {
|
||||||
|
> * {
|
||||||
|
border-color: _palette($p, #fff);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.items.style2 {
|
||||||
|
border-color: _palette($p, border);
|
||||||
|
|
||||||
|
> * {
|
||||||
|
border-color: _palette($p, border);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include color-items;
|
||||||
86
_sass/components/_list.scss
Normal file
86
_sass/components/_list.scss
Normal file
|
|
@ -0,0 +1,86 @@
|
||||||
|
///
|
||||||
|
/// Story by HTML5 UP
|
||||||
|
/// html5up.net | @ajlkn
|
||||||
|
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||||
|
///
|
||||||
|
|
||||||
|
/* List */
|
||||||
|
|
||||||
|
ol {
|
||||||
|
list-style: decimal;
|
||||||
|
margin: 0 0 _size(element-margin) 0;
|
||||||
|
padding-left: 1.25rem;
|
||||||
|
|
||||||
|
li {
|
||||||
|
padding-left: 0.25rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
list-style: disc;
|
||||||
|
margin: 0 0 _size(element-margin) 0;
|
||||||
|
padding-left: 1rem;
|
||||||
|
|
||||||
|
li {
|
||||||
|
padding-left: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.alt {
|
||||||
|
list-style: none;
|
||||||
|
padding-left: 0;
|
||||||
|
|
||||||
|
li {
|
||||||
|
border-top: solid _size(border-width);
|
||||||
|
padding: 0.5rem 0;
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
border-top: 0;
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
dl {
|
||||||
|
margin: 0 0 _size(element-margin) 0;
|
||||||
|
|
||||||
|
dt {
|
||||||
|
display: block;
|
||||||
|
font-weight: _font(weight-bold);
|
||||||
|
margin: 0 0 (_size(element-margin) * 0.5) 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
dd {
|
||||||
|
margin-left: _size(element-margin);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.style2 {
|
||||||
|
dt {
|
||||||
|
width: 25%;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
dd {
|
||||||
|
width: 70%;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin color-list($p: null) {
|
||||||
|
ul {
|
||||||
|
&.alt {
|
||||||
|
li {
|
||||||
|
border-top-color: _palette($p, border);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include color-list;
|
||||||
35
_sass/components/_row.scss
Normal file
35
_sass/components/_row.scss
Normal file
|
|
@ -0,0 +1,35 @@
|
||||||
|
///
|
||||||
|
/// Story by HTML5 UP
|
||||||
|
/// html5up.net | @ajlkn
|
||||||
|
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||||
|
///
|
||||||
|
|
||||||
|
/* Row */
|
||||||
|
|
||||||
|
.row {
|
||||||
|
@include html-grid(2rem);
|
||||||
|
|
||||||
|
@include breakpoint('<=xlarge') {
|
||||||
|
@include html-grid(2rem, 'xlarge');
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=large') {
|
||||||
|
@include html-grid(2rem, 'large');
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=medium') {
|
||||||
|
@include html-grid(2rem, 'medium');
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=small') {
|
||||||
|
@include html-grid(2rem, 'small');
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=xsmall') {
|
||||||
|
@include html-grid(2rem, 'xsmall');
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=xxsmall') {
|
||||||
|
@include html-grid(2rem, 'xxsmall');
|
||||||
|
}
|
||||||
|
}
|
||||||
49
_sass/components/_section.scss
Normal file
49
_sass/components/_section.scss
Normal file
|
|
@ -0,0 +1,49 @@
|
||||||
|
///
|
||||||
|
/// Story by HTML5 UP
|
||||||
|
/// html5up.net | @ajlkn
|
||||||
|
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||||
|
///
|
||||||
|
|
||||||
|
/* Section/Article */
|
||||||
|
|
||||||
|
section, article {
|
||||||
|
&.special {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
p {
|
||||||
|
position: relative;
|
||||||
|
margin: (_size(element-margin) * -0.325) 0 (_size(element-margin) * 0.75) 0;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 + p {
|
||||||
|
font-size: 1.375rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 + p {
|
||||||
|
font-size: 1.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 + p {
|
||||||
|
font-size: 1.1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h4 + p,
|
||||||
|
h5 + p,
|
||||||
|
h6 + p {
|
||||||
|
font-size: 0.9rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin color-section($p: null) {
|
||||||
|
header {
|
||||||
|
p {
|
||||||
|
color: _palette($p, fg-light);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include color-section;
|
||||||
1012
_sass/components/_spotlight.scss
Normal file
1012
_sass/components/_spotlight.scss
Normal file
File diff suppressed because it is too large
Load diff
137
_sass/components/_table.scss
Normal file
137
_sass/components/_table.scss
Normal file
|
|
@ -0,0 +1,137 @@
|
||||||
|
///
|
||||||
|
/// Story by HTML5 UP
|
||||||
|
/// html5up.net | @ajlkn
|
||||||
|
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||||
|
///
|
||||||
|
|
||||||
|
/* Table */
|
||||||
|
|
||||||
|
.table-wrapper {
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
|
margin: 0 0 _size(element-margin) 0;
|
||||||
|
overflow-x: auto;
|
||||||
|
|
||||||
|
> table {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
margin: 0 0 _size(element-margin) 0;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
tbody {
|
||||||
|
tr {
|
||||||
|
border: solid _size(border-width);
|
||||||
|
border-left: 0;
|
||||||
|
border-right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
td {
|
||||||
|
padding: 0.75rem 0.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
th {
|
||||||
|
font-size: 0.9rem;
|
||||||
|
font-weight: _font(weight-bold);
|
||||||
|
padding: 0 0.75rem 0.75rem 0.75rem;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
thead {
|
||||||
|
border-bottom: solid (_size(border-width) * 2);
|
||||||
|
}
|
||||||
|
|
||||||
|
tfoot {
|
||||||
|
border-top: solid (_size(border-width) * 2);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.alt {
|
||||||
|
border-collapse: separate;
|
||||||
|
|
||||||
|
tbody {
|
||||||
|
tr {
|
||||||
|
td {
|
||||||
|
border: solid _size(border-width);
|
||||||
|
border-left-width: 0;
|
||||||
|
border-top-width: 0;
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
border-left-width: _size(border-width);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
td {
|
||||||
|
border-top-width: _size(border-width);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
thead {
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
tfoot {
|
||||||
|
border-top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.fixed {
|
||||||
|
table-layout: fixed;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin color-table($p: null) {
|
||||||
|
table {
|
||||||
|
tbody {
|
||||||
|
tr {
|
||||||
|
border-color: _palette($p, border);
|
||||||
|
|
||||||
|
&:nth-child(2n + 1) {
|
||||||
|
background-color: _palette($p, border-bg);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.alt {
|
||||||
|
background-color: _palette($p, border-bg) !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
th {
|
||||||
|
color: _palette($p, fg-bold);
|
||||||
|
}
|
||||||
|
|
||||||
|
thead {
|
||||||
|
border-bottom-color: _palette($p, border);
|
||||||
|
}
|
||||||
|
|
||||||
|
tfoot {
|
||||||
|
border-top-color: _palette($p, border);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.alt {
|
||||||
|
tbody {
|
||||||
|
tr {
|
||||||
|
td {
|
||||||
|
border-color: _palette($p, border);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.uniform {
|
||||||
|
tbody {
|
||||||
|
tr {
|
||||||
|
&:nth-child(2n + 1) {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include color-table;
|
||||||
120
_sass/components/_wrapper.scss
Normal file
120
_sass/components/_wrapper.scss
Normal file
|
|
@ -0,0 +1,120 @@
|
||||||
|
///
|
||||||
|
/// Story by HTML5 UP
|
||||||
|
/// html5up.net | @ajlkn
|
||||||
|
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||||
|
///
|
||||||
|
|
||||||
|
/* Wrapper (style1) */
|
||||||
|
|
||||||
|
.wrapper.style1 {
|
||||||
|
> .inner {
|
||||||
|
@include padding(_size(padding, default), _size(padding, default) * 0.5);
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: 100%;
|
||||||
|
width: _size(inner);
|
||||||
|
|
||||||
|
&.medium {
|
||||||
|
width: _size(inner) * 0.75;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.small {
|
||||||
|
width: _size(inner) * 0.5;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=xlarge') {
|
||||||
|
> .inner {
|
||||||
|
@include padding(_size(padding, xlarge), _size(padding, xlarge) * 0.5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=large') {
|
||||||
|
> .inner {
|
||||||
|
@include padding(_size(padding, large), _size(padding, large));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=medium') {
|
||||||
|
> .inner {
|
||||||
|
@include padding(_size(padding, medium) * 1.5, _size(padding, medium));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=small') {
|
||||||
|
> .inner {
|
||||||
|
@include padding(_size(padding, small) * 1.5, _size(padding, small));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Wrapper (style2) */
|
||||||
|
|
||||||
|
.wrapper.style2 {
|
||||||
|
padding: _size(padding, default);
|
||||||
|
background-color: _palette(bg-alt);
|
||||||
|
|
||||||
|
> .inner {
|
||||||
|
@include padding(_size(padding, default) * 0.75, _size(padding, default) * 0.5);
|
||||||
|
background-color: _palette(bg);
|
||||||
|
border-radius: _size(border-radius-alt);
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: 100%;
|
||||||
|
position: relative;
|
||||||
|
width: _size(inner);
|
||||||
|
z-index: 1;
|
||||||
|
|
||||||
|
&.medium {
|
||||||
|
width: _size(inner) * 0.75;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.small {
|
||||||
|
width: _size(inner) * 0.5;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=xlarge') {
|
||||||
|
padding: _size(padding, xlarge);
|
||||||
|
|
||||||
|
> .inner {
|
||||||
|
@include padding(_size(padding, xlarge) * 0.75, _size(padding, xlarge) * 0.5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=large') {
|
||||||
|
padding: _size(padding, large);
|
||||||
|
|
||||||
|
> .inner {
|
||||||
|
@include padding(_size(padding, large) * 0.75, _size(padding, large) * 0.5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=medium') {
|
||||||
|
padding: _size(padding, medium) * 0.75;
|
||||||
|
|
||||||
|
> .inner {
|
||||||
|
@include padding(_size(padding, medium), _size(padding, medium) * 0.75);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint('<=small') {
|
||||||
|
padding: _size(padding, small) * 0.75;
|
||||||
|
|
||||||
|
> .inner {
|
||||||
|
@include padding(_size(padding, small), _size(padding, small) * 0.75);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#wrapper {
|
||||||
|
> .wrapper.style2 {
|
||||||
|
&.invert {
|
||||||
|
&:not(.color1):not(.color2):not(.color3):not(.color4):not(.color5):not(.color6):not(.color7) {
|
||||||
|
background-color: _palette(invert, bg-alt);
|
||||||
|
}
|
||||||
|
|
||||||
|
> .inner {
|
||||||
|
background-color: _palette(invert, bg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -1,65 +0,0 @@
|
||||||
|
|
||||||
|
|
||||||
/* ---- button ---- */
|
|
||||||
|
|
||||||
.button {
|
|
||||||
|
|
||||||
display: inline-block;
|
|
||||||
// padding: 10px 18px;
|
|
||||||
margin: 0 10px 10px 0;
|
|
||||||
width: 50px;
|
|
||||||
height: 50px;
|
|
||||||
background: $color3;
|
|
||||||
border: none;
|
|
||||||
border-radius: 300px;
|
|
||||||
|
|
||||||
font-size: .65em;
|
|
||||||
text-shadow: 0 1px white;
|
|
||||||
transition: all .2s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button:hover {
|
|
||||||
|
|
||||||
text-shadow: 0 1px $color4;
|
|
||||||
color: $color4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button:active,
|
|
||||||
.button.is-checked {
|
|
||||||
background: linear-gradient(230deg, $color5, $color3);
|
|
||||||
background-size: 1000% 1000%;
|
|
||||||
|
|
||||||
-webkit-animation: AnimationName 30s ease infinite;
|
|
||||||
-moz-animation: AnimationName 30s ease infinite;
|
|
||||||
animation: AnimationName 30s ease infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button.is-checked {
|
|
||||||
color: $color1;
|
|
||||||
text-shadow: $color4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button:active {
|
|
||||||
box-shadow: inset 0 1px 10px $color4;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ---- button-group ---- */
|
|
||||||
|
|
||||||
.button-group{
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// .button-group .button:first-child {
|
|
||||||
// border-radius: 0.5em 0 0 0.5em;
|
|
||||||
// }
|
|
||||||
|
|
||||||
// .button-group .button:last-child {
|
|
||||||
// border-radius: 0 0.5em 0.5em 0;
|
|
||||||
// }
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
49
_sass/layout/_wrapper.scss
Normal file
49
_sass/layout/_wrapper.scss
Normal file
|
|
@ -0,0 +1,49 @@
|
||||||
|
///
|
||||||
|
/// Story by HTML5 UP
|
||||||
|
/// html5up.net | @ajlkn
|
||||||
|
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||||
|
///
|
||||||
|
|
||||||
|
/* Wrapper */
|
||||||
|
|
||||||
|
@mixin wrapper-color($n) {
|
||||||
|
> .color#{$n} {
|
||||||
|
background-color: _palette(color#{$n});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#wrapper {
|
||||||
|
background-color: inherit;
|
||||||
|
width: 100%;
|
||||||
|
overflow-x: hidden;
|
||||||
|
|
||||||
|
> .invert {
|
||||||
|
@include color(invert);
|
||||||
|
}
|
||||||
|
|
||||||
|
@include wrapper-color(1);
|
||||||
|
@include wrapper-color(2);
|
||||||
|
@include wrapper-color(3);
|
||||||
|
@include wrapper-color(4);
|
||||||
|
@include wrapper-color(5);
|
||||||
|
@include wrapper-color(6);
|
||||||
|
@include wrapper-color(7);
|
||||||
|
|
||||||
|
&.divided {
|
||||||
|
> * {
|
||||||
|
box-shadow: inset 0 10px 10px 0 _palette(border-alt);
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
box-shadow: none !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
> .invert {
|
||||||
|
box-shadow: inset 0 1px 0 0 _palette(invert, border-alt);
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
box-shadow: none !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
223
_sass/libs/_breakpoints.scss
Normal file
223
_sass/libs/_breakpoints.scss
Normal file
|
|
@ -0,0 +1,223 @@
|
||||||
|
// breakpoints.scss v1.0 | @ajlkn | MIT licensed */
|
||||||
|
|
||||||
|
// Vars.
|
||||||
|
|
||||||
|
/// Breakpoints.
|
||||||
|
/// @var {list}
|
||||||
|
$breakpoints: () !global;
|
||||||
|
|
||||||
|
// Mixins.
|
||||||
|
|
||||||
|
/// Sets breakpoints.
|
||||||
|
/// @param {map} $x Breakpoints.
|
||||||
|
@mixin breakpoints($x: ()) {
|
||||||
|
$breakpoints: $x !global;
|
||||||
|
}
|
||||||
|
|
||||||
|
/// Wraps @content in a @media block targeting a specific orientation.
|
||||||
|
/// @param {string} $orientation Orientation.
|
||||||
|
@mixin orientation($orientation) {
|
||||||
|
@media screen and (orientation: #{$orientation}) {
|
||||||
|
@content;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/// Wraps @content in a @media block using a given query.
|
||||||
|
/// @param {string} $query Query.
|
||||||
|
@mixin breakpoint($query: null) {
|
||||||
|
|
||||||
|
$breakpoint: null;
|
||||||
|
$op: null;
|
||||||
|
$media: null;
|
||||||
|
|
||||||
|
// Determine operator, breakpoint.
|
||||||
|
|
||||||
|
// Greater than or equal.
|
||||||
|
@if (str-slice($query, 0, 2) == '>=') {
|
||||||
|
|
||||||
|
$op: 'gte';
|
||||||
|
$breakpoint: str-slice($query, 3);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// Less than or equal.
|
||||||
|
@elseif (str-slice($query, 0, 2) == '<=') {
|
||||||
|
|
||||||
|
$op: 'lte';
|
||||||
|
$breakpoint: str-slice($query, 3);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// Greater than.
|
||||||
|
@elseif (str-slice($query, 0, 1) == '>') {
|
||||||
|
|
||||||
|
$op: 'gt';
|
||||||
|
$breakpoint: str-slice($query, 2);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// Less than.
|
||||||
|
@elseif (str-slice($query, 0, 1) == '<') {
|
||||||
|
|
||||||
|
$op: 'lt';
|
||||||
|
$breakpoint: str-slice($query, 2);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// Not.
|
||||||
|
@elseif (str-slice($query, 0, 1) == '!') {
|
||||||
|
|
||||||
|
$op: 'not';
|
||||||
|
$breakpoint: str-slice($query, 2);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// Equal.
|
||||||
|
@else {
|
||||||
|
|
||||||
|
$op: 'eq';
|
||||||
|
$breakpoint: $query;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// Build media.
|
||||||
|
@if ($breakpoint and map-has-key($breakpoints, $breakpoint)) {
|
||||||
|
|
||||||
|
$a: map-get($breakpoints, $breakpoint);
|
||||||
|
|
||||||
|
// Range.
|
||||||
|
@if (type-of($a) == 'list') {
|
||||||
|
|
||||||
|
$x: nth($a, 1);
|
||||||
|
$y: nth($a, 2);
|
||||||
|
|
||||||
|
// Max only.
|
||||||
|
@if ($x == null) {
|
||||||
|
|
||||||
|
// Greater than or equal (>= 0 / anything)
|
||||||
|
@if ($op == 'gte') {
|
||||||
|
$media: 'screen';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Less than or equal (<= y)
|
||||||
|
@elseif ($op == 'lte') {
|
||||||
|
$media: 'screen and (max-width: ' + $y + ')';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Greater than (> y)
|
||||||
|
@elseif ($op == 'gt') {
|
||||||
|
$media: 'screen and (min-width: ' + ($y + 1) + ')';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Less than (< 0 / invalid)
|
||||||
|
@elseif ($op == 'lt') {
|
||||||
|
$media: 'screen and (max-width: -1px)';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Not (> y)
|
||||||
|
@elseif ($op == 'not') {
|
||||||
|
$media: 'screen and (min-width: ' + ($y + 1) + ')';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Equal (<= y)
|
||||||
|
@else {
|
||||||
|
$media: 'screen and (max-width: ' + $y + ')';
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// Min only.
|
||||||
|
@else if ($y == null) {
|
||||||
|
|
||||||
|
// Greater than or equal (>= x)
|
||||||
|
@if ($op == 'gte') {
|
||||||
|
$media: 'screen and (min-width: ' + $x + ')';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Less than or equal (<= inf / anything)
|
||||||
|
@elseif ($op == 'lte') {
|
||||||
|
$media: 'screen';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Greater than (> inf / invalid)
|
||||||
|
@elseif ($op == 'gt') {
|
||||||
|
$media: 'screen and (max-width: -1px)';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Less than (< x)
|
||||||
|
@elseif ($op == 'lt') {
|
||||||
|
$media: 'screen and (max-width: ' + ($x - 1) + ')';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Not (< x)
|
||||||
|
@elseif ($op == 'not') {
|
||||||
|
$media: 'screen and (max-width: ' + ($x - 1) + ')';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Equal (>= x)
|
||||||
|
@else {
|
||||||
|
$media: 'screen and (min-width: ' + $x + ')';
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// Min and max.
|
||||||
|
@else {
|
||||||
|
|
||||||
|
// Greater than or equal (>= x)
|
||||||
|
@if ($op == 'gte') {
|
||||||
|
$media: 'screen and (min-width: ' + $x + ')';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Less than or equal (<= y)
|
||||||
|
@elseif ($op == 'lte') {
|
||||||
|
$media: 'screen and (max-width: ' + $y + ')';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Greater than (> y)
|
||||||
|
@elseif ($op == 'gt') {
|
||||||
|
$media: 'screen and (min-width: ' + ($y + 1) + ')';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Less than (< x)
|
||||||
|
@elseif ($op == 'lt') {
|
||||||
|
$media: 'screen and (max-width: ' + ($x - 1) + ')';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Not (< x and > y)
|
||||||
|
@elseif ($op == 'not') {
|
||||||
|
$media: 'screen and (max-width: ' + ($x - 1) + '), screen and (min-width: ' + ($y + 1) + ')';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Equal (>= x and <= y)
|
||||||
|
@else {
|
||||||
|
$media: 'screen and (min-width: ' + $x + ') and (max-width: ' + $y + ')';
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// String.
|
||||||
|
@else {
|
||||||
|
|
||||||
|
// Missing a media type? Prefix with "screen".
|
||||||
|
@if (str-slice($a, 0, 1) == '(') {
|
||||||
|
$media: 'screen and ' + $a;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Otherwise, use as-is.
|
||||||
|
@else {
|
||||||
|
$media: $a;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// Output.
|
||||||
|
@media #{$media} {
|
||||||
|
@content;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
8
_sass/libs/_fonts.scss
Normal file
8
_sass/libs/_fonts.scss
Normal file
|
|
@ -0,0 +1,8 @@
|
||||||
|
/* latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Astloch';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 700;
|
||||||
|
src: local('Astloch Bold'), local('Astloch-Bold'), url(/assets/fonts/Staatliches/Staatliches-Regular.ttf) format('truetype');
|
||||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||||
|
}
|
||||||
90
_sass/libs/_functions.scss
Normal file
90
_sass/libs/_functions.scss
Normal file
|
|
@ -0,0 +1,90 @@
|
||||||
|
/// Removes a specific item from a list.
|
||||||
|
/// @author Hugo Giraudel
|
||||||
|
/// @param {list} $list List.
|
||||||
|
/// @param {integer} $index Index.
|
||||||
|
/// @return {list} Updated list.
|
||||||
|
@function remove-nth($list, $index) {
|
||||||
|
|
||||||
|
$result: null;
|
||||||
|
|
||||||
|
@if type-of($index) != number {
|
||||||
|
@warn "$index: #{quote($index)} is not a number for `remove-nth`.";
|
||||||
|
}
|
||||||
|
@else if $index == 0 {
|
||||||
|
@warn "List index 0 must be a non-zero integer for `remove-nth`.";
|
||||||
|
}
|
||||||
|
@else if abs($index) > length($list) {
|
||||||
|
@warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";
|
||||||
|
}
|
||||||
|
@else {
|
||||||
|
|
||||||
|
$result: ();
|
||||||
|
$index: if($index < 0, length($list) + $index + 1, $index);
|
||||||
|
|
||||||
|
@for $i from 1 through length($list) {
|
||||||
|
|
||||||
|
@if $i != $index {
|
||||||
|
$result: append($result, nth($list, $i));
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@return $result;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/// Gets a value from a map.
|
||||||
|
/// @author Hugo Giraudel
|
||||||
|
/// @param {map} $map Map.
|
||||||
|
/// @param {string} $keys Key(s).
|
||||||
|
/// @return {string} Value.
|
||||||
|
@function val($map, $keys...) {
|
||||||
|
|
||||||
|
@if nth($keys, 1) == null {
|
||||||
|
$keys: remove-nth($keys, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
@each $key in $keys {
|
||||||
|
$map: map-get($map, $key);
|
||||||
|
}
|
||||||
|
|
||||||
|
@return $map;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/// Gets a duration value.
|
||||||
|
/// @param {string} $keys Key(s).
|
||||||
|
/// @return {string} Value.
|
||||||
|
@function _duration($keys...) {
|
||||||
|
@return val($duration, $keys...);
|
||||||
|
}
|
||||||
|
|
||||||
|
/// Gets a font value.
|
||||||
|
/// @param {string} $keys Key(s).
|
||||||
|
/// @return {string} Value.
|
||||||
|
@function _font($keys...) {
|
||||||
|
@return val($font, $keys...);
|
||||||
|
}
|
||||||
|
|
||||||
|
/// Gets a misc value.
|
||||||
|
/// @param {string} $keys Key(s).
|
||||||
|
/// @return {string} Value.
|
||||||
|
@function _misc($keys...) {
|
||||||
|
@return val($misc, $keys...);
|
||||||
|
}
|
||||||
|
|
||||||
|
/// Gets a palette value.
|
||||||
|
/// @param {string} $keys Key(s).
|
||||||
|
/// @return {string} Value.
|
||||||
|
@function _palette($keys...) {
|
||||||
|
@return val($palette, $keys...);
|
||||||
|
}
|
||||||
|
|
||||||
|
/// Gets a size value.
|
||||||
|
/// @param {string} $keys Key(s).
|
||||||
|
/// @return {string} Value.
|
||||||
|
@function _size($keys...) {
|
||||||
|
@return val($size, $keys...);
|
||||||
|
}
|
||||||
149
_sass/libs/_html-grid.scss
Normal file
149
_sass/libs/_html-grid.scss
Normal file
|
|
@ -0,0 +1,149 @@
|
||||||
|
// html-grid.scss v1.0 | @ajlkn | MIT licensed */
|
||||||
|
|
||||||
|
// Mixins.
|
||||||
|
|
||||||
|
/// Initializes the current element as an HTML grid.
|
||||||
|
/// @param {mixed} $gutters Gutters (either a single number to set both column/row gutters, or a list to set them individually).
|
||||||
|
/// @param {mixed} $suffix Column class suffix (optional; either a single suffix or a list).
|
||||||
|
@mixin html-grid($gutters: 1.5em, $suffix: '') {
|
||||||
|
|
||||||
|
// Initialize.
|
||||||
|
$cols: 12;
|
||||||
|
$multipliers: 0, 0.25, 0.5, 1, 1.50, 2.00;
|
||||||
|
$unit: 100% / $cols;
|
||||||
|
|
||||||
|
// Suffixes.
|
||||||
|
$suffixes: null;
|
||||||
|
|
||||||
|
@if (type-of($suffix) == 'list') {
|
||||||
|
$suffixes: $suffix;
|
||||||
|
}
|
||||||
|
@else {
|
||||||
|
$suffixes: ($suffix);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Gutters.
|
||||||
|
$guttersCols: null;
|
||||||
|
$guttersRows: null;
|
||||||
|
|
||||||
|
@if (type-of($gutters) == 'list') {
|
||||||
|
|
||||||
|
$guttersCols: nth($gutters, 1);
|
||||||
|
$guttersRows: nth($gutters, 2);
|
||||||
|
|
||||||
|
}
|
||||||
|
@else {
|
||||||
|
|
||||||
|
$guttersCols: $gutters;
|
||||||
|
$guttersRows: 0;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// Row.
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
box-sizing: border-box;
|
||||||
|
align-items: stretch;
|
||||||
|
|
||||||
|
// Columns.
|
||||||
|
> * {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Gutters.
|
||||||
|
&.gtr-uniform {
|
||||||
|
> * {
|
||||||
|
> :last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Alignment.
|
||||||
|
&.aln-left {
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.aln-center {
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.aln-right {
|
||||||
|
justify-content: flex-end;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.aln-top {
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.aln-middle {
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.aln-bottom {
|
||||||
|
align-items: flex-end;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Step through suffixes.
|
||||||
|
@each $suffix in $suffixes {
|
||||||
|
|
||||||
|
// Suffix.
|
||||||
|
@if ($suffix != '') {
|
||||||
|
$suffix: '-' + $suffix;
|
||||||
|
}
|
||||||
|
@else {
|
||||||
|
$suffix: '';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Row.
|
||||||
|
|
||||||
|
// Important.
|
||||||
|
> .imp#{$suffix} {
|
||||||
|
order: -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Columns, offsets.
|
||||||
|
@for $i from 1 through $cols {
|
||||||
|
> .col-#{$i}#{$suffix} {
|
||||||
|
width: $unit * $i;
|
||||||
|
}
|
||||||
|
|
||||||
|
> .off-#{$i}#{$suffix} {
|
||||||
|
margin-left: $unit * $i;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Step through multipliers.
|
||||||
|
@each $multiplier in $multipliers {
|
||||||
|
|
||||||
|
// Gutters.
|
||||||
|
$class: null;
|
||||||
|
|
||||||
|
@if ($multiplier != 1) {
|
||||||
|
$class: '.gtr-' + ($multiplier * 100);
|
||||||
|
}
|
||||||
|
|
||||||
|
&#{$class} {
|
||||||
|
margin-top: ($guttersRows * $multiplier * -1);
|
||||||
|
margin-left: ($guttersCols * $multiplier * -1);
|
||||||
|
|
||||||
|
> * {
|
||||||
|
padding: ($guttersRows * $multiplier) 0 0 ($guttersCols * $multiplier);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Uniform.
|
||||||
|
&.gtr-uniform {
|
||||||
|
margin-top: $guttersCols * $multiplier * -1;
|
||||||
|
|
||||||
|
> * {
|
||||||
|
padding-top: $guttersCols * $multiplier;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
78
_sass/libs/_mixins.scss
Normal file
78
_sass/libs/_mixins.scss
Normal file
|
|
@ -0,0 +1,78 @@
|
||||||
|
/// Makes an element's :before pseudoelement a FontAwesome icon.
|
||||||
|
/// @param {string} $content Optional content value to use.
|
||||||
|
/// @param {string} $category Optional category to use.
|
||||||
|
/// @param {string} $where Optional pseudoelement to target (before or after).
|
||||||
|
@mixin icon($content: false, $category: regular, $where: before) {
|
||||||
|
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
|
&:#{$where} {
|
||||||
|
|
||||||
|
@if $content {
|
||||||
|
content: $content;
|
||||||
|
}
|
||||||
|
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
display: inline-block;
|
||||||
|
font-style: normal;
|
||||||
|
font-variant: normal;
|
||||||
|
text-rendering: auto;
|
||||||
|
line-height: 1;
|
||||||
|
text-transform: none !important;
|
||||||
|
|
||||||
|
@if ($category == brands) {
|
||||||
|
font-family: 'Font Awesome 5 Brands';
|
||||||
|
}
|
||||||
|
@elseif ($category == solid) {
|
||||||
|
font-family: 'Font Awesome 5 Free';
|
||||||
|
font-weight: 900;
|
||||||
|
}
|
||||||
|
@else {
|
||||||
|
font-family: 'Font Awesome 5 Free';
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/// Applies padding to an element, taking the current element-margin value into account.
|
||||||
|
/// @param {mixed} $tb Top/bottom padding.
|
||||||
|
/// @param {mixed} $lr Left/right padding.
|
||||||
|
/// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left)
|
||||||
|
/// @param {bool} $important If true, adds !important.
|
||||||
|
@mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) {
|
||||||
|
|
||||||
|
@if $important {
|
||||||
|
$important: '!important';
|
||||||
|
}
|
||||||
|
|
||||||
|
$x: 0.1em;
|
||||||
|
|
||||||
|
@if unit(_size(element-margin)) == 'rem' {
|
||||||
|
$x: 0.1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max($x, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important};
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/// Encodes a SVG data URL so IE doesn't choke (via codepen.io/jakob-e/pen/YXXBrp).
|
||||||
|
/// @param {string} $svg SVG data URL.
|
||||||
|
/// @return {string} Encoded SVG data URL.
|
||||||
|
@function svg-url($svg) {
|
||||||
|
|
||||||
|
$svg: str-replace($svg, '"', '\'');
|
||||||
|
$svg: str-replace($svg, '%', '%25');
|
||||||
|
$svg: str-replace($svg, '<', '%3C');
|
||||||
|
$svg: str-replace($svg, '>', '%3E');
|
||||||
|
$svg: str-replace($svg, '&', '%26');
|
||||||
|
$svg: str-replace($svg, '#', '%23');
|
||||||
|
$svg: str-replace($svg, '{', '%7B');
|
||||||
|
$svg: str-replace($svg, '}', '%7D');
|
||||||
|
$svg: str-replace($svg, ';', '%3B');
|
||||||
|
|
||||||
|
@return url("data:image/svg+xml;charset=utf8,#{$svg}");
|
||||||
|
|
||||||
|
}
|
||||||
85
_sass/libs/_vars.scss
Normal file
85
_sass/libs/_vars.scss
Normal file
|
|
@ -0,0 +1,85 @@
|
||||||
|
// Misc.
|
||||||
|
$misc: (
|
||||||
|
z-index-base: 10000,
|
||||||
|
overlay-opacity: 0.75,
|
||||||
|
lightbox-opacity: 0.75,
|
||||||
|
gallery-limit: 32,
|
||||||
|
items-limit: 16
|
||||||
|
);
|
||||||
|
|
||||||
|
// Duration.
|
||||||
|
$duration: (
|
||||||
|
menu: 0.5s,
|
||||||
|
transition: 0.2s,
|
||||||
|
gallery-lightbox: 0.5s,
|
||||||
|
gallery-delay: 0.15s,
|
||||||
|
items-delay: 0.15s,
|
||||||
|
on-load: 0.75s,
|
||||||
|
on-scroll: 0.75s
|
||||||
|
);
|
||||||
|
|
||||||
|
// Size.
|
||||||
|
$size: (
|
||||||
|
border-radius: 4px,
|
||||||
|
border-radius-alt: 0.5rem,
|
||||||
|
border-width: 1px,
|
||||||
|
element-height: 2.75rem,
|
||||||
|
element-margin: 2rem,
|
||||||
|
gutter: 3.5rem,
|
||||||
|
inner: 64rem,
|
||||||
|
padding: (
|
||||||
|
default: 7rem,
|
||||||
|
xlarge: 5rem,
|
||||||
|
large: 4rem,
|
||||||
|
medium: 3rem,
|
||||||
|
small: 2rem
|
||||||
|
)
|
||||||
|
);
|
||||||
|
|
||||||
|
// Font.
|
||||||
|
$font: (
|
||||||
|
family: ('Astloch', Helvetica, sans-serif),
|
||||||
|
family-fixed: ('Courier New', monospace),
|
||||||
|
weight: 400,
|
||||||
|
weight-bold: 700,
|
||||||
|
kerning: -0.025em,
|
||||||
|
kerning-alt: 0.125em
|
||||||
|
);
|
||||||
|
|
||||||
|
// Palette.
|
||||||
|
$palette: (
|
||||||
|
color1: #30363d,
|
||||||
|
color2: #db8992,
|
||||||
|
color3: #ab7aad,
|
||||||
|
color4: #897cad,
|
||||||
|
color5: #7794ce,
|
||||||
|
color6: #64abb4,
|
||||||
|
color7: #6ba78c,
|
||||||
|
|
||||||
|
|
||||||
|
bg: rgb(244, 244, 248),
|
||||||
|
bg-alt: rgb(230, 230, 234),
|
||||||
|
bg-transparent: rgba(254, 215, 102, 0.5),
|
||||||
|
fg: rgb(42, 183, 202),
|
||||||
|
fg-bold: rgb(42, 183, 202),
|
||||||
|
fg-light: rgba(254, 215, 102, 0.75),
|
||||||
|
border: rgba(254, 74, 73, 0.2),
|
||||||
|
border-alt: rgba(254, 74, 73, 0.075),
|
||||||
|
border-bg: rgba(254, 74, 73, 0.05),
|
||||||
|
border-darken: rgba(254, 215, 102, 0.85),
|
||||||
|
border-dark: rgba(254, 74, 73, 0.85),
|
||||||
|
accent: rgba(244, 91, 105, 1),
|
||||||
|
accent-dark: rgb(254, 215, 102),
|
||||||
|
|
||||||
|
invert: (
|
||||||
|
bg: rgb(244, 244, 248),
|
||||||
|
bg-alt: #222222,
|
||||||
|
fg: #ffffff,
|
||||||
|
fg-bold: #ffffff,
|
||||||
|
fg-light: #ffffff,
|
||||||
|
border: rgb(42, 183, 202),
|
||||||
|
border-alt: rgba(42, 183, 202, 0.25),
|
||||||
|
border-bg: rgba(254, 215, 102, 0.125),
|
||||||
|
accent: #47D3E5,
|
||||||
|
),
|
||||||
|
);
|
||||||
376
_sass/libs/_vendor.scss
Normal file
376
_sass/libs/_vendor.scss
Normal file
|
|
@ -0,0 +1,376 @@
|
||||||
|
// vendor.scss v1.0 | @ajlkn | MIT licensed */
|
||||||
|
|
||||||
|
// Vars.
|
||||||
|
|
||||||
|
/// Vendor prefixes.
|
||||||
|
/// @var {list}
|
||||||
|
$vendor-prefixes: (
|
||||||
|
'-moz-',
|
||||||
|
'-webkit-',
|
||||||
|
'-ms-',
|
||||||
|
''
|
||||||
|
);
|
||||||
|
|
||||||
|
/// Properties that should be vendorized.
|
||||||
|
/// Data via caniuse.com, github.com/postcss/autoprefixer, and developer.mozilla.org
|
||||||
|
/// @var {list}
|
||||||
|
$vendor-properties: (
|
||||||
|
|
||||||
|
// Animation.
|
||||||
|
'animation',
|
||||||
|
'animation-delay',
|
||||||
|
'animation-direction',
|
||||||
|
'animation-duration',
|
||||||
|
'animation-fill-mode',
|
||||||
|
'animation-iteration-count',
|
||||||
|
'animation-name',
|
||||||
|
'animation-play-state',
|
||||||
|
'animation-timing-function',
|
||||||
|
|
||||||
|
// Appearance.
|
||||||
|
'appearance',
|
||||||
|
|
||||||
|
// Backdrop filter.
|
||||||
|
'backdrop-filter',
|
||||||
|
|
||||||
|
// Background image options.
|
||||||
|
'background-clip',
|
||||||
|
'background-origin',
|
||||||
|
'background-size',
|
||||||
|
|
||||||
|
// Box sizing.
|
||||||
|
'box-sizing',
|
||||||
|
|
||||||
|
// Clip path.
|
||||||
|
'clip-path',
|
||||||
|
|
||||||
|
// Filter effects.
|
||||||
|
'filter',
|
||||||
|
|
||||||
|
// Flexbox.
|
||||||
|
'align-content',
|
||||||
|
'align-items',
|
||||||
|
'align-self',
|
||||||
|
'flex',
|
||||||
|
'flex-basis',
|
||||||
|
'flex-direction',
|
||||||
|
'flex-flow',
|
||||||
|
'flex-grow',
|
||||||
|
'flex-shrink',
|
||||||
|
'flex-wrap',
|
||||||
|
'justify-content',
|
||||||
|
'order',
|
||||||
|
|
||||||
|
// Font feature.
|
||||||
|
'font-feature-settings',
|
||||||
|
'font-language-override',
|
||||||
|
'font-variant-ligatures',
|
||||||
|
|
||||||
|
// Font kerning.
|
||||||
|
'font-kerning',
|
||||||
|
|
||||||
|
// Fragmented borders and backgrounds.
|
||||||
|
'box-decoration-break',
|
||||||
|
|
||||||
|
// Grid layout.
|
||||||
|
'grid-column',
|
||||||
|
'grid-column-align',
|
||||||
|
'grid-column-end',
|
||||||
|
'grid-column-start',
|
||||||
|
'grid-row',
|
||||||
|
'grid-row-align',
|
||||||
|
'grid-row-end',
|
||||||
|
'grid-row-start',
|
||||||
|
'grid-template-columns',
|
||||||
|
'grid-template-rows',
|
||||||
|
|
||||||
|
// Hyphens.
|
||||||
|
'hyphens',
|
||||||
|
'word-break',
|
||||||
|
|
||||||
|
// Masks.
|
||||||
|
'mask',
|
||||||
|
'mask-border',
|
||||||
|
'mask-border-outset',
|
||||||
|
'mask-border-repeat',
|
||||||
|
'mask-border-slice',
|
||||||
|
'mask-border-source',
|
||||||
|
'mask-border-width',
|
||||||
|
'mask-clip',
|
||||||
|
'mask-composite',
|
||||||
|
'mask-image',
|
||||||
|
'mask-origin',
|
||||||
|
'mask-position',
|
||||||
|
'mask-repeat',
|
||||||
|
'mask-size',
|
||||||
|
|
||||||
|
// Multicolumn.
|
||||||
|
'break-after',
|
||||||
|
'break-before',
|
||||||
|
'break-inside',
|
||||||
|
'column-count',
|
||||||
|
'column-fill',
|
||||||
|
'column-gap',
|
||||||
|
'column-rule',
|
||||||
|
'column-rule-color',
|
||||||
|
'column-rule-style',
|
||||||
|
'column-rule-width',
|
||||||
|
'column-span',
|
||||||
|
'column-width',
|
||||||
|
'columns',
|
||||||
|
|
||||||
|
// Object fit.
|
||||||
|
'object-fit',
|
||||||
|
'object-position',
|
||||||
|
|
||||||
|
// Regions.
|
||||||
|
'flow-from',
|
||||||
|
'flow-into',
|
||||||
|
'region-fragment',
|
||||||
|
|
||||||
|
// Scroll snap points.
|
||||||
|
'scroll-snap-coordinate',
|
||||||
|
'scroll-snap-destination',
|
||||||
|
'scroll-snap-points-x',
|
||||||
|
'scroll-snap-points-y',
|
||||||
|
'scroll-snap-type',
|
||||||
|
|
||||||
|
// Shapes.
|
||||||
|
'shape-image-threshold',
|
||||||
|
'shape-margin',
|
||||||
|
'shape-outside',
|
||||||
|
|
||||||
|
// Tab size.
|
||||||
|
'tab-size',
|
||||||
|
|
||||||
|
// Text align last.
|
||||||
|
'text-align-last',
|
||||||
|
|
||||||
|
// Text decoration.
|
||||||
|
'text-decoration-color',
|
||||||
|
'text-decoration-line',
|
||||||
|
'text-decoration-skip',
|
||||||
|
'text-decoration-style',
|
||||||
|
|
||||||
|
// Text emphasis.
|
||||||
|
'text-emphasis',
|
||||||
|
'text-emphasis-color',
|
||||||
|
'text-emphasis-position',
|
||||||
|
'text-emphasis-style',
|
||||||
|
|
||||||
|
// Text size adjust.
|
||||||
|
'text-size-adjust',
|
||||||
|
|
||||||
|
// Text spacing.
|
||||||
|
'text-spacing',
|
||||||
|
|
||||||
|
// Transform.
|
||||||
|
'transform',
|
||||||
|
'transform-origin',
|
||||||
|
|
||||||
|
// Transform 3D.
|
||||||
|
'backface-visibility',
|
||||||
|
'perspective',
|
||||||
|
'perspective-origin',
|
||||||
|
'transform-style',
|
||||||
|
|
||||||
|
// Transition.
|
||||||
|
'transition',
|
||||||
|
'transition-delay',
|
||||||
|
'transition-duration',
|
||||||
|
'transition-property',
|
||||||
|
'transition-timing-function',
|
||||||
|
|
||||||
|
// Unicode bidi.
|
||||||
|
'unicode-bidi',
|
||||||
|
|
||||||
|
// User select.
|
||||||
|
'user-select',
|
||||||
|
|
||||||
|
// Writing mode.
|
||||||
|
'writing-mode',
|
||||||
|
|
||||||
|
);
|
||||||
|
|
||||||
|
/// Values that should be vendorized.
|
||||||
|
/// Data via caniuse.com, github.com/postcss/autoprefixer, and developer.mozilla.org
|
||||||
|
/// @var {list}
|
||||||
|
$vendor-values: (
|
||||||
|
|
||||||
|
// Cross fade.
|
||||||
|
'cross-fade',
|
||||||
|
|
||||||
|
// Element function.
|
||||||
|
'element',
|
||||||
|
|
||||||
|
// Filter function.
|
||||||
|
'filter',
|
||||||
|
|
||||||
|
// Flexbox.
|
||||||
|
'flex',
|
||||||
|
'inline-flex',
|
||||||
|
|
||||||
|
// Grab cursors.
|
||||||
|
'grab',
|
||||||
|
'grabbing',
|
||||||
|
|
||||||
|
// Gradients.
|
||||||
|
'linear-gradient',
|
||||||
|
'repeating-linear-gradient',
|
||||||
|
'radial-gradient',
|
||||||
|
'repeating-radial-gradient',
|
||||||
|
|
||||||
|
// Grid layout.
|
||||||
|
'grid',
|
||||||
|
'inline-grid',
|
||||||
|
|
||||||
|
// Image set.
|
||||||
|
'image-set',
|
||||||
|
|
||||||
|
// Intrinsic width.
|
||||||
|
'max-content',
|
||||||
|
'min-content',
|
||||||
|
'fit-content',
|
||||||
|
'fill',
|
||||||
|
'fill-available',
|
||||||
|
'stretch',
|
||||||
|
|
||||||
|
// Sticky position.
|
||||||
|
'sticky',
|
||||||
|
|
||||||
|
// Transform.
|
||||||
|
'transform',
|
||||||
|
|
||||||
|
// Zoom cursors.
|
||||||
|
'zoom-in',
|
||||||
|
'zoom-out',
|
||||||
|
|
||||||
|
);
|
||||||
|
|
||||||
|
// Functions.
|
||||||
|
|
||||||
|
/// Removes a specific item from a list.
|
||||||
|
/// @author Hugo Giraudel
|
||||||
|
/// @param {list} $list List.
|
||||||
|
/// @param {integer} $index Index.
|
||||||
|
/// @return {list} Updated list.
|
||||||
|
@function remove-nth($list, $index) {
|
||||||
|
|
||||||
|
$result: null;
|
||||||
|
|
||||||
|
@if type-of($index) != number {
|
||||||
|
@warn "$index: #{quote($index)} is not a number for `remove-nth`.";
|
||||||
|
}
|
||||||
|
@else if $index == 0 {
|
||||||
|
@warn "List index 0 must be a non-zero integer for `remove-nth`.";
|
||||||
|
}
|
||||||
|
@else if abs($index) > length($list) {
|
||||||
|
@warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";
|
||||||
|
}
|
||||||
|
@else {
|
||||||
|
|
||||||
|
$result: ();
|
||||||
|
$index: if($index < 0, length($list) + $index + 1, $index);
|
||||||
|
|
||||||
|
@for $i from 1 through length($list) {
|
||||||
|
|
||||||
|
@if $i != $index {
|
||||||
|
$result: append($result, nth($list, $i));
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@return $result;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/// Replaces a substring within another string.
|
||||||
|
/// @author Hugo Giraudel
|
||||||
|
/// @param {string} $string String.
|
||||||
|
/// @param {string} $search Substring.
|
||||||
|
/// @param {string} $replace Replacement.
|
||||||
|
/// @return {string} Updated string.
|
||||||
|
@function str-replace($string, $search, $replace: '') {
|
||||||
|
|
||||||
|
$index: str-index($string, $search);
|
||||||
|
|
||||||
|
@if $index {
|
||||||
|
@return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
|
||||||
|
}
|
||||||
|
|
||||||
|
@return $string;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/// Replaces a substring within each string in a list.
|
||||||
|
/// @param {list} $strings List of strings.
|
||||||
|
/// @param {string} $search Substring.
|
||||||
|
/// @param {string} $replace Replacement.
|
||||||
|
/// @return {list} Updated list of strings.
|
||||||
|
@function str-replace-all($strings, $search, $replace: '') {
|
||||||
|
|
||||||
|
@each $string in $strings {
|
||||||
|
$strings: set-nth($strings, index($strings, $string), str-replace($string, $search, $replace));
|
||||||
|
}
|
||||||
|
|
||||||
|
@return $strings;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// Mixins.
|
||||||
|
|
||||||
|
/// Wraps @content in vendorized keyframe blocks.
|
||||||
|
/// @param {string} $name Name.
|
||||||
|
@mixin keyframes($name) {
|
||||||
|
|
||||||
|
@-moz-keyframes #{$name} { @content; }
|
||||||
|
@-webkit-keyframes #{$name} { @content; }
|
||||||
|
@-ms-keyframes #{$name} { @content; }
|
||||||
|
@keyframes #{$name} { @content; }
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/// Vendorizes a declaration's property and/or value(s).
|
||||||
|
/// @param {string} $property Property.
|
||||||
|
/// @param {mixed} $value String/list of value(s).
|
||||||
|
@mixin vendor($property, $value) {
|
||||||
|
|
||||||
|
// Determine if property should expand.
|
||||||
|
$expandProperty: index($vendor-properties, $property);
|
||||||
|
|
||||||
|
// Determine if value should expand (and if so, add '-prefix-' placeholder).
|
||||||
|
$expandValue: false;
|
||||||
|
|
||||||
|
@each $x in $value {
|
||||||
|
@each $y in $vendor-values {
|
||||||
|
@if $y == str-slice($x, 1, str-length($y)) {
|
||||||
|
|
||||||
|
$value: set-nth($value, index($value, $x), '-prefix-' + $x);
|
||||||
|
$expandValue: true;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Expand property?
|
||||||
|
@if $expandProperty {
|
||||||
|
@each $vendor in $vendor-prefixes {
|
||||||
|
#{$vendor}#{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Expand just the value?
|
||||||
|
@elseif $expandValue {
|
||||||
|
@each $vendor in $vendor-prefixes {
|
||||||
|
#{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Neither? Treat them as a normal declaration.
|
||||||
|
@else {
|
||||||
|
#{$property}: #{$value};
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
142
_sass/main.scss
142
_sass/main.scss
|
|
@ -1,142 +0,0 @@
|
||||||
html {
|
|
||||||
font-family: "Ubuntu", "Helvetica", Sans-serif;
|
|
||||||
|
|
||||||
}
|
|
||||||
@-webkit-keyframes AnimationName {
|
|
||||||
0%{background-position:0% 91%}
|
|
||||||
50%{background-position:100% 10%}
|
|
||||||
100%{background-position:0% 91%}
|
|
||||||
}
|
|
||||||
@-moz-keyframes AnimationName {
|
|
||||||
0%{background-position:0% 91%}
|
|
||||||
50%{background-position:100% 10%}
|
|
||||||
100%{background-position:0% 91%}
|
|
||||||
}
|
|
||||||
@keyframes AnimationName {
|
|
||||||
0%{background-position:0% 91%}
|
|
||||||
50%{background-position:100% 10%}
|
|
||||||
100%{background-position:0% 91%}
|
|
||||||
}
|
|
||||||
body{
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
background-color: $color1;
|
|
||||||
color: $color4;
|
|
||||||
background: linear-gradient(230deg, $color1, $color3);
|
|
||||||
background-position: center;
|
|
||||||
background-repeat: repeat;
|
|
||||||
-webkit-animation: AnimationName 60s ease infinite;
|
|
||||||
-moz-animation: AnimationName 60s ease infinite;
|
|
||||||
animation: AnimationName 60s ease infinite;
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
color: $color4;
|
|
||||||
transition: all 0.5s ease-in-out;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
a:hover {
|
|
||||||
transition: color 0.5s ease-in-out;
|
|
||||||
color: $color5;
|
|
||||||
}
|
|
||||||
#hero {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
flex-direction: row;
|
|
||||||
background-color: transparent;
|
|
||||||
position: relative;
|
|
||||||
min-height: 50vh;
|
|
||||||
width: 100%;
|
|
||||||
// background: linear-gradient(230deg, rgba(218, 159, 142, 0.8), rgba(236, 0, 228, 0.8), rgba(0, 212, 236, 0.8), rgba(0, 236, 173, 0.8), rgba(110, 0, 236, 0.8));
|
|
||||||
// background-size: 1000% 1000%;
|
|
||||||
background-image: url('/assets/img/world2.svg');
|
|
||||||
-webkit-animation: AnimationName 30s ease infinite;
|
|
||||||
-moz-animation: AnimationName 30s ease infinite;
|
|
||||||
animation: AnimationName 30s ease infinite;
|
|
||||||
|
|
||||||
div {
|
|
||||||
background-repeat: repeat;
|
|
||||||
flex: wrap;
|
|
||||||
margin: auto;
|
|
||||||
letter-spacing: -.05em;
|
|
||||||
line-height: .95em;
|
|
||||||
padding: 20px;
|
|
||||||
flex: 0 0 250px;;
|
|
||||||
}
|
|
||||||
.pivot {
|
|
||||||
border-radius: 3px;
|
|
||||||
background: linear-gradient(230deg, $color1, $color3);
|
|
||||||
box-shadow: 5px 10px 100px $color4;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
|
|
||||||
font-size: 2.5em;
|
|
||||||
line-height: .3em;
|
|
||||||
|
|
||||||
}
|
|
||||||
h2 {
|
|
||||||
|
|
||||||
font-size: 1em;
|
|
||||||
line-height: .8em;
|
|
||||||
}
|
|
||||||
video {
|
|
||||||
opacity: .75;
|
|
||||||
}
|
|
||||||
.fullscreen-bg {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
z-index: -100;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fullscreen-bg__video {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100vw;
|
|
||||||
height: 100%;
|
|
||||||
background: linear-gradient(230deg, $color1, $color3);
|
|
||||||
margin:0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-aspect-ratio: 16/9) {
|
|
||||||
.fullscreen-bg__video {
|
|
||||||
height: 300%;
|
|
||||||
top: -100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-aspect-ratio: 16/9) {
|
|
||||||
.fullscreen-bg__video {
|
|
||||||
width: 300%;
|
|
||||||
left: -100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 767px) {
|
|
||||||
.fullscreen-bg {
|
|
||||||
background: url('/assets/img/sakrecoer-logo2.svg') center center / cover no-repeat;
|
|
||||||
|
|
||||||
}
|
|
||||||
.pivot {
|
|
||||||
flex: 0 0 250px;
|
|
||||||
}
|
|
||||||
h1 {
|
|
||||||
|
|
||||||
font-size: 2.25em;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// .fullscreen-bg__video {
|
|
||||||
// display: none;
|
|
||||||
// }
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
.fullopacity {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
@ -1,63 +0,0 @@
|
||||||
/* MUSIC ALBUM INDEX */
|
|
||||||
|
|
||||||
.musiflex {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
justify-content: center;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
background-repeat: repeat;
|
|
||||||
}
|
|
||||||
.trackcontainer {
|
|
||||||
flex: 1 1 360px;
|
|
||||||
width: 250px;
|
|
||||||
|
|
||||||
padding: 10px;
|
|
||||||
margin: 0;
|
|
||||||
// background: linear-gradient(230deg, rgba(218, 159, 142, 0.1), rgba(236, 0, 228, 0.1), rgba(0, 212, 236, 0.1), rgba(0, 236, 173, 0.1), rgba(110, 0, 236, 0.1));
|
|
||||||
background-size: 1000% 1000%;
|
|
||||||
|
|
||||||
-webkit-animation: AnimationName 30s ease infinite;
|
|
||||||
-moz-animation: AnimationName 30s ease infinite;
|
|
||||||
animation: AnimationName 30s ease infinite;
|
|
||||||
|
|
||||||
h1, h2, h3, p {
|
|
||||||
padding: 5px;
|
|
||||||
background: linear-gradient(230deg, $color1, $color3);
|
|
||||||
background-size: 1000% 1000%;
|
|
||||||
-webkit-animation: AnimationName 30s ease infinite;
|
|
||||||
-moz-animation: AnimationName 30s ease infinite;
|
|
||||||
animation: AnimationName 30s ease infinite;
|
|
||||||
padding: 10px;
|
|
||||||
border-radius: 3px;
|
|
||||||
|
|
||||||
box-shadow: 5px 10px 100px $color4;
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.track {
|
|
||||||
width: 100%;
|
|
||||||
background-size: cover;
|
|
||||||
background-position: 50% 50%;
|
|
||||||
min-height: 250px;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
border-radius: 3px;
|
|
||||||
box-shadow: 5px 10px 100px $color4;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#privacy {
|
|
||||||
position: fixed;
|
|
||||||
bottom:0;
|
|
||||||
left:0;
|
|
||||||
z-index:77777;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
img {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
position: fixed;
|
|
||||||
bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,100 +0,0 @@
|
||||||
/* Music Template */
|
|
||||||
|
|
||||||
#player {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
width: 100%;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
height: 100vh;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#controls {
|
|
||||||
a {
|
|
||||||
background-color: transparent;
|
|
||||||
text-decoration: none;
|
|
||||||
border: 0;
|
|
||||||
|
|
||||||
}
|
|
||||||
display: flex;
|
|
||||||
flex: 0 0 200px;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
position: fixed;
|
|
||||||
top: 0px;
|
|
||||||
left: 0px;
|
|
||||||
padding: 15px;
|
|
||||||
margin: 0 auto;
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.container {
|
|
||||||
|
|
||||||
box-shadow: 5px 10px 100px $color4;
|
|
||||||
|
|
||||||
background: linear-gradient(230deg, $color1, $color3);
|
|
||||||
|
|
||||||
background-size: 1000% 1000%;
|
|
||||||
|
|
||||||
-webkit-animation: AnimationName 30s ease infinite;
|
|
||||||
-moz-animation: AnimationName 30s ease infinite;
|
|
||||||
animation: AnimationName 30s ease infinite;
|
|
||||||
margin: 0 auto 0 0;
|
|
||||||
|
|
||||||
text-align: center;
|
|
||||||
border-radius: 20px;
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
button {
|
|
||||||
background: linear-gradient(230deg, $color1, $color3);
|
|
||||||
background-size: 1000% 1000%;
|
|
||||||
color: $color5;
|
|
||||||
-webkit-animation: AnimationName 30s ease infinite;
|
|
||||||
-moz-animation: AnimationName 30s ease infinite;
|
|
||||||
animation: AnimationName 30s ease infinite;
|
|
||||||
width: 100px;
|
|
||||||
height: 100px;
|
|
||||||
border-radius: 100px;
|
|
||||||
border-color: $color5;
|
|
||||||
|
|
||||||
transition: background-color 0.5s ease-in-out;
|
|
||||||
}
|
|
||||||
button:hover {
|
|
||||||
background-color: $color2;
|
|
||||||
}
|
|
||||||
#info {
|
|
||||||
flex: 1 1 500px;
|
|
||||||
min-height: 80vh;
|
|
||||||
padding: 15px;
|
|
||||||
|
|
||||||
background-size: cover;
|
|
||||||
background-position: center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
#timer {
|
|
||||||
flex: 1 1 200px;
|
|
||||||
background-size: 1000% 1000%;
|
|
||||||
|
|
||||||
-webkit-animation: AnimationName 30s ease infinite;
|
|
||||||
-moz-animation: AnimationName 30s ease infinite;
|
|
||||||
animation: AnimationName 30s ease infinite;
|
|
||||||
padding: 15px;
|
|
||||||
|
|
||||||
p {
|
|
||||||
background-color: $color1;
|
|
||||||
padding: 10px;
|
|
||||||
border-radius: 3px;
|
|
||||||
|
|
||||||
box-shadow: 5px 10px 100px $color4;
|
|
||||||
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
box-shadow: 5px 10px 100px $color4;
|
|
||||||
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#tracktime {
|
|
||||||
margin-bottom: auto;
|
|
||||||
}
|
|
||||||
|
|
@ -1,33 +0,0 @@
|
||||||
#navigation {
|
|
||||||
z-index: 10000;
|
|
||||||
position: fixed;
|
|
||||||
bottom: 10px;
|
|
||||||
right: 10px;
|
|
||||||
opacity: 0;
|
|
||||||
a {
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.aboutflex {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
flex-direction: row;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
background: linear-gradient(230deg, $color1, $color2, $color3, $color4, $color5);
|
|
||||||
background-position: center;
|
|
||||||
background-repeat: repeat;
|
|
||||||
-webkit-animation: AnimationName 60s ease infinite;
|
|
||||||
-moz-animation: AnimationName 60s ease infinite;
|
|
||||||
animation: AnimationName 60s ease infinite;
|
|
||||||
background-repeat: repeat;
|
|
||||||
|
|
||||||
}
|
|
||||||
.logo {
|
|
||||||
flex: 1 0 300px;
|
|
||||||
background-size: 100%;
|
|
||||||
background-repeat: repeat;
|
|
||||||
max-width: 300px;
|
|
||||||
max-height: 300px;
|
|
||||||
|
|
||||||
}
|
|
||||||
349
_sass/normalize.scss
vendored
349
_sass/normalize.scss
vendored
|
|
@ -1,349 +0,0 @@
|
||||||
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
|
||||||
|
|
||||||
/* Document
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Correct the line height in all browsers.
|
|
||||||
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
|
||||||
*/
|
|
||||||
|
|
||||||
html {
|
|
||||||
line-height: 1.15; /* 1 */
|
|
||||||
-webkit-text-size-adjust: 100%; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Sections
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove the margin in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
body {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Render the `main` element consistently in IE.
|
|
||||||
*/
|
|
||||||
|
|
||||||
main {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Correct the font size and margin on `h1` elements within `section` and
|
|
||||||
* `article` contexts in Chrome, Firefox, and Safari.
|
|
||||||
*/
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 2em;
|
|
||||||
margin: 0.67em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Grouping content
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Add the correct box sizing in Firefox.
|
|
||||||
* 2. Show the overflow in Edge and IE.
|
|
||||||
*/
|
|
||||||
|
|
||||||
hr {
|
|
||||||
box-sizing: content-box; /* 1 */
|
|
||||||
height: 0; /* 1 */
|
|
||||||
overflow: visible; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
|
||||||
* 2. Correct the odd `em` font sizing in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
pre {
|
|
||||||
font-family: monospace, monospace; /* 1 */
|
|
||||||
font-size: 1em; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Text-level semantics
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove the gray background on active links in IE 10.
|
|
||||||
*/
|
|
||||||
|
|
||||||
a {
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Remove the bottom border in Chrome 57-
|
|
||||||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
|
||||||
*/
|
|
||||||
|
|
||||||
abbr[title] {
|
|
||||||
border-bottom: none; /* 1 */
|
|
||||||
text-decoration: underline; /* 2 */
|
|
||||||
text-decoration: underline dotted; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Add the correct font weight in Chrome, Edge, and Safari.
|
|
||||||
*/
|
|
||||||
|
|
||||||
b,
|
|
||||||
strong {
|
|
||||||
font-weight: bolder;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
|
||||||
* 2. Correct the odd `em` font sizing in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
code,
|
|
||||||
kbd,
|
|
||||||
samp {
|
|
||||||
font-family: monospace, monospace; /* 1 */
|
|
||||||
font-size: 1em; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Add the correct font size in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
small {
|
|
||||||
font-size: 80%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Prevent `sub` and `sup` elements from affecting the line height in
|
|
||||||
* all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
sub,
|
|
||||||
sup {
|
|
||||||
font-size: 75%;
|
|
||||||
line-height: 0;
|
|
||||||
position: relative;
|
|
||||||
vertical-align: baseline;
|
|
||||||
}
|
|
||||||
|
|
||||||
sub {
|
|
||||||
bottom: -0.25em;
|
|
||||||
}
|
|
||||||
|
|
||||||
sup {
|
|
||||||
top: -0.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Embedded content
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove the border on images inside links in IE 10.
|
|
||||||
*/
|
|
||||||
|
|
||||||
img {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Forms
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Change the font styles in all browsers.
|
|
||||||
* 2. Remove the margin in Firefox and Safari.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button,
|
|
||||||
input,
|
|
||||||
optgroup,
|
|
||||||
select,
|
|
||||||
textarea {
|
|
||||||
font-family: inherit; /* 1 */
|
|
||||||
font-size: 100%; /* 1 */
|
|
||||||
line-height: 1.15; /* 1 */
|
|
||||||
margin: 0; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Show the overflow in IE.
|
|
||||||
* 1. Show the overflow in Edge.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button,
|
|
||||||
input { /* 1 */
|
|
||||||
overflow: visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
|
||||||
* 1. Remove the inheritance of text transform in Firefox.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button,
|
|
||||||
select { /* 1 */
|
|
||||||
text-transform: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Correct the inability to style clickable types in iOS and Safari.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button,
|
|
||||||
[type="button"],
|
|
||||||
[type="reset"],
|
|
||||||
[type="submit"] {
|
|
||||||
-webkit-appearance: button;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove the inner border and padding in Firefox.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button::-moz-focus-inner,
|
|
||||||
[type="button"]::-moz-focus-inner,
|
|
||||||
[type="reset"]::-moz-focus-inner,
|
|
||||||
[type="submit"]::-moz-focus-inner {
|
|
||||||
border-style: none;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Restore the focus styles unset by the previous rule.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button:-moz-focusring,
|
|
||||||
[type="button"]:-moz-focusring,
|
|
||||||
[type="reset"]:-moz-focusring,
|
|
||||||
[type="submit"]:-moz-focusring {
|
|
||||||
outline: 1px dotted ButtonText;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Correct the padding in Firefox.
|
|
||||||
*/
|
|
||||||
|
|
||||||
fieldset {
|
|
||||||
padding: 0.35em 0.75em 0.625em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Correct the text wrapping in Edge and IE.
|
|
||||||
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
|
||||||
* 3. Remove the padding so developers are not caught out when they zero out
|
|
||||||
* `fieldset` elements in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
legend {
|
|
||||||
box-sizing: border-box; /* 1 */
|
|
||||||
color: inherit; /* 2 */
|
|
||||||
display: table; /* 1 */
|
|
||||||
max-width: 100%; /* 1 */
|
|
||||||
padding: 0; /* 3 */
|
|
||||||
white-space: normal; /* 1 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
|
||||||
*/
|
|
||||||
|
|
||||||
progress {
|
|
||||||
vertical-align: baseline;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove the default vertical scrollbar in IE 10+.
|
|
||||||
*/
|
|
||||||
|
|
||||||
textarea {
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Add the correct box sizing in IE 10.
|
|
||||||
* 2. Remove the padding in IE 10.
|
|
||||||
*/
|
|
||||||
|
|
||||||
[type="checkbox"],
|
|
||||||
[type="radio"] {
|
|
||||||
box-sizing: border-box; /* 1 */
|
|
||||||
padding: 0; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Correct the cursor style of increment and decrement buttons in Chrome.
|
|
||||||
*/
|
|
||||||
|
|
||||||
[type="number"]::-webkit-inner-spin-button,
|
|
||||||
[type="number"]::-webkit-outer-spin-button {
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Correct the odd appearance in Chrome and Safari.
|
|
||||||
* 2. Correct the outline style in Safari.
|
|
||||||
*/
|
|
||||||
|
|
||||||
[type="search"] {
|
|
||||||
-webkit-appearance: textfield; /* 1 */
|
|
||||||
outline-offset: -2px; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove the inner padding in Chrome and Safari on macOS.
|
|
||||||
*/
|
|
||||||
|
|
||||||
[type="search"]::-webkit-search-decoration {
|
|
||||||
-webkit-appearance: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Correct the inability to style clickable types in iOS and Safari.
|
|
||||||
* 2. Change font properties to `inherit` in Safari.
|
|
||||||
*/
|
|
||||||
|
|
||||||
::-webkit-file-upload-button {
|
|
||||||
-webkit-appearance: button; /* 1 */
|
|
||||||
font: inherit; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Interactive
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Add the correct display in Edge, IE 10+, and Firefox.
|
|
||||||
*/
|
|
||||||
|
|
||||||
details {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Add the correct display in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
summary {
|
|
||||||
display: list-item;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Misc
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Add the correct display in IE 10+.
|
|
||||||
*/
|
|
||||||
|
|
||||||
template {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Add the correct display in IE 10.
|
|
||||||
*/
|
|
||||||
|
|
||||||
[hidden] {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
@ -1,26 +0,0 @@
|
||||||
/* Coolors Exported Palette - coolors.co/deefb7-98dfaf-5fb49c-414288-682d63 */
|
|
||||||
|
|
||||||
/* RGB */
|
|
||||||
$color1: rgba(222, 239, 183, 1);
|
|
||||||
$color2: rgba(152, 223, 175, 1);
|
|
||||||
$color3: rgba(95, 180, 156, 1);
|
|
||||||
$color4: rgba(29, 29, 59, 1);
|
|
||||||
$color5: rgba(104, 45, 99, 1);
|
|
||||||
|
|
||||||
|
|
||||||
.color1 {
|
|
||||||
fill: $color1;
|
|
||||||
}
|
|
||||||
.color2 {
|
|
||||||
fill: $color2;
|
|
||||||
}
|
|
||||||
.color3 {
|
|
||||||
fill: $color3;
|
|
||||||
}
|
|
||||||
.color4 {
|
|
||||||
fill: $color4;
|
|
||||||
}
|
|
||||||
.color5 {
|
|
||||||
fill: $color5;
|
|
||||||
}
|
|
||||||
|
|
||||||
136
_sass/player.scss
Normal file
136
_sass/player.scss
Normal file
|
|
@ -0,0 +1,136 @@
|
||||||
|
/* Audio Player Styles
|
||||||
|
================================================== */
|
||||||
|
|
||||||
|
/* Default / Desktop / Firefox */
|
||||||
|
|
||||||
|
audio {
|
||||||
|
margin: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mainwrap {
|
||||||
|
border-radius: 5px;
|
||||||
|
width: 100%;
|
||||||
|
ul {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
li:last-child {
|
||||||
|
border-radius: 0 0 5px 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#audiowrap {
|
||||||
|
background-color: _palette(accent-dark);
|
||||||
|
margin: 0 auto 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#plwrap {
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#tracks {
|
||||||
|
min-height: 65px;
|
||||||
|
position: relative;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#nowPlay {
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
height: 60px;
|
||||||
|
flex-wrap: unset;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
background-color: _palette(accent-dark);
|
||||||
|
border-radius: 5px 5px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#npTitle {
|
||||||
|
margin: 0;
|
||||||
|
padding: 21px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#npAction {
|
||||||
|
display: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 21px;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#plList {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#plList li {
|
||||||
|
background-color: _palette(border-darken);
|
||||||
|
cursor: pointer;
|
||||||
|
margin: 0;
|
||||||
|
padding: 21px 0;
|
||||||
|
border: 1px solid _palette(accent-dark);
|
||||||
|
border-top: 0;
|
||||||
|
transition: all 400ms ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
#plList li:hover {
|
||||||
|
background-color: _palette(border-alt);
|
||||||
|
transition: all 400ms ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.plItem {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.plTitle {
|
||||||
|
left: 75px;
|
||||||
|
overflow: hidden;
|
||||||
|
position: absolute;
|
||||||
|
right: 65px;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
top: 0;
|
||||||
|
white-space: nowrap;
|
||||||
|
font-weight: bold;
|
||||||
|
padding-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.plNum {
|
||||||
|
padding-left: 21px;
|
||||||
|
width: 65px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.plLength {
|
||||||
|
padding-left: 21px;
|
||||||
|
position: absolute;
|
||||||
|
right: 21px;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.plSel, .plSel:hover {
|
||||||
|
background-color: _palette(border-alt)!important;
|
||||||
|
cursor: default!important;
|
||||||
|
border-radius: 5px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
a[id^="btn"] {
|
||||||
|
background-color: _palette(border-darken);
|
||||||
|
color: _palette(fg);
|
||||||
|
cursor: pointer;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0 27px 0 21px;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
a[id^="btn"]::-moz-focus-inner {
|
||||||
|
border: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#noJSalbum {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
@ -1,24 +0,0 @@
|
||||||
---
|
|
||||||
layout: music
|
|
||||||
title: Bad Boys 3
|
|
||||||
mp3: >-
|
|
||||||
https://media.sakrecoer.com/2006-reset_sakrecoer-best_of_sakrecoer_2004-2009-bad_boys_3.mp3
|
|
||||||
ogg: >-
|
|
||||||
https://media.sakrecoer.com/2006-reset_sakrecoer-best_of_sakrecoer_2004-2009-bad_boys_3.ogg
|
|
||||||
uid: badboys3
|
|
||||||
image: >-
|
|
||||||
https://media.sakrecoer.com/2006-reset_sakrecoer-best_of_sakrecoer_2004-2009-bad_boys_3.jpg
|
|
||||||
categories:
|
|
||||||
- reset
|
|
||||||
- vocals
|
|
||||||
- english
|
|
||||||
duration: 207000
|
|
||||||
---
|
|
||||||
|
|
||||||
Some people are fake, some people are aware.<br>Some people make money on others welfare.<br>Oh you can try, to tie me up as if I,<br>Didn't know where you trying to make me go.
|
|
||||||
|
|
||||||
Some people are real, some people realy care.<br>Some people feel, all the lies you bare.<br>Oh you can try, to tell them it was I.<br>Who tried to go, with the money flow.
|
|
||||||
|
|
||||||
So if you are fake, you better be aware.<br>That any mistake, will attrackt the warfare.<br>Some people may deal, with you as if you were real.<br>But do they know, that you wont let them go?
|
|
||||||
|
|
||||||
Samples from Yngwie Malmsteen's battle with a steward.
|
|
||||||
|
|
@ -1,26 +0,0 @@
|
||||||
---
|
|
||||||
layout: music
|
|
||||||
title: Now Future
|
|
||||||
mp3: https://media.sakrecoer.com/2008-sakrecoer-pa_manen_007-now_future.mp3
|
|
||||||
ogg: https://media.sakrecoer.com/2008-sakrecoer-pa_manen_007-now_future.ogg
|
|
||||||
image: https://media.sakrecoer.com/2008-sakrecoer-pa_manen_007-now_future.jpg
|
|
||||||
uid: nowfuture
|
|
||||||
categories:
|
|
||||||
- reset
|
|
||||||
- vocals
|
|
||||||
- english
|
|
||||||
|
|
||||||
---
|
|
||||||
Life is full of mysteries,\\
|
|
||||||
And if you want to cope with these,\\
|
|
||||||
You better learn the Recepies.
|
|
||||||
|
|
||||||
So when you say "NO FUTURE" i just cannot bow,\\
|
|
||||||
Because to me the future is now.\\
|
|
||||||
oh how do you feel about that baby?
|
|
||||||
|
|
||||||
Take your time but don't look back.\\
|
|
||||||
You don't want to loose sight of your track.\\
|
|
||||||
Trust your inner melody\\
|
|
||||||
I believe it's the remedy\\
|
|
||||||
Oh oui.
|
|
||||||
|
|
@ -1,13 +0,0 @@
|
||||||
---
|
|
||||||
layout: music
|
|
||||||
title: Xmas Bowie
|
|
||||||
mp3: https://media.sakrecoer.com/2009-reset_sakrecoer-bootleg-xmas_bowie.mp3
|
|
||||||
ogg: https://media.sakrecoer.com/2009-reset_sakrecoer-bootleg-xmas_bowie.ogg
|
|
||||||
uid: xmasbowie
|
|
||||||
|
|
||||||
image: https://media.sakrecoer.com/2009-reset_sakrecoer-bootleg-xmas_bowie.jpg
|
|
||||||
categories:
|
|
||||||
- reset
|
|
||||||
- english
|
|
||||||
---
|
|
||||||
For Mama Noel
|
|
||||||
|
|
@ -1,28 +0,0 @@
|
||||||
---
|
|
||||||
layout: music
|
|
||||||
title: Unconditional Present
|
|
||||||
mp3: >-
|
|
||||||
https://media.sakrecoer.com/2010-reset_sakrecoer-music_for_sex_between_lovers-unconditional_present_feat_gregoire_iwaniec.mp3
|
|
||||||
ogg: >-
|
|
||||||
https://media.sakrecoer.com/2010-reset_sakrecoer-music_for_sex_between_lovers-unconditional_present_feat_gregoire_iwaniec.ogg
|
|
||||||
uid: unconditionalpresent
|
|
||||||
image: >-
|
|
||||||
https://media.sakrecoer.com/2010-reset_sakrecoer-music_for_sex_between_lovers-unconditional_present_feat_gregoire_iwaniec.jpg
|
|
||||||
categories:
|
|
||||||
- reset
|
|
||||||
- vocals
|
|
||||||
- english
|
|
||||||
---
|
|
||||||
This track was recorded in a one-shot along with Gregoire Iwaniec, during a little studio demonstration. While Greg was unaware, i pressed record. Later that day i recorded the vocals and cut the crap.
|
|
||||||
|
|
||||||
Unconditional Present, \\
|
|
||||||
Watch me watch you. \\
|
|
||||||
Unconditional Present, \\
|
|
||||||
The only thing my Eye see is you.
|
|
||||||
|
|
||||||
Your Conditional Future, \\
|
|
||||||
Makes me forget about you. \\
|
|
||||||
Your conditional Future, \\
|
|
||||||
Makes me see you through.
|
|
||||||
|
|
||||||
Guitar by Greg Iwaniec
|
|
||||||
|
|
@ -1,28 +0,0 @@
|
||||||
---
|
|
||||||
layout: music
|
|
||||||
title: Feelin4u
|
|
||||||
mp3: https://media.sakrecoer.com/2010-sakrecoer-pa_manen_007-feeling_4_u.mp3
|
|
||||||
ogg: https://media.sakrecoer.com/2010-sakrecoer-pa_manen_007-feeling_4_u.ogg
|
|
||||||
image: https://media.sakrecoer.com/2010-sakrecoer-pa_manen_007-feeling_4_u.jpg
|
|
||||||
uid: feelin4u
|
|
||||||
categories:
|
|
||||||
- reset
|
|
||||||
- english
|
|
||||||
- vocals
|
|
||||||
---
|
|
||||||
The better i know you the more i feel this is true.\\
|
|
||||||
The more i read you the stronger i feel for you.\\
|
|
||||||
Sometimes i wonder, do you also feel this fine.\\
|
|
||||||
Sometimes i wonder, where you were during all this time.\\
|
|
||||||
I know it's risky but it feels good.\\
|
|
||||||
Things could be tricky but they put me in a good mood.\\
|
|
||||||
Life is short and certitude free.\\
|
|
||||||
But it's great to read you also like me.
|
|
||||||
|
|
||||||
The closer we get the slower the time goes by.\\
|
|
||||||
The slower it gets and the higher i fly.\\
|
|
||||||
Sometimes i think that life is quite tough.\\
|
|
||||||
Sometimes i wonder if I'm strong enough.\\
|
|
||||||
I know without no risk there is no progress.\\
|
|
||||||
And that love can't be compared to chess.\\
|
|
||||||
I can't wait to have yo close to me.
|
|
||||||
|
|
@ -1,32 +0,0 @@
|
||||||
---
|
|
||||||
title: Dum Bum
|
|
||||||
layout: music
|
|
||||||
mp3: https://media.sakrecoer.com/2010-reset_sakrecoer-polyglotte-dumb_bumm.mp3
|
|
||||||
ogg: https://media.sakrecoer.com/2010-reset_sakrecoer-polyglotte-dumb_bumm.ogg
|
|
||||||
uid: dumbum
|
|
||||||
image: https://media.sakrecoer.com/2010-reset_sakrecoer-polyglotte-dumb_bumm.jpg
|
|
||||||
categories:
|
|
||||||
- reset
|
|
||||||
- english
|
|
||||||
- vocals
|
|
||||||
---
|
|
||||||
You say i should act like Bob,\\
|
|
||||||
You want me to do the dirty job.\\
|
|
||||||
But i don't have time for your silly games,\\
|
|
||||||
It clearly seems we don't have the same aims.\\
|
|
||||||
You talk about glory, about numbers and money,\\
|
|
||||||
Who we should deal with in this industry.\\
|
|
||||||
So common now let me go!\\
|
|
||||||
I wan't to go with the music flow.
|
|
||||||
|
|
||||||
Budubudu dum bom
|
|
||||||
|
|
||||||
Oh! poor Baltazar,\\
|
|
||||||
Your life really is a bazar.\\
|
|
||||||
Everything got really really really messy.\\
|
|
||||||
And who do you turn to? Me!\\
|
|
||||||
You wanted to play a crooked game,\\
|
|
||||||
Now look at what happened to your fame!\\
|
|
||||||
You wanted to play by different rules:\\
|
|
||||||
Common buddy, tell me you didn't think we are fools...!?
|
|
||||||
|
|
||||||
|
|
@ -1,66 +0,0 @@
|
||||||
---
|
|
||||||
layout: music
|
|
||||||
title: Lovemoney
|
|
||||||
mp3: https://media.sakrecoer.com/2011-reset_sakrecoer-polyglotte-lovemoney.mp3
|
|
||||||
ogg: https://media.sakrecoer.com/2011-reset_sakrecoer-polyglotte-lovemoney.ogg
|
|
||||||
uid: lovemoney
|
|
||||||
image: https://media.sakrecoer.com/2011-reset_sakrecoer-polyglotte-lovemoney.jpg
|
|
||||||
categories:
|
|
||||||
- reset
|
|
||||||
- english
|
|
||||||
- vocals
|
|
||||||
---
|
|
||||||
2x\\
|
|
||||||
Money here,\\
|
|
||||||
Money there,\\
|
|
||||||
Money fucking everywhere.\\
|
|
||||||
Love ain't here,\\
|
|
||||||
Love ain't there,\\
|
|
||||||
Love is fucking nowhere.
|
|
||||||
|
|
||||||
Sometimes I wish I had no feeling,\\
|
|
||||||
That I could serve myself without asking.\\
|
|
||||||
And then I would feel no guilt about it.\\
|
|
||||||
Just hush, look back and fuck it.\\
|
|
||||||
Maybe I'm being retro,\\
|
|
||||||
But I sure feel like a weirdo.\\
|
|
||||||
Or better said like a freak.\\
|
|
||||||
Thinking life is something chique.\\
|
|
||||||
But that's not the way things work.\\
|
|
||||||
So here I stand broke like a jerk.\\
|
|
||||||
Don't worry sister I won't do no harm,\\
|
|
||||||
With my dick under my arm.\\
|
|
||||||
And since I don't care for money,\\
|
|
||||||
Go on brother take it from me.
|
|
||||||
|
|
||||||
2x\\
|
|
||||||
Money here,\\
|
|
||||||
Money there,\\
|
|
||||||
Money fucking everywhere.\\
|
|
||||||
Love ain't here,\\
|
|
||||||
Love ain't there,\\
|
|
||||||
Love is fucking nowhere.
|
|
||||||
|
|
||||||
Maybe I should sell my heart\\
|
|
||||||
Since I don't make it in the chart.\\
|
|
||||||
There's no room for folks like me,\\
|
|
||||||
We just get fooled too easily.\\
|
|
||||||
And the value I use is just a prank,\\
|
|
||||||
Because you cannot keep love in a bank.\\
|
|
||||||
Then again what's love alone?\\
|
|
||||||
It's like singing without no tone.\\
|
|
||||||
I can't believe I sing this way,\\
|
|
||||||
But after 30 years I have to say,\\
|
|
||||||
That everything I'm caring for,\\
|
|
||||||
Simply seems to be no more.\\
|
|
||||||
Money shows me where I stand,\\
|
|
||||||
So women do not touch my hand.\\
|
|
||||||
And my bitter sweet melody,\\
|
|
||||||
Won't pay your ring to marry me.
|
|
||||||
|
|
||||||
Money here,\\
|
|
||||||
Money there,\\
|
|
||||||
Money fucking everywhere.\\
|
|
||||||
Love ain't here,\\
|
|
||||||
Love ain't there,\\
|
|
||||||
I want my fucking love affair!
|
|
||||||
|
|
@ -1,25 +0,0 @@
|
||||||
---
|
|
||||||
layout: music
|
|
||||||
title: Fantasii
|
|
||||||
mp3: https://media.sakrecoer.com/2011-sakrecoer-gentle_songs_for_neighbourdreams-fantasii.mp3
|
|
||||||
ogg: https://media.sakrecoer.com/2011-sakrecoer-gentle_songs_for_neighbourdreams-fantasii.ogg
|
|
||||||
uid: fantasii
|
|
||||||
image: https://media.sakrecoer.com/2011-sakrecoer-gentle_songs_for_neighbourdreams-fantasii.jpg
|
|
||||||
categories:
|
|
||||||
- reset
|
|
||||||
- vocals
|
|
||||||
- english
|
|
||||||
---
|
|
||||||
Dreams of light and spreading ideas,\\
|
|
||||||
Green and bright well rooted trees.\\
|
|
||||||
Dream today, reality tomorrow.\\
|
|
||||||
So wash away your sorrow.\\
|
|
||||||
Let it grow.\\
|
|
||||||
Your fantasi.
|
|
||||||
|
|
||||||
Visions of right and feelings of real.\\
|
|
||||||
Words of wisdom, or pistols to heal.\\
|
|
||||||
Reality makes the dream of tomorrow.\\
|
|
||||||
So wash away your sorrow\\
|
|
||||||
Let it flow\\
|
|
||||||
Your fantasi
|
|
||||||
|
|
@ -1,12 +0,0 @@
|
||||||
---
|
|
||||||
layout: music
|
|
||||||
title: Supernova
|
|
||||||
mp3: https://media.sakrecoer.com/2012-sakrecoer-uhm-supernova.mp3
|
|
||||||
ogg: https://media.sakrecoer.com/2012-sakrecoer-uhm-supernova.ogg
|
|
||||||
uid: supernova
|
|
||||||
image: https://media.sakrecoer.com/2012-sakrecoer-uhm-supernova.jpg
|
|
||||||
categories:
|
|
||||||
- simio
|
|
||||||
- instru
|
|
||||||
---
|
|
||||||
This I give you...
|
|
||||||
|
|
@ -1,33 +0,0 @@
|
||||||
---
|
|
||||||
layout: music
|
|
||||||
title: We Have To Decide
|
|
||||||
mp3: https://media.sakrecoer.com/2012-pusset_sakrecoer--we_have_to_decide.mp3
|
|
||||||
ogg: https://media.sakrecoer.com/2012-pusset_sakrecoer--we_have_to_decide.ogg
|
|
||||||
uid: wehavetodecide
|
|
||||||
image: https://media.sakrecoer.com/2012-pusset_sakrecoer--we_have_to_decide.jpg
|
|
||||||
categories:
|
|
||||||
- pusset
|
|
||||||
- vocals
|
|
||||||
- english
|
|
||||||
---
|
|
||||||
I have been waiting all night long,\\
|
|
||||||
For this question to come,\\
|
|
||||||
'Cause you and I we have to find a solution!\\
|
|
||||||
We generate so much pollution,\\
|
|
||||||
It is killing my illusion, to ever give birth to a child.\\
|
|
||||||
Can you Imagine?
|
|
||||||
|
|
||||||
We have to chose, Do we want a Future?\\
|
|
||||||
We have to chose, Shall we burn the past?
|
|
||||||
|
|
||||||
The time when we all used to go to someone wise is gone,\\
|
|
||||||
We all have access to the same information.\\
|
|
||||||
So common son just don't tell me,\\
|
|
||||||
You didn't know.\\
|
|
||||||
Just look outside the window, where do the wind blow?\\
|
|
||||||
Is it usual this heat? Unusual this cold?\\
|
|
||||||
The ones that don't want to look into the truth,\\
|
|
||||||
Have a gold-tooth to lose.
|
|
||||||
|
|
||||||
We have to decide, Do we want a Future?\\
|
|
||||||
We have to decide, Shall we burn the past?
|
|
||||||
|
|
@ -1,13 +0,0 @@
|
||||||
---
|
|
||||||
layout: music
|
|
||||||
title: Un Barcelones En Carib Malmo
|
|
||||||
mp3: https://media.sakrecoer.com/2012-pusset_sakrecoer-carib-un_barcelones_en_carib_malmo_160kbps.mp3
|
|
||||||
ogg: https://media.sakrecoer.com/2012-pusset_sakrecoer-carib-un_barcelones_en_carib_malmo_160kbps.ogg
|
|
||||||
uid: caribmalmo
|
|
||||||
image: https://media.sakrecoer.com/2012-pusset_sakrecoer-carib-un_barcelones_en_carib_malmo_160kbps.jpg
|
|
||||||
categories:
|
|
||||||
- pusset
|
|
||||||
- instru
|
|
||||||
---
|
|
||||||
The title says it all!\\
|
|
||||||
This is SweidoCaribean Kick'N'Base Baby!
|
|
||||||
|
|
@ -1,27 +0,0 @@
|
||||||
---
|
|
||||||
layout: music
|
|
||||||
title: Avide (Codein Edit)
|
|
||||||
mp3: https://media.sakrecoer.com/2012-redith_piaf-codeine_edit-avide_de_danser.mp3
|
|
||||||
ogg: https://media.sakrecoer.com/2012-redith_piaf-codeine_edit-avide_de_danser.ogg
|
|
||||||
uid: avidanse
|
|
||||||
|
|
||||||
image: https://media.sakrecoer.com/2012-redith_piaf-codeine_edit-avide_de_danser.jpg
|
|
||||||
categories:
|
|
||||||
- simio
|
|
||||||
- vocals
|
|
||||||
- french
|
|
||||||
---
|
|
||||||
This song is about sex. It is the story of choosing love for the tempo AMONG the crowd instead of OVER it, and emulates the readjustments of heartbeat that occur on this path. While it is arguable that the song is a bit sour, I won't do anything about it. Perfection is not only far from my current research, since i dropped these lines, i consider it a worthless dead-end trip. "Life is much better made than a roller-caster..."
|
|
||||||
|
|
||||||
Avide de danser sur le tempo\\
|
|
||||||
Je refuse d'entreprendre le Show\\
|
|
||||||
La vie est bien mieu faite qu'un carouselle\\
|
|
||||||
Et les petites Mademoiselles le savent tres bien,\\
|
|
||||||
Le savent tres bien, ou est le frein.
|
|
||||||
|
|
||||||
Pa da pa pa tata rata ta hahahahahaha
|
|
||||||
|
|
||||||
Avide de danser sur le tempo....
|
|
||||||
|
|
||||||
1, 2, 3,\\
|
|
||||||
1 2 3 4 5 6 7
|
|
||||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue