diff --git a/assets/css/peb.css b/assets/css/peb.css new file mode 100644 index 0000000..1380bda --- /dev/null +++ b/assets/css/peb.css @@ -0,0 +1,241 @@ +:root { + --background: #FFFFFF; + --text: #FFF; + --headings: #FF4081; + --muted: #F2F2F2; + --primary: #FF4081; + --secondary: #1D3557; +} + +.theme-primary { + --background: #FFFFFF; + --headings: #FF4081; + --text: #2E4053; + --muted: #F2F2F2; +} + +.theme-dark { + --background: #1C1C1C; + --headings: #FF4081; + --text: #F1F1F1; + --muted: #444444; +} + +.theme-light { + --background: #FFFFFF; + --headings: #FF4081; + --text: #2E4053; + --muted: #F2F2F2; +} + +.theme-footer { + --background: #FF4081; + --contact-icons-color: #FFFFFF; + --contact-text-color: #FFFFFF; + --contact-circles-color: #ff8bb1; + --text: #FFFFFF; + --headings: #FFFFFF; +} + +.section-presentation { + background: #1D3557; +} + +.circle-container { + width: 250px; + height: 250px; + background-color: #FF4081; + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + margin-bottom: 2em; + opacity: 1; + animation: rotatePhilipe .8s ease-out forwards; +} + +.flamingo-img { + width: 70%; + height: auto; +} + +.hero-contents { + position: relative; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; + padding: 4em 2em; + font-weight: bold; + color: #333333; + gap: 1.5em; +} + +.hero-wordmark { + font-size: 2.2em; + font-weight: bold; + color: #FF4081; + display: inline-flex; + align-items: center; + opacity: 0; + animation: fadeInText .5s .5s forwards; + padding: 1em 2em; + border-radius: 8px; + text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); + gap: 0.3em; +} + +.hero-wordmark span { + color: #1D3557; + display: inline; +} + +.philip-logo { + width: 150px; + height: auto; +} + +@keyframes fadeInText { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +@keyframes rotatePhilipe { + 0% { + transform: rotateY(0deg); + opacity: 0; + } + 50% { + transform: rotateY(180deg); + } + 100% { + transform: rotateY(360deg); + opacity: 1; + } +} + +@media (max-width: 600px) { + .circle-container { + width: 200px; + height: 200px; + } + + .hero-wordmark { + font-size: 1.8em; + } + + .philip-logo { + width: 120px; + } +} + +.hero-registration { + display: inline-block; + position: relative; +} + +.hero-registration-button { + display: inline-flex; + align-items: center; + justify-content: center; + background-color: #FF4081; + padding: 14px 28px; + font-size: 1.3em; + border-radius: 8px; + color: #FFFFFF; + transition: background-color 0.3s ease, transform 0.3s ease; + border: 1px solid transparent; + gap: 8px; + text-decoration: none; +} + +.hero-registration-button:hover { + background-color: #1D3557; + transform: translateY(-2px); +} + +.hero-registration-button svg { + opacity: 0; + transform: translateX(-10px); + transition: opacity 0.3s ease, transform 0.3s ease; +} + +.hero-registration-button svg.hidden { + opacity: 0; + transform: translateX(-24px); +} + +.hero-registration-button:hover svg { + opacity: 1; + transform: translateX(0); +} + +.button-drive { + margin-right: 30px; + text-align: center; + transition: transform 0.3s ease; +} + +.hero-registration-button:hover .button-drive { + transform: translateX(8px); +} + +.hero-registration-button svg.hidden + .button-drive { + transform: translateX(-12px); +} + +.hero-drop-shadow { + background-image: radial-gradient( + circle at 10px 10px, + rgba(29, 53, 87, 0) 0%, + rgba(255, 64, 129, 0.1) var(--drop-shadow-size) + ); +} + +.presentation-feature-icon { + display: flex; + align-items: center; + justify-content: center; + + width: 8rem; + height: 8rem; + color: #000000; + grid-row: span 2; + background-image: url(../icons/leaves.svg); + background-size: contain; + background-position: center; + background-repeat: no-repeat; +} + +.presentation-feature-icon svg { + width: 2.4rem; + height: 2.4rem; +} + +.hero-bullet { + display: flex; + align-items: center; + font-size: 1.8rem; + margin-bottom: .5em; +} + +.partner-brio { + width: 9rem; +} + +.partner-coop { + width: 10rem; +} + +.partner-eltonymate { + width: 8rem; +} + +.partner-andros { + width: 10rem; +} \ No newline at end of file diff --git a/assets/icons/leaves.svg b/assets/icons/leaves.svg new file mode 100644 index 0000000..8fb9601 --- /dev/null +++ b/assets/icons/leaves.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/illustrations/peb_logo.png b/assets/illustrations/peb_logo.png new file mode 100644 index 0000000..50b134c Binary files /dev/null and b/assets/illustrations/peb_logo.png differ diff --git a/assets/illustrations/philip_sunglasses.png b/assets/illustrations/philip_sunglasses.png new file mode 100644 index 0000000..30342c9 Binary files /dev/null and b/assets/illustrations/philip_sunglasses.png differ diff --git a/assets/partners/andros.svg b/assets/partners/andros.svg index 59914a4..134e625 100644 --- a/assets/partners/andros.svg +++ b/assets/partners/andros.svg @@ -1,540 +1,59 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + diff --git a/assets/partners/brio.svg b/assets/partners/brio.svg new file mode 100644 index 0000000..0540c2d --- /dev/null +++ b/assets/partners/brio.svg @@ -0,0 +1,126 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/partners/coop.svg b/assets/partners/coop.svg new file mode 100644 index 0000000..ef2ceda --- /dev/null +++ b/assets/partners/coop.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/peb.html b/peb.html new file mode 100644 index 0000000..55d70fc --- /dev/null +++ b/peb.html @@ -0,0 +1,228 @@ + + + + + + + + Students 4 Students - Philip's Exam + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+ + +

+ Le dernier support pour les BA1, maintenant à l'EPFL. +

+ +
+
+ + + Du 6 au 9 Janvier 2025 de 16h45 à 19h +
+
+ + + Campus EPFL +
+
+ + + 300 participant·e·s +
+
+ +
+ + + +

Accéder au Drive

+ +
+
+
+
+
+ +
+
+
+

Déroulement

+ +
+
+ +

Accueil des participants

+

+ Les participant·e·s sont accueilli·e·s et reçoivent les informations nécessaires pour bien commencer la session. +

+
+
+ +

Wrap-up interactif

+

+ Chaque matière est revue à travers un wrap-up d'environ 30 minutes, incluant des conseils, des méthodes de résolution, et des exercices typiques pour mieux se préparer. +

+
+
+ +

Séance d'exercices avec assistant·e·s

+

+ Les participant·e·s peuvent poser leurs questions et travailler sur des exercices, accompagné·e·s par des assistant·e·s, dans un format similaire à une séance d'exercices classique. +

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