From 07ad8b87ffda3e733d02644c27abcf3fe58ac715 Mon Sep 17 00:00:00 2001
From: fingadumbledore <fingadumbledore@gmail.com>
Date: Wed, 19 Oct 2022 17:41:49 +0200
Subject: [PATCH] new design

---
 main.py                   |  11 ++
 static/img/house.png      | Bin 0 -> 6259 bytes
 static/img/user.png       | Bin 0 -> 7180 bytes
 templates/game.html       | 207 ++++++++++++++++++++++++++++++++++++++
 templates/index.html      |   2 +-
 templates/session.html    | 166 +++++-------------------------
 templates/willkommen.html |  15 +++
 7 files changed, 258 insertions(+), 143 deletions(-)
 create mode 100644 static/img/house.png
 create mode 100644 static/img/user.png
 create mode 100644 templates/game.html
 create mode 100644 templates/willkommen.html

diff --git a/main.py b/main.py
index 25b9b27..0070ea4 100644
--- a/main.py
+++ b/main.py
@@ -144,6 +144,17 @@ def controll():
     log_server("called /login")
     return render_template("controll.html")
 
+@app.route("/game")
+def game():
+    log_server("called /game")
+    return render_template("game.html")
+
+@app.route("/willkommen")
+def willkommen():
+    log_server("called /willkommen")
+    return render_template("willkommen.html")
+
+
 @app.route("/rgb")
 def rgb():
     log_server("called /rgb")
diff --git a/static/img/house.png b/static/img/house.png
new file mode 100644
index 0000000000000000000000000000000000000000..c40c6b2296a5a1ebeaaf9ba657b2357fafb84de0
GIT binary patch
literal 6259
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

literal 0
HcmV?d00001

diff --git a/static/img/user.png b/static/img/user.png
new file mode 100644
index 0000000000000000000000000000000000000000..5fa00c965d4908af210ea0795b00615635949ab9
GIT binary patch
literal 7180
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

literal 0
HcmV?d00001

