summaryrefslogtreecommitdiff
path: root/webui/templates
diff options
context:
space:
mode:
authorSaumit Dinesan <justsaumit@protonmail.com>2023-05-10 02:53:26 +0530
committerSaumit Dinesan <justsaumit@protonmail.com>2023-05-10 02:53:26 +0530
commit118a63c79e97fa6757840d7a79880afb23db8e1b (patch)
tree2c60392f5ed367a0e4b2a0736d3aa73495a7b485 /webui/templates
parenteba958bf6c69f7a3830cb55702efa60e025eb2ce (diff)
webui: Rearranging files for flask
Diffstat (limited to 'webui/templates')
-rw-r--r--webui/templates/404.html3
-rw-r--r--webui/templates/index.html128
2 files changed, 131 insertions, 0 deletions
diff --git a/webui/templates/404.html b/webui/templates/404.html
new file mode 100644
index 0000000..f8414f0
--- /dev/null
+++ b/webui/templates/404.html
@@ -0,0 +1,3 @@
+<!doctype html>
+<title>404 Not Found</title>
+<h1>404 Not Found</h1>
diff --git a/webui/templates/index.html b/webui/templates/index.html
new file mode 100644
index 0000000..d96a29c
--- /dev/null
+++ b/webui/templates/index.html
@@ -0,0 +1,128 @@
+<!DOCTYPE html>
+<html lang="en-us">
+ <meta charset="UTF-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+ <meta itemprop="name" content="Raspberry Pi Face Recognition" />
+ <meta itemprop="description" content="My blog" />
+
+ <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"/>
+ <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+ <link
+ rel="icon"
+ type="image/png"
+ sizes="16x16"
+ href="/favicon-16x16.png"
+ />
+ <link
+ rel="shortcut icon"
+ href="/favicon.ico"
+ />
+ <link rel="stylesheet" href="/style.css"/>
+
+ <title>Raspberry Pi Face Recognition</title>
+
+ <link rel="stylesheet" href="/style2.css">
+ <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+
+
+ <body id="page">
+
+
+ <div id="spotlight" class="animated fadeIn">
+ <div id="home-center">
+ <h1 id="home-title">Raspberry Pi Face Recognition</h1>
+ <p id="home-subtitle">This project aims to develop a portable and wireless Face Recognition System (FRS) using Raspberry Pi with a Camera Module attachment.</p>
+
+
+ <nav id="home-nav" class="site-nav">
+
+ <a href="/live">Live-feed</a>
+
+ <a href="/login">Login</a>
+
+ </nav>
+
+ <button id="button1" class="buttonclick" role="button">1.Input Face</button>
+ <button id="button2" class="buttonclick" role="button">2.Train Model</button>
+ <button id="button2" class="buttonclick" role="button">3.Face Recognizer</button>
+
+ </div>
+
+ <div id="home-social">
+
+
+<a href="https:&#x2F;&#x2F;github.com/justsaumit/opencv-face-recognition" target="_blank" rel="noopener me"
+ title="github">
+
+ <script>
+ $(document).ready(function() {
+ $('#button1').click(function() {
+ $.ajax({
+ url: 'face_recognition.py',
+ success: function(data) {
+ alert('Face recognition completed successfully.');
+ },
+ error: function() {
+ alert('Error: Failed to run face recognition script.');
+ }
+ });
+ });
+ });
+ </script>
+ <svg xmlns="http://www.w3.org/2000/svg" class="feather" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
+
+</a>
+
+ </div>
+
+ <div id="home-footer">
+ <p>&copy; 2023
+ <a href="https:&#x2F;&#x2F;draconyan.xyz&#x2F">TEAM 3- Meer Junaid, Bikram Kumar Poddar, Saumit Dinesan</a>
+
+ </a>
+ </p>
+ </div>
+
+ </div>
+
+ <script src="/js/main.js"></script>
+ <!-- Math rendering -->
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css" integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq" crossorigin="anonymous">
+ <script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.js" integrity="sha384-y23I5Q6l+B6vatafAwxRu/0oK/79VlbSz7Q9aiSZUvyWYIYsd+qj+o24G5ZU2zJz" crossorigin="anonymous"></script>
+ <script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/contrib/auto-render.min.js" integrity="sha384-kWPLUVMOks5AQFrykwIup5lo0m3iMkkHrD0uJ4H5cjeGihAutqP0yW0J6dpFiVkI" crossorigin="anonymous"
+ onload="renderMathInElement(document.body, { delimiters: [ {left: '$$', right: '$$', display: true}, {left: '$', right: '$', display: false}, {left: '\\[', right: '\\]', display: true}, {left: '\\(', right: '\\)', display: false}]});"></script>
+
+
+ <link href="https://unpkg.com/highlightjs-badge/highlightjs/styles/railscasts.css" rel="stylesheet">
+ <!-- https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@10.1.1/build/styles/ for min version -->
+ <script src="https://unpkg.com/highlightjs-badge/highlightjs/highlight.pack.js"></script>
+ <script src="https://unpkg.com/highlightjs-badge/highlightjs-badge.min.js"></script>
+ <script>
+ var pres = document.querySelectorAll("pre>code");
+ for (var i = 0; i < pres.length; i++) {
+ hljs.highlightBlock(pres[i]);
+ }
+ </script>
+
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js"></script>
+ <script>
+ var options = {
+ copyIconClass: "gg-clipboard",
+ checkIconClass: "gg-check"
+ };
+ window.highlightJsBadge(options);
+ </script>
+
+
+
+
+
+ <script src="/js/main.js"></script>
+
+
+
+
+
+ </body>
+</html>