diff options
| author | Saumit Dinesan <justsaumit@protonmail.com> | 2023-05-10 02:54:50 +0530 |
|---|---|---|
| committer | Saumit Dinesan <justsaumit@protonmail.com> | 2023-05-10 02:54:50 +0530 |
| commit | 346e53fc2dbe70a47197e468534cc47940b212cb (patch) | |
| tree | 28d8853d5ef6474b0f699c7ce7f000f250a87e19 | |
| parent | 118a63c79e97fa6757840d7a79880afb23db8e1b (diff) | |
webui: index.html better formatting
| -rw-r--r-- | webui/templates/index.html | 211 |
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://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>© 2023 - <a href="https://draconyan.xyz/">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://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>© 2023 + <a href="https://draconyan.xyz/">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> |