Untitled

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>אתר פרויקט הגמר - אליאן וסהר</title>
<link href="https://fonts.googleapis.com/css2?family=Rubik+Doodle+Shadow&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<script src="https://unpkg.com/phosphor-icons"></script>
<script src="https://unpkg.com/popper.js@1"></script>
<script src="https://unpkg.com/tippy.js@5/dist/tippy-bundle.iife.js"></script>
<link rel="stylesheet" href="CSS/style.css">
<link rel="icon" type="image/x-icon" href="https://static.tumblr.com/6oysso7/k0Jls1t44/a-helphtml__11_.ico">

</head>
<body>

<!-- הדר -->
<header>
    <nav>
        <a title="דף ראשי" href="index.html" class="active"><i class="ph-house-fill"></i></a>
        <a title="אודות" href="p2.html"><i class="ph-users-fill"></i></a>
        <a title="מצלמה" href="p3.html"><i class="ph-camera-fill"></i></a>
        <a title="רכיבים ותפקידם" href="p4.html"><i class="ph-battery-charging-fill"></i></a>
        <a title="צור קשר" href="p5.html"><i class="ph-address-book-fill"></i></a>
    </nav>
    <div id="petaltab1">
        <div class="tab-title">Login</div>
        <div class="login-content">
          <form id="login-form" class="login-form" autocomplete="off">
            <div class="control">
              <input id="login-email" type="email" placeholder="Email" name="email" required>
            </div>
            <div class="control">
              <input id="login-password" type="password" placeholder="Password" name="password" required>
            </div>
            <button id="login-btn" class="btn" type="submit">Log In</button>
          </form>
        </div>

        <div class="tab-title">Register</div>
        <div class="register-content">
          <form id="register-form" class="register-form" autocomplete="off">
            <div class="control">
              <input id="register-email" type="email" placeholder="Email" name="email" required>
            </div>
            <div class="control">
              <input id="register-password" type="password" placeholder="Password" name="password" required>
            </div>
            <button id="register-btn" class="btn" type="submit">Register</button>
          </form>
        </div>
      </div>
</header>

<div id="content">
    <div class="nav-wrap">
        <div class="about">
            <p class="glitch">
                <span aria-hidden="true">Facerecogtank</span>
                Facerecogtank
                <span aria-hidden="true">Facerecogtank</span>
              </p>
        </div>

        <div class="container">
            <div class="img box-1" style="--image: url(https://i.ibb.co/hW9RjzB/image.png)">
                <div class="overlay">
                    <mark>תהליך פיתוח</mark>
                    <div class="scrollbox"><p style="padding: 7px">תהליך פיתוח הטנק כלל שלב של תכנון מערכות הזיהוי, האוטומציה, והשליטה מרחוק. במהלך הפיתוח, עשינו שימוש בכמה טכנולוגיות כמו ESP32-CAM ו-Firebase כדי לבנות מערכת זיהוי תמונה, פיקוד אוטומטי והגדרת ממשקי שליטה מרחוק.<br></br>תכנון ובדיקת כל רכיב נעשו תוך תשומת לב לפרטים טכנולוגיים כדי להבטיח את הפעולה האופטימלית של המערכת.<br></br>השלב הבא בפיתוח היה תיאום וייעול הקוד והתכנה כדי להבטיח את יכולת התפקוד של המערכת בזמן אמת.</div>
                </div>
            </div>

            <div class="img box-2" style="--image: url(https://i.ibb.co/2j2j542/image.png)">
                <div class="overlay">
                    <mark>השלב הבא</mark>
                    <div class="scrollbox"><p style="padding: 7px">השלב הבא בפרויקט כולל פיתוח נוסף של המערכת כך שתהיה יותר מדויקת ויציבה. נעבוד על שיפור מערכת הזיהוי וההפעלה האוטומטית של הטנק.<br></br>כמו כן, נעשה תיאום עם מערכות בקרה חיצוניות כדי לשפר את פעולתו בשדה הקרב ולמנוע תקלות בלתי צפויות. בהמשך, הטנק יהיה מסוגל להפעיל את עצמו בצורה עצמאית לחלוטין, תוך תגובה מהירה ושיפור היכולת להימנע ממלכודות או מתקפות נגד.</div>
                </div>
            </div>

            <div class="img box-3" style="--image: url(https://i.ibb.co/mhWbJfy/image.png)">
                <div class="overlay">
                    <mark>היתרון על טנק רגיל</mark>
                    <div class="scrollbox"><p style="padding: 7px">לטנק החכם שלנו יתרונות רבים על פני טנק רגיל – הוא פועל באופן אוטונומי ומבצע את משימותיו בצורה חכמה ואפקטיבית יותר, ללא צורך במבצעי אנוש, ובזמן אמת.<br></br>בנוסף, הוא מסוגל לזהות מטרות מרחוק ולהגיב במהירות על פי נתוני הסביבה והמערכת, מה שמאפשר לו להימנע ממלכודות ולהגיב בהתאם למצבי קרב משתנים.<br></br>המערכת המתקדמת מקנה לו יתרון במצבים קרביים, כאשר הוא יכול לפעול באופן עצמאי ולהגיב מהר יותר מכל טנק רגיל.</div>
                </div>
            </div>

            <div class="img box-4" style="--image: url(https://i.ibb.co/GkMBtg7/image.png)">
                <div class="overlay">
                    <mark>על הפרויקט</mark>
                    <div class="scrollbox"><p style="padding: 7px">הפרויקט שלנו נועד לפתח טנק מתקדם המשלב טכנולוגיות IoT ומערכות זיהוי חכמות, ומסוגל לפעול באופן עצמאי או תחת שליטה מרחוק.<br></br>הטנק מכוון אוטומטית למטרה ויורה בלייזר במידת הצורך, כשהוא מצויד במערכות לניטור ובקרה בזמן אמת.<br></br>מטרת הפרויקט היא להמחיש איך טכנולוגיות מתקדמות יכולות לשפר את היכולות ההתקפיות וההגנתיות של כלי רכב בלתי מאוישים בשדה הקרב.</div>
                </div>
            </div>

            <div class="img box-5" style="--image: url(https://i.ibb.co/M9VBjKH/image.png)">
                <div class="overlay">
                    <mark>איך הטנק עובד?</mark>
                    <div class="scrollbox"><p style="padding: 7px">הטנק בנוי ממספר מערכות מרכזיות: מערכת בקרת כיוון וירי אוטומטי, מערכת זיהוי אובייקטים באמצעות מצלמה מבוססת ESP32-CAM, ומנגנון שליטה מרחוק באמצעות Wi-Fi.<br></br>הוא פועל כך שברגע שהמערכת מזהה אובייקט או מטרה, היא מכוונת את הירי באופן מדויק ומגיבה במהירות.<br></br>כל רכיבי המערכת מקושרים לשרת Firebase, המאפשר שליטה ומעקב אחר המידע המתקבל מכל החיישנים.</div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="https://www.gstatic.com/firebasejs/11.1.0/firebase-app-compat.js"></script>
<script src="https://www.gstatic.com/firebasejs/11.1.0/firebase-auth-compat.js"></script>
<script src="https://www.gstatic.com/firebasejs/11.1.0/firebase-database-compat.js"></script>
<script src="script.js"></script>

</body>
</html>