diff --git a/templates/game.html b/templates/game.html
new file mode 100644
index 0000000..7bdf2ad
--- /dev/null
+++ b/templates/game.html
@@ -0,0 +1,207 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Game</title>
+    <style>
+        Body {  
+ 
+ background-image: linear-gradient(to right,  rgb(89, 89, 175), rgb(38, 134, 62))
+ 
+}  
+a {
+  text-decoration: none;
+}
+body {font-family: Arial, Helvetica, sans-serif;
+     background-image: linear-gradient(to right, rgb(38, 134, 62), rgb(89, 89, 175))
+}
+
+/* Full-width input fields */
+
+/* Set a style for all buttons */
+button {
+  background-color: #6d4087;
+  color: white;
+  padding: 14px 20px;
+  margin: 8px 0;
+  border: none;
+  cursor: pointer;
+  width: 100%;
+}
+
+/
+
+$orange: #ffa600;
+$grey:#f3f3f3;
+$white: #fff;
+$base-color:$orange ;
+
+
+/* Mixin's */  
+@mixin transition {
+-webkit-transition: all 0.5s ease-in-out;
+-moz-transition: all 0.5s ease-in-out;
+transition: all 0.5s ease-in-out;
+}
+@mixin corners ($radius) {
+-moz-border-radius: $radius;
+-webkit-border-radius: $radius;
+border-radius: $radius; 
+-khtml-border-radius: $radius; 
+}
+
+body {
+background:$base-color;
+font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
+height:100%;
+}
+
+.wrapper {
+width: 800px;
+margin: 30px auto;
+color:$white;
+text-align:center;
+float:left;
+
+}
+
+h1, h2, h3 {
+  font-family: 'Roboto', sans-serif;
+  font-weight: 100;
+  font-size: 2.6em;
+  text-transform: uppercase;
+}
+
+#seconds, #tens{
+  font-size:2em;
+}
+
+button{
+@include corners (5px);
+background:$base-color;
+color:$white;
+border: solid 1px $white;
+border-radius: 8px;
+text-decoration:none;
+cursor:pointer;
+font-size:1.2em;
+padding:18px 10px;
+width:80px;
+margin: 10px;
+ outline: none;
+  &:hover{
+	@include transition;
+	background:$white;
+	border: solid 1px $white;
+	color:$base-color;
+	}
+}
+
+
+input[type=text], input[type=password] {   
+        width: 30%;   
+        margin: 8px 0;  
+        padding: 12px 20px;   
+        display: inline-block;   
+        border: 2px solid green;   
+        box-sizing: border-box;   
+        border-radius: 12px;
+        color: #839c87;
+    }  
+
+   </style>
+</head>
+<body>
+
+    <script>
+        var modal = document.getElementById('id01');
+        
+        // When the user clicks anywhere outside of the modal, close it
+        window.onclick = function(event) {
+            if (event.target == modal) {
+                modal.style.display = "none";
+            }
+        }
+        
+        window.onload = function () {
+          
+          var seconds = 00; 
+          var tens = 00; 
+          var appendTens = document.getElementById("tens")
+          var appendSeconds = document.getElementById("seconds")
+          var buttonStart = document.getElementById('button-start');
+          var buttonStop = document.getElementById('button-stop');
+          var buttonReset = document.getElementById('button-reset');
+          var Interval ;
+        
+          buttonStart.onclick = function() {
+            
+            clearInterval(Interval);
+             Interval = setInterval(startTimer, 10);
+          }
+          
+            buttonStop.onclick = function() {
+               clearInterval(Interval);
+          }
+          
+        
+          buttonReset.onclick = function() {
+             clearInterval(Interval);
+            tens = "00";
+              seconds = "00";
+            appendTens.innerHTML = tens;
+              appendSeconds.innerHTML = seconds;
+          }
+          
+           
+          
+          function startTimer () {
+            tens++; 
+            
+            if(tens <= 9){
+              appendTens.innerHTML = "0" + tens;
+            }
+            
+            if (tens > 9){
+              appendTens.innerHTML = tens;
+              
+            } 
+            
+            if (tens > 99) {
+              console.log("seconds");
+              seconds++;
+              appendSeconds.innerHTML = "0" + seconds;
+              tens = 0;
+              appendTens.innerHTML = "0" + 0;
+            }
+            
+            if (seconds > 9){
+              appendSeconds.innerHTML = seconds;
+            }
+          
+          }
+          
+        
+          
+        
+        }
+        </script>
+    <center><h1>Games</h1></center>
+
+
+    <div class="wrapper">
+        <h3>Stopuhr</h3>
+<p><span id="seconds">00</span>:<span id="tens">00</span></p>
+<label>Enter Game name:</label>
+<input type="text" name="name">
+<button id="button-start">Start</button>
+<button id="button-stop">Stop</button>
+<button id="button-reset">Reset</button>
+
+
+</div> 
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
index 5799c4a..f5c7fc1 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -2,7 +2,7 @@
 <html lang="de">
 <html>
 <head>
-<title>&#127881; Party</title>
+<title>Willkommen</title>
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta charset="UTF-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
diff --git a/templates/session.html b/templates/session.html
index 3d9217e..3c6e2d0 100644
--- a/templates/session.html
+++ b/templates/session.html
@@ -8,79 +8,7 @@
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
 </head>
-<script>
-var modal = document.getElementById('id01');
 
-// When the user clicks anywhere outside of the modal, close it
-window.onclick = function(event) {
-    if (event.target == modal) {
-        modal.style.display = "none";
-    }
-}
-
-window.onload = function () {
-  
-  var seconds = 00; 
-  var tens = 00; 
-  var appendTens = document.getElementById("tens")
-  var appendSeconds = document.getElementById("seconds")
-  var buttonStart = document.getElementById('button-start');
-  var buttonStop = document.getElementById('button-stop');
-  var buttonReset = document.getElementById('button-reset');
-  var Interval ;
-
-  buttonStart.onclick = function() {
-    
-    clearInterval(Interval);
-     Interval = setInterval(startTimer, 10);
-  }
-  
-    buttonStop.onclick = function() {
-       clearInterval(Interval);
-  }
-  
-
-  buttonReset.onclick = function() {
-     clearInterval(Interval);
-    tens = "00";
-  	seconds = "00";
-    appendTens.innerHTML = tens;
-  	appendSeconds.innerHTML = seconds;
-  }
-  
-   
-  
-  function startTimer () {
-    tens++; 
-    
-    if(tens <= 9){
-      appendTens.innerHTML = "0" + tens;
-    }
-    
-    if (tens > 9){
-      appendTens.innerHTML = tens;
-      
-    } 
-    
-    if (tens > 99) {
-      console.log("seconds");
-      seconds++;
-      appendSeconds.innerHTML = "0" + seconds;
-      tens = 0;
-      appendTens.innerHTML = "0" + 0;
-    }
-    
-    if (seconds > 9){
-      appendSeconds.innerHTML = seconds;
-    }
-  
-  }
-  
-
-  
-
-}
-</script>
 <style>
 
 a {
@@ -172,30 +100,6 @@ margin: 10px;
 }
 
 
