diff --git a/404.html b/404.html
index 778d7ea..5852221 100644
--- a/404.html
+++ b/404.html
@@ -1,60 +1,4 @@
-
-
-
-
- Page Not Found
-
-
-
-
- Page Not Found
- Sorry, but the page you were trying to view does not exist.
-
-
-
+---
+---
+ Page Not Found
+ Sorry, but the page you were trying to view does not exist.
diff --git a/_artists/Artist1.md b/_artists/Artist1.md
new file mode 100644
index 0000000..8df0cd8
--- /dev/null
+++ b/_artists/Artist1.md
@@ -0,0 +1,5 @@
+---
+name: Artist1
+position: Singer
+---
+Test artist
diff --git a/_artists/test.md b/_artists/test.md
new file mode 100644
index 0000000..d038690
--- /dev/null
+++ b/_artists/test.md
@@ -0,0 +1,6 @@
+---
+short_name: test
+name: Test
+position: Producer
+---
+Test artist
diff --git a/_config.yml b/_config.yml
new file mode 100644
index 0000000..cb93593
--- /dev/null
+++ b/_config.yml
@@ -0,0 +1,14 @@
+collections:
+ artists:
+ output: true
+
+defaults:
+ - scope:
+ path: ""
+ type: "artists"
+ values:
+ layout: "artist"
+ - scope:
+ path: ""
+ values:
+ layout: "default"
\ No newline at end of file
diff --git a/_data/songs.json b/_data/songs.json
new file mode 100644
index 0000000..20c489b
--- /dev/null
+++ b/_data/songs.json
@@ -0,0 +1,12 @@
+[
+ {
+ "artist": "Artist1",
+ "title": "Title1",
+ "url": "https://spotify.com/"
+ },
+ {
+ "artist": "Artist2",
+ "title": "Title2",
+ "url": "https://spotify.com/"
+ }
+]
\ No newline at end of file
diff --git a/_layouts/artist.html b/_layouts/artist.html
new file mode 100644
index 0000000..ef16b26
--- /dev/null
+++ b/_layouts/artist.html
@@ -0,0 +1,16 @@
+---
+layout: default
+title: page.name
+---
+{{ page.name }}
+{{ page.position }}
+
+{{ content }}
+
+Songs
+
\ No newline at end of file
diff --git a/_layouts/default.html b/_layouts/default.html
new file mode 100644
index 0000000..3d46795
--- /dev/null
+++ b/_layouts/default.html
@@ -0,0 +1,27 @@
+
+
+
+
+
+ {{ page.title }} - HS Fanpage
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{{ content }}
+
+
+
diff --git a/artists.html b/artists.html
new file mode 100644
index 0000000..24ff198
--- /dev/null
+++ b/artists.html
@@ -0,0 +1,14 @@
+---
+title: Artists
+---
+Artists
+
+
\ No newline at end of file
diff --git a/bg.png b/bg.png
new file mode 100644
index 0000000..92fb500
Binary files /dev/null and b/bg.png differ
diff --git a/css/main.css b/css/main.css
index 1ecea82..3a8ab62 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,13 +1,14 @@
body {
background-color: #003239;
+ color: aqua;
}
.bg-image {
/*background-image: url("../HS.png");*/
- background-image: url("../bg.png"), linear-gradient(to bottom, black, black, #3a3a3a, #009a9a,
- #727272);
+ background-image: url("../bg.png"), linear-gradient(to bottom, #1d1d1d, #1d1d1d, #243537, #009a9a);
+ /*#727272);*/
background-size: cover;
- filter: blur(8px);
+ filter: blur(16px);
height: 100%;
position: absolute;
top: 0;
@@ -16,4 +17,28 @@ body {
z-index: -1;
margin: 0;
padding: 0;
-}
\ No newline at end of file
+}
+
+
+#popularSongs, #hiddenSongs {
+ width: 40%;
+ margin: 4%;
+ border: 1px #78ffee solid;
+}
+
+#popularSongs h2, #hiddenSongs h2 {
+ text-align: center;
+ color: aqua;
+}
+
+#popularSongs {
+ float: left;
+}
+
+#hiddenSongs {
+ float: right;
+}
+
+h1 {
+ text-align: center;
+}
diff --git a/icon.png b/icon.png
new file mode 100644
index 0000000..d47e34a
Binary files /dev/null and b/icon.png differ
diff --git a/index.html b/index.html
index 04c00ef..fbcf0de 100644
--- a/index.html
+++ b/index.html
@@ -1,83 +1,33 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Hidden Sounds Unofficial (Fan) Website
-
+---
+layout: default
+title: Hidden Sounds
+---
+
Hidden Sounds Unofficial (Fan) Website
+
Popular Songs
-
+ {% for song in site.data.songs %}
+
+
+ {% assign artist = site.artists | where: 'name', song.artist | first %}
+ {% if artist %}
+ {{ artist.name }}
+ {% else %}
+ {{ song.artist }}
+ {% endif %}
+ - {{ song.title }}
+
+
+ {% endfor %}
-
-
+
+
Hidden Songs
-
+ {% for song in site.data.songs %}
+
+ {% endfor %}
-
-
-
-
-
-
-
-
-
+