minimal-music-project 0.0.5 → 0.1.1

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.
Files changed (52) hide show
  1. checksums.yaml +4 -4
  2. data/404.html +11 -11
  3. data/LICENSE.txt +21 -21
  4. data/README.md +131 -74
  5. data/_config.yml +37 -38
  6. data/_data/customs.yml +2 -2
  7. data/_data/menu.yml +32 -32
  8. data/_data/metaData.yml +19 -6
  9. data/_includes/common-head.html +21 -21
  10. data/_includes/common.js +78 -0
  11. data/_includes/cookies.js +62 -28
  12. data/_includes/customizationsScripts.html +7 -0
  13. data/_includes/customizationsStyles.html +7 -0
  14. data/_includes/discography-entry-metadata.html +77 -80
  15. data/_includes/discography-entry.html +37 -24
  16. data/_includes/footer.html +9 -9
  17. data/_includes/menu.html +35 -30
  18. data/_includes/music-player.html +123 -122
  19. data/_includes/pagination-buttons.html +13 -13
  20. data/_includes/read-more.html +12 -11
  21. data/_layouts/cookies.html +29 -0
  22. data/_layouts/default.html +21 -17
  23. data/_layouts/discography.html +15 -15
  24. data/_layouts/post.html +34 -24
  25. data/_layouts/posts_feed.html +68 -55
  26. data/_sass/minimal-music-project.scss +1 -1
  27. data/_sass/styles/_cookies.scss +60 -52
  28. data/_sass/styles/_defaults.scss +165 -137
  29. data/_sass/styles/_discography.scss +41 -43
  30. data/_sass/styles/_embedded-player.scss +9 -0
  31. data/_sass/styles/_index.scss +10 -8
  32. data/_sass/styles/_layout.scss +49 -49
  33. data/_sass/styles/_menu.scss +161 -91
  34. data/_sass/styles/_modal.scss +23 -0
  35. data/_sass/styles/_music-player.scss +91 -91
  36. data/_sass/styles/_post.scss +94 -91
  37. data/_sass/styles/_posts_feed.scss +73 -58
  38. data/_sass/variables/_colors.scss +5 -4
  39. data/_sass/variables/_index.scss +2 -2
  40. data/_sass/variables/_layout.scss +27 -26
  41. data/_sass/variables/_mixins.scss +54 -46
  42. data/assets/img/300.png +0 -0
  43. data/assets/img/600.png +0 -0
  44. data/assets/img/browserconfig.xml +9 -9
  45. data/assets/img/safari-pinned-tab.svg +38 -38
  46. data/assets/img/site.webmanifest +19 -19
  47. data/assets/styles/styles.scss +7 -7
  48. data/pages/about.html +65 -36
  49. data/pages/cookies.html +9 -0
  50. data/pages/privacyPolicy.html +10 -0
  51. metadata +13 -4
  52. data/_includes/customizations.html +0 -15
