intsav · arian-farokh · Nov 19, 2024 · Nov 11, 2024 · Nov 11, 2024 · Nov 15, 2024
diff --git a/BioSense.html b/BioSense.html
@@ -0,0 +1,179 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <!-- ======= Head Section ======= -->
+  <meta charset="utf-8">
+  <meta content="width=device-width, initial-scale=1.0" name="viewport">
+  <title>BioSense</title>
+  <!-- BioSense Logo -->
+  <link href="assets/img/projects/BioSense/logo.png" rel="icon">
+  <!-- Google Fonts -->
+  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
+  <!-- Vendor CSS Files -->
+  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
+  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
+  <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
+  <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
+  <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
+  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
+  <!-- Template Main CSS File -->
+  <link href="assets/css/style.css" rel="stylesheet">
+</head>
+
+<body>
+  <!-- ======= Header ======= -->
+  <header id="header" class="fixed-top">
+    <div class="container d-flex align-items-center justify-content-between">
+      <a href="#home" class="logo"><img src="assets/img/projects/BioSense/logo.png" alt="BioSense Logo" class="img-fluid"></a>
+      <nav id="navbar" class="navbar">
+        <ul>
+          <li><a class="nav-link scrollto active" href="#home">Home</a></li>
+          <li><a class="nav-link scrollto" href="#projects">Projects</a></li>
+          <li><a class="nav-link scrollto" href="#team">Team</a></li>
+          <li><a class="nav-link scrollto" href="#installation">Installation</a></li>
+          <li><a class="nav-link scrollto" href="#demonstration">Demonstration</a></li>
+          <li><a class="nav-link scrollto" href="#collaboration">Collaboration</a></li>
+          <li><a class="nav-link scrollto" href="#footer">Contact</a></li>
+        </ul>
+        <i class="bi bi-list mobile-nav-toggle"></i>
+      </nav>
+    </div>
+  </header>
+  <!-- End Header -->
+
+
+      <!-- ======= Title Section ======= -->
+      <section id="title" class="d-flex align-items-center">
+         <div class="container position-relative" data-aos="fade-up" data-aos-delay="100">
+         <div class="row justify-content-center">
+            <div class="col-12 col-md-9 col-lg-9 text-center">
+               <h3></h3>
+               <h1>BioSense</h1>
+              <h2>"An online platform to enable multiple experts to collaboratively provide labels for physiological signals."</h2>
+              <br>
+               <h3>Our platform streamlines the process of signal annotation for projects, fostering collaboration and high-quality labeling of physiological data</h3>
+               <br>
+
+         </div>
+         <div style="text-align: center;"> 
+  <a href="#projects" class="btn-get-started scrollto" style="padding: 15px 30px; background-color: #007bff; color: white; border-radius: 10px; text-decoration: none; margin-bottom: 20px; font-size: 20px;" target="_blank"> Go directly to Open Projects </a>
+</div>
+      </section>
+      <!-- End Title -->  
+
+
+  <!-- ======= Projects Section ======= -->
+  <section id="projects" class="py-5">
+    <div class="container" data-aos="fade-up">
+      <div class="row">
+        <div class="col-12 text-center mb-4">
+          <h2>Projects</h2>
+          <p>Explore our open and ongoing projects for collaborative signal annotation.</p>
+        </div>
+        <!-- Add project details or cards here as needed -->
+      </div>
+    </div>
+  </section>
+  <!-- End Projects Section -->
+
+  <!-- ======= Team Section ======= -->
+  <section id="team" class="py-5">
+    <div class="container">
+      <div class="row">
+        <div class="col-12 text-left mb-4">
+          <h2>Project Team</h2>
+          <p>Meet the dedicated professionals behind BioSense:</p>
+        </div>
+        <div class="col-12">
+          <h6><a href="https://twitter.com/intsav_?lang=en-gb" target="_blank" rel="noopener noreferrer">Mayur</a></h6>
+          <h6><a href="https://elisabethlane.github.io/" target="_blank" rel="noopener noreferrer">Mohammad</a></h6>
+          <h6><a href="https://www.uwl.ac.uk/staff/massoud-zolgharni" target="_blank" rel="noopener noreferrer">Massoud Zolgharni</a></h6>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!-- End Team Section -->
+
+  <!-- ======= Installation Section ======= -->
+  <section id="installation" class="py-5">
+    <div class="container">
+      <div class="row">
+        <div class="col-12">
+          <h2>Installation</h2>
+          <p>Please go to <a href="https://biosense-3c6aa.nw.r.appspot.com/" target="_blank">https://biosense-3c6aa.nw.r.appspot.com/</a> using any browser and follow the instructions.</p>
+          <p>It is designed as an installable webapp and works using Safari (for MacOS, iPhone or iPad) or Google Chrome (for Windows, Linux, or Android devices). You will need a Google account to sign in.</p>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!-- End Installation Section -->
+
+  <!-- ======= Demonstration Section ======= -->
+  <section id="demonstration" class="py-5">
+    <div class="container">
+      <div class="row">
+        <div class="col-12">
+          <h2>Demonstration</h2>
+          <p>The video below demonstrates the usage of the collaborative unityimaging.net labelling platform:</p>
+          <!-- Embed a video or link to the video here -->
+          <div class="video-container">
+            <iframe width="560" height="315" src="https://www.youtube.com/embed/your-video-id" frameborder="0" allowfullscreen></iframe>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!-- End Demonstration Section -->
+
+  <!-- ======= Collaboration Section ======= -->
+  <section id="collaboration" class="py-5">
+    <div class="container">
+      <div class="row">
+        <div class="col-12">
+          <h2>Collaboration</h2>
+          <p>The platform is designed to be 'self-service'—interested parties can easily start new labelling projects.</p>
+          <p>Please <a href="#footer">contact us</a> if you would like to contribute labels or signals to our dataset, generate your own dataset, or set up your own project.</p>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!-- End Collaboration Section -->
+
+  <!-- ======= Footer ======= -->
+  <footer id="footer" class="bg-light py-4">
+    <div class="container d-md-flex justify-content-between">
+      <div class="text-center text-md-start mb-3 mb-md-0">
+        <div class="copyright">
+          &copy; Copyright <strong><span>BioSense</span></strong>. All Rights Reserved
+        </div>
+      </div>
+      <div class="social-links text-center text-md-right">
+        <a href="#" class="twitter"><i class="bx bxl-twitter"></i></a>
+        <a href="#" class="facebook"><i class="bx bxl-facebook"></i></a>
+        <a href="#" class="instagram"><i class="bx bxl-instagram"></i></a>
+        <a href="#" class="linkedin"><i class="bx bxl-linkedin"></i></a>
+      </div>
+    </div>
+  </footer>
+  <!-- End Footer -->
+
+  <!-- Preloader & Back to Top -->
+  <div id="preloader"></div>
+  <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
+
+  <!-- Vendor JS Files -->
+  <script src="assets/vendor/aos/aos.js"></script>
+  <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
+  <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
+  <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
+  <script src="assets/vendor/php-email-form/validate.js"></script>
+  <script src="assets/vendor/purecounter/purecounter.js"></script>
+  <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
+  <!-- Template Main JS File -->
+  <script src="assets/js/main.js"></script>
+
+</body>
+
+</html>
diff --git a/assets/img/projects/.DS_Store b/assets/img/projects/.DS_Store
diff --git a/assets/img/projects/BioSense/logo.png b/assets/img/projects/BioSense/logo.png
diff --git a/assets/img/projects/BioSense/logo.webp b/assets/img/projects/BioSense/logo.webp
diff --git a/index.html b/index.html
@@ -51,9 +51,8 @@
                <div class="col-12 col-md-9 col-lg-9 text-center">
                   <h3></h3>
                   <h3>WELCOME TO THE</h3>
-                  <h1>Intelligent Sensing and Vision Research Group (IntSaV)</h1>
-                  <h2>A specialised group of researchers in the field of Artificial Intelligence based at the University of West
-                     London.
+                  <h1>Intelligent Sensing and Vision (IntSaV)</h1>
+                  <h2>Specialised in AI-driven Innovations in Healthcare and Biomedicine.
                   </h2>
                </div>
             </div>
@@ -93,6 +92,17 @@ <h4><a href="biobank.html">Unity Biobank</a></h4>
       <div class="col-6 col-md-3" data-aos-delay="100">
       <div class="icon-box iconbox-blue">
       <div class="icon">
+      <a href="BioSense.html">
+      <img src="assets/img/projects/BioSense/logo.png" alt="Project icon" class="project-img">
+      </a>
+      </div>
+      <h4><a href="BioSense.html">BioSense Platform</a></h4>
+      <p>BioSense labelling platform</p>
+      </div>
+      </div>
+      <div class="col-6 col-md-3" data-aos-delay="100">
+      <div class="icon-box iconbox-blue">
+      <div class="icon">
       <a href="realtime_ecg.html">
       <img src="assets/img/projects/ECG/ECG.png" alt="Project icon" class="project-img">
       </a>