diff --git a/src/app/[lang]/speakers/[uniquepage]/Speakers.js b/src/app/[lang]/speakers/[uniquepage]/Speakers.js index fb241eb..3426121 100644 --- a/src/app/[lang]/speakers/[uniquepage]/Speakers.js +++ b/src/app/[lang]/speakers/[uniquepage]/Speakers.js @@ -1,3 +1,5 @@ +'use client'; + import React from 'react'; import PropTypes from 'prop-types'; import Image from 'next/image'; @@ -6,7 +8,7 @@ import Row from 'react-bootstrap/Row'; import Col from 'react-bootstrap/Col'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; -import { faCircle, faGlobe } from '@fortawesome/free-solid-svg-icons'; +import { faCircle, faGlobe, faBullhorn } from '@fortawesome/free-solid-svg-icons'; import { faXTwitter, faLinkedinIn, @@ -14,6 +16,9 @@ import { faFacebook, faGitlab } from '@fortawesome/free-brands-svg-icons'; +import { useI18n } from '@/contexts/I18nContext'; + +import Link from 'next/link'; const Speakers = ({ speaker, talks, lang }) => { const colorBorderSpeaker = ['border-pink', 'border-yellow', 'border-purple', 'border-blue']; @@ -24,6 +29,7 @@ const Speakers = ({ speaker, talks, lang }) => { // 'text-border-blue' // ]; const randomColor = (Math.random() * colorBorderSpeaker.length) | 0; + const i18nDictionary = useI18n(); return (
@@ -61,12 +67,6 @@ const Speakers = ({ speaker, talks, lang }) => { {speaker.biography ?

{speaker.biography[lang]}

: null} - {/*

Talks

- {talks.map((talk) => ( - -

{talk.title[lang]}

- - ))} */} {/* @@ -139,6 +139,23 @@ const Speakers = ({ speaker, talks, lang }) => { + + +
+ + {i18nDictionary?.sections?.talks?.type.talk}{' '} + / {i18nDictionary?.sections?.talks?.type.workshop} + + {talks.map((talk) => ( +
+ +

{talk.title[lang]}

+ +
+ ))} +
+ +
diff --git a/src/data/dictionaries/en.json b/src/data/dictionaries/en.json index 706b87f..9eaf2d6 100644 --- a/src/data/dictionaries/en.json +++ b/src/data/dictionaries/en.json @@ -31,7 +31,13 @@ "machine-learning": "Machine Learning", "deep-learning": "Deep Learning", "web-development": "Web Development", - "scientific-computing": "Scientific Computing" + "scientific-computing": "Scientific Computing", + "community": "Community", + "business-analytics": "Business Analytics", + "soft-skills": "Soft Skills", + "business-alignment": "Business Alignment", + "web": "Web", + "devops": "DevOps" }, "type": { "workshop": "Workshop", diff --git a/src/data/dictionaries/es.json b/src/data/dictionaries/es.json index e9160b4..c885e2c 100644 --- a/src/data/dictionaries/es.json +++ b/src/data/dictionaries/es.json @@ -27,8 +27,17 @@ "all": "Todos", "artificial-intelligence": "Inteligencia Artificial", "core-python": "Core Python", - "data-science": "Ciencia de los datos", - "deep-learning": "Deep Learning" + "data-science": "Ciencia de datos", + "machine-learning": "Aprendizaje de Maquinas", + "deep-learning": "Aprendizaje profundo", + "web-development": "Desarrollo Web", + "scientific-computing": "Computación Científica", + "community": "Comunidad", + "business-analytics": "Análisis de negocios", + "soft-skills": "Habilitaciones Blandas", + "business-alignment": "Alineamiento de Negocios", + "web": "Web", + "devops": "DevOps" }, "type": { "workshop": "Taller", diff --git a/src/styles/partials/_general.sass b/src/styles/partials/_general.sass index 749521e..5c291ec 100644 --- a/src/styles/partials/_general.sass +++ b/src/styles/partials/_general.sass @@ -80,6 +80,8 @@ select background: transparent !important color: variables.$white !important border: 2px solid variables.$fuchsia !important + &:hover + cursor: pointer &.form-control &:focus box-shadow: none diff --git a/src/styles/partials/_keynotes.sass b/src/styles/partials/_keynotes.sass index 7237b95..3713ec8 100644 --- a/src/styles/partials/_keynotes.sass +++ b/src/styles/partials/_keynotes.sass @@ -121,6 +121,22 @@ color: variables.$fuchsia cursor: pointer + .talks-container + padding: 40px 0 + .talk-type + border: 1px solid variables.$pink + border-radius: 13px + color: variables.$pink + font-size: 20px + font-style: normal + font-weight: 400 + letter-spacing: 2.5px + line-height: 31px + margin: 40px auto + padding: 5px 25px + .talk-wrapper + margin: 20px 0 + // Colors .pink color: variables.$border-pink