summaryrefslogtreecommitdiff
path: root/webui
diff options
context:
space:
mode:
authorSaumit Dinesan <justsaumit@protonmail.com>2023-05-10 02:54:50 +0530
committerSaumit Dinesan <justsaumit@protonmail.com>2023-05-10 02:54:50 +0530
commit346e53fc2dbe70a47197e468534cc47940b212cb (patch)
tree28d8853d5ef6474b0f699c7ce7f000f250a87e19 /webui
parent118a63c79e97fa6757840d7a79880afb23db8e1b (diff)
webui: index.html better formatting
Diffstat (limited to 'webui')
-rw-r--r--webui/templates/index.html211
1 files changed, 86 insertions, 125 deletions
diff --git a/webui/templates/index.html b/webui/templates/index.html
index d96a29c..195dcb1 100644
--- a/webui/templates/index.html
+++ b/webui/templates/index.html
@@ -1,128 +1,89 @@
<!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>
+ <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 Mini Project" />
+ <link rel="icon" href="{{ url_for('static', filename='favicon-32x32.png') }}" type="image/png">
+ <link
+ rel="icon"
+ type="image/png"
+ sizes="16x16"
+ href="/favicon-16x16.png"
+ />
+ <link rel="icon" href="{{ url_for('static', filename='favicon.ico') }}" type="image/x-icon">
+ <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='style.css') }}">
+ <title>Raspberry Pi Face Recognition</title>
+ <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='style.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="{{ url_for('static', filename='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="{{ url_for('static', filename='main.js') }}"></script>
+ </body>
</html>