changes

kaurramanpreet · Nov 16, 2020 · 5b01352 · 5b01352
1 parent f87f4df
commit 5b01352
Show file tree

Hide file tree

Showing 8 changed files with 215 additions and 0 deletions.
diff --git a/Webserver/static/Webapp.png b/Webserver/static/Webapp.png
diff --git a/Webserver/static/counter.gif b/Webserver/static/counter.gif
diff --git a/Webserver/static/mask.gif b/Webserver/static/mask.gif
diff --git a/Webserver/static/social-dist.gif b/Webserver/static/social-dist.gif
diff --git a/Webserver/templates/demo.HTML b/Webserver/templates/demo.HTML
@@ -0,0 +1,22 @@
+<html>
+    <head>
+       <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
+        <title>
+          <%= title %>
+        </title>
+    </head>
+    <body>
+        <nav class="navbar navbar-dark bg-dark">
+            <img src="https://user-images.githubusercontent.com/29287671/97078166-ba3bde80-1607-11eb-9a4e-7d5e223e7d58.png" width="140">
+             <a class="navbar-brand" >Hackeramp</a>
+          <!-- Navbar content -->
+        </nav>
+        <div style="left: 100px; position: relative;">
+            <h2 ><%= title %></h2>
+            <p>Expected Output </p> 
+
+        </div>
+      <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script> 
+    </body>
+</html>
diff --git a/Webserver/templates/home.ejs b/Webserver/templates/home.ejs
@@ -0,0 +1,88 @@
+<html>
+    <head>
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
+        <script src="https://kit.fontawesome.com/d1e9d1ba92.js" crossorigin="anonymous"></script>  
+        <title>
+            <%= locals.title %>
+        </title> 
+        <style>
+            #main_div
+            {
+             position: relative;
+             height: auto;
+             width: 1000px;
+             display: flex;
+             flex-direction: column;
+             align-items: center;
+             left:200px;  
+            }
+        </style>
+    </head>
+    <body>
+         <nav class="navbar navbar-dark bg-dark">
+            <img src="https://user-images.githubusercontent.com/29287671/97078166-ba3bde80-1607-11eb-9a4e-7d5e223e7d58.png" width="140">
+             <a class="navbar-brand" >Hackeramp</a>
+          <!-- Navbar content -->
+        </nav>
+       <div class="jumbotron" id="main_div" >
+           <h2>Welcome!! To Tic_Tactics_Toe Smart Workplace System</h2>
+           <br>
+        <div class="card text-center" style="width:600px">
+            <!-- <div class="card-header">
+                social-distance
+            </div> -->
+            <div class="card-body">
+                <h5 class="card-title">social-distance</h5>
+                <p class="card-text">Check live social distancing feature</p>
+                <a href="/social-distance" class="btn btn-primary">social-distance</a>
+            </div>
+            <div class="card-footer text-muted">
+                Don't wanna check it live?<a href="../../Outputs/social-dist.gif">Click here to see a demo</a>
+            </div>
+        </div>
+         <div class="card text-center" style="width:600px">
+            <!-- <div class="card-header">
+                Mask Detection
+            </div> -->
+            <div class="card-body">
+                <h5 class="card-title"> Mask Detection</h5>
+                <p class="card-text">Check live mask detection feature</p>
+                <a href="/mask" class="btn btn-primary">mask</a>
+            </div>
+            <div class="card-footer text-muted">
+                Don't wanna check it live? <a href="../../Outputs/mask.gif">Click here to see a demo</a>
+            </div>
+        </div>
+         <div class="card text-center" style="width:600px">
+            <!-- <div class="card-header">
+                People Counter
+            </div> -->
+            <div class="card-body">
+                <h5 class="card-title">People Counter</h5>
+                <p class="card-text">Check live people Counter feature</p>
+                <a href="/counter" class="btn btn-primary">People Counter</a>
+            </div>
+            <div class="card-footer text-muted">
+               Don't wanna check it live?<a href="../../Outputs/counter.gif">Click here to see a demo</a>
+            </div>
+        </div>
+       </div> 
+        <!-- <div>
+            <a href="/social-distance"> 
+                <h4>social-distance</h4>
+            </a>
+        </div>
+        <div>
+            <a href="/mask"> 
+                <h4>Mask</h4>
+            </a>
+        </div>
+        <div>
+            <a href="/counter"> 
+                <h4>counter</h4>
+            </a>
+        </div> -->
+        <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script> 
+    </body>
+</html>
diff --git a/Webserver/templates/home.html b/Webserver/templates/home.html
@@ -0,0 +1,88 @@
+<html>
+    <head>
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
+        <script src="https://kit.fontawesome.com/d1e9d1ba92.js" crossorigin="anonymous"></script>
+        <title>
+            Tic_Tactics_Toe
+        </title>
+        <style>
+            #main_div
+            {
+             position: relative;
+             height: auto;
+             width: 1000px;
+             display: flex;
+             flex-direction: column;
+             align-items: center;
+             left:200px;
+            }
+        </style>
+    </head>
+    <body>
+         <nav class="navbar navbar-dark bg-dark">
+            <img src="https://user-images.githubusercontent.com/29287671/97078166-ba3bde80-1607-11eb-9a4e-7d5e223e7d58.png" width="140">
+             <a class="navbar-brand" >Hackeramp</a>
+          <!-- Navbar content -->
+        </nav>
+       <div class="jumbotron" id="main_div" >
+           <h2>Welcome!! To Tic_Tactics_Toe Smart Workplace System</h2>
+           <br>
+        <div class="card text-center" style="width:600px">
+            <!-- <div class="card-header">
+                social-distance
+            </div> -->
+            <div class="card-body">
+                <h5 class="card-title">social-distance</h5>
+                <p class="card-text">Check live social distancing feature</p>
+                <a href="/social-distance" class="btn btn-primary">social-distance</a>
+            </div>
+            <div class="card-footer text-muted">
+                Don't wanna check it live?<a href="../static/social-dist.gif">Click here to see a demo</a>
+            </div>
+        </div>
+         <div class="card text-center" style="width:600px">
+            <!-- <div class="card-header">
+                Mask Detection
+            </div> -->
+            <div class="card-body">
+                <h5 class="card-title"> Mask Detection</h5>
+                <p class="card-text">Check live mask detection feature</p>
+                <a href="/mask" class="btn btn-primary">mask</a>
+            </div>
+            <div class="card-footer text-muted">
+                Don't wanna check it live? <a href="../static/mask.gif">Click here to see a demo</a>
+            </div>
+        </div>
+         <div class="card text-center" style="width:600px">
+            <!-- <div class="card-header">
+                People Counter
+            </div> -->
+            <div class="card-body">
+                <h5 class="card-title">People Counter</h5>
+                <p class="card-text">Check live people Counter feature</p>
+                <a href="/counter" class="btn btn-primary">People Counter</a>
+            </div>
+            <div class="card-footer text-muted">
+               Don't wanna check it live?<a href="../static/counter.gif">Click here to see a demo</a>
+            </div>
+        </div>
+       </div>
+        <!-- <div>
+            <a href="/social-distance">
+                <h4>social-distance</h4>
+            </a>
+        </div>
+        <div>
+            <a href="/mask">
+                <h4>Mask</h4>
+            </a>
+        </div>
+        <div>
+            <a href="/counter">
+                <h4>counter</h4>
+            </a>
+        </div> -->
+        <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
+    </body>
+</html>
diff --git a/Webserver/templates/index.html b/Webserver/templates/index.html
@@ -0,0 +1,17 @@
+<html>
+  <head>
+    <title>Mod1</title>
+    <style>
+	img {
+  	display: block;
+  	margin-left: auto;
+  	margin-right: auto;
+	width: 35%
+	}
+    </style>
+  </head>
+  <body>
+    <h1 align="center">Video Streaming Demonistration</h1>
+    <img id="bg" class="center" src="{{ url_for('video_feed') }}">
+  </body>
+</html>