-#customers {
-  font-family: Arial, Helvetica, sans-serif;
-  border-collapse: collapse;
-  width: 100%;
-}
-
-#customers td, #customers th {
-  border: 1px solid #ddd;
-  padding: 8px;
-}
-
-#customers tr:nth-child(even){background-color: }
-
-#customers tr:hover {background-color: rgb(104, 72, 101);}
-
-#customers th {
-  padding-top: 12px;
-  padding-bottom: 12px;
-  text-align: left;
-  background-color:#6d4087;
-  color: white;
-}
-
-
 input[type=text], input[type=password] {   
         width: 30%;   
         margin: 8px 0;  
@@ -214,56 +118,34 @@ input[type=text], input[type=password] {
   <a href="http://127.0.0.1:5000/logout">
           <button class="btn btn-primary btn-lg">Logout</button>
        </a>
-       <a href="http://127.0.0.1:5000/controll">&#x2699;</a>
+       <center>
+       <a href="http://127.0.0.1:5000/planer">
+          <button class="btn btn-primary btn-lg">Planer</button>
+       </a>
+       <a href="http://127.0.0.1:5000/game">
+          <button class="btn btn-primary btn-lg">Game</button>
+       </a>
+       <a href="http://127.0.0.1:5000/chat">
+          <button class="btn btn-primary btn-lg">Chat</button>
+       </a>
+       <a href="http://127.0.0.1:5000/controll">
+          <button class="btn btn-primary btn-lg">Settings</button>
+       </a>
+      </center>
        
       
-        <center><h1>Party</h1></center>
-      <center>  <div id="current_date"></p>
-<script>
-date = new Date();
-year = date.getFullYear();
-month = date.getMonth() + 1;
-day = date.getDate();
-document.getElementById("current_date").innerHTML = month + "/" + day + "/" + year;
-</script></div><center>
-        <div class="wrapper">
-            <h3>Stopuhr</h3>
-<p><span id="seconds">00</span>:<span id="tens">00</span></p>
-<label>Enter Game name:</label>
-<input type="text" name="name">
-<button id="button-start">Start</button>
-<button id="button-stop">Stop</button>
-<button id="button-reset">Reset</button>
-<center><h3>Spiele Statistiken</h3></center>
+    <center><iframe id="ifr" src="/willkommen" width="750" height="500" frameBorder="0" src= pfad></iframe></center>
+    <script>
+          function change_Iframe(pfad)
+          {
+              var  pfad;
+              var i = document.getElementById("ifr").src = pfad;
+              var el = document.getElementById('ifr');
+              el.scrollIntoView(true);
+          }
 
-</div> 
-
-<iframe id="ifr" src="/chat" width="750" height="500" frameBorder="0" src= pfad></iframe>
+      </script>
 
 
-<table id="customers">
-
-  <tr>
-    <th>Spiel</th>
-    <th>Spieler*innen</th>
-    <th>Zeit</th>
-  </tr>
-  <tr>
-    <td>Test1</td>
-    <td>Test User 1</td>
-    <td>12</td>
-  </tr>
-  <tr>
-    <td>Test 2</td>
-    <td>Test User 2</td>
-    <td>20</td>
-  </tr>
-  <tr>
-    <td>Test 3</td>
-    <td>Test User 3</td>
-    <td>5</td>
-  </tr>
-  <tr>
-  
 </body>
 </html>
diff --git a/templates/willkommen.html b/templates/willkommen.html
new file mode 100644
index 0000000..d6ab33c
--- /dev/null
+++ b/templates/willkommen.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Willkommen</title>
+</head>
+<body>
+    <center><h1>Willkommen</h1>
+    <p>Vielen Dank das du Party-Controller benutzt</p>
+    <h3>Regeln</h3>
+    </center>
+</body>
+</html>
\ No newline at end of file