minimal-music-project 0.1.3 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/404.html +11 -11
- data/LICENSE.txt +21 -21
- data/README.md +142 -142
- data/_config.yml +38 -38
- data/_data/customs.yml +2 -2
- data/_data/menu.yml +32 -32
- data/_data/metaData.yml +20 -20
- data/_includes/common-head.html +22 -22
- data/_includes/common.js +95 -95
- data/_includes/cookies.js +63 -63
- data/_includes/customizationsScripts.html +6 -6
- data/_includes/customizationsStyles.html +6 -6
- data/_includes/discography-entry-metadata.html +77 -77
- data/_includes/discography-entry.html +42 -42
- data/_includes/footer.html +9 -9
- data/_includes/menu.html +35 -35
- data/_includes/music-player.html +123 -123
- data/_includes/pagination-buttons.html +13 -13
- data/_includes/read-more.html +12 -12
- data/_layouts/cookies.html +29 -29
- data/_layouts/default.html +21 -21
- data/_layouts/discography.html +15 -15
- data/_layouts/post.html +34 -34
- data/_layouts/posts_feed.html +72 -72
- data/_sass/minimal-music-project.scss +1 -1
- data/_sass/styles/_cookies.scss +60 -60
- data/_sass/styles/_defaults.scss +164 -164
- data/_sass/styles/_discography.scss +74 -54
- data/_sass/styles/_embedded-player.scss +8 -8
- data/_sass/styles/_index.scss +9 -9
- data/_sass/styles/_layout.scss +49 -49
- data/_sass/styles/_menu.scss +177 -177
- data/_sass/styles/_modal.scss +29 -29
- data/_sass/styles/_music-player.scss +91 -91
- data/_sass/styles/_post.scss +94 -94
- data/_sass/styles/_posts_feed.scss +73 -73
- data/_sass/variables/_colors.scss +4 -4
- data/_sass/variables/_index.scss +2 -2
- data/_sass/variables/_layout.scss +27 -27
- data/_sass/variables/_mixins.scss +54 -54
- data/assets/img/browserconfig.xml +9 -9
- data/assets/img/safari-pinned-tab.svg +38 -38
- data/assets/img/site.webmanifest +19 -19
- data/assets/styles/styles.scss +7 -7
- data/pages/about.html +65 -65
- data/pages/cookies.html +9 -9
- data/pages/privacyPolicy.html +9 -9
- metadata +4 -4
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: e1ee054c97143beae97ae3e1ef01832174e489918b0c6f4d06d135a1a0881d89
|
|
4
|
+
data.tar.gz: 7444c736cd317abe92fc0e45927d9f7824bb906262c5b46f16b47dad787996c4
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 8bd71f891f88f11feb01499b9b4dd1433d15ae77e9ef69314550ce753c33eae5d3f7af80758c695ae22cf3544fa7422b3003d3ec9f80f150e5f0a6491dcf617b
|
|
7
|
+
data.tar.gz: 75d351dbf8790c9befc0d2f2c412a3803b3e30c80eb32838c166ee61c3844248025b90b0f7ed659295aedf4e1e8e31cd1faf54bc6679301619d786fc86e1bb48
|
data/404.html
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
---
|
|
2
|
-
layout: default
|
|
3
|
-
permalink: 404.html
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
<div class="content-container">
|
|
7
|
-
<h1>404</h1>
|
|
8
|
-
|
|
9
|
-
<p><strong>Page not found :(</strong></p>
|
|
10
|
-
<p>The requested page could not be found.</p>
|
|
11
|
-
</div>
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
permalink: 404.html
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
<div class="content-container">
|
|
7
|
+
<h1>404</h1>
|
|
8
|
+
|
|
9
|
+
<p><strong>Page not found :(</strong></p>
|
|
10
|
+
<p>The requested page could not be found.</p>
|
|
11
|
+
</div>
|
data/LICENSE.txt
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
The MIT License (MIT)
|
|
2
|
-
|
|
3
|
-
Copyright (c) 2021 Patryk Bieszke
|
|
4
|
-
|
|
5
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
-
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
-
in the Software without restriction, including without limitation the rights
|
|
8
|
-
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
-
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
-
furnished to do so, subject to the following conditions:
|
|
11
|
-
|
|
12
|
-
The above copyright notice and this permission notice shall be included in
|
|
13
|
-
all copies or substantial portions of the Software.
|
|
14
|
-
|
|
15
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
-
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
21
|
-
THE SOFTWARE.
|
|
1
|
+
The MIT License (MIT)
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2021 Patryk Bieszke
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in
|
|
13
|
+
all copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
21
|
+
THE SOFTWARE.
|
data/README.md
CHANGED
|
@@ -1,142 +1,142 @@
|
|
|
1
|
-
<h1><a href="https://github.com/
|
|
2
|
-
|
|
3
|
-
[](https://raw.githubusercontent.com/
|
|
4
|
-
[](https://jekyllrb.com/)
|
|
5
|
-
[](https://badge.fury.io/rb/minimal-music-project)
|
|
6
|
-
<a href="https://ko-fi.com/
|
|
7
|
-
<img height="20" src="https://www.ko-fi.com/img/githubbutton_sm.svg"
|
|
8
|
-
alt="Donate (Ko-fi)" />
|
|
9
|
-
</a>
|
|
10
|
-
<a href="https://jekyll-themes.com">
|
|
11
|
-
<img src="https://img.shields.io/badge/featured%20on-JekyllThemes-red.svg" height="20" alt="Jekyll Themes Shield" loading="lazy">
|
|
12
|
-
</a>
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
minimal-music-project is a flexible, extendable Jekyll theme. With this theme it's plain simple to create a good looking website for a music band with all the required components to list all releases and news. Demo is available [here](https://minimal-music-project.netlify.app/).
|
|
16
|
-
|
|
17
|
-
![layout examples](https://raw.githubusercontent.com/
|
|
18
|
-
|
|
19
|
-
## Installation
|
|
20
|
-
|
|
21
|
-
There are three ways to install:
|
|
22
|
-
|
|
23
|
-
* As a ruby gem theme:
|
|
24
|
-
|
|
25
|
-
Add this line to your Jekyll site's `Gemfile`:
|
|
26
|
-
|
|
27
|
-
```ruby
|
|
28
|
-
gem "minimal-categorized"
|
|
29
|
-
```
|
|
30
|
-
|
|
31
|
-
And add this line to your Jekyll site's `_config.yml`:
|
|
32
|
-
|
|
33
|
-
```yaml
|
|
34
|
-
theme: minimal-categorized
|
|
35
|
-
```
|
|
36
|
-
|
|
37
|
-
And then execute:
|
|
38
|
-
|
|
39
|
-
$ bundle
|
|
40
|
-
|
|
41
|
-
Or install it yourself as:
|
|
42
|
-
|
|
43
|
-
$ gem install minimal-categorized
|
|
44
|
-
|
|
45
|
-
* As a remote theme (GitHub Pages compatible)
|
|
46
|
-
|
|
47
|
-
In your Jekyll site's _config.yml remove other themes and add this entry:
|
|
48
|
-
```
|
|
49
|
-
remote_theme:
|
|
50
|
-
```
|
|
51
|
-
|
|
52
|
-
* Forking/directly copying all of the theme files into your project.
|
|
53
|
-
|
|
54
|
-
## Usage
|
|
55
|
-
This theme uses pager plugin `jekyll-paginate-v2` for pagination and `jekyll-seo-tag` for seo tags. It can be configured in main _config file.
|
|
56
|
-
|
|
57
|
-
Configuration via .yml files
|
|
58
|
-
|
|
59
|
-
Structure of `_data/menu.yml`:
|
|
60
|
-
|
|
61
|
-
* menu_pages: a list of items in menu. Each item contains information:
|
|
62
|
-
* title: Menu position title
|
|
63
|
-
* url: URL for href
|
|
64
|
-
* category: unique identifier of category. Used to determine which menu item is selected
|
|
65
|
-
* tooltip: Tooltip for menu item
|
|
66
|
-
* menu_contacts: a list of items to be displayed for a contact section in menu
|
|
67
|
-
* faicon: FavIcon to be displayed in menu
|
|
68
|
-
* url: URL for href
|
|
69
|
-
* target: target value of \<a> tag
|
|
70
|
-
|
|
71
|
-
Structure of `_data/metaData.yml`:
|
|
72
|
-
|
|
73
|
-
* author: Site Author name
|
|
74
|
-
* logo: relative url to the logo
|
|
75
|
-
* clickToEnlargeImages: boolean value to enable/disable "full-screen" images on click
|
|
76
|
-
* lang: lang property of HTML.
|
|
77
|
-
* cookies: customize information about site cookies
|
|
78
|
-
* enabled: determine if should show cookies pop-up
|
|
79
|
-
* message: text on cookie pop-up
|
|
80
|
-
* agreeButtonText: text on agree button
|
|
81
|
-
* disagreeButtonText: text on disagree button
|
|
82
|
-
* agreeButtonFnName: function in the `window` scope to execute on cookie agree
|
|
83
|
-
* disagreeButtonFnName: function in the `window` scope to execute on cookie disagree
|
|
84
|
-
* header: title of the pop-up window
|
|
85
|
-
* consent: list of objects that will be rendered on a site with "cookies" layout for acceptance. Each object needs to have:
|
|
86
|
-
* name: bolded on render
|
|
87
|
-
* description: description of the cookie
|
|
88
|
-
* cookieName: under what name it will be saved in the local storage (selected checkbox as "true", unselected as "false")
|
|
89
|
-
* alwaysAgree: used for cookies, that cannot be disabled. This will make this consent appear on the "cookies" layout with checked and disabled checkbox. It does not add this cookie under *name* to localStorage
|
|
90
|
-
|
|
91
|
-
Structure of `_data/customs.yml`:
|
|
92
|
-
|
|
93
|
-
* custom-css: a list of urls to custom css files
|
|
94
|
-
* custom-js: a list of urls to custom javascript files
|
|
95
|
-
|
|
96
|
-
## Posts front matter parameters
|
|
97
|
-
|
|
98
|
-
### Description / excerpt
|
|
99
|
-
|
|
100
|
-
In the post feed / discography each entry will be shown with a text. This text will contain either the content of "description" property from front matter, or [excerpt](https://jekyllrb.com/docs/posts/#post-excerpts) if the description property is missing.
|
|
101
|
-
|
|
102
|
-
### Images
|
|
103
|
-
|
|
104
|
-
There are two parameters responsible for displaying images: *image* and *responsiveImage*. The first one should have string value equal to the relative path to the image to display in a post (and post-feed / discography preview) if *responsiveImage* is not set. This path will always be used for *clickToEnlargeImages* functionality too. The *responsiveImage* is an array of objects that will be transpiled to img in DOM property *srcset*. Each object should contain two properties:
|
|
105
|
-
|
|
106
|
-
* *src* - path to the file
|
|
107
|
-
* *size* - image's intrinsic width in pixels
|
|
108
|
-
|
|
109
|
-
It's recommended to use *responsiveImage* for responsible image loading.
|
|
110
|
-
|
|
111
|
-
### Embedding media
|
|
112
|
-
|
|
113
|
-
Each post can have it's own associated player. Information on how to embed the player should be described under *embed\_player* parameter. Each player should have at least two parameters: *src* and *type*, where *type* will define on how to fill *src*. Supported types:
|
|
114
|
-
|
|
115
|
-
* soundcloud - src should be full url to song
|
|
116
|
-
* bandcamp - on a "embed song" option on bandcamp, everything after *EmbeddedPlayer/* in generated code should be put to src parameter in front matter
|
|
117
|
-
* spotify - src should be id of the song. It can be acquired via "copy song link", e.g. for url https://open.spotify.com/track/67IdIp2ij8oqTFsSguvy2I?si=f735480b74414902 the src should be 67IdIp2ij8oqTFsSguvy2I
|
|
118
|
-
* spotifyalbum - same as "spotify", but src id of an album
|
|
119
|
-
* spotifyplaylist - same as "spotify", but src id of a playlist
|
|
120
|
-
* spotifyepisode - same as "spotify", but src id of a podcast episode
|
|
121
|
-
* spotifyshow - same as "spotify", but src if of a podcast serie (show)
|
|
122
|
-
* youtube - src should be the *v* uri parameter, e.g. for url https://www.youtube.com/watch?v=dfdruxvE9-0 the src should be dfdruxvE9-0
|
|
123
|
-
* anchor.fm - src is the full episode name (e.g. for URL https://anchor.fm/sucias/episodes/Not-All-Men-e15v6dv src should be Not-All-Men-e15v6dv)
|
|
124
|
-
* audio_file - src should be path to file. Additionaly, required properties are name of the song (it will display in player) and boolean value *is\_relative\_url* (for easy access to files served from the same domain)
|
|
125
|
-
|
|
126
|
-
## Contributing
|
|
127
|
-
|
|
128
|
-
Bug reports and pull requests are welcome on [GitHub](https://github.com/
|
|
129
|
-
|
|
130
|
-
## Development
|
|
131
|
-
|
|
132
|
-
To set up your environment to develop this theme, run `bundle install`.
|
|
133
|
-
|
|
134
|
-
Your theme is setup just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
|
|
135
|
-
|
|
136
|
-
When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
|
|
137
|
-
To add a custom directory to your theme-gem, please edit the regexp in `minimal-music-project.gemspec` accordingly.
|
|
138
|
-
|
|
139
|
-
## License
|
|
140
|
-
|
|
141
|
-
The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
|
|
142
|
-
Custom Volume Slider was developed with the fundaments based on [codepen project](https://codepen.io/EmNudge/pen/rRbLJQ), thus this component is licensed under [Copyright (c) 2021 by EmNudge](https://codepen.io/EmNudge/pen/rRbLJQ).
|
|
1
|
+
<h1><a href="https://github.com/ItsPatrq/minimal-music-project/"><img src="https://raw.githubusercontent.com/ItsPatrq/minimal-music-project/master/assets/img/favicon.ico" height="21" alt="minimal-categorized logo" /> minimal-music-project Jekyll theme </h1></a>
|
|
2
|
+
|
|
3
|
+
[](https://raw.githubusercontent.com/itspatrq/minimal-music-project/master/LICENSE.txt)
|
|
4
|
+
[](https://jekyllrb.com/)
|
|
5
|
+
[](https://badge.fury.io/rb/minimal-music-project)
|
|
6
|
+
<a href="https://ko-fi.com/itspatrq">
|
|
7
|
+
<img height="20" src="https://www.ko-fi.com/img/githubbutton_sm.svg"
|
|
8
|
+
alt="Donate (Ko-fi)" />
|
|
9
|
+
</a>
|
|
10
|
+
<a href="https://jekyll-themes.com">
|
|
11
|
+
<img src="https://img.shields.io/badge/featured%20on-JekyllThemes-red.svg" height="20" alt="Jekyll Themes Shield" loading="lazy">
|
|
12
|
+
</a>
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
minimal-music-project is a flexible, extendable Jekyll theme. With this theme it's plain simple to create a good looking website for a music band with all the required components to list all releases and news. Demo is available [here](https://minimal-music-project.netlify.app/).
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
## Installation
|
|
20
|
+
|
|
21
|
+
There are three ways to install:
|
|
22
|
+
|
|
23
|
+
* As a ruby gem theme:
|
|
24
|
+
|
|
25
|
+
Add this line to your Jekyll site's `Gemfile`:
|
|
26
|
+
|
|
27
|
+
```ruby
|
|
28
|
+
gem "minimal-categorized"
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
And add this line to your Jekyll site's `_config.yml`:
|
|
32
|
+
|
|
33
|
+
```yaml
|
|
34
|
+
theme: minimal-categorized
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
And then execute:
|
|
38
|
+
|
|
39
|
+
$ bundle
|
|
40
|
+
|
|
41
|
+
Or install it yourself as:
|
|
42
|
+
|
|
43
|
+
$ gem install minimal-categorized
|
|
44
|
+
|
|
45
|
+
* As a remote theme (GitHub Pages compatible)
|
|
46
|
+
|
|
47
|
+
In your Jekyll site's _config.yml remove other themes and add this entry:
|
|
48
|
+
```
|
|
49
|
+
remote_theme: ItsPatrq/minimal-categorized
|
|
50
|
+
```
|
|
51
|
+
|
|
52
|
+
* Forking/directly copying all of the theme files into your project.
|
|
53
|
+
|
|
54
|
+
## Usage
|
|
55
|
+
This theme uses pager plugin `jekyll-paginate-v2` for pagination and `jekyll-seo-tag` for seo tags. It can be configured in main _config file.
|
|
56
|
+
|
|
57
|
+
Configuration via .yml files
|
|
58
|
+
|
|
59
|
+
Structure of `_data/menu.yml`:
|
|
60
|
+
|
|
61
|
+
* menu_pages: a list of items in menu. Each item contains information:
|
|
62
|
+
* title: Menu position title
|
|
63
|
+
* url: URL for href
|
|
64
|
+
* category: unique identifier of category. Used to determine which menu item is selected
|
|
65
|
+
* tooltip: Tooltip for menu item
|
|
66
|
+
* menu_contacts: a list of items to be displayed for a contact section in menu
|
|
67
|
+
* faicon: FavIcon to be displayed in menu
|
|
68
|
+
* url: URL for href
|
|
69
|
+
* target: target value of \<a> tag
|
|
70
|
+
|
|
71
|
+
Structure of `_data/metaData.yml`:
|
|
72
|
+
|
|
73
|
+
* author: Site Author name
|
|
74
|
+
* logo: relative url to the logo
|
|
75
|
+
* clickToEnlargeImages: boolean value to enable/disable "full-screen" images on click
|
|
76
|
+
* lang: lang property of HTML.
|
|
77
|
+
* cookies: customize information about site cookies
|
|
78
|
+
* enabled: determine if should show cookies pop-up
|
|
79
|
+
* message: text on cookie pop-up
|
|
80
|
+
* agreeButtonText: text on agree button
|
|
81
|
+
* disagreeButtonText: text on disagree button
|
|
82
|
+
* agreeButtonFnName: function in the `window` scope to execute on cookie agree
|
|
83
|
+
* disagreeButtonFnName: function in the `window` scope to execute on cookie disagree
|
|
84
|
+
* header: title of the pop-up window
|
|
85
|
+
* consent: list of objects that will be rendered on a site with "cookies" layout for acceptance. Each object needs to have:
|
|
86
|
+
* name: bolded on render
|
|
87
|
+
* description: description of the cookie
|
|
88
|
+
* cookieName: under what name it will be saved in the local storage (selected checkbox as "true", unselected as "false")
|
|
89
|
+
* alwaysAgree: used for cookies, that cannot be disabled. This will make this consent appear on the "cookies" layout with checked and disabled checkbox. It does not add this cookie under *name* to localStorage
|
|
90
|
+
|
|
91
|
+
Structure of `_data/customs.yml`:
|
|
92
|
+
|
|
93
|
+
* custom-css: a list of urls to custom css files
|
|
94
|
+
* custom-js: a list of urls to custom javascript files
|
|
95
|
+
|
|
96
|
+
## Posts front matter parameters
|
|
97
|
+
|
|
98
|
+
### Description / excerpt
|
|
99
|
+
|
|
100
|
+
In the post feed / discography each entry will be shown with a text. This text will contain either the content of "description" property from front matter, or [excerpt](https://jekyllrb.com/docs/posts/#post-excerpts) if the description property is missing.
|
|
101
|
+
|
|
102
|
+
### Images
|
|
103
|
+
|
|
104
|
+
There are two parameters responsible for displaying images: *image* and *responsiveImage*. The first one should have string value equal to the relative path to the image to display in a post (and post-feed / discography preview) if *responsiveImage* is not set. This path will always be used for *clickToEnlargeImages* functionality too. The *responsiveImage* is an array of objects that will be transpiled to img in DOM property *srcset*. Each object should contain two properties:
|
|
105
|
+
|
|
106
|
+
* *src* - path to the file
|
|
107
|
+
* *size* - image's intrinsic width in pixels
|
|
108
|
+
|
|
109
|
+
It's recommended to use *responsiveImage* for responsible image loading.
|
|
110
|
+
|
|
111
|
+
### Embedding media
|
|
112
|
+
|
|
113
|
+
Each post can have it's own associated player. Information on how to embed the player should be described under *embed\_player* parameter. Each player should have at least two parameters: *src* and *type*, where *type* will define on how to fill *src*. Supported types:
|
|
114
|
+
|
|
115
|
+
* soundcloud - src should be full url to song
|
|
116
|
+
* bandcamp - on a "embed song" option on bandcamp, everything after *EmbeddedPlayer/* in generated code should be put to src parameter in front matter
|
|
117
|
+
* spotify - src should be id of the song. It can be acquired via "copy song link", e.g. for url https://open.spotify.com/track/67IdIp2ij8oqTFsSguvy2I?si=f735480b74414902 the src should be 67IdIp2ij8oqTFsSguvy2I
|
|
118
|
+
* spotifyalbum - same as "spotify", but src id of an album
|
|
119
|
+
* spotifyplaylist - same as "spotify", but src id of a playlist
|
|
120
|
+
* spotifyepisode - same as "spotify", but src id of a podcast episode
|
|
121
|
+
* spotifyshow - same as "spotify", but src if of a podcast serie (show)
|
|
122
|
+
* youtube - src should be the *v* uri parameter, e.g. for url https://www.youtube.com/watch?v=dfdruxvE9-0 the src should be dfdruxvE9-0
|
|
123
|
+
* anchor.fm - src is the full episode name (e.g. for URL https://anchor.fm/sucias/episodes/Not-All-Men-e15v6dv src should be Not-All-Men-e15v6dv)
|
|
124
|
+
* audio_file - src should be path to file. Additionaly, required properties are name of the song (it will display in player) and boolean value *is\_relative\_url* (for easy access to files served from the same domain)
|
|
125
|
+
|
|
126
|
+
## Contributing
|
|
127
|
+
|
|
128
|
+
Bug reports and pull requests are welcome on [GitHub](https://github.com/ItsPatrq/minimal-music-project). This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
|
|
129
|
+
|
|
130
|
+
## Development
|
|
131
|
+
|
|
132
|
+
To set up your environment to develop this theme, run `bundle install`.
|
|
133
|
+
|
|
134
|
+
Your theme is setup just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
|
|
135
|
+
|
|
136
|
+
When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
|
|
137
|
+
To add a custom directory to your theme-gem, please edit the regexp in `minimal-music-project.gemspec` accordingly.
|
|
138
|
+
|
|
139
|
+
## License
|
|
140
|
+
|
|
141
|
+
The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
|
|
142
|
+
Custom Volume Slider was developed with the fundaments based on [codepen project](https://codepen.io/EmNudge/pen/rRbLJQ), thus this component is licensed under [Copyright (c) 2021 by EmNudge](https://codepen.io/EmNudge/pen/rRbLJQ).
|
data/_config.yml
CHANGED
|
@@ -1,38 +1,38 @@
|
|
|
1
|
-
title: minimal-music-project
|
|
2
|
-
tagline: A site showing the usage of Jekyll custom theme
|
|
3
|
-
email: email@example.com
|
|
4
|
-
description: >-
|
|
5
|
-
This website was created as a demonstration for Jekyll custom theme
|
|
6
|
-
named minimal-music-project. Its main feature is to make it easy to create
|
|
7
|
-
websites for music projects
|
|
8
|
-
url: "https://
|
|
9
|
-
author:
|
|
10
|
-
twitter:
|
|
11
|
-
username:
|
|
12
|
-
card: summary
|
|
13
|
-
plugins:
|
|
14
|
-
- jekyll-seo-tag
|
|
15
|
-
- jekyll-feed
|
|
16
|
-
- jekyll-sitemap
|
|
17
|
-
- jekyll-paginate-v2
|
|
18
|
-
# Build settings
|
|
19
|
-
markdown: kramdown
|
|
20
|
-
remote_theme:
|
|
21
|
-
permalink: /:title.html
|
|
22
|
-
pagination:
|
|
23
|
-
enabled: true
|
|
24
|
-
per_page: 4
|
|
25
|
-
limit: 0
|
|
26
|
-
sort_field: 'date'
|
|
27
|
-
sort_reverse: true
|
|
28
|
-
|
|
29
|
-
exclude:
|
|
30
|
-
- CHANGELOG.md
|
|
31
|
-
- CNAME
|
|
32
|
-
- Gemfile
|
|
33
|
-
- Gemfile.lock
|
|
34
|
-
- LICENSE
|
|
35
|
-
- README.md
|
|
36
|
-
- screenshot.png
|
|
37
|
-
- docs/
|
|
38
|
-
- node_modules
|
|
1
|
+
title: minimal-music-project
|
|
2
|
+
tagline: A site showing the usage of Jekyll custom theme
|
|
3
|
+
email: email@example.com
|
|
4
|
+
description: >-
|
|
5
|
+
This website was created as a demonstration for Jekyll custom theme
|
|
6
|
+
named minimal-music-project. Its main feature is to make it easy to create
|
|
7
|
+
websites for music projects
|
|
8
|
+
url: "https://itspatrq.github.io" # the base hostname & protocol for your site, e.g. http://example.com
|
|
9
|
+
author: itspatrq
|
|
10
|
+
twitter:
|
|
11
|
+
username: itspatrq
|
|
12
|
+
card: summary
|
|
13
|
+
plugins:
|
|
14
|
+
- jekyll-seo-tag
|
|
15
|
+
- jekyll-feed
|
|
16
|
+
- jekyll-sitemap
|
|
17
|
+
- jekyll-paginate-v2
|
|
18
|
+
# Build settings
|
|
19
|
+
markdown: kramdown
|
|
20
|
+
remote_theme: ItsPatrq/minimal-music-project
|
|
21
|
+
permalink: /:title.html
|
|
22
|
+
pagination:
|
|
23
|
+
enabled: true
|
|
24
|
+
per_page: 4
|
|
25
|
+
limit: 0
|
|
26
|
+
sort_field: 'date'
|
|
27
|
+
sort_reverse: true
|
|
28
|
+
|
|
29
|
+
exclude:
|
|
30
|
+
- CHANGELOG.md
|
|
31
|
+
- CNAME
|
|
32
|
+
- Gemfile
|
|
33
|
+
- Gemfile.lock
|
|
34
|
+
- LICENSE
|
|
35
|
+
- README.md
|
|
36
|
+
- screenshot.png
|
|
37
|
+
- docs/
|
|
38
|
+
- node_modules
|
data/_data/customs.yml
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
custom-css:
|
|
2
|
-
|
|
1
|
+
custom-css:
|
|
2
|
+
|
|
3
3
|
custom-js:
|
data/_data/menu.yml
CHANGED
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
menu_pages:
|
|
2
|
-
- title: Home
|
|
3
|
-
url: /
|
|
4
|
-
category: home
|
|
5
|
-
|
|
6
|
-
- title: Discography
|
|
7
|
-
url: /discography/
|
|
8
|
-
category: discography
|
|
9
|
-
tooltip: Discography tooltip
|
|
10
|
-
|
|
11
|
-
- title: Collaborations
|
|
12
|
-
url: /collaborations/
|
|
13
|
-
category: collaborations
|
|
14
|
-
tooltip: Collaborations tooltip
|
|
15
|
-
|
|
16
|
-
- title: About
|
|
17
|
-
url: about.html
|
|
18
|
-
category: about
|
|
19
|
-
tooltip: This is about
|
|
20
|
-
|
|
21
|
-
menu_contacts:
|
|
22
|
-
- faicon: fab fa-soundcloud
|
|
23
|
-
url:
|
|
24
|
-
target: _blank
|
|
25
|
-
- faicon: fab fa-twitter
|
|
26
|
-
url:
|
|
27
|
-
target: _blank
|
|
28
|
-
- faicon: fas fa-envelope
|
|
29
|
-
url:
|
|
30
|
-
target:
|
|
31
|
-
- faicon: fas fa-rss
|
|
32
|
-
url: /feed.xml
|
|
1
|
+
menu_pages:
|
|
2
|
+
- title: Home
|
|
3
|
+
url: /
|
|
4
|
+
category: home
|
|
5
|
+
|
|
6
|
+
- title: Discography
|
|
7
|
+
url: /discography/
|
|
8
|
+
category: discography
|
|
9
|
+
tooltip: Discography tooltip
|
|
10
|
+
|
|
11
|
+
- title: Collaborations
|
|
12
|
+
url: /collaborations/
|
|
13
|
+
category: collaborations
|
|
14
|
+
tooltip: Collaborations tooltip
|
|
15
|
+
|
|
16
|
+
- title: About
|
|
17
|
+
url: about.html
|
|
18
|
+
category: about
|
|
19
|
+
tooltip: This is about
|
|
20
|
+
|
|
21
|
+
menu_contacts:
|
|
22
|
+
- faicon: fab fa-soundcloud
|
|
23
|
+
url:
|
|
24
|
+
target: _blank
|
|
25
|
+
- faicon: fab fa-twitter
|
|
26
|
+
url:
|
|
27
|
+
target: _blank
|
|
28
|
+
- faicon: fas fa-envelope
|
|
29
|
+
url:
|
|
30
|
+
target:
|
|
31
|
+
- faicon: fas fa-rss
|
|
32
|
+
url: /feed.xml
|
|
33
33
|
target: _blank
|
data/_data/metaData.yml
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
author: Site Author
|
|
2
|
-
logo: assets/img/band_logo.png
|
|
3
|
-
clickToEnlargeImages: True
|
|
4
|
-
lang: en
|
|
5
|
-
cookies:
|
|
6
|
-
enabled: True
|
|
7
|
-
message: This site might be using cookies! Customize your message or disable cookies in metaData.yml!
|
|
8
|
-
agreeButtonText: Yes, I agree
|
|
9
|
-
disagreeButtonText: No, take me to settings
|
|
10
|
-
agreeButtonFnName: cookiesAcceptDefaultFn
|
|
11
|
-
disagreeButtonFnName: cookiesDisagreeDefaultFn
|
|
12
|
-
header: Ask your users if they agree to cookies
|
|
13
|
-
consent:
|
|
14
|
-
- name: Google Analytics
|
|
15
|
-
description: some description describing the purpose of this consent as well as what it will collect and where send
|
|
16
|
-
cookieName: GA
|
|
17
|
-
- name: Some other cookie that is always true
|
|
18
|
-
description: some description describing the purpose of this consent as well as what it will collect and where send
|
|
19
|
-
cookieName: SA
|
|
20
|
-
alwaysAgree: true
|
|
1
|
+
author: Site Author
|
|
2
|
+
logo: assets/img/band_logo.png
|
|
3
|
+
clickToEnlargeImages: True
|
|
4
|
+
lang: en
|
|
5
|
+
cookies:
|
|
6
|
+
enabled: True
|
|
7
|
+
message: This site might be using cookies! Customize your message or disable cookies in metaData.yml!
|
|
8
|
+
agreeButtonText: Yes, I agree
|
|
9
|
+
disagreeButtonText: No, take me to settings
|
|
10
|
+
agreeButtonFnName: cookiesAcceptDefaultFn
|
|
11
|
+
disagreeButtonFnName: cookiesDisagreeDefaultFn
|
|
12
|
+
header: Ask your users if they agree to cookies
|
|
13
|
+
consent:
|
|
14
|
+
- name: Google Analytics
|
|
15
|
+
description: some description describing the purpose of this consent as well as what it will collect and where send
|
|
16
|
+
cookieName: GA
|
|
17
|
+
- name: Some other cookie that is always true
|
|
18
|
+
description: some description describing the purpose of this consent as well as what it will collect and where send
|
|
19
|
+
cookieName: SA
|
|
20
|
+
alwaysAgree: true
|
data/_includes/common-head.html
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
<meta charset="utf-8">
|
|
2
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
3
|
-
<link rel="stylesheet" href="{{ '/assets/styles/styles.css' | relative_url }}">
|
|
4
|
-
<link rel="stylesheet" href="https://indestructibletype.com/fonts/Jost.css" type="text/css" charset="utf-8" />
|
|
5
|
-
<script src="https://kit.fontawesome.com/79c31398dc.js" crossorigin="anonymous"></script>
|
|
6
|
-
|
|
7
|
-
<!-- favicon -->
|
|
8
|
-
<link rel="apple-touch-icon" sizes="180x180" href="{{ '/assets/img/apple-touch-icon.png' | relative_url }}">
|
|
9
|
-
<link rel="icon" type="image/png" sizes="32x32" href="{{ '/assets/img/favicon-32x32.png' | relative_url }}">
|
|
10
|
-
<link rel="icon" type="image/png" sizes="16x16" href="{{ '/assets/img/favicon-16x16.png' | relative_url }}">
|
|
11
|
-
<link rel="manifest" href="{{ '/assets/img/site.webmanifest' | relative_url }}">
|
|
12
|
-
<link rel="mask-icon" href="{{ '/assets/img/safari-pinned-tab.svg'| relative_url }}" color="#5bbad5">
|
|
13
|
-
<link rel="shortcut icon" href="{{'/assets/img/favicon.ico' | relative_url }}">
|
|
14
|
-
<meta name="msapplication-TileColor" content="#da532c">
|
|
15
|
-
<meta name="msapplication-config" content="{{ '/assets/img/browserconfig.xml' | relative_url }}">
|
|
16
|
-
<meta name="theme-color" content="#ffffff">
|
|
17
|
-
|
|
18
|
-
<!-- feed -->
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
{% include customizationsStyles.html %}
|
|
22
|
-
{% seo %}
|
|
1
|
+
<meta charset="utf-8">
|
|
2
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
3
|
+
<link rel="stylesheet" href="{{ '/assets/styles/styles.css' | relative_url }}">
|
|
4
|
+
<link rel="stylesheet" href="https://indestructibletype.com/fonts/Jost.css" type="text/css" charset="utf-8" />
|
|
5
|
+
<script src="https://kit.fontawesome.com/79c31398dc.js" crossorigin="anonymous"></script>
|
|
6
|
+
|
|
7
|
+
<!-- favicon -->
|
|
8
|
+
<link rel="apple-touch-icon" sizes="180x180" href="{{ '/assets/img/apple-touch-icon.png' | relative_url }}">
|
|
9
|
+
<link rel="icon" type="image/png" sizes="32x32" href="{{ '/assets/img/favicon-32x32.png' | relative_url }}">
|
|
10
|
+
<link rel="icon" type="image/png" sizes="16x16" href="{{ '/assets/img/favicon-16x16.png' | relative_url }}">
|
|
11
|
+
<link rel="manifest" href="{{ '/assets/img/site.webmanifest' | relative_url }}">
|
|
12
|
+
<link rel="mask-icon" href="{{ '/assets/img/safari-pinned-tab.svg'| relative_url }}" color="#5bbad5">
|
|
13
|
+
<link rel="shortcut icon" href="{{'/assets/img/favicon.ico' | relative_url }}">
|
|
14
|
+
<meta name="msapplication-TileColor" content="#da532c">
|
|
15
|
+
<meta name="msapplication-config" content="{{ '/assets/img/browserconfig.xml' | relative_url }}">
|
|
16
|
+
<meta name="theme-color" content="#ffffff">
|
|
17
|
+
|
|
18
|
+
<!-- feed -->
|
|
19
|
+
{% feed_meta %}
|
|
20
|
+
|
|
21
|
+
{% include customizationsStyles.html %}
|
|
22
|
+
{% seo %}
|