diff --git a/.github/workflows/static.yml b/.github/workflows/static.yml new file mode 100644 index 0000000..0ba8230 --- /dev/null +++ b/.github/workflows/static.yml @@ -0,0 +1,43 @@ +# Simple workflow for deploying static content to GitHub Pages +name: Deploy static content to Pages + +on: + # Runs on pushes targeting the default branch + push: + branches: ["master"] + + # Allows you to run this workflow manually from the Actions tab + workflow_dispatch: + +# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages +permissions: + contents: read + pages: write + id-token: write + +# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued. +# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete. +concurrency: + group: "pages" + cancel-in-progress: false + +jobs: + # Single deploy job since we're just deploying + deploy: + environment: + name: github-pages + url: ${{ steps.deployment.outputs.page_url }} + runs-on: ubuntu-latest + steps: + - name: Checkout + uses: actions/checkout@v4 + - name: Setup Pages + uses: actions/configure-pages@v5 + - name: Upload artifact + uses: actions/upload-pages-artifact@v3 + with: + # Upload entire repository + path: '.' + - name: Deploy to GitHub Pages + id: deployment + uses: actions/deploy-pages@v4 diff --git a/CNAME b/CNAME new file mode 100644 index 0000000..1f6076d --- /dev/null +++ b/CNAME @@ -0,0 +1 @@ +orchallenge.es \ No newline at end of file diff --git a/README.md b/README.md index c143780..6cdf30d 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ Hola -Esto es la página web de acm + makers \ No newline at end of file +Esto es la página web de makers a partir de la página web del 2024 de acm + makers. diff --git a/calendario/calendario.html b/calendario/calendario.html index 9bcf09a..d59e851 100644 --- a/calendario/calendario.html +++ b/calendario/calendario.html @@ -1,203 +1,107 @@ - + - + - - + ORC + + + + + + + +
-
+

Calendario

-

La competición tendrá lugar del 9 al 16 de mayo

-
-
-
-
-
-
15.00
-
16.00
-
17.00
-
18.00
-
19.00
-
20.00
-
21.00
-
-
-
-
-

9

-

Jue

-
-
-
-

Presentación

-

16.30 h - 21.00 h

-

LUGAR: Casa del alumno (Informática 2ª planta) Edificio 4K
- Prestación material y reparto pruebas

-
-
-
-
-
-

10

-

Vie

-
-
-
-

Día 1

-

16.30 h - 21.00 h

-

LUGAR: ETSID (Laboratorio Penyagolosa) Edificio 7E

-
-
-
-
-
-

11

-

Sab

-
-
-
-

Día 2

-

16.30 h - 21.00 h

-

LUGAR: Casa del alumno (Planta baja) Edificio 4K

-
-
-
-
-
-

12

-

Dom

-
-
-
-
-
-
+
+

La competición tendrá lugar del 10 de febrero al 7 de marzo.

+
+

Los talleres de formación y construcción se imparten los miércoles y jueves
a las 17:00 en la ETSIADI, con opción a talleres complementarios bajo petición.

+
+

El calendario detallado con sesiones saldrá próximamente™.

+

+

Calendario de Talleres

-
-
-
-
15.00
-
16.00
-
17.00
-
18.00
-
19.00
-
20.00
-
21.00
-
-
-
-
-

13

-

Lun

-
-
-
-

Día 3

-

16.30 h - 21.00 h

-

LUGAR: ETSINF (1G 0.4)

-
-
-
-
-
-

14

-

Mar

-
-
-
-

Día 4

-

16.30 h - 21.00 h

-

LUGAR: ETSID (Laboratorio Aitana) Edificio 7E

-
-
-
-
-
-

15

-

Mie

-
-
-
-

Día 5

-

16.30 h - 21.00 h

-

LUGAR: ETSINF (1G 0.4)

-
-
-
-
-
-

16

-

Jue

-
-
-
-

FINAL

-

16.30 h - 21.00 h

-

LUGAR: Casa del alumno (Planta baja) Edificio 4K

-
-
-
-
-
+ + Miércoles: + · 12/02: N12. Conceptos generales + · 19/02: N12. Electrónica general. + . 26/02: Brest. Programación del robot. + . 05/03: Brest. Taller de dudas y libre. + Jueves: + · 13/02: S06. Diseño y prototipo. + 20/02: S06. Programacion base. + · 27/02: Brest. Pruebas en pista. + · 06/03: Brest. Taller de dudas y libre. +
-
-

