Add files via upload

eshitatalukdar08 · Jun 26, 2024 · 2a2f8ec · 2a2f8ec
1 parent ee6d3dc
commit 2a2f8ec
Show file tree

Hide file tree

Showing 18 changed files with 3,086 additions and 0 deletions.
diff --git a/aboutus.css b/aboutus.css
@@ -0,0 +1,72 @@
+*{
+    box-sizing: border-box;
+    padding: 0%;
+    margin: 0%;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    border: border-box;
+    }
+    .hero{
+        height: 400px;
+        width:100%;
+        background-color: #FFF9F9;
+
+    }
+    .nav{
+        height: 45px;
+        display: flex;
+        justify-content: end;
+        padding-top: 15px;
+        margin-right: 20px;
+        margin-bottom: 50px;
+    }
+
+    button{
+        width: 120px;
+        margin-right: 20px;
+        border:2px solid #0A5247;
+        border-radius: 15px;
+        background-color: #FFF9F9;
+        font-size: 15px;
+    }
+    button:active{
+        background-color: #0A5247;
+        color: #FFF9F9;
+    }
+    button:hover{
+        background-color: #0A5247;
+        color: #FFF9F9;
+    }
+
+    .writing{
+        height: 250px;
+        width: 50%;
+        display: flex;
+        justify-content:left;
+        color: #0A5247;
+        padding-left: 140px;
+        padding-bottom: 24%;
+    }
+    p{
+        font-size: 20px;
+        font-weight: 12%;
+    }
+    .foot{
+        height: 32px;
+        background-color: #A3C468;
+        margin-top: 8.9%;
+    }
+.pic-box{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    justify-content: space-evenly;
+    height:400px;
+    background-color: #FFF9F9;
+}
+.picture{
+   margin-top: 23.4%;
+    padding-left:20% ;
+}
+
+
+
diff --git a/aboutus.html b/aboutus.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>About Us</title>
+    <link rel="stylesheet" href="aboutus.css">
+</head>
+<body>
+    <div class="hero">
+
+        <div class="nav">
+            <a href="index.html">
+            <button>Home</button>
+        </a>
+        <a href="aboutus.html">
+            <button>About us</button>
+        </a>
+        <a href="connect.html">
+            <button>Connect</button>
+        </a>
+        <a href="profile.html">
+            <button>Profile</button>
+        </a>
+        <a href="signup.html">
+            <button>Sign up</button>
+        </a>
+        </div>
+        <div class="pic-box">
+
+
+        <div class="writing">
+            <div class="content">
+            <h1>About us</h1>
+            <br>
+            <p>We are revolutionizing tremor management with our Wearable IoT-Based Anti-Tremor Band. Our device uses advanced sensor technology and machine learning to accurately detect tremors and apply targeted pressure to the nerves, effectively reducing tremor intensity.
+                It continuously monitors tremor patterns and adjusts its response in real-time to provide tailored relief, empowering individuals to lead a fuller life. By delivering tailored and highly effective tremor relief, we empower individuals to embrace life to the fullest without being hindered by tremors.</p>
+        </div>
+        </div>
+        <div class="picture">
+            <img class="peoplepic" src="people.png" alt="image" style="height:330px;
+            width: 520px;">
+        </div>
+    </div>
+<div class="foot"></div>
+    </div>
+</body>
+</html>
diff --git a/connect.css b/connect.css
@@ -0,0 +1,71 @@
+*{
+    box-sizing: border-box;
+    padding: 0%;
+    margin: 0%;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    border: border-box;
+    }
+    .hero{
+        height: 640px;
+        width:100%;
+        background-image: url("hero-img3.png");
+        background-size: cover;
+
+    }
+    .nav{
+        height: 45px;
+        display: flex;
+        justify-content:start;
+        padding-top: 15px;
+        margin-left: 20px;
+    }
+     .navbar{
+        width: 120px;
+        margin-right: 20px;
+        border:2px solid #0A5247;
+        border-radius: 15px;
+        background-color: #FFF9F9;
+        font-size: 15px;
+    }
+    .navbar:active{
+        background-color:#0A5247 ;
+        color: #FFF9F9;
+    }
+    .navbar:hover{
+        background-color: #0A5247;
+        color: #FFF9F9;
+    }
+    .writing{
+        height: 250px;
+        width:80%;
+        display: flex;
+        justify-content:center;
+        text-align: center;
+        color: #A3C468;
+        padding-left: 45%;
+        padding-top: 170px;
+    }
+    p{
+        font-size: 20px;
+        font-weight: 14%;
+    }
+    .foot{
+        height: 32px;
+        background-color: #A3C468;
+        margin-top: 24.2%;
+    }
+   .con{
+    margin-top: 14px;
+    background-color: #F5F5F5;
+    border: 2px solid #E0E0E0;
+    border-radius: 15px;
+    height:32px;
+    width:164px;
+    color: #0A5247;
+    padding: 4px;
+    font-size: 15px;
+    margin-bottom: 15px;
+   }
+   .con:hover{
+    background-color:#dbd5d5 ;
+   }
diff --git a/connect.html b/connect.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Connect page</title>
+    <link rel="stylesheet" href="connect.css">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.4.0/jspdf.umd.min.js"></script>
+    <script>
+        document.addEventListener('DOMContentLoaded', function() {
+            fetch('/session')
+                .then(response => response.json())
+                .then(data => {
+                    if (data.loggedIn) {
+                        document.getElementById('signup-btn').style.display = 'none';
+                        document.getElementById('logout-btn').style.display = 'inline-block';
+                    } else {
+                        document.getElementById('signup-btn').style.display = 'inline-block';
+                        document.getElementById('logout-btn').style.display = 'none';
+                    }
+                });
+
+            let port;
+            let reader;
+            let collectedData = [];
+
+            document.getElementById('connect-btn').addEventListener('click', async () => {
+                try {
+                    port = await navigator.serial.requestPort();
+                    await port.open({ baudRate: 9600 });
+
+                    const textDecoder = new TextDecoderStream();
+                    const readableStreamClosed = port.readable.pipeTo(textDecoder.writable);
+                    reader = textDecoder.readable.getReader();
+
+                    document.getElementById('status').innerText = 'Connected to device';
+
+                    readLoop();
+                } catch (error) {
+                    console.error('There was an error opening the serial port:', error);
+                }
+            });
+
+            async function readLoop() {
+                while (true) {
+                    const { value, done } = await reader.read();
+                    if (done) {
+                        console.log('[readLoop] DONE', done);
+                        reader.releaseLock();
+                        break;
+                    }
+                    if (value) {
+                        console.log('[readLoop] Value:', value);
+                        collectedData.push(value.trim());
+                    }
+                }
+            }
+
+            document.getElementById('generate-pdf').addEventListener('click', async () => {
+                const { jsPDF } = window.jspdf;
+                const doc = new jsPDF();
+
+                // Constructing the data string for PDF
+                let dataString = collectedData.join('\n');
+
+                // Adding text to PDF
+                doc.text(dataString, 10, 10);
+
+                // Saving the PDF
+                doc.save('report.pdf');
+            });
+        });
+    </script>
+</head>
+<body>
+    <div class="hero">
+        <div class="nav">
+            <a href="index.html">
+                <button class="navbar">Home</button>
+            </a>
+            <a href="aboutus.html">
+                <button class="navbar">About us</button>
+            </a>
+            <a href="connect.html">
+                <button class="navbar">Connect</button>
+            </a>
+            <a href="profile.html">
+                <button class="navbar">Profile</button>
+            </a>
+            <a href="signup.html">
+                <button class="navbar" id="signup-btn">Sign up</button>
+            </a>
+            <a href="/logout">
+                <button class="navbar" id="logout-btn" style="display: none;">Logout</button>
+            </a>
+        </div>
+        <div class="writing">
+            <div class="content">
+                <h1>Connect</h1>
+                <br>
+                <p>Connect to your device</p>
+                <button class="con" id="connect-btn">Connect via Bluetooth</button>
+                <p id="status">Status: Not connected</p>
+                <button class="con" id="generate-pdf">Generate PDF</button>
+            </div>
+        </div>
+        <div class="foot"></div>
+    </div>
+</body>
+</html>
diff --git a/hero-img3.png b/hero-img3.png
diff --git a/hero3.png b/hero3.png
diff --git a/hero4.png b/hero4.png
diff --git a/hero_1.png b/hero_1.png
diff --git a/index.html b/index.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Landing page</title>
+    <link rel="stylesheet" href="style.css">
+    <script>
+        document.addEventListener('DOMContentLoaded', function() {
+            const user = JSON.parse('<%= JSON.stringify(user) %>');
+            if (user) {
+                document.getElementById('signup-btn').style.display = 'none';
+                document.getElementById('logout-btn').style.display = 'inline-block';
+            } else {
+                document.getElementById('signup-btn').style.display = 'inline-block';
+                document.getElementById('logout-btn').style.display = 'none';
+            }
+        });
+    </script>
+</head>
+<body>
+    <div class="hero">
+        <div class="nav">
+            <a href="index.html"><button>Home</button></a>
+            <a href="aboutus.html"><button>About us</button></a>
+            <a href="connect.html"><button>Connect</button></a>
+            <a href="profile.html"><button>Profile</button></a>
+            <a href="signup.html"><button id="signup-btn">Sign up</button></a>
+            <a href="/logout"><button id="logout-btn" style="display: none;">Logout</button></a>
+        </div>
+        <div class="writing">
+            <div class="content">
+                <h1>WELCOME TO</h1>
+                <br>
+                <h3>STEADY STRIDE - ANTI TREMOR BAND FOR STABILITY AND CONTROL</h3>
+                <br>
+                <p>Discover the future of tremor management with our innovative Anti-Tremor Band. This cutting-edge wearable device targets the radial and median nerves to significantly reduce tremor intensity. Equipped with advanced sensors and machine learning, it continuously monitors your condition and keeps your loved ones and healthcare providers informed. Experience improved quality of life and personalized tremor relief today.</p>
+            </div>
+        </div>
+        <div class="foot"></div>
+    </div>
+</body>
+</html>