init

16 files changed, 405 insertions, 0 deletions

diff --git a/static/ajax-loader.gif b/static/ajax-loader.gif
new file mode 100644
index 0000000..d0bce15
--- /dev/null
+++ b/static/ajax-loader.gif
diff --git a/static/alegreya_sans_sc.woff b/static/alegreya_sans_sc.woff
new file mode 100755
index 0000000..60e4c5f
--- /dev/null
+++ b/static/alegreya_sans_sc.woff
diff --git a/static/content.css b/static/content.css
new file mode 100644
index 0000000..ed7c123
--- /dev/null
+++ b/static/content.css
@@ -0,0 +1,131 @@
+input[type=text]{
+	border: none;
+	box-shadow: inset 0px 0px 1px 1px #1F3D4C;
+	border-radius: 0;
+	height: 35px;
+	font-size: 25px;
+	margin-top: 15px;
+	width: 600px;
+	padding-left: 5px;
+}
+
+#middle {
+        position: absolute;
+        left: 50%;
+        margin-left: -300px;
+        top: 45%;
+        margin-top: -200px;
+        width: 600px;
+        height: 400px;
+        text-align: center;
+}
+
+.button {
+	-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
+	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
+	box-shadow:inset 0px 1px 0px 0px #dcecfb;
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea) );
+	background:-moz-linear-gradient( center top, #bddbfa 5%, #80b5ea 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea');
+	background-color:#bddbfa;
+	-webkit-border-top-left-radius:0px;
+	-moz-border-radius-topleft:0px;
+	border-top-left-radius:0px;
+	-webkit-border-top-right-radius:0px;
+	-moz-border-radius-topright:0px;
+	border-top-right-radius:0px;
+	-webkit-border-bottom-right-radius:0px;
+	-moz-border-radius-bottomright:0px;
+	border-bottom-right-radius:0px;
+	-webkit-border-bottom-left-radius:0px;
+	-moz-border-radius-bottomleft:0px;
+	border-bottom-left-radius:0px;
+	text-indent:0;
+	border:1px solid #84bbf3;
+	display:inline; 
+/*	display:inline-block; 
+	display:block; */
+	color:#ffffff;
+	font-size:15px;
+	font-weight:bold;
+	font-style:normal;
+	height:40px;
+	line-height:40px;
+	width:100px;
+	text-decoration:none;
+	text-align:center;
+	text-shadow:1px 1px 0px #528ecc;
+}
+.button:hover {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa) );
+	background:-moz-linear-gradient( center top, #80b5ea 5%, #bddbfa 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa');
+	background-color:#80b5ea;
+}.button:active {
+	position:relative;
+	top:1px;
+}
+
+
+#button-input{
+	height: 40px;
+	width: 120px;
+	border: none;
+	box-shadow: inset 0px 0px 1px 1px #1F3D4C;
+	border-radius: 0;
+	font-size: 25px;
+	margin-top: 15px;
+	display:block;
+
+	border: none;
+	margin-top: 15px;
+	margin-bottom: 15px;
+	display:block;
+	padding-left: 5px;
+}
+
+.menu_middle{
+	font-size: 15pt;
+	display:inline-block;
+	height: 45%;
+	margin: 20px;
+        position: relative;
+/*
+	width: 100%;
+        position: fixed;
+	height: 45px;
+        position: relative;
+	margin: 10px;
+        top: 50%;
+        left: 50%;
+        margin-left: -300px;
+        margin-top: -200px;
+        width: 600px;
+        height: 400px;
+        text-align: center;
+*/
+/*
+        height: 70px;
+        width: 70px;
+        margin-top: 5px;
+        margin-left: 5px;
+	text-align: right;
+	position: fixed;
+*/
+/*	top: -25px; */
+	/*color: #5b5b5b; */
+}
+a:link {
+	color: white;
+}
+a:visited {
+	color: white;
+}
+a.menu_middle{
+	color: white;
+
+}
+
+a.mail{
+	color: black;
+}
diff --git a/static/foot.php b/static/foot.php
new file mode 100755
index 0000000..e0a67c9
--- /dev/null
+++ b/static/foot.php
@@ -0,0 +1,19 @@
+			<!-- ______________________Content End______________________ -->
+		<div class="footer text-right">
+			<div class="container">
+				<p>  Copyright 2014 <a id="copyright-text" href="//www.moehm.org/" target="_blank">Maximilian M&ouml;hring</a></p>
+			</div>
+		</div>
+		<script src="//code.jquery.com/jquery-1.10.1.min.js"></script>
+		<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
+		<?php
+		if(preg_match('/^\/stream/', $_SERVER['REQUEST_URI']))
+			echo '<script src="//vjs.zencdn.net/4.8/video.js"></script>
+			<script>
+				videojs.options.flash.swf = "/player/video-js.swf"
+			</script>';
+		?>
+		<?php include("piwik.html"); ?>
+	</body>
+</html>
+
diff --git a/static/footer.php b/static/footer.php
new file mode 100755
index 0000000..fffad08
--- /dev/null
+++ b/static/footer.php
@@ -0,0 +1,12 @@
+			<!-- ______________________Content End______________________ -->
+			</div><!-- div content-area-->
+		</div><!-- div page-wrap-->
+		<footer>
+			<p id="copyright-text" align='right'> Copyright 2014 Maximilian M&ouml;hring</p>
+		</footer>
+		<script src="//code.jquery.com/jquery-1.10.1.min.js"></script>
+		<script src="/js/bootstrap.js"></script>
+		<?php include("piwik.html"); ?>
+	</body>
+</html>
+
diff --git a/static/header.html b/static/header.html
new file mode 100755
index 0000000..d8fc2d8
--- /dev/null
+++ b/static/header.html
@@ -0,0 +1,29 @@
+		<div id="page-wrap">
+			
+			<div id="header-bar">
+					<!-- a href="/" class="logo"> </a -->
+				<nav class='menu_middle'>
+						<a href="/" >Home</a>
+						&nbsp;
+						&nbsp;
+						|
+						&nbsp;
+						&nbsp;
+						<a href="/help" >Help</a>
+						&nbsp;
+						&nbsp;
+						|
+						&nbsp;
+						&nbsp;
+						<a href="/faq" >FAQ</a>
+						&nbsp;
+						&nbsp;
+						|
+						&nbsp;
+						&nbsp;
+						<a href="/random" >Random</a>
+				</nav>
+			</div>
+		
+			<div id="content-area">
+			<!-- ______________________Content Start______________________ -->
diff --git a/static/header.php b/static/header.php
new file mode 100644
index 0000000..0c929ad
--- /dev/null
+++ b/static/header.php
@@ -0,0 +1,38 @@
+	<nav class="navbar navbar-default navbar-custom<?php /* navbar-inverse navbar-fixed-top */?>" role="navigation">
+		<div class="container">
+			<div class="navbar-header">
+				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbarCollapse">
+					<span class="sr-only">Toggle navigation</span>
+					<span class="icon-bar"></span>
+					<span class="icon-bar"></span>
+					<span class="icon-bar"></span>
+				</button>
+				<a class="navbar-brand" href="/">Home</a>
+			</div>
+			<!-- Collect the nav links, forms, and other content for toggling -->
+			<div class="collapse navbar-collapse" id="navbarCollapse">
+				<ul class="nav navbar-nav">
+					<li>	
+						<a href="/help" >Help</a>
+					</li>
+					<li>	
+						<a href="/faq" >FAQ</a>
+					</li>
+					<li>	
+						<a href="/random" >Random</a>
+					</li>
+				</ul>
+			</div>
+		</div>
+	</nav>
+	<noscript>
+		<div class="noscript">
+			<div class="container">
+				<div class="row text-center noscript">
+					<h5>Please enable JavaScript. This page will not work otherwise.</h5>
+				</div>
+			</div>
+		</div>
+	</noscript>
+		
+			<!-- ______________________Content Start______________________ -->
diff --git a/static/index.css b/static/index.css
new file mode 100644
index 0000000..f06c84c
--- /dev/null
+++ b/static/index.css
@@ -0,0 +1,4 @@
+h1 {
+	text-align: center;
+	font-size: 40pt;
+}
diff --git a/static/logo.png b/static/logo.png
new file mode 100644
index 0000000..9e16493
--- /dev/null
+++ b/static/logo.png
diff --git a/static/logo2.png b/static/logo2.png
new file mode 100644
index 0000000..0e2d01e
--- /dev/null
+++ b/static/logo2.png
diff --git a/static/logo3.png b/static/logo3.png
new file mode 100644
index 0000000..8e1642c
--- /dev/null
+++ b/static/logo3.png
diff --git a/static/noscript.css b/static/noscript.css
new file mode 100644
index 0000000..484f99e
--- /dev/null
+++ b/static/noscript.css
@@ -0,0 +1,25 @@
+#ns{
+	width: 100%;
+	height: 100%;
+	position: fixed;
+	z-index: 99;
+	top: 0px;
+	opacity: 0.85;
+	background: white;
+	color: red;
+	font-size: 20pt;
+/*	visibility: hidden; 
+	background: #ecece1; */
+}
+
+#ns-area{
+	height: 390px;
+	width: 400px;
+	position: fixed;
+	top: 30%;
+	margin-top: -100px;
+	padding: 10px;
+	left: 50%;
+	margin-left: -200px;
+/*	border: 1px solid black; */
+}
diff --git a/static/noscript.html b/static/noscript.html
new file mode 100644
index 0000000..c05a90c
--- /dev/null
+++ b/static/noscript.html
@@ -0,0 +1,8 @@
+	<noscript>
+		<style>
+			.navbar { 
+				margin-bottom: 0;
+			}
+		</style>
+	</noscript>
+
diff --git a/static/piwik.html b/static/piwik.html
new file mode 100644
index 0000000..6195673
--- /dev/null
+++ b/static/piwik.html
@@ -0,0 +1,14 @@
+<script type="text/javascript">
+  var _paq = _paq || [];
+  _paq.push(["trackPageView"]);
+  _paq.push(["enableLinkTracking"]);
+
+  (function() {
+    var u=(("https:" == document.location.protocol) ? "https" : "http") + "://a.iamfabulous.de/";
+    _paq.push(["setTrackerUrl", u+"piwik.php"]);
+    _paq.push(["setSiteId", "5"]);
+    var d=document, g=d.createElement("script"), s=d.getElementsByTagName("script")[0]; g.type="text/javascript";
+    g.defer=true; g.async=true; g.src=u+"piwik.js"; s.parentNode.insertBefore(g,s);
+  })();
+</script>
+<noscript><img src="//a.iamfabulous.de/piwik.php?idsite=5&amp;rec=1" style="border:0" alt="" /></noscript>
diff --git a/static/player.css b/static/player.css
new file mode 100644
index 0000000..3766bc7
--- /dev/null
+++ b/static/player.css
@@ -0,0 +1,15 @@
+#Player-Page-content{
+        position: fixed;
+        left: 50%;
+        margin-left: -300px;
+        top: 50%;
+        margin-top: -200px;
+        width: 600px;
+        height: 400px;
+        text-align: center;
+}
+
+#Player-Page-head{
+        font-size: 120pt;
+}
+
diff --git a/static/style.css b/static/style.css
new file mode 100755
index 0000000..4006122
--- /dev/null
+++ b/static/style.css
@@ -0,0 +1,110 @@
+/*
+	CSS based originally on a style by Oliver Weissbarth, modified by Maxiliam Moehring.
+	http://oweissbarth.de
+	http://files.iamfabulous.de
+*/
+
+@font-face
+{
+	font-family: 'Alegreya Sans SC';
+	src: url("alegreya_sans_sc.woff");
+}
+/***************************************************************
+					General Page Styling
+****************************************************************/
+*{
+	margin: 0;
+	padding: 0;
+}
+html, body{
+	height: 100%;
+	font-family: 'Alegreya Sans SC', sans-serif;
+}
+
+
+
+/***************************************************************
+					Header
+****************************************************************/
+#header-bar{
+	background-color: #3083D6;
+	height: 80px;
+	width: 100%; 
+	position: fixed;
+	color: white;
+}
+
+a.logo{
+	display: inline-block; 
+	height: 70px;
+	width: 70px;
+	margin-top: 5px;
+	margin-left: 5px;
+	background-image: url(logo3.png);
+	background-repeat:no-repeat;
+	background-size:66px 66px;
+	background-color:#3083D6;
+	background-position: center;
+	z-index: 99;
+}
+
+
+
+a.logo:hover{
+	display: block;
+	background:#2669AB;
+	background-image: url(logo3.png);
+	background-repeat:no-repeat;
+	background-size:66px 66px;
+	background-position: center;
+	border-radius: 10px;
+	box-shadow: 3px -3px 5px black;
+}
+
+
+
+/************************************************************
+				Page-Wrap for sticky footer
+*************************************************************/
+#page-wrap{
+	width: 100%;
+	min-height: 100%;
+}
+
+/**********************************************************
+					Content-Area
+**********************************************************/
+#content-area{
+	width: 100%;
+	padding-top: 80px;
+	padding-bottom: 25px;
+}
+
+
+/******************************************************
+				FOOTER
+*******************************************************/
+footer{
+	height: 25px;
+	width: 100%;
+	position: relative;
+	margin-top: -25px;
+	clear: both;
+	background-color:#3083D6;
+}
+
+#copyright-text{
+	margin-right: 10px;
+	text-align: right;
+	font-size: 12px;
+	font-weight: normal;
+	color: white;
+}
+
+#gitlink{
+	text-align: center;
+	font-size: 12px;
+	font-weight: normal;
+	color: white;
+	display: inline;
+}