Init content commit

— Embedded SNC Playlist in body. — Placed awesome logo at top — Working on footer links.
samelawrence · Jun 12, 2015 · d839404 · d839404
1 parent c132f37
commit d839404
Show file tree

Hide file tree

Showing 4 changed files with 128 additions and 0 deletions.
diff --git a/awesame.js b/awesame.js
@@ -0,0 +1,3 @@
+$(document).ready(function() {
+
+})
diff --git a/awesame.png b/awesame.png
diff --git a/index.html b/index.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<LINK rel=StyleSheet HREF="style.css">
+<html>
+<script src="http://code.jquery.com/jquery-latest.js"></script>
+<script src="awesame.js"></script>
+
+<head>
+	<title>awesame</title>
+</head>
+
+<body>
+	<div id="container">
+
+		<div id="header">
+			<img src="awesame.png" width="50%">
+		</div>
+
+		<iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/75292158&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>
+
+		<footer>
+			<p>some text</p>
+		</footer>
+
+	</div>
+</body>
+
+</html>
diff --git a/style.css b/style.css
@@ -0,0 +1,98 @@
+#header {
+	text-align: center;
+	font-family: helvetica;
+	font-size: 45px;
+}
+
+#description {
+  font-family: helvetica;
+  text-align: center;
+}
+
+#container {
+  text-align: center;
+}
+
+footer {
+position: absolute;
+  float: bottom, 0;
+}
+
+.input_box {
+	width: 70%;
+	height: 50px;
+	font-size: 20px;
+	float: center;
+	text-align: center;
+	padding-left: 1px;
+	padding-right: 1px;
+	margin-bottom: 20px;
+	border-style: solid;
+	border-color: black;
+	border-width: 1px;
+	font-family: helvetica, arial, sans serif;
+}
+
+#selectors {
+  border-radius: 15px;
+  display: inline-block;
+  width: 80%;
+  margin: auto 10px;
+  text-align: center;
+  padding: 20px;
+  font-family: helvetica;
+}
+
+/* The following is taken from Bootstrap */
+
+.btn {
+  display: inline-block;
+  font-size: 16px;
+  float: center;
+  *display: inline;
+  padding: 4px 14px;
+  margin-bottom: 0;
+  *margin-left: .3em;
+  font-size: 14px;
+  line-height: 20px;
+  *line-height: 20px;
+  color: #333333;
+  text-align: center;
+  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+  vertical-align: middle;
+  cursor: pointer;
+  background-color: #f5f5f5;
+  *background-color: #e6e6e6;
+  border: 1px solid #bbbbbb;
+  *border: 0;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
+  border-bottom-color: #a2a2a2;
+  -webkit-border-radius: 4px;
+     -moz-border-radius: 4px;
+          border-radius: 4px;
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
+  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
+  *zoom: 1;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+
+.btn:active,
+.btn.active {
+  background-color: #cccccc \9;
+}
+
+.btn:hover {
+  color: #333333;
+  text-decoration: none;
+  background-color: #e6e6e6;
+  *background-color: #d9d9d9;
+
+  background-position: 0 -15px;
+  -webkit-transition: background-position 0.1s linear;
+     -moz-transition: background-position 0.1s linear;
+       -o-transition: background-position 0.1s linear;
+          transition: background-position 0.1s linear;
+}