diff --git a/app/globals.sass b/app/globals.sass index 1027d44..95f22f4 100644 --- a/app/globals.sass +++ b/app/globals.sass @@ -30,16 +30,6 @@ -body - /* color: rgb(var(--foreground-rgb)) */ - @apply text-primary - // background: linear-gradient( - // to bottom, - // transparent, - // rgb(var(--background-end-rgb)) - // ) - // rgb(var(--background-start-rgb)) - margin-bottom: 0rem @layer utilities .text-balance diff --git a/app/page.js b/app/page.js index 6fab7e5..8bd039c 100644 --- a/app/page.js +++ b/app/page.js @@ -28,19 +28,16 @@ export default function Home() {
-
+
-
+
-

- {t("front.title")} - -

+

{t("front.title")}

-
+
-
-
- -
-
-

{t("front.awardH2")}

-
{t("front.awardTitle")}
-
-
- {t("front.awardBody")} -
+
+
+
+

{t("front.projectTitle")}

+
{t("front.projectSubtitle")}
+

{t("front.projectDescription")}

diff --git a/app/projects/page.js b/app/project/page.js similarity index 100% rename from app/projects/page.js rename to app/project/page.js diff --git a/app/sass/lib/_structure.sass b/app/sass/lib/_structure.sass new file mode 100644 index 0000000..40607ba --- /dev/null +++ b/app/sass/lib/_structure.sass @@ -0,0 +1,4 @@ +.standard_margin + @apply my-4 mx-4 sm:my-4 sm:mx-8 md:my-8 md:mx-14 lg:my-12 lg:mx-36 xl:mx-44 2xl:mx-60 +.xl_margin + @apply my-8 mx-8 sm:my-12 sm:mx-16 md:my-16 md:mx-24 lg:my-20 lg:mx-44 xl:mx-60 2xl:mx-80 \ No newline at end of file diff --git a/app/sass/main.scss b/app/sass/main.scss index 2f6153e..d92bf35 100644 --- a/app/sass/main.scss +++ b/app/sass/main.scss @@ -7,6 +7,7 @@ @import "lib/_type.sass"; @import "lib/_variables.sass"; @import "lib/_mixins.sass"; +@import "lib/_structure.sass"; // components @import "components/_buttons.sass"; @@ -53,10 +54,6 @@ TYPOGRAPHY @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700"); @import url("https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i"); - -// import montserrat -// import new sans serif; - .App { background-color: $background } @@ -173,7 +170,6 @@ button { .home { //margin: 8rem 4rem 0 4rem; - .head { display: flex; @@ -533,7 +529,6 @@ RESPONSIVE //MÓVIL MEDIA QUERY @media (max-width: 600px) { - // .parallax__layer { // position: absolute; // top: 75px; @@ -543,38 +538,7 @@ RESPONSIVE // width:100% // } - .home { - //margin: 0.4rem; - padding: 1rem 0 0 0; - - - .head { - padding: 0rem 0rem 2rem 0rem; - display: flex; - flex-flow: column; - align-items: center; - } - - .body { - .carousel { - h3 { - font-size: 1.5rem; - } - - p { - font-size: 1rem; - } - } - .latest_publications { - padding: 0; - - p { - padding: 0; - } - } - } - } .projects { main { diff --git a/app/sass/partials/_home.sass b/app/sass/partials/_home.sass index c6de4fe..d765812 100644 --- a/app/sass/partials/_home.sass +++ b/app/sass/partials/_home.sass @@ -3,7 +3,13 @@ @media (min-width: 150px) + + .home + .head + display: flex + justify-content: space-between + height: 50vh h3 @apply text-ca_blue-700 margin-bottom: 2rem @@ -11,7 +17,23 @@ p margin-bottom: 2rem width:80% - @apply text-gray-800 + .project_description + background-image: url("/assets/img/section_description_home.png") + background-size: cover + background-position: center + background-repeat: no-repeat + text-align: left + display: flex + justify-content: center + div + display: flex + flex-direction: column + gap: 2rem + align-items: center + h5 + text-align: center + max-width: 70vw + .group_description z-index:100 .logo_home @@ -95,14 +117,11 @@ @media (min-width: 640px) - .award_section - width:85% - padding: 1.5rem 2rem 1rem 2rem - flex-direction: column - .award_icon - min-width: 4rem - height: 4rem - padding: 1.5rem + .home + .head + display: flex + justify-content: space-between + height: 60vh .group_description width: 100vw .logo_home @@ -124,30 +143,11 @@ //background-size: cover background-position: 100% 0 @media (min-width: 900px) - .award_section - flex-direction: row - width:70% - text-align: left - // gap: 1.2rem - align-self: flex-start - .award_title - display: flex - flex-direction: column - align-self: flex-start - justify-content: flex-start - div - flex-direction: column - //margin-left: 0.8rem - align-items: flex-start - align-self: flex-start - .award_icon + .home + .head display: flex - border-radius: 70px - min-width: 6rem - height: 6rem - padding: 1.5rem - align-self: flex-start - small + justify-content: space-between + height: 100vh .group_description .logo_home diff --git a/constants/langs/en.js b/constants/langs/en.js index 790e295..337c5d0 100644 --- a/constants/langs/en.js +++ b/constants/langs/en.js @@ -12,9 +12,9 @@ export const en = { "front": { "title": "Future Networks for Datacenters and Telcos", "action-button": "About the project", - "awardH2":"EIG AWARDED IN 2017", - "awardTitle": "Award to the educational innovation groups", - "awardBody": "Award granted to the CyberAula group, coordinated by professor Juan Quemada Vives (H.T.S. of Telecommunication engineering) ", + "projectTitle": "Short description of the project", + "projectSubtitle": "FuN4DaTe aims at designing a cost-effective energy-efficient network architecture", + "projectDescription": "FuN4DaTe aims at designing a cost-effective energy-efficient network architecture that approaches the envisioned by the ITU FG-NET2030 network and the Hyperscale cloud providers to upgrade telco networks by boosting bandwidth, latency, security, manynets while incorporating AI/ML into the network operations, on attempts to deal with forthcoming challenging services like holographic-type communications, tactile Internet for remote operations, intelligent operations networks, network and computing convergence, digital twins, space-terrestrial integrated network and industrial IoT with cloudification.", "latestPublicationsTitle": "Latest publications", "latestPublicationsButton": "See all publications", "linesOfActTitle": "Lines of action", @@ -70,13 +70,12 @@ export const en = { "team": { "title": "Team", "professorCards":{ - "roles":{ - "1":"Professor", - "2":"Associate professor", - "3":"Assistant professor", - "4":"Researcher", - "5":"Intern", - }, + "roles":{ + "1":"IP1", + "2":"IP2", + "3":"PhD candidate", + "4":"Full-Time Technician", + }, "positions":{ "1":"Coordinator", }, diff --git a/constants/langs/es.js b/constants/langs/es.js index 878ec05..bc078b5 100644 --- a/constants/langs/es.js +++ b/constants/langs/es.js @@ -11,11 +11,10 @@ export const es = { }, "front": { "title": "Redes Futuras para Centros de Datos y Empresas de Telecomunicaciones", - "action-button": "Sobre el proyecto", - "awardH2":"GIE PREMIADO EN 2017", - "awardTitle": "Premio a los grupos de innovación educativa ", - "awardBody": "Premio otorgado al GIE CyberAula, coordinado por el profesor Juan Quemada Vives (E.T.S. DE INGENIEROS DETELECOMUNICACIÓN) ", + "projectTitle": "Short description of the project", + "projectSubtitle": "FuN4DaTe aims at designing a cost-effective energy-efficient network architecture", + "projectDescription": "FuN4DaTe aims at designing a cost-effective energy-efficient network architecture that approaches the envisioned by the ITU FG-NET2030 network and the Hyperscale cloud providers to upgrade telco networks by boosting bandwidth, latency, security, manynets while incorporating AI/ML into the network operations, on attempts to deal with forthcoming challenging services like holographic-type communications, tactile Internet for remote operations, intelligent operations networks, network and computing convergence, digital twins, space-terrestrial integrated network and industrial IoT with cloudification.", "latestPublicationsTitle": "Últimas publicaciones", "latestPublicationsButton": "Ver todas las publicaciones", "linesOfActTitle": "Líneas de actuación", @@ -72,11 +71,10 @@ export const es = { "title": "Equipo", "professorCards":{ "roles":{ - "1":"Profesor", - "2":"Profesor asociado", - "3":"Profesor auxiliar", - "4":"Investigador/a", - "5":"Becario/a", + "1":"IP1", + "2":"IP2", + "3":"Candidato de doctorado", + "4":"Técnico a tiempo completo", }, "positions":{ "1":"Coordinador", diff --git a/constants/team.js b/constants/team.js index 9baca84..454a79c 100644 --- a/constants/team.js +++ b/constants/team.js @@ -1,23 +1,36 @@ export const myteam = { - "professor":{ + "UC3M Team":{ "title":"Professors", "members":[ - { - "name":"Juan Quemada", - "translationKey": "team.professorCards.roles.1", - "position": "", - "description":"Juan Quemada leads the Next Generation Internet Group within the Telematics Engineering Department, Universidad Politécnica de Madrid (UPM), where he is Full Professor. He is also the Telefonica Chair of UPM, for the next-generation Internet, and the UPM Representative at the World Wide Web Consortium. His research interests include collaborative and social application architecture for the Internet and the Web, including cloud computing, where he has a strong involvement in European and Spanish research.", - "photo":"/assets/img/team/juan-quemada.jpg", - "github":"https://github.com/jquemada", - "email": "juan.quemada@upm.es", - "center": "E.T.S. de ingenieros de telecomunicacion", - "key": "1" - } + ] }, - "associate":{ + "UPM Team":{ "title":"Associate Professors", "members":[ + { + "name":"Juan Quemada", + "translationKey": "team.professorCards.roles.1", + "position": "", + "description":"Juan Quemada leads the Next Generation Internet Group within the Telematics Engineering Department, Universidad Politécnica de Madrid (UPM), where he is Full Professor. He is also the Telefonica Chair of UPM, for the next-generation Internet, and the UPM Representative at the World Wide Web Consortium. His research interests include collaborative and social application architecture for the Internet and the Web, including cloud computing, where he has a strong involvement in European and Spanish research.", + "photo":"/assets/img/team/juan-quemada.jpg", + "github":"https://github.com/jquemada", + "email": "juan.quemada@upm.es", + "center": "E.T.S. de ingenieros de telecomunicacion", + "key": "1" + }, + { + + "name":"Enrique Barra", + "position":"team.professorCards.positions.1", + "translationKey": "team.professorCards.roles.2", + "description":"Enrique Barra is a professor at Telematic Engineering Department, School of Telecommunications Engineering. He received the Ph.D. degree in Telematic Engineering with minoring in Multimedia and Technology Enhanced Learning from Universidad Politécnica de Madrid (UPM).He has participated in many European projects, such as GLOBAL, FIWARE, and C@R. He is currently involved in several projects contributing to the generation and distribution of educational content in TEL environments. His research interests include videoconferencing, games in education, and social networks in education.", + "photo":"/assets/img/team/enrique-barra.jpg", + "github":"https://github.com/ebarra", + "email": "enrique.barra@upm.es", + "center": "E.T.S. de ingenieros de telecomunicacion", + "key": "5" + }, { "name":"Joaquín Salvachúa", "translationKey": "team.professorCards.roles.2", @@ -51,17 +64,7 @@ export const myteam = { "center": "E.T.S. de ingenieros de telecomunicacion", "key": "4" }, - { - "name":"Enrique Barra", - "position":"team.professorCards.positions.1", - "translationKey": "team.professorCards.roles.2", - "description":"Enrique Barra is a professor at Telematic Engineering Department, School of Telecommunications Engineering. He received the Ph.D. degree in Telematic Engineering with minoring in Multimedia and Technology Enhanced Learning from Universidad Politécnica de Madrid (UPM).He has participated in many European projects, such as GLOBAL, FIWARE, and C@R. He is currently involved in several projects contributing to the generation and distribution of educational content in TEL environments. His research interests include videoconferencing, games in education, and social networks in education.", - "photo":"/assets/img/team/enrique-barra.jpg", - "github":"https://github.com/ebarra", - "email": "enrique.barra@upm.es", - "center": "E.T.S. de ingenieros de telecomunicacion", - "key": "5" - }, + { "name":"Álvaro Alonso", "translationKey": "team.professorCards.roles.2", @@ -90,113 +93,49 @@ export const myteam = { "email": "pedro.reviriego@upm.es", "center": "E.T.S. de ingenieros de telecomunicacion", "key": "8", - } - ] - }, - "assistant":{ - "title":"Assistant Professors", - "members":[ - { - "name":"Jose Andres Muñoz", - "translationKey": "team.professorCards.roles.3", - "description":"Andrés received the B.S. in Telematic Engineering from Escuela Superior Politécnica del Litoral (ESPOL) in 2013 He received the M.Sc. in Telematic Services and Network Engineering from Universidad Politécnica de Madrid (UPM). Andrés is currently a Ph.D. student in Telecommunications Engineering and a Researcher with the Next Generation Internet Research Group. His previous experience includes Telematic Laboratories Coordination or Servers and Communications Assistant, both in ESPOL.Andres has carried out different research projects, such as Web Platform Development for Control and Monitoring of Environmental Parameters in Agriculture or Kiswar Proyect Reactive Evacuation Management Systemsfor Emergency Situations.", - "photo":"/assets/img/team/jose-andres-munoz.jpg", - "github":"https://github.com/anmunoz", - "email": "joseandres.munoz@upm.es", - "center": "E.T.S. de ingenieros de telecomunicacion", - "key": "9", - }, - { - "name":"Alejandro Pozo", - "translationKey": "team.professorCards.roles.3", - "description":"Researcher and Ph.D. student at Politécnica of Madrid (UPM). He received the M.Sc. in Telecommunications Engineering from the UPM, Spain, in 2017, where he is currently pursuing the Ph.D. in Telecommunications Engineering and is a Research Assistant with the Next Generation Internet Research Group. He participates in several European projects and publishes results in journals related to the Internet of Things, security, and identity management.", - "photo":"/assets/img/team/alejandro-pozo.jpg", - "github":"https://github.com/apozohue10", - "email": "alejandro.pozo@upm.es", - "center": "E.T.S. de ingenieros de telecomunicacion", - "key": "10", }, { - "name":"Javier Conde", - "translationKey": "team.professorCards.roles.3", - "description":"PhD student in Telematics Engineering at UPM and researcher in the Department of Telematics Engineering. He received the B.S. and M.Sc. in Telecommunications Engineering from UPM in 2018 and 2020. His research interests lie in the fields of Open Linked Data, Digital Twins, Big Data and Machine Learning.", - "photo":"/assets/img/team/javier-conde.jpg", - "github":"https://github.com/javicond3", - "email": "javier.conde.diaz@upm.es", - "center": "E.T.S. de ingenieros de telecomunicacion", - "key": "11", - }, - { - "name":"Sonsoles López-Pernas", - "translationKey": "team.professorCards.roles.3", - "description":"Sonsoles has a PhD in Telematics Engineering from Universidad Politécnica de Madrid (UPM). Since 2015, she has conducted her research at the GING research group. She is currently an Assistant Professor at the Department of Computer Science at UPM. Her research interests include technology-enhanced learning, educational escape rooms, learning analytics, and data usage control.", - "photo":"/assets/img/team/sonsoles-lopez.jpg", - "github":"https://github.com/sonsoleslp", - "email": "sonsoles.lopez.pernas@upm.es", - "center": "E.T.S. de ingenieros de telecomunicacion", - "key": "12", - } - ] - }, - "researchers":{ - "title":"Researchers (Investigadores)", - "members":[ - { - "name":"Carlos Arriaga", - "translationKey": "team.professorCards.roles.4", - "description":" Carlos is a Ph.D. student in Telecommunication Engineering at Universidad Politécnica de Madrid (UPM). He received the B.S. and M.Sc. in Telecommunications Engineering from UPM in 2020 and 2022. His research interests lie in primarily in the field of video-conference scalability and WebRTC.", - "photo":"/assets/img/team/carlos-arriaga.jpg", - "github":"https://github.com/Arri98", - "email": "carlos.arriaga.prieto@upm.es", - "center": "E.T.S. de ingenieros de telecomunicacion", - "key": "13", - }, - { - "name":"Iciar Villamayor", - "translationKey": "team.professorCards.roles.4", - "description":"Iciar is a UX/UI designer. She received the B.S and M.Sc in graphic design and interactive graphic design from Escuela Superior de Diseño de Madrid in 2020 and 2021. She's currently teaching at Escuela Superior de Diseño de Madrid. She collaborates with the GING as a Graphic Designer.", - "photo":"/assets/img/team/iciar-villamayor.jpg", - "github":"https://github.com/IciarVillamayor", - "email": "iciarvillamayor@hotmail.com", - "center": "E.T.S. de ingenieros de telecomunicacion", - "key": "14", - }, - { - "name":"Abel Carril", - "translationKey": "team.professorCards.roles.4", - "description":"Videoconference and streaming support specialist with more than 10 years of experience. Audio/Video encoding expert and Windows .NET C# desktop applications developer.", - "photo":"/assets/img/team/abel-carril.jpg", - "github":"https://github.com/eibol", - "email": "abel.carril@upm.es", - "center": "E.T.S. de ingenieros de telecomunicacion", - "key": "15", - } - ] - }, - "interns":{ - "title":"Interns (Becarios)", - "members":[ - { - "name":"Pablo Uxó", - "translationKey": "team.professorCards.roles.5", - "description":"", - "photo":"/assets/img/team/pablo-uxo.jpeg", - "github":"https://github.com/", - "email": "p.uxo@alumnos.upm.es", - "center": "E.T.S. de ingenieros de telecomunicacion", - "key": "16", - }, - { - "name":"Samuel García", - "translationKey": "team.professorCards.roles.5", - "description":"Samuel is a M.S. student in Telecommunication Engineering at Universidad Politécnica de Madrid (UPM). He collaborates with the GING research group as a Software Developer.", - "photo":"/assets/img/team/samuel-garcia.jpg", - "github":"https://github.com/samugs13", - "email": "samuel.garcia.sanchez@alumnos.upm.es", - "center": "E.T.S. de ingenieros de telecomunicacion", - "key": "17", - } + "name":"Jose Andres Muñoz", + "translationKey": "team.professorCards.roles.3", + "description":"Andrés received the B.S. in Telematic Engineering from Escuela Superior Politécnica del Litoral (ESPOL) in 2013 He received the M.Sc. in Telematic Services and Network Engineering from Universidad Politécnica de Madrid (UPM). Andrés is currently a Ph.D. student in Telecommunications Engineering and a Researcher with the Next Generation Internet Research Group. His previous experience includes Telematic Laboratories Coordination or Servers and Communications Assistant, both in ESPOL.Andres has carried out different research projects, such as Web Platform Development for Control and Monitoring of Environmental Parameters in Agriculture or Kiswar Proyect Reactive Evacuation Management Systemsfor Emergency Situations.", + "photo":"/assets/img/team/jose-andres-munoz.jpg", + "github":"https://github.com/anmunoz", + "email": "joseandres.munoz@upm.es", + "center": "E.T.S. de ingenieros de telecomunicacion", + "key": "9", + }, + { + "name":"Alejandro Pozo", + "translationKey": "team.professorCards.roles.3", + "description":"Researcher and Ph.D. student at Politécnica of Madrid (UPM). He received the M.Sc. in Telecommunications Engineering from the UPM, Spain, in 2017, where he is currently pursuing the Ph.D. in Telecommunications Engineering and is a Research Assistant with the Next Generation Internet Research Group. He participates in several European projects and publishes results in journals related to the Internet of Things, security, and identity management.", + "photo":"/assets/img/team/alejandro-pozo.jpg", + "github":"https://github.com/apozohue10", + "email": "alejandro.pozo@upm.es", + "center": "E.T.S. de ingenieros de telecomunicacion", + "key": "10", + }, + { + "name":"Carlos Arriaga", + "translationKey": "team.professorCards.roles.4", + "description":" Carlos is a Ph.D. student in Telecommunication Engineering at Universidad Politécnica de Madrid (UPM). He received the B.S. and M.Sc. in Telecommunications Engineering from UPM in 2020 and 2022. His research interests lie in primarily in the field of video-conference scalability and WebRTC.", + "photo":"/assets/img/team/carlos-arriaga.jpg", + "github":"https://github.com/Arri98", + "email": "carlos.arriaga.prieto@upm.es", + "center": "E.T.S. de ingenieros de telecomunicacion", + "key": "13", + }, + { + "name":"Javier Conde", + "translationKey": "team.professorCards.roles.3", + "description":"PhD student in Telematics Engineering at UPM and researcher in the Department of Telematics Engineering. He received the B.S. and M.Sc. in Telecommunications Engineering from UPM in 2018 and 2020. His research interests lie in the fields of Open Linked Data, Digital Twins, Big Data and Machine Learning.", + "photo":"/assets/img/team/javier-conde.jpg", + "github":"https://github.com/javicond3", + "email": "javier.conde.diaz@upm.es", + "center": "E.T.S. de ingenieros de telecomunicacion", + "key": "11", + }, + ] - } + }, } \ No newline at end of file diff --git a/public/assets/img/CyberAula_logotype.svg b/public/assets/img/CyberAula_logotype.svg deleted file mode 100644 index 7d16d76..0000000 --- a/public/assets/img/CyberAula_logotype.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/public/assets/img/cyberaula_header_big.png b/public/assets/img/cyberaula_header_big.png deleted file mode 100644 index 9a3123a..0000000 Binary files a/public/assets/img/cyberaula_header_big.png and /dev/null differ diff --git a/public/assets/img/cyberaula_isotype.svg b/public/assets/img/cyberaula_isotype.svg deleted file mode 100644 index a602b77..0000000 --- a/public/assets/img/cyberaula_isotype.svg +++ /dev/null @@ -1,13 +0,0 @@ - - - - - - - - - - - - - diff --git a/public/assets/img/section_description_home.png b/public/assets/img/section_description_home.png new file mode 100644 index 0000000..97e53b0 Binary files /dev/null and b/public/assets/img/section_description_home.png differ