quiet push music section
This commit is contained in:
parent
4ddda5ca16
commit
b01c6142f7
12
_config.yml
12
_config.yml
@ -29,15 +29,15 @@ kramdown:
|
||||
# input: GFM
|
||||
syntax_highlighter: rouge
|
||||
|
||||
# THIS BREAKS THE SITE!!
|
||||
# collections_dir: collections
|
||||
# collections:
|
||||
# docs:
|
||||
# output: true
|
||||
|
||||
collections:
|
||||
notes:
|
||||
output: true
|
||||
music:
|
||||
output: true
|
||||
order:
|
||||
- retroactive.md
|
||||
- spamcalls.md
|
||||
- imagined.md
|
||||
|
||||
|
||||
highlighter: rouge
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
|
||||
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="{{site.baseurl}}/assets/css/main.css">
|
||||
<link rel="stylesheet" href="{{site.baseurl}}/assets/css/main.css">
|
||||
<link rel="stylesheet" href="{{site.baseurl}}/assets/css/github-syntax.css">
|
||||
<link rel="stylesheet" href="{{site.baseurl}}/assets/css/fontawesome.css">
|
||||
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i|IBM+Plex+Sans:100,100i,400,400i,700,700i" rel="stylesheet">
|
||||
|
||||
@ -10,6 +10,7 @@
|
||||
<div class="navbar-nav ml-auto">
|
||||
<a class="nav-item nav-link" href="{{site.baseurl}}/blog">Blog</a>
|
||||
<a class="nav-item nav-link" href="{{site.baseurl}}/projects">Projects</a>
|
||||
<!-- <a class="nav-item nav-link" href="{{site.baseurl}}/music">Music</a> -->
|
||||
<!-- <a class="nav-item nav-link" href="{{site.baseurl}}/documentation">Documentation</a> -->
|
||||
<a class="nav-item nav-link" href="{{site.baseurl}}/about">About</a>
|
||||
</div>
|
||||
|
||||
71
_layouts/album.html
Normal file
71
_layouts/album.html
Normal file
@ -0,0 +1,71 @@
|
||||
{% include head.html %}
|
||||
|
||||
<body>
|
||||
|
||||
<div class="site-ctr">
|
||||
<!-- Navbar -->
|
||||
{% include nav.html %}
|
||||
|
||||
<div class="reactive-bg">
|
||||
|
||||
{% assign path = page.url | split: "/" %}
|
||||
{% assign album = path[2] %}
|
||||
|
||||
|
||||
<br><br>
|
||||
|
||||
<div class="card" style="width: 23rem;margin:auto;">
|
||||
{% if page.has_art %}
|
||||
<img src="/assets/images/{{album}}/cover.jpg" class="card-img" alt="Cover art">
|
||||
{% endif %}
|
||||
|
||||
<div class="card-body">
|
||||
<p class="card-text">
|
||||
<h3>{{page.title}}</h3>
|
||||
|
||||
<p>{{page.description}}</p>
|
||||
|
||||
<hr>
|
||||
|
||||
<!-- Audio controller -->
|
||||
<audio id="audio" controls style="width:100%">
|
||||
<source id="audioSource" src="{{page.tracks[0][1]}}" type="audio/mpeg">
|
||||
Your browser does not support audio players
|
||||
</audio>
|
||||
|
||||
<br><br>
|
||||
|
||||
<div id="tracklist">
|
||||
{% for track in page.tracks %}
|
||||
<a href="#" data-value="{{track[1]}}">{{track[0]}}</a><br>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{% include footer.html %}
|
||||
|
||||
<!-- Audio player controller -->
|
||||
<script>
|
||||
tracklist.onclick = function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
var elm = e.target;
|
||||
var audio = document.getElementById('audio');
|
||||
|
||||
var source = document.getElementById('audioSource');
|
||||
source.src = elm.getAttribute('data-value');
|
||||
|
||||
audio.load();
|
||||
audio.play();
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
53
_layouts/album.html.old
Normal file
53
_layouts/album.html.old
Normal file
@ -0,0 +1,53 @@
|
||||
{% include head.html %}
|
||||
|
||||
<body>
|
||||
|
||||
<div class="site-ctr">
|
||||
<!-- Navbar -->
|
||||
{% include nav.html %}
|
||||
|
||||
<div class="reactive-bg">
|
||||
<div class="post container">
|
||||
|
||||
{% assign path = page.url | split: "/" %}
|
||||
{% assign album = path[2] %}
|
||||
|
||||
<h1>{{page.title}}</h1>
|
||||
<hr>
|
||||
<i>{{page.date}}</i>
|
||||
|
||||
<br><br>
|
||||
|
||||
<p>{{page.description}}</p>
|
||||
|
||||
<div class="card mb-3" style="max-width: 540px;">
|
||||
<div class="row no-gutters">
|
||||
<div class="col-md-4">
|
||||
<img src="/assets/images/{{album}}/cover.jpg" class="card-img" alt="Cover art">
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<div class="card-body">
|
||||
<!-- <h5 class="card-title">Card title</h5> -->
|
||||
<p class="card-text">
|
||||
{% for track in page.tracks %}
|
||||
|
||||
<p>{{track[1]}} <a ></a></p>
|
||||
|
||||
/assets/audio/{{album}}/{{track[2]}}
|
||||
|
||||
{% endfor %}
|
||||
</p>
|
||||
<!-- <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include footer.html %}
|
||||
|
||||
|
||||
</body>
|
||||
51
_layouts/music.html
Normal file
51
_layouts/music.html
Normal file
@ -0,0 +1,51 @@
|
||||
{% include head.html %}
|
||||
|
||||
<body>
|
||||
|
||||
<div class="site-ctr">
|
||||
<!-- Navbar -->
|
||||
{% include nav.html %}
|
||||
|
||||
<div class="reactive-bg">
|
||||
<div class="post container">
|
||||
<h1>My music</h1>
|
||||
<hr>
|
||||
|
||||
<!-- <div class="list-group" id="posts"> -->
|
||||
|
||||
<a href="#posts" class="list-group-item list-group-item-action list-group-item-dark">Featured</a>
|
||||
|
||||
{% for album in site.music %}
|
||||
|
||||
|
||||
<a href="{{album.url}}" class="list-group-item list-group-item-action">
|
||||
<div class="d-flex w-100 justify-content-between">
|
||||
<div class="card-body">
|
||||
<h5 class="mb-1">{{album.title}}
|
||||
</h5>
|
||||
<i class="card-text">Released: {{album.date}}</i>
|
||||
<p class="card-text">{{album.description}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
|
||||
{% endfor %}
|
||||
<!-- </div> -->
|
||||
|
||||
<br><br>
|
||||
<a href="https://retrylife.bandcamp.com" class="list-group-item list-group-item-action">
|
||||
<div class="d-flex w-100 justify-content-between">
|
||||
<div class="card-body">
|
||||
<h5 class="mb-1">More music</h5>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include footer.html %}
|
||||
|
||||
|
||||
</body>
|
||||
32
_music/imagined.md
Normal file
32
_music/imagined.md
Normal file
@ -0,0 +1,32 @@
|
||||
---
|
||||
layout: album
|
||||
title: Imagined Soundtracks
|
||||
date: 2017-04-06
|
||||
has_art: true
|
||||
description: The official album for the 'Imagined' show put on by the grade 8 classes of Lester B. Pearson School For The Arts.
|
||||
tracks: [
|
||||
["Intro / Act 1 Scene 1", "https://bandcamp.com/stream_redirect?enc=mp3-128&track_id=2574926232&ts=1577154353&t=9d35dc91ddd9543700a52db59a4fa54d72a1f99d"],
|
||||
["Act 1 Scene 2", "https://bandcamp.com/stream_redirect?enc=mp3-128&track_id=117178558&ts=1577154353&t=66b6e13511685b65f628be9800c56459d83e7da1"],
|
||||
["Act 1 Scene 3", "https://bandcamp.com/stream_redirect?enc=mp3-128&track_id=2349916149&ts=1577154353&t=8305dbef4e7efacdf099b8281920c8c49510a9d2"],
|
||||
["Act 1 Scene 4", "https://bandcamp.com/stream_redirect?enc=mp3-128&track_id=4252327209&ts=1577154353&t=45e6477c6971f33f81f68daa7d75da479d554a91"],
|
||||
["Act 1 Scene 5", "https://bandcamp.com/stream_redirect?enc=mp3-128&track_id=3092307775&ts=1577154353&t=f5a4c320d7d05b09d3369cf5960dedc6a21784c7"],
|
||||
["Intermission Intro", "https://bandcamp.com/stream_redirect?enc=mp3-128&track_id=813119460&ts=1577154353&t=3239ef0e51eb85fe74c6efdd6681a8a1fed69369"],
|
||||
["Intermission Outro", "https://bandcamp.com/stream_redirect?enc=mp3-128&track_id=3040457631&ts=1577154353&t=8136a103a0e9fa398b546989cc8b80144c83482f"],
|
||||
["Act 2 Scene 2", "https://bandcamp.com/stream_redirect?enc=mp3-128&track_id=2044616442&ts=1577154353&t=873de53a2fac6b263453de5d2f9f97fa26df78c1"],
|
||||
["Act 2 Scene 3", "https://bandcamp.com/stream_redirect?enc=mp3-128&track_id=3933827043&ts=1577154353&t=25971fdf2a470cbf7b7e8bc86c27d352b8e09ea8"],
|
||||
["Act 2 Scene 4", "https://bandcamp.com/stream_redirect?enc=mp3-128&track_id=1600505852&ts=1577154353&t=df61dfddee4bca1d4aaffd0732321ac61bdb0fe2"],
|
||||
["End / Bows", "https://bandcamp.com/stream_redirect?enc=mp3-128&track_id=3893465329&ts=1577154353&t=303c4fb5a764fc6df94638c14d1b66078829228f"],
|
||||
["Bows 2 ", "https://bandcamp.com/stream_redirect?enc=mp3-128&track_id=943058474&ts=1577154353&t=a1ca4d41b6bbe4375951cbc8168f209ce5f84070"]
|
||||
]
|
||||
---
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
10
_music/retroactive.md
Normal file
10
_music/retroactive.md
Normal file
@ -0,0 +1,10 @@
|
||||
---
|
||||
layout: album
|
||||
title: Retroactive
|
||||
date: 2019-12-24
|
||||
has_art: false
|
||||
description: An ambient experiment
|
||||
tracks: [
|
||||
["Retroactive", "/assets/audio/retroactive.wav"]
|
||||
]
|
||||
---
|
||||
9
_music/spamcalls.md
Normal file
9
_music/spamcalls.md
Normal file
@ -0,0 +1,9 @@
|
||||
---
|
||||
layout: album
|
||||
title: Spam Phone Calls
|
||||
date: 2019-06-17
|
||||
has_art: false
|
||||
description: A song I helped produce for my Audio production class
|
||||
tracks: [
|
||||
["Spam Phone Calls", "/assets/audio/SpamPhoneCalls.mp3"]]
|
||||
---
|
||||
BIN
assets/audio/retroactive.wav
Normal file
BIN
assets/audio/retroactive.wav
Normal file
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 32 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 575 KiB |
BIN
assets/images/imagined/cover.jpg
Normal file
BIN
assets/images/imagined/cover.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 86 KiB |
Loading…
x
Reference in New Issue
Block a user