data/_sass/styles/_posts_feed.scss CHANGED
@@ -1,59 +1,74 @@
1
- $image-dim: 192px;
2
-
3
- .post-feed {
4
- display: flex;
5
- flex-direction: column;
6
- flex-wrap: wrap;
7
- justify-content: flex-start;
8
- align-items: flex-start;
9
- color: $p_text;
10
- article {
11
- width: 100%;
12
- position: relative;
13
- }
14
- h1 {
15
- flex: 0;
16
- margin: auto;
17
- display: flex;
18
- align-items: center;
19
- }
20
- h2 {
21
- margin-bottom: 0.5em;
22
- }
23
- a {
24
- line-height: 1.1em;
25
- &:hover {
26
- text-decoration: underline $black;
27
- }
28
- }
29
- .article-date {
30
- font-size: 0.8em;
31
- margin-top: -0.5em;
32
- opacity: 0.5;
33
- text-align: right;
34
- }
35
-
36
- figure {
37
- width: max-content;
38
- margin: auto;
39
- margin-bottom: 0.5em;
40
- max-width: 100%;
41
- }
42
-
43
- &_image {
44
- max-width: 100%;
45
- max-height: 80vh;
46
- border: 0;
47
- margin: auto;
48
- }
49
-
50
-
51
- .discography-album {
52
- &_title {
53
- display: none;
54
- }
55
- &_summary {
56
- margin-top: 3vw;;
57
- }
58
- }
1
+ $image-dim: 192px;
2
+
3
+ .post-feed {
4
+ display: flex;
5
+ flex-direction: column;
6
+ flex-wrap: wrap;
7
+ justify-content: flex-start;
8
+ align-items: flex-start;
9
+ color: $p_text;
10
+ hr {
11
+ margin-bottom: 0.25em;
12
+ @include mobile {
13
+ &:first-of-type {
14
+ margin-top: 0;
15
+ }
16
+ }
17
+ }
18
+ article {
19
+ width: 100%;
20
+ position: relative;
21
+ }
22
+ h1 {
23
+ flex: 0;
24
+ margin: auto;
25
+ display: flex;
26
+ align-items: center;
27
+ }
28
+ h2 {
29
+ margin-bottom: 0.5em;
30
+ }
31
+ a {
32
+ line-height: 1.1em;
33
+ text-decoration: underline;
34
+ text-decoration-color: transparent;
35
+ transition: 0.4s;
36
+ -webkit-text-decoration-color: transparent;
37
+ -moz-text-decoration-color: transparent;
38
+ &:hover {
39
+ text-decoration-color: $black;
40
+ -webkit-text-decoration-color: $black;
41
+ -moz-text-decoration-color: $black;
42
+ }
43
+ }
44
+ .article-date {
45
+ font-size: 0.8em;
46
+ margin-top: -0.5em;
47
+ opacity: 0.5;
48
+ text-align: right;
49
+ }
50
+
51
+ figure {
52
+ width: max-content;
53
+ margin: auto;
54
+ margin-bottom: 0.5em;
55
+ max-width: 100%;
56
+ }
57
+
58
+ &_image {
59
+ max-width: 100%;
60
+ max-height: 80vh;
61
+ border: 0;
62
+ margin: auto;
63
+ }
64
+
65
+
66
+ .discography-album {
67
+ &_title {
68
+ display: none;
69
+ }
70
+ &_summary {
71
+ margin-top: 3vw;;
72
+ }
73
+ }
59
74
  }
data/_sass/variables/_colors.scss CHANGED
@@ -1,4 +1,5 @@
1
- $black: #000000;
2
- $white: #FFF;
3
- $hyperlink: #2d00a8;
4
- $p_text: #000000;
1
+ $black: #000000;
2
+ $white: #FFF;
3
+ $hyperlink: #290099;
4
+ $p_text: #000000;
5
+ $p_light: #888888;
data/_sass/variables/_index.scss CHANGED
@@ -1,3 +1,3 @@
1
- @import './colors';
2
- @import './layout';
1
+ @import './colors';
2
+ @import './layout';
3
3
  @import './mixins';
data/_sass/variables/_layout.scss CHANGED
@@ -1,27 +1,28 @@
1
- $tablet-width: 768px;
2
- $desktop-width: 1024px;
3
- $menu-size: 200px;
4
- $minimal-menu-size: 50px;
5
- $gap: 30px;
6
- $pop-ups-z-1: 100;
7
-
8
- $content-width-desktop: calc(100% - #{$menu-size});
9
- $content-width-desktop-minimal-menu: calc(100% - #{$minimal-menu-size});
10
-
11
- @mixin tablet {
12
- @media only screen and (min-width: #{$tablet-width}) and (max-width: #{$desktop-width - 1px}) {
13
- @content;
14
- }
15
- }
16
-
17
- @mixin desktop {
18
- @media only screen and (min-width: #{$desktop-width}) {
19
- @content;
20
- }
21
- }
22
-
23
- @mixin mobile {
24
- @media only screen and (max-device-width: #{$tablet-width - 1px}) {
25
- @content;
26
- }
1
+ $tablet-width: 768px;
2
+ $desktop-width: 1024px;
3
+ $menu-size: 240px;
4
+ $mobile-menu-height: 75px;
5
+ $minimal-menu-size: 50px;
6
+ $gap: 30px;
7
+ $pop-ups-z-1: 100;
8
+
9
+ $content-width-desktop: calc(100% - #{$menu-size});
10
+ $content-width-desktop-minimal-menu: calc(100% - #{$minimal-menu-size});
11
+
12
+ @mixin tablet {
13
+ @media only screen and (min-width: #{$tablet-width}) and (max-width: #{$desktop-width - 1px}) {
14
+ @content;
15
+ }
16
+ }
17
+
18
+ @mixin desktop {
19
+ @media only screen and (min-width: #{$desktop-width}) {
20
+ @content;
21
+ }
22
+ }
23
+
24
+ @mixin mobile {
25
+ @media only screen and (max-device-width: #{$tablet-width - 1px}) {
26
+ @content;
27
+ }
27
28
  }
data/_sass/variables/_mixins.scss CHANGED
@@ -1,47 +1,55 @@
1
- @mixin tooltip {
2
- position: relative;
3
- &:hover .tooltip {
4
- visibility: visible;
5
- opacity: 1;
6
- }
7
- & .tooltip {
8
- visibility: hidden;
9
- width: 120px;
10
- background-color: #555;
11
- color: #fff;
12
- text-align: center;
13
- border-radius: 6px;
14
- padding: 5px 0;
15
- position: absolute;
16
- z-index: 1;
17
- bottom: 100%;
18
- left: 50%;
19
- margin-left: -60px;
20
- opacity: 0;
21
- transition: opacity 0.3s;
22
- font-size: 14px;
23
- &::after {
24
- content: "";
25
- position: absolute;
26
- top: 100%;
27
- left: 50%;
28
- margin-left: -5px;
29
- border-width: 5px;
30
- border-style: solid;
31
- border-color: #555 transparent transparent transparent;
32
- }
33
- }
34
- }
35
-
36
- @mixin hyperlink-convention {
37
- a {
38
- transition: all 300ms ease 0s;
39
- cursor: pointer;
40
- text-decoration-line: none;
41
- color: $hyperlink;
42
- &:hover {
43
- text-decoration: underline $hyperlink;
44
-
45
- }
46
- }
1
+ @mixin underline-on-hover($underline-color) {
2
+ text-decoration: underline;
3
+ text-decoration-color: transparent;
4
+ transition: 0.4s;
5
+ -webkit-text-decoration-color: transparent;
6
+ -moz-text-decoration-color: transparent;
7
+ &:hover {
8
+ text-decoration-color: $underline-color;
9
+ -webkit-text-decoration-color: $underline-color;
10
+ -moz-text-decoration-color: $underline-color;
11
+ }
12
+ }
13
+
14
+ @mixin tooltip {
15
+ position: relative;
16
+ &:hover .tooltip {
17
+ visibility: visible;
18
+ opacity: 1;
19
+ }
20
+ & .tooltip {
21
+ visibility: hidden;
22
+ width: 120px;
23
+ background-color: #555;
24
+ color: #fff;
25
+ text-align: center;
26
+ border-radius: 6px;
27
+ padding: 5px 0;
28
+ position: absolute;
29
+ z-index: 1;
30
+ bottom: 100%;
31
+ left: 50%;
32
+ margin-left: -60px;
33
+ opacity: 0;
34
+ transition: opacity 0.3s;
35
+ font-size: 14px;
36
+ &::after {
37
+ content: "";
38
+ position: absolute;
39
+ top: 100%;
40
+ left: 50%;
41
+ margin-left: -5px;
42
+ border-width: 5px;
43
+ border-style: solid;
44
+ border-color: #555 transparent transparent transparent;
45
+ }
46
+ }
47
+ }
48
+
49
+ @mixin hyperlink-convention {
50
+ a {
51
+ cursor: pointer;
52
+ @include underline-on-hover($hyperlink);
53
+ color: $hyperlink;
54
+ }
47
55
  }
data/assets/img/300.png ADDED
Binary file
data/assets/img/600.png ADDED
Binary file
data/assets/img/browserconfig.xml CHANGED
@@ -1,9 +1,9 @@
1
- <?xml version="1.0" encoding="utf-8"?>
2
- <browserconfig>
3
- <msapplication>
4
- <tile>
5
- <square150x150logo src="/assets/img/mstile-150x150.png"/>
6
- <TileColor>#da532c</TileColor>
7
- </tile>
8
- </msapplication>
9
- </browserconfig>
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <browserconfig>
3
+ <msapplication>
4
+ <tile>
5
+ <square150x150logo src="/assets/img/mstile-150x150.png"/>
6
+ <TileColor>#da532c</TileColor>
7
+ </tile>
8
+ </msapplication>
9
+ </browserconfig>
data/assets/img/safari-pinned-tab.svg CHANGED
@@ -1,38 +1,38 @@
1
- <?xml version="1.0" standalone="no"?>
2
- <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
3
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
4
- <svg version="1.0" xmlns="http://www.w3.org/2000/svg"
5
- width="260.000000pt" height="260.000000pt" viewBox="0 0 260.000000 260.000000"
6
- preserveAspectRatio="xMidYMid meet">
7
- <metadata>
8
- Created by potrace 1.11, written by Peter Selinger 2001-2013
9
- </metadata>
10
- <g transform="translate(0.000000,260.000000) scale(0.100000,-0.100000)"
11
- fill="#000000" stroke="none">
12
- <path d="M164 1906 c-72 -49 -107 -92 -94 -117 6 -10 15 -19 20 -19 5 0 56
13
- -79 114 -176 l106 -176 -38 -65 c-20 -35 -41 -72 -47 -81 -5 -10 -38 -65 -72
14
- -122 -34 -58 -78 -123 -97 -144 -20 -22 -37 -44 -37 -50 -5 -41 10 -55 98 -97
15
- 82 -38 128 -39 146 -1 8 15 17 41 20 58 5 25 123 241 147 267 10 12 142 -216
16
- 160 -277 22 -72 51 -81 127 -41 30 17 68 45 84 63 25 28 27 36 18 60 -6 15
17
- -23 41 -38 57 -16 17 -72 107 -125 202 l-97 171 101 149 c57 81 120 163 142
18
- 182 46 40 63 74 48 101 -6 11 -44 36 -84 56 -57 28 -81 35 -103 29 -35 -8 -53
19
- -23 -53 -42 0 -13 -167 -263 -175 -263 -2 0 -105 182 -164 290 -15 27 -54 22
20
- -107 -14z"/>
21
- <path d="M1024 1906 c-72 -49 -107 -92 -94 -117 6 -10 15 -19 20 -19 11 0 222
22
- -349 217 -358 -43 -80 -225 -377 -241 -394 -46 -47 -59 -74 -44 -98 17 -29
23
- 146 -90 189 -90 38 0 61 27 72 86 5 25 123 241 147 267 10 12 148 -226 159
24
- -275 18 -79 59 -87 148 -29 100 65 109 96 44 166 -16 17 -72 107 -126 202
25
- l-97 172 65 93 c35 51 84 122 108 157 24 35 53 68 65 73 12 6 31 27 43 49 30
26
- 52 19 69 -73 115 -57 28 -81 35 -103 29 -34 -8 -53 -23 -53 -42 0 -12 -103
27
- -170 -159 -242 l-18 -23 -77 138 c-42 77 -80 146 -85 154 -15 27 -54 22 -107
28
- -14z"/>
29
- <path d="M1874 1906 c-72 -49 -107 -92 -94 -117 6 -10 15 -19 20 -19 5 0 46
30
- -62 91 -137 44 -76 92 -155 106 -175 l25 -37 -108 -186 c-60 -103 -121 -199
31
- -136 -215 -75 -80 -69 -104 35 -154 93 -45 141 -48 160 -8 8 15 17 41 20 58 5
32
- 25 123 241 147 267 10 12 146 -221 162 -279 19 -70 50 -79 124 -39 113 61 131
33
- 105 71 172 -19 21 -78 115 -131 210 l-98 172 108 156 c60 86 120 164 135 172
34
- 30 18 61 75 53 97 -8 21 -73 61 -130 81 -60 21 -99 10 -115 -32 -9 -25 -111
35
- -181 -158 -242 l-18 -23 -77 138 c-42 77 -80 146 -85 154 -15 27 -54 22 -107
36
- -14z"/>
37
- </g>
38
- </svg>
1
+ <?xml version="1.0" standalone="no"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
3
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
4
+ <svg version="1.0" xmlns="http://www.w3.org/2000/svg"
5
+ width="260.000000pt" height="260.000000pt" viewBox="0 0 260.000000 260.000000"
6
+ preserveAspectRatio="xMidYMid meet">
7
+ <metadata>
8
+ Created by potrace 1.11, written by Peter Selinger 2001-2013
9
+ </metadata>
10
+ <g transform="translate(0.000000,260.000000) scale(0.100000,-0.100000)"
11
+ fill="#000000" stroke="none">
12
+ <path d="M164 1906 c-72 -49 -107 -92 -94 -117 6 -10 15 -19 20 -19 5 0 56
13
+ -79 114 -176 l106 -176 -38 -65 c-20 -35 -41 -72 -47 -81 -5 -10 -38 -65 -72
14
+ -122 -34 -58 -78 -123 -97 -144 -20 -22 -37 -44 -37 -50 -5 -41 10 -55 98 -97
15
+ 82 -38 128 -39 146 -1 8 15 17 41 20 58 5 25 123 241 147 267 10 12 142 -216
16
+ 160 -277 22 -72 51 -81 127 -41 30 17 68 45 84 63 25 28 27 36 18 60 -6 15
17
+ -23 41 -38 57 -16 17 -72 107 -125 202 l-97 171 101 149 c57 81 120 163 142
18
+ 182 46 40 63 74 48 101 -6 11 -44 36 -84 56 -57 28 -81 35 -103 29 -35 -8 -53
19
+ -23 -53 -42 0 -13 -167 -263 -175 -263 -2 0 -105 182 -164 290 -15 27 -54 22
20
+ -107 -14z"/>
21
+ <path d="M1024 1906 c-72 -49 -107 -92 -94 -117 6 -10 15 -19 20 -19 11 0 222
22
+ -349 217 -358 -43 -80 -225 -377 -241 -394 -46 -47 -59 -74 -44 -98 17 -29
23
+ 146 -90 189 -90 38 0 61 27 72 86 5 25 123 241 147 267 10 12 148 -226 159
24
+ -275 18 -79 59 -87 148 -29 100 65 109 96 44 166 -16 17 -72 107 -126 202
25
+ l-97 172 65 93 c35 51 84 122 108 157 24 35 53 68 65 73 12 6 31 27 43 49 30
26
+ 52 19 69 -73 115 -57 28 -81 35 -103 29 -34 -8 -53 -23 -53 -42 0 -12 -103
27
+ -170 -159 -242 l-18 -23 -77 138 c-42 77 -80 146 -85 154 -15 27 -54 22 -107
28
+ -14z"/>
29
+ <path d="M1874 1906 c-72 -49 -107 -92 -94 -117 6 -10 15 -19 20 -19 5 0 46
30
+ -62 91 -137 44 -76 92 -155 106 -175 l25 -37 -108 -186 c-60 -103 -121 -199
31
+ -136 -215 -75 -80 -69 -104 35 -154 93 -45 141 -48 160 -8 8 15 17 41 20 58 5
32
+ 25 123 241 147 267 10 12 146 -221 162 -279 19 -70 50 -79 124 -39 113 61 131
33
+ 105 71 172 -19 21 -78 115 -131 210 l-98 172 108 156 c60 86 120 164 135 172
34
+ 30 18 61 75 53 97 -8 21 -73 61 -130 81 -60 21 -99 10 -115 -32 -9 -25 -111
35
+ -181 -158 -242 l-18 -23 -77 138 c-42 77 -80 146 -85 154 -15 27 -54 22 -107
36
+ -14z"/>
37
+ </g>
38
+ </svg>
data/assets/img/site.webmanifest CHANGED
@@ -1,19 +1,19 @@
1
- {
2
- "name": "",
3
- "short_name": "",
4
- "icons": [
5
- {
6
- "src": "/assets/img/android-chrome-192x192.png",
7
- "sizes": "192x192",
8
- "type": "image/png"
9
- },
10
- {
11
- "src": "/assets/img/android-chrome-256x256.png",
12
- "sizes": "256x256",
13
- "type": "image/png"
14
- }
15
- ],
16
- "theme_color": "#ffffff",
17
- "background_color": "#ffffff",
18
- "display": "standalone"
19
- }
1
+ {
2
+ "name": "",
3
+ "short_name": "",
4
+ "icons": [
5
+ {
6
+ "src": "/assets/img/android-chrome-192x192.png",
7
+ "sizes": "192x192",
8
+ "type": "image/png"
9
+ },
10
+ {
11
+ "src": "/assets/img/android-chrome-256x256.png",
12
+ "sizes": "256x256",
13
+ "type": "image/png"
14
+ }
15
+ ],
16
+ "theme_color": "#ffffff",
17
+ "background_color": "#ffffff",
18
+ "display": "standalone"
19
+ }
data/assets/styles/styles.scss CHANGED
@@ -1,8 +1,8 @@
1
- ---
2
- ---
3
- // {% if site.data.metaData.lightTheme %}
4
- // @import "./variables/light-theme";
5
- // {% else %}
6
- // @import "./variables/black-theme";
7
- // {% endif %}
1
+ ---
2
+ ---
3
+ // {% if site.data.metaData.lightTheme %}
4
+ // @import "./variables/light-theme";
5
+ // {% else %}
6
+ // @import "./variables/black-theme";
7
+ // {% endif %}
8
8
  @import "minimal-music-project";
data/pages/about.html CHANGED
@@ -1,36 +1,65 @@
1
- ---
2
- layout: default
3
- title: About
4
- permalink: about.html
5
- category: about
6
-
7
- ---
8
- <div class="content-container about">
9
- <h1>About</h1>
10
- It's a good place to write something about the project!
11
-
12
- <hr />
13
- <p>
14
- Listen and get music from this example project at:
15
- <ul>
16
- <li>
17
- <a>
18
- YouTube
19
- <i class="fab fa-youtube" ></i>
20
- </a>
21
- </li>
22
- <li>
23
- <a>
24
- SoundCloud
25
- <i class="fab fa-soundcloud" ></i>
26
- </a>
27
- </li>
28
- <li>
29
- <a>
30
- BandCamp
31
- <i class="fab fa-bandcamp" ></i>
32
- </a>
33
- </li>
34
- </ul>
35
- </p>
36
- </div>
1
+ ---
2
+ layout: default
3
+ title: About
4
+ permalink: about.html
5
+ category: about
6
+ ---
7
+ <div class="content-container about">
8
+ <h1>About</h1>
9
+ It's a good place to write something about the project. This projects repository is located on <a
10
+ href="https://github.com/ItsMeaga1n/minimal-music-project" target="_blank">GitHub</a>. Since you are here, feel
11
+ free to check out my other stuff either on <a href="https://github.com/ItsMeaga1n" target="_blank">GitHub</a> or on
12
+ my <a href="http://itsmeaga1n.github.io" target="_blank">blog</a>!
13
+
14
+ <hr />
15
+ <p>
16
+ Listen and get music from this example project at:
17
+ <ul>
18
+ <li>
19
+ <a>
20
+ YouTube
21
+ <i class="fab fa-youtube"></i>
22
+ </a>
23
+ </li>
24
+ <li>
25
+ <a>
26
+ SoundCloud
27
+ <i class="fab fa-soundcloud"></i>
28
+ </a>
29
+ </li>
30
+ <li>
31
+ <a>
32
+ BandCamp
33
+ <i class="fab fa-bandcamp"></i>
34
+ </a>
35
+ </li>
36
+ </ul>
37
+ </p>
38
+ <hr />
39
+ <a href="/privacy-policy">
40
+ Privacy Policy
41
+ </a>
42
+ /
43
+ <a href="/cookies">
44
+ Cookies
45
+ </a>
46
+ </div>
47
+
48
+ <style>
49
+ a {
50
+ text-decoration: underline;
51
+ text-decoration-color: transparent;
52
+ transition: 0.4s;
53
+ -webkit-text-decoration-color: transparent;
54
+ -moz-text-decoration-color: transparent;
55
+ cursor: pointer;
56
+ color: #290099;
57
+ }
58
+
59
+ a:hover {
60
+ text-decoration-color: #290099;
61
+ transition: 0.4s;
62
+ -webkit-text-decoration-color: #290099;
63
+ -moz-text-decoration-color: #290099;
64
+ }
65
+ </style>
data/pages/cookies.html ADDED
@@ -0,0 +1,9 @@
1
+ ---
2
+ layout: cookies
3
+ title: Manage your data
4
+ permalink: cookies
5
+ category: about
6
+ ---
7
+ <h1>Manage your data</h1>
8
+ <p>This website uses cookies to provide you with the best user experience.</p>
9
+ <p>Below are checkboxes, that you need to confirm in order to enable/disable specific data collection. Some of them might be needed for specific functionalities on site.</p>
data/pages/privacyPolicy.html ADDED
@@ -0,0 +1,10 @@
1
+ ---
2
+ layout: default
3
+ title: Privacy Policy
4
+ permalink: privacy-policy
5
+ category: about
6
+ ---
7
+ <div class="content-container about">
8
+ <h1>Privacy Policy</h1>
9
+ Put your privacy policy here
10
+ </div>