diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..94fe753 Binary files /dev/null and b/.DS_Store differ diff --git a/AwesomeBands.psd b/AwesomeBands.psd old mode 100644 new mode 100755 diff --git a/README.md b/README.md old mode 100644 new mode 100755 diff --git a/css/.DS_Store b/css/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/css/.DS_Store differ diff --git a/css/creed.ttf b/css/creed.ttf new file mode 100644 index 0000000..e4f3596 Binary files /dev/null and b/css/creed.ttf differ diff --git a/css/style.css b/css/style.css old mode 100644 new mode 100755 index e69de29..febf7a3 --- a/css/style.css +++ b/css/style.css @@ -0,0 +1,78 @@ +@font-face { + font-family: 'Mason Regular'; + src: url('creed.ttf'); +} +body { + background-image: url("../images/bg.png"); + background-size: 30px 35px; +} +#content { + text-align: center; + height: 100%; +} +#title { + padding-top: 8%; + padding-bottom: 4%; + font-size: 70px; + font-family: "Mason Regular"; + color: #999999; + text-shadow: 2px 2px #000; +} +#stat { + border: 5px solid white; + border-radius: 20px; + width: 40%; + min-width: 330px; + height: ; + margin: 0 auto; +} +.row { + height: 40px; +} +.padLeft { + float: left; + height: 40px; + line-height: 40px; + width: 5%; +} +.band { + float: left; + height: 40px; + line-height: 40px; + width: 48%; + color: white; + text-align: left; + font-size: 20px; + font-weight: bold; +} +.number { + float: left; + height: 40px; + line-height: 40px; + width: 20%; + font-family: "Arial"; + text-align: right; + font-size: 17px; + color: red; +} +.mention { + float: left; + height: 40px; + line-height: 40px; + width: 25%; + padding-left: 2%; + text-align: left; + font-size: 17px; + color: white; + font-weight: lighter; +} +.row div { + display: none; +} +hr { + margin: 0; + color: grey; + background-color: grey; + height: 1px; + border: 0px; +} \ No newline at end of file diff --git a/images/bg.png b/images/bg.png new file mode 100644 index 0000000..ce8f2d6 Binary files /dev/null and b/images/bg.png differ diff --git a/index.html b/index.html old mode 100644 new mode 100755 index 32f14db..5867de0 --- a/index.html +++ b/index.html @@ -15,7 +15,47 @@ - +
+
AWESOME BANDS
+
+
+
+
+
+
+
Mentions
+
+
+
+
+
+
+
Mentions
+
+
+
+
+
+
+
Mentions
+
+
+
+
+
+
+
Mentions
+
+
+
+
+
+
4
+
Mentions
+
+
+
+
diff --git a/js/lib.js b/js/lib.js old mode 100644 new mode 100755 diff --git a/js/script.js b/js/script.js old mode 100644 new mode 100755 index e69de29..909a99f --- a/js/script.js +++ b/js/script.js @@ -0,0 +1,13 @@ +var poller = new massrel.Poller({ 'limit': 5, 'frequency': 15}, processData); +function processData (data) { + console.log(data); + $(".row div").fadeOut("slow", function () { + for (var i = 0; data[i]; i++) + { + $("#band"+i).html(data[i]["name"]); + $("#number"+i).html(data[i]["count"].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")); + } + }); + $(".row div").fadeIn("slow"); +} +poller.start(); \ No newline at end of file