initial

Flotype · Mar 8, 2011 · f2c899f · f2c899f
commit f2c899f
Show file tree

Hide file tree

Showing 10 changed files with 190 additions and 0 deletions.
diff --git a/css/style.css b/css/style.css
@@ -0,0 +1,68 @@
+/* CSS Document */
+html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}
+a {outline: none;} /* Gets rid of Firefox's dotted borders */
+a img {border: none;} /* Gets rid of IE's blue borders */
+
+
+html, body {
+  background-color: #f1f6e9;
+}
+
+#wrap {
+  width: 800px;
+  margin: 0 auto;
+}
+
+#head {
+  height: 150px;
+  background: url("../images/logo.png") left center no-repeat;
+}
+
+#main {
+  position: relative;
+  height: 433px;
+}
+
+#instruments {
+  float: left;
+  padding-top: 13px;
+  width: 104px;
+}
+
+#disp {
+  width: 696px;
+  float: left;
+  height: 420px;
+  position: relative;
+}
+
+.mark {
+  width: 0px;
+  height: 420px;
+  border-right: 1px solid #a3a89b;
+}
+
+#cover {
+  position: absolute;
+  width: 124px;
+  height: 557px;
+  background: url('../images/overlay.png') no-repeat;
+  top: -30px;
+  right: 0;
+}
+
+#piano, #bass, #drum {
+  height: 140px;
+}
+
+#piano {
+  background: url('../images/piano.png') no-repeat;
+}
+
+#bass {
+  background: url('../images/bass.png') no-repeat;
+}
+
+#drum {
+  background: url('../images/drum.png') no-repeat;
+}
diff --git a/images/bass.png b/images/bass.png
diff --git a/images/drum.png b/images/drum.png
diff --git a/images/logo.png b/images/logo.png
diff --git a/images/overlay.png b/images/overlay.png
diff --git a/images/piano.png b/images/piano.png
diff --git a/index.html b/index.html
@@ -0,0 +1,39 @@
+<!DOCTYPE HTML> 
+<html lang="en"> 
+<head> 
+<title>Jazzroom - classy js and chill</title> 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
+<meta http-equiv="Content-Language" content="en-us"> 
+<!--<meta name="description" content="Mixest aims to maximize your exposure to strictly the newest Indie music."> 
+<meta name="keywords" content="music, streaming music, Indie, new, fresh, alternative"> -->
+
+
+<link href="css/style.css" rel="stylesheet" type="text/css"> 
+
+
+<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> 
+<script type="text/javascript" src="js/jquery.jplayer.min.js"></script>
+<script type="text/javascript" src="js/jazz.js"></script>
+</head>
+
+<body>
+
+<div id="wrap">
+  <div id="head"></div>
+  <div id="main">
+    <div id="instruments">
+      <div id="piano"></div>
+      <div id="bass"></div>
+      <div id="drum"></div>
+    </div>
+    <div id="disp">
+      <div class="mark"></div>
+
+    </div>
+    <div id="cover"></div>
+  </div>
+</div>
+
+
+</body> 
+</html>
diff --git a/js/Jplayer.swf b/js/Jplayer.swf
diff --git a/js/jazz.js b/js/jazz.js
@@ -0,0 +1,5 @@
+$(document).ready(function(){
+
+
+
+});
diff --git a/js/jquery.jplayer.min.js b/js/jquery.jplayer.min.js