diff --git a/css/style.css b/css/style.css old mode 100644 new mode 100755 index e69de29..e690208 --- a/css/style.css +++ b/css/style.css @@ -0,0 +1,69 @@ +@font-face { + font-family: "Mason Regular"; + src: url("../font/Mason/creed.ttf"); +} + +body { + background: #1d1d1d url(../pic/Background.jpg) top left repeat; +} + +.container { + width: 900px; + height: 800px; + margin: 0 auto 0 auto; +} + +.top { + height: 160px; +} + +.title { + padding-top: 30px; + font-family: "Mason Regular"; + font-size: 80px; + font-weight: 200; + text-align: center; + color: #afafaf; + text-shadow: 10px 10px 8px #000000; +} + +.band-list { + width: 400px; + height: 250px; + margin: 0 auto 0 auto; + border: 3px solid white; + border-radius: 20px; + background-color: rgba(40, 40, 40, 0.7); +} + +.band-list tr td { + height: 50px; + border-bottom: 1px solid #a0a0a0; + vertical-align: center; +} + +.band-list tr:last-child td { + border-bottom: none; +} + +.band-name { + color: white; + font-family: Helvetica; + font-weight: 500; + font-size: 20px; + padding-left: 20px; +} + +.band-mention-num { + font-size: 24px; + color: rgb(175, 0, 2); + padding-right: 3px; +} + +.band-mentions { + padding-right: 20px; + text-align: right; + color: white; + font-size: 12px; + font-family: Helvetica; +} \ No newline at end of file diff --git a/font/Mason/creed.ttf b/font/Mason/creed.ttf new file mode 100755 index 0000000..e4f3596 Binary files /dev/null and b/font/Mason/creed.ttf differ diff --git a/index.html b/index.html old mode 100644 new mode 100755 index 32f14db..e634bd3 --- a/index.html +++ b/index.html @@ -10,18 +10,24 @@ - + + + + + +
+
+

Awesome Bands

+
- - - - +
+
\ No newline at end of file diff --git a/js/script.js b/js/script.js old mode 100644 new mode 100755 index e69de29..51aeb5a --- a/js/script.js +++ b/js/script.js @@ -0,0 +1,30 @@ +var UPDATE_TIME_INTERVAL = 15; +var NUMBER_OF_BANDS_SHOWN = 5; + +$(document).ready( function() { + var options = { + frequency: UPDATE_TIME_INTERVAL, + limit: NUMBER_OF_BANDS_SHOWN + }; + + poller = new window.massrel.Poller(options, function displayData(bands) { + $(".band-list tr").remove(); + + bands.forEach(function(band) { + $('.band-list').append("\ + " + band.name + "\ + \ + " + band.count.toString() + "\ + Mentions"); + }); + + $('.band-name').delay(14200).fadeOut(800); + $('.band-mentions').delay(14200).fadeOut(800); + + }); + + poller.start(); +}); + + + diff --git a/pic/Background.jpg b/pic/Background.jpg new file mode 100644 index 0000000..69239f2 Binary files /dev/null and b/pic/Background.jpg differ