|
|
<!doctype html>
|
|
|
<html lang="en">
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
|
<meta name="description" content="">
|
|
|
<meta name="author" content="">
|
|
|
|
|
|
<title>EMOGI</title>
|
|
|
|
|
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
|
|
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
|
|
|
|
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;400;700&display=swap" rel="stylesheet">
|
|
|
|
|
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
|
|
|
|
|
<link href="css/bootstrap-icons.css" rel="stylesheet">
|
|
|
|
|
|
<link href="css/main.css" rel="stylesheet">
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<main>
|
|
|
|
|
|
|
|
|
<nav class="navbar navbar-expand-lg">
|
|
|
<div class="container">
|
|
|
<img src="images/logo.png" alt="Intel Logo" class="logo"width="40" height="40">
|
|
|
<a class="navbar-brand" href="index.html">
|
|
|
EMOGI
|
|
|
</a>
|
|
|
|
|
|
<a href="http://127.0.0.1:5000/" class="btn custom-btn d-lg-none ms-auto me-4">Get started</a>
|
|
|
|
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
|
|
<span class="navbar-toggler-icon"></span>
|
|
|
</button>
|
|
|
|
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
|
<ul class="navbar-nav align-items-lg-center ms-auto me-lg-5">
|
|
|
<li class="nav-item">
|
|
|
<a class="nav-link click-scroll" href="#section_1">Home</a>
|
|
|
</li>
|
|
|
|
|
|
<li class="nav-item">
|
|
|
<a class="nav-link click-scroll" href="#section_2">About</a>
|
|
|
</li>
|
|
|
|
|
|
<li class="nav-item">
|
|
|
<a class="nav-link click-scroll" href="#section_3">Mission</a>
|
|
|
</li>
|
|
|
|
|
|
<li class="nav-item">
|
|
|
<a class="nav-link click-scroll" href="#section_4">Model</a>
|
|
|
</li>
|
|
|
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
<a href="http://127.0.0.1:5000/" class="btn custom-btn d-lg-block d-none">Get Started</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</nav>
|
|
|
|
|
|
|
|
|
<section class="hero-section" id="section_1" >
|
|
|
<div class="section-overlay"></div>
|
|
|
|
|
|
<div class="container d-flex justify-content-center align-items-center">
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-12 mt-auto mb-5 text-center">
|
|
|
|
|
|
|
|
|
<h1 class="text-white mb-5 heading-text"><span class="gradient-text">Revolutionary</span> AI<br>Emotion Recognition</h1>
|
|
|
|
|
|
<h5 class="text-white" style =" font-weight:400; margin-top: -40px;font-style: normal;" >EMOGI delivers real-time, high-fidelity emotion recognition <br>for adolescents across sadness, happiness, and anger.</h5><br>
|
|
|
|
|
|
<a class="btn custom-btn smoothscroll" href="app.html">Get Started</a>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="intel-container" >
|
|
|
<p class="text-white" style =" font-size: 14px;color: #FFFFFF;font-family: Arial, sans-serif;margin-bottom:-30px;">To compete for</p><br>
|
|
|
<img src="images/intel-logo.png" alt="Intel Logo" class="intel-logo" style="margin-bottom: -10px;">
|
|
|
<p style="text-align: center;"class="intel-subtitle">Intel® AI Global Impact Festival</p>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="video-wrap">
|
|
|
<video autoplay="" loop="" muted="" class="custom-video" poster="">
|
|
|
<source src="video/bg emotion.mp4" type="video/mp4">
|
|
|
|
|
|
Your browser does not support the video tag.
|
|
|
</video>
|
|
|
</div>
|
|
|
</section>
|
|
|
|
|
|
|
|
|
<section class="about-section section-padding" id="section_2">
|
|
|
<div class="container">
|
|
|
<div class="row">
|
|
|
|
|
|
|
|
|
<div class="col-lg-6 col-12 mb-4 mb-lg-0 d-flex align-items-center">
|
|
|
<div class="services-info">
|
|
|
<h2 class="text-white mb-4">Intel® AI Global Impact Festival<h2>
|
|
|
|
|
|
<p class="text-white">Democratize and celebrate AI Innovation with Intel by next-gen technologists and future developers with governments, academia, and communities.
|
|
|
<h6 class="text-white mt-4">Purpose</h6>
|
|
|
|
|
|
<p class="text-white">Intel’s purpose is to "create world-changing technology that improves the life of every person on the planet."
|
|
|
|
|
|
Intel has a deep commitment to make technology inclusive and expand digital readiness for all.
|
|
|
|
|
|
AI is one such technology superpower that next-gen technologists can learn and build solutions to enrich our lives.</p>
|
|
|
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="col-lg-6 col-12">
|
|
|
<div class="about-text-wrap">
|
|
|
<img src="images/IAGIF.png" class="about-image img-fluid">
|
|
|
|
|
|
<div class="about-text-info d-flex">
|
|
|
<div class="d-flex">
|
|
|
<i class="about-text-icon bi-person"></i>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
</section>
|
|
|
|
|
|
|
|
|
<section class="mission-section section-padding" id="section_3">
|
|
|
<div class="container">
|
|
|
<div class="row justify-content-center">
|
|
|
|
|
|
<div class="col-12 text-center">
|
|
|
<h2 class="mb-4">Mission</h1>
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-5 col-12">
|
|
|
<div class="mission-thumb">
|
|
|
<div class="mission-image-wrap">
|
|
|
<img src="images/Mission/Emotion diversity.png" class="mission-image img-fluid">
|
|
|
</div>
|
|
|
|
|
|
<div class="mission-hover" style="text-align: center;">
|
|
|
<h4>Enhance Emotional Granularity</h4>
|
|
|
<p>
|
|
|
|
|
|
Broaden the range of stress-related emotional categories
|
|
|
</p>
|
|
|
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-5 col-12">
|
|
|
<div class="mission-thumb">
|
|
|
<div class="mission-image-wrap">
|
|
|
<img src="images/Mission/healthcare intergration.png" class="mission-image img-fluid">
|
|
|
</div>
|
|
|
|
|
|
<div class="mission-hover"style="text-align: center;">
|
|
|
<h4>Healthcare Integration</h4>
|
|
|
<p>
|
|
|
|
|
|
Apply the emotional stress model to healthcare settings for improved mental health monitoring, patient care, and personalized treatment planning.
|
|
|
</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="mission-thumb">
|
|
|
<img src="images/Mission/EEG intergration.png" class="mission-image img-fluid">
|
|
|
|
|
|
<div class="mission-hover"style="text-align: center;">
|
|
|
<h4>EEG (electroencephalogram)Intergration To Enhanced Accuracy </h4>
|
|
|
<p>
|
|
|
|
|
|
Combine emotional data with EEG signals to increase precision in detecting stress levels and emotional states in real time.
|
|
|
</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
</section>
|
|
|
|
|
|
|
|
|
<section class=" section-padding" id="section_4" style="background-color: #000000">
|
|
|
<div class="container">
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-12 text-center">
|
|
|
<h2 class="text-white mb-4">Convolutional Neural Network</h1>
|
|
|
<img src="images/CNN.png" width=95% height =80% style="justify-content: center;" >
|
|
|
<p class="text-white" style="margin-top:-50px">
|
|
|
This CNN model is designed for image classification, specifically for recognizing emotions (Happy, Sad, Angry). It consists of a Convolutional layer with 32 filters, followed by Batch Normalization and Dropout for regularization. The model then flattens the output and uses a Dense layer with a softmax activation to predict one of the three emotion classes.
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</section>
|
|
|
<footer class="site-footer">
|
|
|
<div class="site-footer-top">
|
|
|
<div class="container">
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-lg-6 col-12">
|
|
|
<h2 class="text-white mb-lg-0">EMOGI</h2>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="container">
|
|
|
<div class="row">
|
|
|
|
|
|
|
|
|
<div class="col-lg-3 col-md-6 col-12 mb-4 mb-lg-0">
|
|
|
<h5 class="site-footer-title mb-3">Have a question?</h5>
|
|
|
<p class="text-white d-flex">
|
|
|
<a href="mailto:duyhieuhappy@gmail.com" class="site-footer-link">
|
|
|
duyhieu.happy@gmail.com
|
|
|
</a>
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-3 col-md-6 col-11 mb-4 mb-lg-0 mb-md-0">
|
|
|
<h5 class="site-footer-title mb-3">Location</h5>
|
|
|
|
|
|
<p class="text-white d-flex mt-3 mb-2">
|
|
|
Hà Nội , Việt Nam</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="site-footer-bottom">
|
|
|
<div class="container">
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-lg-3 col-12 mt-5">
|
|
|
<p class="copyright-text">Copyright © EMOGI</p>
|
|
|
</div>
|
|
|
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</footer>
|
|
|
|
|
|
|
|
|
|
|
|
<script src="js/jquery.min.js"></script>
|
|
|
<script src="js/bootstrap.min.js"></script>
|
|
|
<script src="js/jquery.sticky.js"></script>
|
|
|
<script src="js/click-scroll.js"></script>
|
|
|
<script src="js/custom.js"></script>
|
|
|
|
|
|
</body>
|
|
|
</html> |