Información

- -
-
-
-
    -
    • -
    • -
    • -
    • -
-
+
+ Logos +
+
+ Logos +
-
-
+
+
+

Más Información

+ +
-
    -
    • -
    • -
    • -
    • -
-
-
-
-
+
+
+ + +
+ +
\ No newline at end of file diff --git a/css/calendario.css b/css/calendario.css index dd3eda4..623fb91 100644 --- a/css/calendario.css +++ b/css/calendario.css @@ -1,14 +1,13 @@ :root { - --numDays: 5; - --numHours: 7; - --timeHeight: 60px; - --calBgColor: #EDEDED; - /* --eventBorderColor: #f2d3d8; */ - --eventColor1: #7abf9c; - --eventColor2: #a3c182; - --eventColor3: #70a0ae; - } - + --numDays: 5; + --numHours: 7; + --timeHeight: 60px; + --calBgColor: #EDEDED; + /* --eventBorderColor: #f2d3d8; */ + --eventColor1: var(--color3); + --eventColor2: var(--color2); + --eventColor3: var(--color1); +} .title-calendar { display: flex; flex-direction: column; @@ -149,7 +148,7 @@ } } - @media screen and (max-width: 600px) { + /* @media screen and (max-width: 600px) { .calendar { margin: 10px 4px; gap: 2px; @@ -181,4 +180,4 @@ width: max-content; --timeHeight: 45px; } - } \ No newline at end of file + } */ \ No newline at end of file diff --git a/css/style.css b/css/style.css index 611475d..6bf3ec0 100644 --- a/css/style.css +++ b/css/style.css @@ -1,12 +1,15 @@ +/* 2024 mods by NAKKI (@nak.kiwi on insta)*/ + :root { - --color1: #296bad; - --color2: #97C575; - --color3: #ffe600; - --fontColor1: #000000; - --fontColor2: #fefdfb; + --color1: #F9CC3E; + --color2: #FF6A00; + --color3: #f9ae3e; + --fontColor1: #000; + --fontColor2: #000; } -html, body { +html, +body { z-index: 0; } @@ -15,21 +18,35 @@ html, body { padding: 0; margin: 0; text-decoration: none; - font-family: "Poppins", sans-serif; - font-weight: 400; + font-family: "Rubik", sans-serif; + font-weight: 500; color: var(--fontColor1); } /* Nav */ - .logo { display: flex; align-items: center; + width: 63px; + height: 25px; + position: relative; } +/* TODO: disable hidden and add to page */ .logo-img { - width: 80px; /* Set the width */ + width: 80px; + /* Set the width */ height: auto; + display: none; +} +.logo::after { + content: ""; + background-image: url("https://utfs.io/f/8JQcvMcXxzFviKKjeT0AjvMNZXQoWlKx7SCkH6yw9IfVPUeB"); + background-size: cover; + width: 63px; + height: 45px; + position: relative; + top: 10px; } .nav { @@ -49,13 +66,13 @@ html, body { } #nav { - background: rgb(9,77,145); - background: linear-gradient(36deg, #094d91 0%, rgba(146,189,87,0.6) 100%); + background: var(--color1); + background: linear-gradient(36deg, var(--color1) 0%, var(--color2) 100%); } .nav-scrolled { - background: rgb(9,77,145); - background: linear-gradient(36deg, #094d91 0%, rgba(146,189,87,0.6) 100%); + background: var(--color1); + background: linear-gradient(36deg, var(--color1) 0%, var(--color2) 100%); } .nav-links { @@ -70,7 +87,10 @@ html, body { } .nav-links a { + box-sizing: border-box; + border: 2px solid transparent; cursor: pointer; + display: inline-block; font-size: 16px; border-radius: 20px; padding: 5px 13px; @@ -82,11 +102,12 @@ html, body { } .nav-button:hover { - background-color: #cecece52; + border: 2px solid black; + background-color: #ff6a00; } .form-button { - border: 1.5px solid var(--fontColor2); + border: 3px solid var(--fontColor2); color: var(--fontColor2); } @@ -105,7 +126,6 @@ html, body { } /* Small Screen */ - @media screen and (max-width: 650px) { .nav-links { @@ -136,17 +156,17 @@ html, body { .nav-button:hover { background-color: #cecece52; } - + .form-button { background-color: var(--color1); color: var(--fontColor2); } - + .form-button:hover { background-color: #51a5d5; color: var(--fontColor2); } - + .open { right: 0%; @@ -163,8 +183,19 @@ html, body { height: 100vh; width: 100%; z-index: 1; - background: rgb(9,77,145); - background: linear-gradient(36deg, #094d91 0%, rgba(146,189,87,1) 100%); + background: var(--color1); + background: linear-gradient(36deg, var(--color1) 0%, var(--color1) 100%); + /*TODO: change/delete gradient*/ +} + +.header::after { + content: ""; + background-image: url(https://utfs.io/f/8JQcvMcXxzFvsin6xMcEngCsPXAV9DLif7aEpQoByq6zluTJ); + background-size: cover; + height: 100%; + width: 100%; + position: absolute; + mix-blend-mode: overlay; } .header-body { @@ -173,26 +204,40 @@ html, body { position: absolute; top: 43%; left: 50%; - transform: translate(-50%,-40%); + transform: translate(-50%, -40%); display: flex; flex-direction: row; } +.header-body::after { + content: ""; + background-image: url("https://utfs.io/f/8JQcvMcXxzFvwxSMY86pxvP2imLB8yJMNaFe3tqjUVX0rYAO"); + position: absolute; + top: 120px; + left: 720px; + width: 500px; + height: 300px; + background-size: cover; +} + .titles { top: 40%; left: 0%; - transform: translate(0%,20%); + transform: translate(0%, 20%); text-align: left; } .titles h1 { - font-weight: 500; font-size: 101px; color: var(--fontColor2); + + font-family: "Rubik Mono One", monospace; + font-weight: 800; + font-style: normal; } .titles p { - font-weight: 200; + font-weight: 500; font-size: 20px; margin-bottom: 25px; color: var(--fontColor2); @@ -203,13 +248,16 @@ html, body { } /* Second section */ - .second-section { /* min-height: 100vh; */ margin: 10px; + padding: 7% 0 0 0; + + /* Center content */ + display: flex; + flex-direction: column; align-items: center; justify-content: center; - padding: 7% 0 0 0; } .second-section h2 { @@ -225,7 +273,16 @@ html, body { padding: 0 7% 0 7%; } -.second-section h2, .second-section p { +* > h2, .intro > h1 { + color: var(--fontColor1) !important; + text-align: center !important; + font-family: "Rubik Mono One" !important; + text-shadow: 0px 4px 0px var(--color1) !important; + +} +/*Todo: remove other h2 styles*/ + +.second-section p { text-align: center; } @@ -233,16 +290,18 @@ html, body { display: flex; flex-direction: row; justify-content: space-between; - align-items: flex-start; + align-items: stretch; margin: 10px; } -.second-section div div { +.second-section div div { /* container */ display: flex; flex: 1; flex-direction: column; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2); - border-radius: 10px; + border-radius: 15px; + border: 5px black solid; + background-color: var(--color1); padding: 3%; align-items: center; justify-content: center; @@ -250,8 +309,12 @@ html, body { transition: transform 0.3s; } -.container:hover{ - transform: scale(1.05); +.second-section > *{ + max-width: 1200px; +} + +.container:hover { + transform: scale(1.05); } .container p { @@ -260,21 +323,25 @@ html, body { } .container h3 { - font-weight: 400; - color: var(--color1); + font-family: "Rubik Mono One"; + color: var(--fontColor1); } .container button { font-weight: 300; font-size: 14px; - border: none; - border-radius: 8px; + border-radius: 15px; padding: 5px 10px 5px 10px; - background-color: var(--color1); + background-color: var(--color2); + transition: all 0.1s; + border: 2px solid transparent; + } .container button:hover { - background-color: #6c99c6; + background-color: var(--color2); + border: 2px solid black; + scale: 105%; } .container button a { @@ -282,7 +349,6 @@ html, body { } /* Third section */ - .third-section { display: flex; flex-direction: column; @@ -300,14 +366,16 @@ html, body { .third-section button { font-weight: 300; font-size: 16px; - border: none; + border: 2px transparent solid; border-radius: 15px; padding: 8px 15px 8px 15px; background-color: var(--color1); + transition: all 0.1s; } .third-section button:hover { - background-color: #6c99c6; + background-color: var(--color2); + border: 2px black solid; } .third-section button a { @@ -321,23 +389,49 @@ html, body { } /* Responsive of all sections */ +@media screen and (max-width: 1450px) { + .titles h1 { + font-size: 80px; + } + + .titles p { + font-size: 15px; + } + + .header-body::after { + top: 150px; + left: 460px; + width: 400px; + height: 200px; + } + + .header-body h1 { + max-width: 500px; + } +} @media screen and (max-width: 1000px) { .titles h1 { font-size: 80px; } - + .titles p { font-size: 15px; } + .header-body::after { + top: 300px; + left: 300px; + width: 400px; + height: 200px; + } } @media screen and (max-width: 700px) { .titles h1 { font-size: 50px; } - + .titles p { font-size: 15px; } @@ -346,18 +440,22 @@ html, body { flex-direction: column; } - .second-section-pregunta, .third-section h2 { + .second-section-pregunta, + .third-section h2 { font-size: 30px; } - .second-section-respuesta, .third-section p { + .second-section-respuesta, + .third-section p { padding: 0 8px 0 8px; } - .container p, .second-section p, .third-section p { + .container p, + .second-section p, + .third-section p { font-size: 13px; } - + .container h3 { font-size: 15px; } @@ -367,7 +465,7 @@ html, body { } .second-section div { - align-items: center; + align-items: stretch; } .third-section button { @@ -376,27 +474,91 @@ html, body { border-radius: 10px; padding: 5px 10px 5px 10px; } + + .header-body::after { + top: -10px; + left: 250px; + width: 200px; + height: 100px; + } } -/* Footer */ +@media screen and (max-width: 440px) { + .titles h1 { + font-size: 40px; + } + .titles p { + font-size: 15px; + } + + .second-section div { + flex-direction: column; + } + + .second-section-pregunta, + .third-section h2 { + font-size: 30px; + } + + .second-section-respuesta, + .third-section p { + padding: 0 8px 0 8px; + } + + .container p, + .second-section p, + .third-section p { + font-size: 13px; + } + + .container h3 { + font-size: 15px; + } + + .container button { + font-size: 10px; + } + + .second-section div { + align-items: stretch; + } + + .third-section button { + font-weight: 200; + font-size: 15px; + border-radius: 10px; + padding: 5px 10px 5px 10px; + } + + .header-body::after { + top: -20px; + left: 120px; + width: 200px; + height: 100px; + } +} + +/* Footer */ .footer { display: flex; flex-direction: row; - justify-content: space-around; + justify-content: center; + gap: 26%; flex-wrap: wrap; - min-height: 30vh; + min-height: 35vh; width: 100%; - column-gap: 10px; - background-color: #094d91B0; + background-color: var(--color1); + /*This had an opacity but sue me*/ /* background: linear-gradient(36deg, #094d91 0%, rgba(146,189,87,1) 100%); */ } .footer-socials { display: flex; flex-direction: column; - + height: min-content; + align-items: center; width: 190px; } @@ -423,7 +585,7 @@ html, body { @media (max-width: 600px) { .footer { flex-direction: column; - align-items:center; + align-items: center; row-gap: 20px; } } @@ -431,18 +593,32 @@ html, body { margin: 20px 10px; border-left: 6px solid white; height: 30vh; - } +} .logos { - width: 100vw; + display: flex; + height: min-content; + justify-content: center; +} +.logos img { + width: 80%; + height: auto; +} + +.widthLimit { + max-width: 800px; display: flex; flex-direction: row; justify-content: center; - } + justify-content: space-between; + row-gap: 2rem; + flex-wrap: wrap; + margin-top: 1rem; +} .footer-socials li { list-style: none; - margin-top: 5px; + margin-top: 5px; } .socials-div ul { @@ -451,8 +627,8 @@ html, body { justify-content: space-around; } -.socials-div li{ - +.socials-div li { + font-weight: bold; display: inline; font-size: 1rem; @@ -462,7 +638,13 @@ html, body { .footer-socials li a { color: var(--fontColor2); opacity: 80%; - font-size: 1.2rem + font-size: 1.2rem; + filter: drop-shadow(0px 2px 0px var(--color2)); + &:hover{ + filter: drop-shadow(0px 4px 1px var(--color2)); + translate: 0px -4px; + }; + transition: all 0.1s; } .socials-div li a { @@ -484,13 +666,75 @@ html, body { position: relative; top: 10px; width: 140px - } .logo-cover { - height: 90px; + height: 90px; } .x-logo { position: relative; top: 1px } + +/* + ▄▄▄ + ▄█ █▄ + ▀█ █ █▀ + ▄▀▀ █ ▀▀▄ + █▒▒ ▒▒█ + █▒▒▒▒▒▒▒█ + ▀▄▄▄▄▄▄▄▀ + █ █ + ▀▀ ▀▀ + Hey!, you found Kiwi the Kiwi :D +*/ + +/* Retos */ +.retos { + margin-left: auto; + margin-right: auto; + max-width: 800px; + margin-top: 200px; + margin-bottom: 200px; + width: 80%; +} +.retos h2 { + margin-bottom: 0px; +} +.retos h3 { + font-family: "Rubik Mono One"; + color: var(--color3); +} +.retos > p { + text-align: center; + margin-bottom: 1rem; +} + +.retos article p { + text-align: justify; + margin-bottom: 1rem; +} +.retos button { + font-weight: 300; + font-size: 16px; + border: 2px transparent solid; + border-radius: 15px; + padding: 8px 15px 8px 15px; + background-color: var(--color1); + transition: all 0.1s; +} + +.retos button:hover { + background-color: var(--color2); + border: 2px black solid; +} + +.retos button a { + color: var(--fontColor2); +} + +#loadOverlay{ + opacity: 0; + transition: all 1s; + pointer-events: none; +} diff --git a/equipo/equipo.html b/equipo/equipo.html index b7e7787..d0bddaf 100644 --- a/equipo/equipo.html +++ b/equipo/equipo.html @@ -1,18 +1,24 @@ - - - - - - - - - - - - ORC - + + + + + + + + + + + ORC + + + + + + + +
-

¿Preparado?

+

¡Incríbite ya!

- ¿Tienes lo que se necesita para ser el campeón de la ORC? ¡Demuéstralo inscribiéndote hoy mismo! Sólo necesitas completar nuestro formulario para unirte a la competición. + ¿Tienes lo que se necesita para superar los retos de la ORC? ¡Demuéstralo inscribiéndote hoy mismo! Sólo necesitas completar nuestro formulario para unirte a la competición:

- +
-
-

Información

- -
-
-
- -
+
+ Logos +
+
+ Logos +
-
-
+
+
+

Más Información

+ +
-
    -
    • -
    • -
    • -
    • -
-
-
-
+
+
+ +
    +
    • +
    • +
    • +
    • +
+
+
diff --git a/normas/Normas y reglamentos de la ORC.pdf b/normas/Normas y reglamentos de la ORC.pdf new file mode 100644 index 0000000..ecb2b58 Binary files /dev/null and b/normas/Normas y reglamentos de la ORC.pdf differ diff --git a/retos/retos.html b/retos/retos.html index b4c360e..b572058 100644 --- a/retos/retos.html +++ b/retos/retos.html @@ -4,14 +4,20 @@ - + - + - - + ORC + + + + + + + -
-

Próximamente...

-

Los retos se revelarán el primer día de la competición, se añadirán aquí cuando se hayan anunciado.

+
+

Retos

+

¿Logrará tu robot superar los siguientes retos?

+ +
+

Laberinto

+

Esta prueba se basa en que los robots recorran un laberinto de forma autónoma. El laberinto está conformado por una gran plataforma con paredes elevadas y líneas negras en el medio de los caminos. Para completar esta prueba se debe terminar todo el circuito sin salirse de las plataformas y sin quedarse trabado.

+
+ +
+

Fútbol

+

La prueba consiste en un torneo eliminatorio de partidos 1 contra 1. Cada partida dura hasta tres minutos o al mejor de tres puntos. Los robots pueden ser autónomos o controlados a distancia. Se deberán evitar choques directos contra el contrario bajo penalización de descalificación tras tres infracciones.

+
+ +
+

Velocidad

+

Consiste en recorrer un circuito de plataformas con curvas y rectas en el menor tiempo posible. El movimiento deberá ser completamente autónomo, y para finalizar el circuito se debe evitar salirse de las plataformas o quedarse trabado.

+
+ +
+

Obstáculos

+

En esta prueba se deben sortear varios obstáculos mientras se premia la velocidad. Solo se admitirán robots autónomos. La prueba se considera completada si el robot llega al final sin derribar obstáculos, salirse de la plataforma o quedarse trabado.

+
+ +
-
-

Información

- -
-
-
-
    -
    • -
    • -
    • -
    • -
+
+ Logos +
+
+ Logos
-
-
+
+
+

Más Información

+ +
-
    -
    • -
    • -
    • -
    • -
-
-
+
+
+ +
    +
    • +
    • +
    • +
    • +
+
-
+
+ - \ No newline at end of file +