Skip to content

Commit

Permalink
new font and participants image
Browse files Browse the repository at this point in the history
  • Loading branch information
@sarafiuter
sarafiuter committed Jul 17, 2023
1 parent 6fe7927 commit 63a5b54
Show file tree
Hide file tree
Showing 10 changed files with 151 additions and 74 deletions.
54 changes: 54 additions & 0 deletions package-lock.json
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 2 additions & 0 deletions package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,8 @@
"file-saver": "^2.0.5",
"framer-motion": "^10.12.18",
"html2canvas": "^1.4.1",
"iconoir": "^6.10.0",
"lucide-react": "^0.260.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"tailwindcss": "^3.3.2"
Expand Down
Binary file added public/imgs/Xero.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
38 changes: 19 additions & 19 deletions src/components/Faq.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ const faq: Faq[] = [
},
{
question: '¿Puedo presentar mi charla?',
answer: 'Las inscripciones ya están cerradas, puedes ver las seleccionada en el apartado de horarios.',
answer: 'Las inscripciones ya están cerradas, puedes ver las charlas seleccionadas en el apartado de horarios.',
},
/* {
question: '¿Cuántas charlas y/o talleres puedo votar?',
Expand All @@ -28,55 +28,55 @@ const faq: Faq[] = [
const Faq = () => {
const [openFaq, setOpenFaq] = useState(null)

const handleFaq = (index) => {
setOpenFaq((prev) => {
const handleFaq = index => {
setOpenFaq(prev => {
return prev === index ? null : index
})
}

return (
<div id="faq" className="py-16 bg-light-blue">
<div className="flex justify-center items-start">
<div className="w-full sm:w-10/12 xl:w-1/2">
<h2 className="font-extrabold px-10 text-4xl text-transparent bg-clip-text gradient text-center mb-16 mt-18">
<div id='faq' className='py-16 bg-light-blue'>
<div className='flex justify-center items-start'>
<div className='w-full sm:w-10/12 xl:w-1/2'>
<h2 className='font-extrabold px-10 text-4xl text-transparent bg-clip-text gradient text-center mb-16 mt-18'>
Preguntas Frecuentes
</h2>
<ul className="flex flex-col px-10">
<ul className='flex flex-col px-10 font-Inter'>
{faq.map((item, index) => {
return (
<li
key={index}
className={`my-2 shadow-lg border-2 border-transparent gradient rounded `}
className={`my-2 shadow-lg border-2 border-transparent gradient rounded`}
>
<motion.header
initial={false}
className="bg-[#141414]"
className='bg-[#141414] p-2 text-xl'
onClick={() => handleFaq(index)}
>
<div>
<h2 className="flex flex-row text-white justify-between items-center font-semibold p-3 cursor-pointer">
<h2 className='flex flex-row text-white justify-between items-center font-semibold p-3 cursor-pointer text-xl'>
<span>{item.question}</span>
<svg
className={`fill-white border-transparent gradient h-6 w-6 transform transition-transform duration-500 rounded-full ${
openFaq === index
? 'rotate-180'
: ''
}`}
viewBox="0 0 20 20"
viewBox='0 0 20 20'
>
<path d="M13.962,8.885l-3.736,3.739c-0.086,0.086-0.201,0.13-0.314,0.13S9.686,12.71,9.6,12.624l-3.562-3.56C5.863,8.892,5.863,8.611,6.036,8.438c0.175-0.173,0.454-0.173,0.626,0l3.25,3.247l3.426-3.424c0.173-0.172,0.451-0.172,0.624,0C14.137,8.434,14.137,8.712,13.962,8.885 M18.406,10c0,4.644-3.763,8.406-8.406,8.406S1.594,14.644,1.594,10S5.356,1.594,10,1.594S18.406,5.356,18.406,10 M17.521,10c0-4.148-3.373-7.521-7.521-7.521c-4.148,0-7.521,3.374-7.521,7.521c0,4.147,3.374,7.521,7.521,7.521C14.148,17.521,17.521,14.147,17.521,10"></path>
<path d='M13.962,8.885l-3.736,3.739c-0.086,0.086-0.201,0.13-0.314,0.13S9.686,12.71,9.6,12.624l-3.562-3.56C5.863,8.892,5.863,8.611,6.036,8.438c0.175-0.173,0.454-0.173,0.626,0l3.25,3.247l3.426-3.424c0.173-0.172,0.451-0.172,0.624,0C14.137,8.434,14.137,8.712,13.962,8.885 M18.406,10c0,4.644-3.763,8.406-8.406,8.406S1.594,14.644,1.594,10S5.356,1.594,10,1.594S18.406,5.356,18.406,10 M17.521,10c0-4.148-3.373-7.521-7.521-7.521c-4.148,0-7.521,3.374-7.521,7.521c0,4.147,3.374,7.521,7.521,7.521C14.148,17.521,17.521,14.147,17.521,10'></path>
</svg>
</h2>
</div>
</motion.header>
<AnimatePresence initial={false}>
{openFaq === index && (
<motion.section
className="bg-[#141414] overflow-hidden "
key="content"
initial="collapsed"
animate="open"
exit="collapsed"
className='bg-[#141414] overflow-hidden text-xl px-2 pb-2'
key='content'
initial='collapsed'
animate='open'
exit='collapsed'
variants={{
open: {
height: 'auto',
Expand All @@ -90,7 +90,7 @@ const Faq = () => {
}}
>
<p
className="p-3 text-white [&>a]:text-gradient"
className='p-3 text-white [&>a]:text-gradient'
dangerouslySetInnerHTML={{
__html: item.answer,
}}
Expand Down
44 changes: 22 additions & 22 deletions src/components/Navbar.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ const menu: MenuLink[] = [
anchor: '#inicio',
},
{
name: 'Cuenta atras',
name: 'Cuenta atrás',
anchor: '#countdown',
},
{
Expand All @@ -33,9 +33,9 @@ const Navbar = () => {
return (
<>
<nav
id="top"
id='top'
className={
'fixed lg:relative top-0 left-0 right-0 z-40 lg:min-h-0 py-8 lg:bg-opacity-0 lg:backdrop-blur-0' +
'font-Inter text-[56px] fixed lg:relative top-0 left-0 right-0 z-40 lg:min-h-0 py-8 lg:bg-opacity-0 lg:backdrop-blur-0' +
(navbarOpen
? ' overflow-hidden min-h-screen bg-white bg-opacity-40 backdrop-blur-lg'
: '')
Expand All @@ -46,31 +46,31 @@ const Navbar = () => {
'container px-4 mx-auto flex flex-wrap items-center justify-between'
}
>
<div className="w-full relative flex justify-between lg:w-auto lg:static lg:block lg:justify-start">
<div className='w-full relative flex justify-between lg:w-auto lg:static lg:block lg:justify-start'>
<button
className="text-white cursor-pointer text-xl leading-none px-3 py-1 border border-solid border-transparent rounded bg-transparent block lg:hidden outline-none focus:outline-none"
type="button"
className='text-white cursor-pointer text-xl leading-none px-3 py-1 border border-solid border-transparent rounded bg-transparent block lg:hidden outline-none focus:outline-none'
type='button'
onClick={handleNav}
>
{navbarOpen ? (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="white"
viewBox="0 0 24 24"
width="24px"
height="24px"
xmlns='http://www.w3.org/2000/svg'
fill='white'
viewBox='0 0 24 24'
width='24px'
height='24px'
>
<path d="M 4.7070312 3.2929688 L 3.2929688 4.7070312 L 10.585938 12 L 3.2929688 19.292969 L 4.7070312 20.707031 L 12 13.414062 L 19.292969 20.707031 L 20.707031 19.292969 L 13.414062 12 L 20.707031 4.7070312 L 19.292969 3.2929688 L 12 10.585938 L 4.7070312 3.2929688 z" />
<path d='M 4.7070312 3.2929688 L 3.2929688 4.7070312 L 10.585938 12 L 3.2929688 19.292969 L 4.7070312 20.707031 L 12 13.414062 L 19.292969 20.707031 L 20.707031 19.292969 L 13.414062 12 L 20.707031 4.7070312 L 19.292969 3.2929688 L 12 10.585938 L 4.7070312 3.2929688 z' />
</svg>
) : (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="white"
viewBox="0 0 24 24"
width="24px"
height="24px"
xmlns='http://www.w3.org/2000/svg'
fill='white'
viewBox='0 0 24 24'
width='24px'
height='24px'
>
<path d="M 2 5 L 2 7 L 22 7 L 22 5 L 2 5 z M 2 11 L 2 13 L 22 13 L 22 11 L 2 11 z M 2 17 L 2 19 L 22 19 L 22 17 L 2 17 z" />
<path d='M 2 5 L 2 7 L 22 7 L 22 5 L 2 5 z M 2 11 L 2 13 L 22 13 L 22 11 L 2 11 z M 2 17 L 2 19 L 22 19 L 22 17 L 2 17 z' />
</svg>
)}
</button>
Expand All @@ -80,14 +80,14 @@ const Navbar = () => {
'lg:flex flex-grow items-center justify-center h-80 lg:h-0' +
(navbarOpen ? ' flex' : ' hidden')
}
id="example-navbar-danger"
id='example-navbar-danger'
>
<ul className="flex flex-col items-center lg:items-start lg:flex-row font-semibold tracking-tight gap-x-8 text-slate-700 [&>li>a]:border-b-2 [&>li>a]:border-b-transparent [&>li>a]:transition-all gap-y-4">
<ul className='flex flex-col items-center lg:items-start lg:flex-row font-semibold tracking-tight gap-x-8 text-slate-700 [&>li>a]:border-b-2 [&>li>a]:border-b-transparent [&>li>a]:transition-all gap-y-4'>
{menu.map((item, index) => {
return (
<li className="nav-item" key={index}>
<li className='nav-item' key={index}>
<a
className="px-3 py-2 flex items-center text-base uppercase font-bold leading-snug text-white hover:opacity-75 ml-2 hover:underline lg:text-xs"
className='px-3 py-2 tracking-wide flex items-center text-base uppercase font-bold leading-snug text-white ml-2 hover:underline lg:text-md'
href={item.anchor}
onClick={() => setNavbarOpen(false)}
>
Expand Down
4 changes: 2 additions & 2 deletions src/components/Participantes/Participantes.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,14 +4,14 @@ import type { Participant } from '../../types/types'
const participants: Participant[] = [
{
name: 'José Manuel Ortegar Falcón',
title: 'De Junior a Lider',
title: 'De Junior a Líder',
img: 'https://www.tuasesordemoda.com/wp-content/uploads/2022/11/cortes-cara-cuadrada-mujer-.jpeg',
hora: '20:00 H',
type: 1,
},
{
name: 'Edgar Mejia Vasquez',
title: 'Mi experiencia como Desarrollador Junior en Latinoamerica ¿Un viaje hacia el exito?',
title: 'Mi experiencia como Desarrollador Junior en Latinoamerica ¿Un viaje hacia eléxito?',
img: 'https://www.tuasesordemoda.com/wp-content/uploads/2022/11/cortes-cara-cuadrada-mujer-.jpeg',
hora: '20:30 H',
type: 1,
Expand Down
21 changes: 14 additions & 7 deletions src/components/Schedule.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,55 +5,62 @@ import ScheduleItem from './ScheduleItem'
const nameInterval = '✦ MESA REDONDA ✦ '
const items: typeItem[] = [
{
name: 'De Junior a Lider',
name: 'De Junior a Líder',
type: 'presentation',
url: '/imgs/JoseManuel.jpg',
date: '2023-07-21T20:00:00+02:00',
speaker: 'Jose Manuel Ortega Falcón',
},
{
name: 'Mi Experiencia como Desarrollador Junior en Latinoamérica: ¿Un Viaje hacia el Éxito?',
type: 'presentation',
url: '/imgs/EdgarMejia.jpeg',
date: '2023-07-21T20:30:00+02:00',
speaker: 'Edgar Mejia Vásquez',
},
{
name: nameInterval,
type: 'interval',
url: null,
date: '2023-07-21T21:00:00+02:00',
},
{
name: 'El camino menos transitado: Cómo llegué al setcor It a los 35 añazos',
name: 'El camino menos transitado: Cómo llegué al sector IT a los 35 añazos',
type: 'presentation',
url: '/imgs/Xero.jpg',
date: '2023-07-21T21:30:00+02:00',
speaker: 'David Rodriguez - Xerosec',
},
{
name: 'Magical grils UI: los secretos de la animacion en Figma',
name: 'Magical girls UI: los secretos de la animación en Figma',
type: 'presentation',
url: '/imgs/Anais.png',
date: '2023-07-21T22:00:00+02:00',
speaker: 'Anaís Fernández Vilar',
},
{
name: nameInterval,
type: 'interval',
url: null,
date: '2023-07-21T22:30:00+02:00',
},
{
name: 'Sobrevivir al Código - Guia para programadores impacientes',
name: 'Sobrevivir al Código - Guía para programadores impacientes',
type: 'presentation',
url: '/imgs/Kuro.png',
date: '2023-07-21T23:00:00+02:00',
speaker: 'David Huertos -Ikurotime',
speaker: 'David Huertos - Ikurotime',
},
]
---

<section class="py-16 flex flex-col gap-24 px-18 p-8" id="horarios">
<h2
class="font-extrabold text-4xl text-transparent bg-clip-text from-[#c8f2f5] to-[#46c6cf] bg-gradient-to-b text-center font-Inter"
class="font-extrabold text-4xl text-transparent bg-clip-text from-[#c8f2f5] to-[#46c6cf] bg-gradient-to-b text-center"
>
Horarios y charlas
</h2>
<section class="flex flex-col gap-10 max-w-5xl mx-auto">
<section class="flex flex-col gap-10 max-w-5xl mx-auto font-Inter">
{items.map((item) => <ScheduleItem item={item} client:only="react" />)}
</section>
</section>
Loading

0 comments on commit 63a5b54

Please sign in to comment.