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 @@ + + + +
+ + + + + ++ These informations are required for the Hackathon, Workshops and + Best idea registrations. + *Please ensure all fields are completed accurately. +
++ 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.
+Ensure your submission is sent before this date to be considered.
+ ++ 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!
+