diff --git a/css/forms.css b/css/forms.css new file mode 100644 index 0000000..7c89b16 --- /dev/null +++ b/css/forms.css @@ -0,0 +1,607 @@ +@font-face { + font-family: "PPNeueMachina"; + src: url(../fonts/PPNeueMachina-InktrapLight.otf) format("opentype"); + font-weight: bold; + font-style: normal; +} +@font-face { + font-family: "SpaceGrotesk-Medium"; + src: url(../fonts/SpaceGrotesk-Regular-BF65712b4fdc934.ttf) format("truetype"); + font-weight: medium; + font-style: normal; +} + +@font-face { + font-family: "SpaceGrotesk-Light"; + src: url(../fonts/SpaceGrotesk-Light-BF65712b4fc80d0.ttf) format("truetype"); + font-weight: medium; + font-style: normal; +} +@font-face { + font-family: "Aeonik-TRIAL"; + src: url(../fonts/AeonikTRIAL-Bold.otf) format("truetype"); + font-weight: medium; + font-style: normal; +} +@font-face { + font-family: "AeonikTRIAL-Light"; + src: url(../fonts/AeonikTRIAL-Light.otf) format("truetype"); + font-weight: medium; + font-style: normal; +} +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +:root { + --primary-color: #090c12; + --secondary-color: #172a46; +} + +body { + background: radial-gradient( + ellipse 177.46% 352.09% at 50% 38.36%, + black 0%, + #09173c 63%, + #1c2140 89% + ); + min-height: 100vh; + padding-left: 150px; + padding-right: 150px; + padding-top: 20px; + padding-bottom: 20px; + font-family: "AeonikTRIAL-Light"; +} +nav { + position: fixed; + top: 20px; + left: 50%; + transform: translateX(-50%); + display: flex; + justify-content: space-between; + align-items: center; + width: 90%; + padding: 10px 40px; + height: 50px; + background: rgba(0, 0, 0, 0.5); /* Semi-transparent background */ + backdrop-filter: blur(10px); /* Glass effect */ + border-radius: 10px; + transition: all 0.3s ease-in-out; +} + +nav img { + height: 50px; +} + +.nav-links { + display: flex; + list-style: none; +} + +.nav-links li { + color: white; + font-size: 14px; + margin-left: 20px; + cursor: pointer; + font-family: "AeonikTRIAL-Light"; +} + +.menu-icon { + display: none; + cursor: pointer; + font-size: 24px; + color: white; +} +.dropdown-menu { + display: none; +} +section { + width: 100%; + height: 100vh; + margin-top: 70px; + display: flex; + justify-content: space-between; + flex-wrap: wrap; +} + +.section-left { + height: auto; + width: 33%; + padding-top: 50px; +} +.section-right { + height: auto; + width: 60%; +} +.section-right-header { + height: 40px; + width: 100%; + display: flex; + align-items: center; + justify-content: start; + gap: 20px; + padding-left: 20px; + padding-right: 20px; +} +.section-right-content { + height: 100%; + width: 100%; + margin-top: 30px; + background-color: #1d336b2b; + border-radius: 11px; + padding: 30px; +} +.section-right-content.join-team { + display: flex !important; + justify-content: space-between; + flex-direction: column; + + height: 100%; +} +.section-right-content.join-solo { + height: 90% !important; +} +.bottom-buttons { + width: 100%; + height: 35px; + /* background-color: red; */ + margin-top: 15px; + display: flex; + justify-content: space-between; + padding-left: 20px; + padding-right: 20px; +} +.bottom-buttons button { + background: transparent; + color: #a5b8e9; + font-size: 10px; + height: 40px; + width: 120px; + border: 2px solid transparent; + border-radius: 11px; + cursor: pointer; + padding: 8px; + background-color: rgba(29, 51, 107, 0.07); + transition: all 0.3s ease; + position: relative; + border-image-slice: 1; +} + +.bottom-buttons button.active-border { + border-image: linear-gradient(90deg, #defe01, #2dbf5a); + border-image-slice: 1; + border-width: 1px; + color: white; +} +.next-button { + background: transparent; + color: white; + font-size: 12px; + border: none; + cursor: pointer; + display: flex; + align-items: center; + gap: 5px; +} + +.arrow { + color: #defe01; + font-size: 18px; + font-weight: bold; + transition: transform 0.2s ease-in-out; +} + +.next-button:hover .arrow { + transform: translateX(5px); +} + +textarea { + resize: vertical; +} + +.section-right-header-buttons { + height: 85%; + width: 85px; + border-radius: 6px; + background-color: #1d336b12; + font-size: 10px; + cursor: pointer; + border: none; + color: #a5b8e9; + font-family: "AeonikTRIAL-Light"; + font-weight: 100; +} +.button-clicked { + color: #fcfcfc; + font-size: 12px; + cursor: pointer; + border: none; + height: 85%; + width: 85px; + border-radius: 6px; + background-color: #0d1833; +} +.section-left h1 { + font-size: 27px; + font-family: "PPNeueMachina"; + margin-bottom: 30px; + color: white; +} + +.personel-info { + font-family: "Aeonik-TRIAL"; +} +.vertical-line { + width: 2px; + height: 70px; + background-color: #384a78; +} +.input-container { + position: relative; + width: 100%; + display: flex; + flex-direction: column; + gap: 10px; +} + +.input-container label { + position: absolute; + top: 5px; + left: 12px; + font-size: 14px; + color: #384a78; + pointer-events: none; + font-family: "AeonikTRIAL-Light"; +} + +.input-container input { + width: 100%; + padding: 25px 12px 12px 12px; + font-size: 16px; + background-color: #1d336b73; + color: white; + border: none; + border-radius: 8px; + outline: none; + font-family: "AeonikTRIAL-Light"; +} +.input-container input::placeholder { + color: #4d629670; +} +.input-container textarea::placeholder { + color: #4d629670; +} +.input-container textarea { + width: 100%; + padding: 25px 12px 12px 12px; + font-size: 12px; + background-color: #1d336b73; + color: white; + border: none; + border-radius: 8px; + outline: none; +} +.checkmark { + position: absolute; + right: 12px; + top: 50%; + transform: translateY(-50%); + color: #b8ff00; + font-size: 18px; + display: none; +} +.footer-images { + padding-left: 100px; + padding-right: 100px; +} +.cancel-button { + background-color: #1a1a1a; + color: #666; + padding: 12px 24px; + border-radius: 8px; + border: none; + cursor: pointer; + opacity: 0.5; + font-size: 16px; +} + +.validate-button { + background: linear-gradient(to right, #32cd32, #ffff00); + color: black; + padding: 12px 24px; + border-radius: 8px; + border: none; + font-size: 16px; + font-weight: bold; + cursor: pointer; + transition: opacity 0.3s; +} + +.validate-button:hover { + opacity: 0.8; +} + +.back-btn-header { + height: 30px; + width: 100%; + + display: flex; + justify-content: start; +} + +.workshop-container { + width: 80%; + max-width: 600px; + background: #111424; + border-radius: 10px; + padding: 16px; + box-shadow: 0 4px 10px rgba(255, 255, 255, 0.1); +} +.header { + display: flex; + justify-content: space-between; + align-items: center; + font-weight: bold; + padding-bottom: 10px; + border-bottom: 1px solid rgba(255, 255, 255, 0.2); +} +.join { + color: #a1a1a1; + cursor: pointer; +} +.join:hover { + color: white; +} +.description { + /* letter-spacing: 1px; */ + font-family: "AeonikTRIAL-Light"; + font-weight: lighter; + font-size: 8px; + /* leading-trim: Cap height; */ + line-height: 100%; + letter-spacing: 0%; +} +.workshpe-description { + color: white; + font-family: "Roboto", sans-serif; + font-weight: 100 !important; + font-size: 10px; +} +.join-btn { + background: none; + border: none; + color: #63708f; + font-weight: bold; + cursor: pointer; +} + +.join-btn:hover { + text-decoration: underline; +} + +/* General Styles */ +.main-title { + font-size: 18px; + margin-bottom: 20px; + font-family: "AeonikTRIAL-Light", sans-serif; + color: #ffffff; +} + +.description { + color: #ffffff; + font-size: 14px; + margin-bottom: 20px; + font-weight: 100; + font-family: "AeonikTRIAL-Light", sans-serif; +} + +.section-title { + font-family: "AeonikTRIAL-Light", sans-serif; + color: #ffffff; + font-size: 16px; + margin-top: 20px; + margin-bottom: 15px; +} + +/* Participation List */ +.participation-list { + list-style: none; + padding: 0; +} + +.participation-list li { + color: #ffffff; + margin-bottom: 14px; + + width: 100%; + height: auto; + font-size: 12px; +} + +.li-strong { + color: #ffffff; + font-size: 14px; + width: auto; + height: auto; + font-family: "Aeonik-TRIAL"; + margin-right: 5px; +} + +/* Submission Details */ +.submission-deadline { + font-size: 14px; + color: #d0d0d0; + margin-top: 20px; +} + +.deadline-highlight { + color: #00ff66; + font-weight: bold; +} + +.final-pitch { + font-size: 14px; + color: #888; + margin-top: 15px; +} + +/* Button */ +.button-container { + text-align: right; + margin-top: 20px; +} + +.submit-button { + background-color: transparent; + color: #ffffff; + padding: 10px 15px; + border: none; + cursor: pointer; + font-weight: bold; + border-radius: 5px; +} + +.hidden { + display: none !important; +} + +.container { + width: 100%; + margin-top: 50px; +} + +/* Text Styles */ +.info-text { + font-size: 10px; + color: white; +} + +.highlight { + color: #ef4444; + font-weight: bold; +} + +.checkbox-group { + display: flex; + align-items: center; + gap: 25px; + margin-top: 20px; +} + +.checkbox-group input { + width: 15px; + height: 15px; + accent-color: #3b82f6; + appearance: none; /* Reset default styles */ + border: 1px solid white; /* Ensures consistent size */ + + display: flex; /* Helps alignment */ + align-items: center; + justify-content: center; + cursor: pointer; +} +.checkbox-group label { + color: white; + font-size: 10px; +} +.checkbox-group input:checked { + background-color: #3b82f6; /* Blue check when selected */ + border-color: #3b82f6; +} + +.bordered { + padding-left: 10px; + color: white; +} +.dark-box { + padding-left: 10px; + height: 40px; + width: 100%; + color: white; + background-color: #0d1834; +} +.spn { + font-family: "Aeonik-TRIAL"; +} +@media (max-width: 768px) { + /* .participation-list li { + font-size: 8px; + } */ + .section-right-content { + padding: 0px; + min-height: 500px; + } + .footer-images { + padding-left: 0px; + padding-right: 0px; + } + .nav-links { + display: none; + } + .section-left { + width: 100%; + } + .section-right { + width: 100%; + } + body { + padding-left: 20px; + padding-right: 20px; + } + .menu-icon { + display: block; + } + .dropdown-menu { + display: none; + position: absolute; + top: 60px; + right: 20px; + background: var(--secondary-color); + width: 150px; + border-radius: 5px; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); + list-style: none; + border: none; + outline: none; + } + + .dropdown-menu.active { + display: block; + } + .dropdown-menu.desactive { + display: none; + } + .dropdown-menu li { + padding: 10px; + color: white; + text-align: center; + cursor: pointer; + } + + .dropdown-menu li:hover { + background: var(--accent-color); + color: black; + } +} +@media (max-width: 1024px) { + .section-right-header { + margin-top: 30px; + } + .section-right-header-buttons { + width: 100%; + } + .section-right-content { + margin-top: 20px; + } + nav { + padding: 0 20px; + } +} +.green-reqtangle { + height: 12px; + width: 12px; + background-color: #00ff00; + margin-right: 10px; +} diff --git a/css/re_robot_section.css b/css/re_robot_section.css index 4b66016..4fbdf3d 100644 --- a/css/re_robot_section.css +++ b/css/re_robot_section.css @@ -26,6 +26,7 @@ #robot-img{ width: 86%; height: auto; + margin-bottom: 20%; } #back-robot { width: 60%; diff --git a/css/re_section8.css b/css/re_section8.css index 490de54..8984910 100644 --- a/css/re_section8.css +++ b/css/re_section8.css @@ -14,7 +14,10 @@ color: white; font-size: 2rem; } - +.reseau-so a{ + text-decoration: none; + color: white; +} #sec8sub1 { text-align: center; diff --git a/fonts/AeonikTRIAL-Bold.otf b/fonts/AeonikTRIAL-Bold.otf new file mode 100644 index 0000000..f84e7a4 Binary files /dev/null and b/fonts/AeonikTRIAL-Bold.otf differ diff --git a/fonts/AeonikTRIAL-BoldItalic.otf b/fonts/AeonikTRIAL-BoldItalic.otf new file mode 100644 index 0000000..61a9819 Binary files /dev/null and b/fonts/AeonikTRIAL-BoldItalic.otf differ diff --git a/fonts/AeonikTRIAL-Light.otf b/fonts/AeonikTRIAL-Light.otf new file mode 100644 index 0000000..332c567 Binary files /dev/null and b/fonts/AeonikTRIAL-Light.otf differ diff --git a/fonts/AeonikTRIAL-LightItalic.otf b/fonts/AeonikTRIAL-LightItalic.otf new file mode 100644 index 0000000..98f9b03 Binary files /dev/null and b/fonts/AeonikTRIAL-LightItalic.otf differ diff --git a/forms.html b/forms.html new file mode 100644 index 0000000..5707ff2 --- /dev/null +++ b/forms.html @@ -0,0 +1,520 @@ + + + + + + + + + + TechGeeks Registration + + + + + +
+
+

Registration

+
+
+
+

Personal informations

+

+ These informations are required for the Hackathon, Workshops and + Best idea registrations. + *Please ensure all fields are completed accurately. +

+
+
+
+
+
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+
+
+
+
+ + + +
+ + +
+

Other informations

+
+
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+
+ +
+
+ +
+ + + +
+
+ +
+ +
+

+ Note: You must enter the correct name + of the team. +

+
+ + + +
+
+
+ + +
+
+ +
+ +
+
+
+ + + + +
+
+
+ +
+

You've chosen to join solo. You will need to either + select a team or be assigned to one during the hackathon. Please wait for a call or email confirmation + regarding your participation.

+
+ +
+
+
+ + + + +
+
+
+ +
+

You've successfully joined the team! Please confirm + your registration and then wait for a call or email confirmation regarding your participation.

+
+ +
+
+
+ + + + +
+
+

Other informations

+
+ +
+
+ +
+
+
+ + + +
+
+
Best Idea Description
+ +
+ Are you passionate about AI and full of innovative ideas? The AI24 Ideathon – Best AI Idea is your chance to + showcase your creativity and problem-solving skills! This competition, held as part of AI24 at the + University of 8 May 1945 Guelma, allows students to pitch their AI-driven solutions to industry experts, + mentors, and fellow students. +
+
Why Participate?
+
+ Are you passionate about AI and full of innovative ideas? The AI24 Ideathon – Best AI Idea is your chance to + showcase your creativity and problem-solving skills! This competition, held as part of AI24 at the + University of 8 May 1945 Guelma, allows students to pitch their AI-driven solutions to industry experts, + mentors, and fellow students. +
+
+
  • + 🟩  Join Solo or a Team - Present your + AI-based concept to a panel of experts and potential investors. +
  • +
  • + 🟩  Get Expert Feedback-Receive valuable + insights from experienced mentors +
  • +
  • + 🟩  Expand Your Network - Connect with + peers, professionals, and AI enthusiasts +
  • +
  • + 🟩  Win Prizes & Recognition - The best + ideas will be awarded during the event +
  • + +
    + +
    How to Participate?
    +
      +
    • + 🟩  Join Solo or as a Team – Work + individually or collaborate with teammates. +
    • +
    • + 🟩  Develop Your AI Idea – Address a + real-world challenge with an innovative AI-based solution. +
    • +
    • + 🟩  Prepare a Pitch -Create a concise + presentation outlining your idea, its potential impact, and an implementation plan. (Accepted formats: + Video or PowerPoint) +
    • +
    • + 🟩  Submit Your Entry - One team member must + submit the solution as a Google Drive link, and then include the names of all participants. +
    • + +
    + +
    + Submission Deadline: +
    + 13/06/2025 at 23:59 +

    Ensure your submission is sent before this date to be considered.

    + +
    + Final Pitch & Awards: +
    +
    + Selected individuals or teams will be invited to present their ideas during AI4 + (second day) where winners will be announced and rewarded. +
    + +
    +
    +
    + + + +
    +
    +
    + +
    +

    + This workshop requires a personal computer. If you are unable to bring + one, please choose a workshop that does not require a PC. +

    + +
    +
    + + +
    + +
    +
    + + +
    +
    + + +
    +
    +
    +
    + + + +
    + +
    +
    + +
    +

    Please confirm your registration to finalize your + participation.

    +
    + +
    +
    + +
    + + + +
    +
    + +
    + +
    +

    + Please send you ideas Through a google drive link (Accepted formats: Video or + PowerPoint) +

    +
    + + + +
    + + +
    +
    + + +
    +
    + +
    + +
    +
    +
    + + +
    +
    +
    + +
    +

    You've successfully submitted your idea! Please confirm + your registration to finalize your submission. You will receive a call or email confirmation regarding the + next steps. Good luck!

    +
    + +
    +
    +
    +
    + +
    + + + + + \ No newline at end of file diff --git a/images/forms_images/image.png b/images/forms_images/image.png new file mode 100644 index 0000000..99ace1b Binary files /dev/null and b/images/forms_images/image.png differ diff --git a/images/forms_images/image1.png b/images/forms_images/image1.png new file mode 100644 index 0000000..879f4e3 Binary files /dev/null and b/images/forms_images/image1.png differ diff --git a/images/forms_images/image2.png b/images/forms_images/image2.png new file mode 100644 index 0000000..648008e Binary files /dev/null and b/images/forms_images/image2.png differ diff --git a/images/robot50.webp b/images/robot50.webp new file mode 100644 index 0000000..8559dcf Binary files /dev/null and b/images/robot50.webp differ diff --git a/index.html b/index.html index 61c718b..954da4a 100644 --- a/index.html +++ b/index.html @@ -40,7 +40,7 @@
  • + +
    + +
    +

    + ${workshop.description} +

    +
    + + ` +); + +showSection("Hackathon-join-solo"); + +document.addEventListener("DOMContentLoaded", function () { + document.getElementById("hackaton-btn").addEventListener("click", () => { + showSection("Hackathon-join-solo"); + }); + + document.getElementById("Workshops-btn").addEventListener("click", () => { + showSection("Workshops-items"); + }); + + document.getElementById("Best-idea-btn").addEventListener("click", () => { + showSection("Best-idea-rools"); + }); +}); + +const handleJoin = (id, title) => { + workshopId = id; + workShopName = title; + for (const input of workshopsData[workshopId].inputs) { + const value = document.getElementById(input.myId)?.value.trim(); + if (!value) { + Toastify({ + text: "You must fill in all inputs ❌", + duration: 2000, + gravity: "top", + position: "center", + backgroundColor: "linear-gradient(to right, #ff416c, #ff4b2b)", // Red gradient for error + stopOnFocus: true, + close: true, + }).showToast(); + + return; + } + } + + showSection("Workshops-rools"); + document.getElementById("Workshops-validation").style.display = "flex"; +}; + +const backWorkshopValidation = () => { + showSection("Workshops-rools"); +}; + +WorkshopsRulesNext = () => { + const confirmPcCheckbox = document.getElementById("confirm-pc"); + const commitAttendanceCheckbox = document.getElementById("commit-attendance"); + + if (!confirmPcCheckbox.checked || !commitAttendanceCheckbox.checked) { + Toastify({ + text: "Please check both boxes before proceeding ❌", + duration: 2000, + gravity: "top", + position: "center", + backgroundColor: "linear-gradient(to right, #ff416c, #ff4b2b)", // Red gradient for error + stopOnFocus: true, + close: true, + }).showToast(); + } else { + showSection("Workshops-validation"); + } +}; + +const backWorksopRools = () => { + showSection("Workshops-items"); +}; + +const handleSubmitWorkshopForm = async () => { + if (workshopId === null) return; + const formData = new FormData(); + formData.append("entry.1483354039", workshopId); + formData.append("entry.2065580863", workShopName); + workshopsData[workshopId].inputs.forEach((input) => { + const value = document.getElementById(input.myId)?.value.trim(); + if (value) { + formData.append(input.googleFormId, value); + } else { + Toastify({ + text: "you must set all inputs ❌", + duration: 2000, + gravity: "top", + position: "center", + backgroundColor: "linear-gradient(to right, #ff416c, #ff4b2b)", // Red gradient for error + stopOnFocus: true, + close: true, + }).showToast(); + showSection("Hackathon-join-solo"); + return; + } + }); + + try { + const response = await fetch(workSopsGoogleDriveLink, { + method: "POST", + body: formData, + mode: "no-cors", + }); + workshopId = null; + const buttons = document.querySelectorAll(".bottom-buttons button"); + buttons[0].classList.add("active-border"); + buttons[1].classList.remove("active-border"); + isSolo = true; + Toastify({ + text: "You are registered successfully ✅", + duration: 2000, + gravity: "top", + position: "center", + backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)", + stopOnFocus: true, + close: true, + callback: function () { + location.reload(); + }, + }).showToast(); + } catch (error) { + Toastify({ + text: "Registration failed ❌", + duration: 2000, + gravity: "top", + position: "center", + backgroundColor: "linear-gradient(to right, #ff416c, #ff4b2b)", // Red gradient for error + stopOnFocus: true, + close: true, + callback: function () { + location.reload(); + }, + }).showToast(); + } +}; + +const handleBestIdeaRulesNext = () => { + showSection("Best-idea-registration"); +}; + +const bestIdeaRegistrationBack = () => { + showSection("Best-idea-rools"); +}; + +const bestIdeaGoogleFormUrl = + "https://docs.google.com/forms/d/e/1FAIpQLSd_-HsJWEiyHAiLqhoLCGsmVHOekfY_U0Vopw2QqNNoEYIYmA/formResponse"; +const bestIdeaFormInputs = [ + { myId: "firstname", googleFormId: "entry.1483354039", isRequired: true }, + { myId: "lastname", googleFormId: "entry.2065580863", isRequired: true }, + { myId: "email", googleFormId: "entry.249523467", isRequired: true }, + { myId: "phone", googleFormId: "entry.228551235", isRequired: true }, + { myId: "university", googleFormId: "entry.34071298", isRequired: true }, + { myId: "fieldofstudy", googleFormId: "entry.820120420", isRequired: true }, + { myId: "academiclevel", googleFormId: "entry.103198324", isRequired: true }, + { myId: "company", googleFormId: "entry.1724201722", isRequired: true }, + { + myId: "google-drive-url", + googleFormId: "entry.1563955533", + isRequired: true, + }, +]; +const handleCancelBtn = () => { + location.reload(); +}; +const bestIdeaRegistrationNext = () => { + let isValid = true; + + bestIdeaFormInputs.forEach((input) => { + const value = document.getElementById(input.myId)?.value.trim(); + if (input.isRequired && !value) { + isValid = false; + } + }); + + if (!isValid) { + Toastify({ + text: `Please fill in all required fields ❌`, + duration: 2000, + gravity: "top", + position: "center", + backgroundColor: "linear-gradient(to right, #ff416c, #ff4b2b)", // Red gradient for error + stopOnFocus: true, + close: true, + }).showToast(); + return; + } + + // If all inputs are valid, proceed to the next step + showSection("Best-idea-validation"); +}; + +const backWorBEstIdeaValidation = () => { + showSection("Best-idea-registration"); +}; + +const handleSubmitBestIdeaForm = () => { + let formData = new FormData(); + let isValid = true; + + bestIdeaFormInputs.forEach((input) => { + const value = document.getElementById(input.myId)?.value.trim(); + if (!value) { + isValid = false; + Toastify({ + text: `Please fill in all required fields ❌`, + duration: 2000, + gravity: "top", + position: "center", + backgroundColor: "linear-gradient(to right, #ff416c, #ff4b2b)", // Red gradient for error + stopOnFocus: true, + close: true, + }).showToast(); + return; + } + formData.append(input.googleFormId, value); + }); + + if (!isValid) return; + + fetch(bestIdeaGoogleFormUrl, { + method: "POST", + body: formData, + mode: "no-cors", + }) + .then(() => { + Toastify({ + text: "Form submitted successfully ✅", + duration: 2000, + gravity: "top", + position: "center", + backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)", // Green gradient for success + stopOnFocus: true, + close: true, + callback: () => { + location.reload(); + }, + }).showToast(); + setTimeout(() => { + location.reload(); + }, 2000); + }) + .catch(() => { + Toastify({ + text: "Error submitting the form ❌", + duration: 2000, + gravity: "top", + position: "center", + backgroundColor: "linear-gradient(to right, #ff416c, #ff4b2b)", // Red gradient for error + stopOnFocus: true, + close: true, + }).showToast(); + }); +}; + +window.addEventListener("scroll", function () { + const navbar = document.querySelector("nav"); + if (window.scrollY < 50) { + } else { + navbar.style.backdropFilter = "blur(3px)"; + } +}); +//https://docs.google.com/forms/d/e/1FAIpQLSfRiIGSIycuKwx301sT7MyqQ0xY5jTHOdU5pkwS0fFcgER2Ag/viewform?usp=pp_url&entry.84305315=First+name&entry.1425555344=Last+name&entry.1422391609=Email&entry.2143329369=Phone+number&entry.1084636349=University+or+Higher+School&entry.1705701734=Field+of+Study&entry.1968921305=Academic+Level&entry.786298061=Company+/+Organization&entry.2045127902=Google+drive+link