summaryrefslogtreecommitdiff
path: root/www/static
diff options
context:
space:
mode:
Diffstat (limited to 'www/static')
-rw-r--r--www/static/ajax-loader.gifbin0 -> 673 bytes
-rwxr-xr-xwww/static/alegreya_sans_sc.woffbin0 -> 20792 bytes
-rw-r--r--www/static/content.css131
-rwxr-xr-xwww/static/footer.php10
-rwxr-xr-xwww/static/header.html29
-rw-r--r--www/static/index.css4
-rw-r--r--www/static/noscript.css25
-rw-r--r--www/static/noscript.html9
-rw-r--r--www/static/piwik.html14
-rwxr-xr-xwww/static/style.css105
10 files changed, 327 insertions, 0 deletions
diff --git a/www/static/ajax-loader.gif b/www/static/ajax-loader.gif
new file mode 100644
index 0000000..d0bce15
--- /dev/null
+++ b/www/static/ajax-loader.gif
Binary files differ
diff --git a/www/static/alegreya_sans_sc.woff b/www/static/alegreya_sans_sc.woff
new file mode 100755
index 0000000..60e4c5f
--- /dev/null
+++ b/www/static/alegreya_sans_sc.woff
Binary files differ
diff --git a/www/static/content.css b/www/static/content.css
new file mode 100644
index 0000000..72ba3a4
--- /dev/null
+++ b/www/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: fixed;
+ 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/www/static/footer.php b/www/static/footer.php
new file mode 100755
index 0000000..c3978f1
--- /dev/null
+++ b/www/static/footer.php
@@ -0,0 +1,10 @@
+ <!-- ______________________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>
+ <?php //include("piwik.html"); ?>
+ </body>
+</html>
+
diff --git a/www/static/header.html b/www/static/header.html
new file mode 100755
index 0000000..fc96659
--- /dev/null
+++ b/www/static/header.html
@@ -0,0 +1,29 @@
+ <div id="page-wrap">
+
+ <!--div class="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" >About</a>
+ &nbsp;
+ &nbsp;
+ |
+ &nbsp;
+ &nbsp;
+ <a href="/random" >Random</a>
+ </nav>
+ </div -->
+
+ <div id="content-area">
+ <!-- ______________________Content Start______________________ -->
diff --git a/www/static/index.css b/www/static/index.css
new file mode 100644
index 0000000..f06c84c
--- /dev/null
+++ b/www/static/index.css
@@ -0,0 +1,4 @@
+h1 {
+ text-align: center;
+ font-size: 40pt;
+}
diff --git a/www/static/noscript.css b/www/static/noscript.css
new file mode 100644
index 0000000..484f99e
--- /dev/null
+++ b/www/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/www/static/noscript.html b/www/static/noscript.html
new file mode 100644
index 0000000..5f78e41
--- /dev/null
+++ b/www/static/noscript.html
@@ -0,0 +1,9 @@
+<noscript id="ns">
+ <div id="ns-area" align="center">
+ <h2>Sorry, this site doesn't work without JavaScript!</h2>
+ <br>
+ <p>Enable it or leave.</p>
+ <br>
+ <p style="font-size:12pt; color:black;">Read here why: https://en.wikipedia.org/wiki/Ajax_%28programming%29 </p>
+ </div>
+</noscript>
diff --git a/www/static/piwik.html b/www/static/piwik.html
new file mode 100644
index 0000000..91e8c63
--- /dev/null
+++ b/www/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="https://a.iamfabulous.de/piwik.php?idsite=5&amp;rec=1" style="border:0" alt="" /></noscript>
diff --git a/www/static/style.css b/www/static/style.css
new file mode 100755
index 0000000..15fa847
--- /dev/null
+++ b/www/static/style.css
@@ -0,0 +1,105 @@
+
+@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
+****************************************************************/
+div.header-bar{
+ background-color: #3083D6;
+ height: 80px;
+ width: 100%;
+ position: absolute;
+ 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;
+}