Merge pull request #20 from DemocraciaEnRed/main

Deploy nuevo QT!
DemocraciaEnRed · May 27, 2024 · d4ab0c3 · d4ab0c3
2 parents c97044f + 26b5019
commit d4ab0c3
Show file tree

Hide file tree

Showing 39 changed files with 235 additions and 197 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -11,7 +11,7 @@
     "start": "next start",
     "lint": "next lint",
     "export": "next export",
-    "serveOut": "npx serve@latest out" 
+    "serveOut": "npx serve@latest out"
   },
   "dependencies": {
     "@storyblok/react": "^2.4.7",

diff --git a/src/app/abc/components/Subtopic.tsx b/src/app/abc/components/Subtopic.tsx
@@ -4,7 +4,7 @@ import { SubtopicIF } from "./SubtopicsMap"
 const Subtopic = ({ subtopic }: { subtopic: SubtopicIF }) => {
     return (
         <>
-            <h3 className="font-nippo text-2xl font-bold uppercase">{subtopic?.title}</h3>
+            {/* <h3 className="font-kanit text-2xl font-bold uppercase">{subtopic?.title}</h3> */}
             <div className="mx-auto">
                 {subtopic?.details.map((detail, i) => {
                     return (

diff --git a/src/app/abc/page.tsx b/src/app/abc/page.tsx
@@ -24,13 +24,13 @@ const page = () => {
     return (
         <main>
             <header className="py-[6vw] md:py-[3vw] px-8 sm:px-[65px] md:px-[130px] bg-der-black">
-                <h1 className="font-nippo text-3xl sm:text-4xl font-bold uppercase">Lo que siempre quisiste saber del tema y no te animaste a preguntar</h1>
+                <h1 className="font-kanit text-3xl sm:text-4xl font-bold uppercase">La ciberseguridad no es un tema tabú</h1>
             </header>
             <section className="py-[6vw] md:py-[3vw] px-8 sm:px-[65px] md:px-[130px] bg-gray-100 text-der-black">
                 <SubtopicsMap subtopics={subtopics} />
             </section>
             <section className="py-[6vw] md:py-[3vw] px-8 sm:px-[65px] md:px-[130px] bg-gray-100 text-der-black text-lg">
-                <h2 className="font-nippo text-2xl sm:text-3xl font-bold uppercase">recursos útiles</h2>
+                <h2 className="font-kanit text-2xl sm:text-3xl font-bold uppercase">recursos útiles</h2>
                 <div className='flex flex-col justify-center items-center bg-white text-black shadow-xl rounded-lg my-[3vw] p-6 gap-5'>
                     <p className='text-xl font-bold'>AMPARO</p>
                     <Image
@@ -39,7 +39,7 @@ const page = () => {
                         height={96}
                         width={96}
                     />
-                    <p className='text-center text-xl font-nippo'>
+                    <p className='text-center text-xl font-kanit'>
                         Presentamos un amparo colectivo solicitando el pronunciamiento de inconstitucionalidad de la DA 431/2020 y de determinados artículos de Ley de Datos Personales (art. 5, inc. 2 ap. b - ley 25.326) y solicitando se dicte una medida cautelar que ordena la suspensión de lo que disponen. Estas normas habilitan la transferencia de los datos personales de los ciudadanos entre todas las dependencias de la Administración pública, sin contar con el consentimiento expreso de sus titulares para su tratamiento.
                     </p>
                     <div className='flex justify-center items-center gap-5 flex-wrap'>
@@ -51,7 +51,7 @@ const page = () => {
                         </a>
                     </div>
                 </div>
-                <div className='text-lg font-nippo mx-auto text-black mb-[3vw]'>
+                <div className='text-lg font-kanit mx-auto text-black mb-[3vw]'>
                     <h3 className='font-bold underline uppercase mb-3'>estado:</h3>
                     <p className='text-lg mb-3'>El amparo colectivo se presento el 18 de abril de 2023 y radica en el juzgado Contencioso Administrativo Federal N 8, a cargo de la Jueza Dra. María Cecilia GILARDI MADARIAGA de NEGRE. Luego de 5 meses, el 07/09/2023, la Sra. Jueza se pronuncio sobre la medida cautelar solicitada por nosotros y rechazo la misma. Este rechazo fue apelado por nosotros y  desde el 11 de septiembre aguardamos que la Sala V del mismo fuero revise la decisión del Juzgado de origen y nos conceda la medida cautelar.</p>
                     <p className='font-extralight'>Ultima actualización: 21/11/2023</p>
@@ -61,7 +61,7 @@ const page = () => {
                 </div>
             </section>
             {/* <section className="p-[6vw] md:p-[3vw] bg-gray-100 text-der-black text-lg">
-                <h2 className="font-nippo text-5xl font-bold uppercase">videos informativos</h2>
+                <h2 className="font-kanit text-5xl font-bold uppercase">videos informativos</h2>
                 <div className="py-[6vw] md:py-[3vw]">
                     <VideosSLider iframes={iframes} />
                 </div>

diff --git a/src/app/about/components/ActionsList.tsx b/src/app/about/components/ActionsList.tsx
@@ -1,7 +1,7 @@
 const ActionsList = () => {
     return (
         <>
-            <h2 className="mb-7 font-nippo text-4xl font-bold uppercase ">¿que hicimos?</h2>
+            <h2 className="mb-7 font-kanit text-4xl font-bold uppercase ">¿que hicimos?</h2>
             <p className="mb-7 w-[70vw]">Estas son algunas de las acciones que hemos llevado a acabo en el proyecto, en nuestro objetivo de aumentar al conciencia sobre la importancia de la ciberseguridad, la inversión del estado en este campo y la concienciación de la ciudadanía.</p>
             <ol className="text-xl list-decimal [&_li]:mb-4 ml-[10vw] md:ml-[7vw] w-[60vw]">
                 <li>

diff --git a/src/app/about/components/Quienes.tsx b/src/app/about/components/Quienes.tsx
@@ -24,11 +24,11 @@ const Quienes = () => {
             {npo.map((org, i) => {
                 return (
                     <div key={'aboutorgs' + i} className="flex flex-col justify-between text-center items-center gap-5 p-5">
-                        <Image className="rounded-full" src={org.img} alt={`Logo ${org.name}`} width={80} height={80} />
-                        <h4 className="text-base font-bold uppercase text-center">{org.name}</h4>
-                        <a href={org.url} target="_blank" type="button" className="border-2 border-[#CC4356] rounded-xl px-[18px] py-3 bg-[#CC4356] text-white text-center text-sm md:text-lg font-bold">
-                            VISITÁ LA WEB
+                        <a href={org.url} target="_blank">
+                            <Image className="rounded-full" src={org.img} alt={`Logo ${org.name}`} width={110} height={110} />    
                         </a>
+                        <h4 className="text-base font-bold uppercase text-center">{org.name}</h4>
+
                     </div>
                 )
             })}

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
@@ -28,17 +28,17 @@ const About = () => {
             title: "El Estado debe invertir en ciberseguridad y dejar de perseguir a reportantes | Datos en Fuga"
         }]
     return (
-        <main className="bg-gray-100 text-der-black font-open-sans">
+        <main className="bg-gray-100 text-der-black font-mada">
             <header className="p-[6vw] md:p-[3vw] bg-[#212121] text-[#F1F1F1]">
                 <div className="mx-[10%]">
-                    <h1 className="font-nippo text-4xl font-bold uppercase">¿qué queremos?</h1>
+                    <h1 className="font-kanit text-4xl font-bold uppercase">¿qué queremos?</h1>
                     <p className="my-7 md:w-[65vw] lg:w-[55vw] text-xl">Queremos que el Estado asegure estándares de ciberseguridad y que atienda a las alarmas que suenan por todos lados.</p>
                     <p className="my-7 md:w-[65vw] lg:w-[55vw] text-xl">Queremos que el Estado deje de perseguir penalmente a quienes identifican, denuncian y reportan vulnerabilidades informáticas.</p>
                 </div>
 
             </header>
             <section className="p-[6vw] md:p-[3vw] mx-[10%]">
-                <h2 className="font-nippo text-4xl font-bold uppercase">¿por qué datos en fuga?</h2>
+                <h2 className="font-kanit text-4xl font-bold uppercase">¿por qué datos en fuga?</h2>
                 <div className="py-[6vw] md:py-[3vw]">
                     <VideosSLider iframes={iframes} />
                 </div>
@@ -48,15 +48,15 @@ const About = () => {
             </section> */}
             <section className="p-[6vw] md:p-[3vw] bg-[#212121]">
                 <div className="mx-[10%] text-[#F1F1F1]">
-                    <h2 className="font-nippo text-4xl font-bold uppercase mb-7">¿POR QUÉ NOS INTERESA?</h2>
+                    <h2 className="font-kanit text-4xl font-bold uppercase mb-7">¿POR QUÉ NOS INTERESA?</h2>
                     <p className="mb-7 text-xl w-[70vw]">Porque las filtraciones que sufrieron diversas reparticiones del Estado en el último tiempo nos hacen temer que sus sistemas son vulnerables. Porque nos sentimos cada vez más expuestos al mal uso de nuestros datos para distintos fines, ninguno bueno. Porque se persigue penalmente a activistas de la comunidad de seguridad informática, que podrían ayudar. Porque se legitima una “cultura del miedo” que silencia el debate en materia de seguridad informática.
                     </p>
                 </div>
             </section>
             <section className="p-[6vw] md:p-[3vw] mx-[10%]">
-                <h2 className="font-nippo text-4xl font-bold uppercase mb-7">¿quiénes somos?</h2>
-                <p className="mb-7 text-xl w-[70vw]">Somos varias organizaciones de la sociedad civil que buscan que el Estado asegure estándares de ciberseguridad y que atienda a las alarmas que suenan por todos lados. 
-                </p>
+                <h2 className="font-kanit text-4xl font-bold uppercase mb-7">¿quiénes somos?</h2>
+                {/* <p className="mb-7 text-xl w-[70vw]">Somos varias organizaciones de la sociedad civil que buscan que el Estado asegure estándares de ciberseguridad y que atienda a las alarmas que suenan por todos lados. 
+                </p> */}
                 <div>
                     <Quienes />
                 </div>

diff --git a/src/app/amparo/page.tsx b/src/app/amparo/page.tsx
@@ -21,15 +21,15 @@ const Amparo = () => {
   return (
     <main>
       <header className='bg-[#2D2D2D] py-[8vh] px-8 sm:px-[65px] md:px-[130px]'>
-        <h1 className='font-nippo text-[29px] max-[810px]:w-[500px] max-[500px]:w-[250px] sm:text-[40px]'>
-          <span className="font-extrabold">#CON</span>MIS<span className='font-extrabold'>DATOS</span>NO
+        <h1 className='font-kanit text-[29px] max-[810px]:w-[500px] max-[500px]:w-[250px] sm:text-[40px]'>
+          <span className="font-extrabold">#Con</span>Mis<span className='font-extrabold'>Datos</span>No
         </h1>
         <p className='text-2xl max-[810px]:w-[500px] max-[500px]:w-[250px] sm:text-4xl'>
           PRESENTAMOS UN AMPARO CONTRA EL <br /> ESTADO PARA PROTEGER NUESTROS DATOS <br /> PERSONALES EN UN AÑO DE ELECCIONES.
         </p>
       </header>
       <section className='py-[4vh] px-8 sm:px-[65px] md:px-[130px] h-4/6 bg-[#F1F1F1] text-black'>
-        <h2 className='md:w-[65%] mx-auto text-center text-2xl font-nippo font-bold sm:text-4xl'>
+        <h2 className='md:w-[65%] mx-auto text-center text-2xl font-kanit font-bold sm:text-4xl'>
           PRESENTAMOS UN AMPARO PARA PROTEGER NUESTROS DATOS PERSONALES Y NUESTRA DEMOCRACIA
         </h2>
         <div className='my-10'>
@@ -60,7 +60,7 @@ const Amparo = () => {
 
           </div>
         </div>
-        <p className='text-2xl font-extrabold font-nippo text-center sm:text-4xl'>¿Y QUÉ ES LO QUE PUEDE PASAR MIENTRAS SIGA VIGENTE?</p>
+        <p className='text-2xl font-extrabold font-kanit text-center sm:text-4xl'>¿Y QUÉ ES LO QUE PUEDE PASAR MIENTRAS SIGA VIGENTE?</p>
         <div className='my-7 flex flex-row flex-wrap gap-5 items-center justify-center mx-auto'>
           <Image
             alt="amparo"
@@ -100,7 +100,7 @@ const Amparo = () => {
             className='block md:hidden w-full h-auto max-w-[535px]'
           />
         </div>
-        <p className='text-2xl font-extrabold font-nippo mx-auto text-center md:w-[65%] my-6 sm:text-4xl'>PERO, ADEMÁS, EL USO DE DATOS PERSONALES TAMBIÉN AMENAZA LA DEMOCRACIA Y TIENE GRANDES ANTECEDENTES…</p>
+        <p className='text-2xl font-extrabold font-kanit mx-auto text-center md:w-[65%] my-6 sm:text-4xl'>PERO, ADEMÁS, EL USO DE DATOS PERSONALES TAMBIÉN AMENAZA LA DEMOCRACIA Y TIENE GRANDES ANTECEDENTES…</p>
         <div className='flex flex-col overflow-auto overflow-y-hidden w-full my-5'>
           <Image
             alt="amparo"
@@ -121,7 +121,7 @@ const Amparo = () => {
         </div>
       </section>
       <section className='py-[4vh] bg-der-black'>
-        <h2 className='font-nippo text-4xl bg-[#006482] py-4 pl-8 sm:pl-[65px] md:pl-[130px] pr-5 inline-block font-extrabold max-[466px]:text-2xl'>¿QUÉ PRESENTAMOS?
+        <h2 className='font-kanit text-4xl bg-[#006482] py-4 pl-8 sm:pl-[65px] md:pl-[130px] pr-5 inline-block font-extrabold max-[466px]:text-2xl'>¿QUÉ PRESENTAMOS?
         </h2>
         <div className='flex flex-col justify-center items-center w-[90vw] md:w-[75vw] max-w-[950px] bg-gray-100 text-black rounded-md mx-auto my-[3vw] p-6 gap-5'>
           <p className='text-2xl font-bold'>AMPARO</p>
@@ -131,7 +131,7 @@ const Amparo = () => {
             height={96}
             width={96}
           />
-          <p className='text-center text-2xl font-nippo'>
+          <p className='text-center text-2xl font-kanit'>
             Presentamos un amparo colectivo contra el Estado solicitando el pronunciamiento de inconstitucionalidad de la DA 431/2020 y de determinados artículos de Ley de Datos Personales, y solicitando se dicte una medida cautelar que ordena la suspensión de lo que disponen para evitar la transferencia y el mal uso de nuestros datos personales.
           </p>
           <div className='flex justify-center items-center gap-5 flex-wrap'>
@@ -143,7 +143,7 @@ const Amparo = () => {
             </a>
           </div>
         </div>
-        <div className='text-lg font-nippo mx-8 sm:mx-[65px] md:mx-[130px]'>
+        <div className='text-lg font-kanit mx-8 sm:mx-[65px] md:mx-[130px]'>
           <h3 className='font-bold underline uppercase mb-3'>estado:</h3>
           <p className='text-white text-lg mb-3'>El amparo colectivo se presento el 18 de abril de 2023 y radica en el juzgado Contencioso Administrativo Federal N 8, a cargo de la Jueza Dra. María Cecilia GILARDI MADARIAGA de NEGRE. Luego de 5 meses, el 07/09/2023, la Sra. Jueza se pronuncio sobre la medida cautelar solicitada por nosotros y rechazo la misma. Este rechazo fue apelado por nosotros y  desde el 11 de septiembre aguardamos que la Sala V del mismo fuero revise la decisión del Juzgado de origen y nos conceda la medida cautelar.</p>
           <p className='font-extralight'>Ultima actualización: 21/11/2023</p>

diff --git a/...p/novedades/[slug]/components/Content.tsx → src/app/blog/[slug]/components/Content.tsx b/...p/novedades/[slug]/components/Content.tsx → src/app/blog/[slug]/components/Content.tsx
diff --git a/...des/[slug]/components/RelatedArticles.tsx → ...log/[slug]/components/RelatedArticles.tsx b/...des/[slug]/components/RelatedArticles.tsx → ...log/[slug]/components/RelatedArticles.tsx
@@ -9,7 +9,7 @@ const RelatedArticles = async ({ uid, tags }: { uid: string, tags: string[] }) =
 
     return (
         <>
-            <h2 className="text-center text-xl mb-5">Artículos relacionados</h2>
+            <h2 className="font-monda text-center text-xl mb-5">Artículos relacionados</h2>
             <div className="flex gap-4 [&_a]:max-w-[374px] justify-center flex-wrap">
                 {articles.length > 0 ?
                     articles.map((story) => <EventsCard key={story.id} story={story} />) :

diff --git a/...p/novedades/[slug]/components/YTVideo.tsx → src/app/blog/[slug]/components/YTVideo.tsx b/...p/novedades/[slug]/components/YTVideo.tsx → src/app/blog/[slug]/components/YTVideo.tsx
diff --git a/src/app/novedades/[slug]/loading.tsx → src/app/blog/[slug]/loading.tsx b/src/app/novedades/[slug]/loading.tsx → src/app/blog/[slug]/loading.tsx
@@ -1,6 +1,6 @@
 const EventoBySlugLoading = () => {
     return (
-        <main className="flex-grow bg-[#F1F1F1] text-[#212121] text-base font-lexend-deca">
+        <main className="flex-grow bg-[#F1F1F1] text-[#212121] text-base font-monda">
             <header className="h-[25vh] bg-der-black">
                 <div className="bg-gray-700 bg-opacity-80 px-7 py-3 mb-4">
                     <p className="bg-gray-200 h-2 w-48 rounded-full"></p>

diff --git a/src/app/novedades/[slug]/page.tsx → src/app/blog/[slug]/page.tsx b/src/app/novedades/[slug]/page.tsx → src/app/blog/[slug]/page.tsx
@@ -4,6 +4,7 @@ import { notFound } from "next/navigation";
 import Content from "./components/Content";
 import RelatedArticles from "./components/RelatedArticles";
 import Link from "next/link";
+import { mapAuthors } from "../components/MapAuthors";
 
 export async function generateStaticParams() {
     const events = await fetchData()
@@ -31,10 +32,10 @@ const EventosBySlug = async ({ params }: { params: { slug: string } }) => {
     return (
         <main className="flex-grow bg-[#F1F1F1] text-[#212121] text-base">
             <header className="h-[25vh]" style={headerStyles}>
-                <p className="bg-gray-700 bg-opacity-80 px-7 py-3 text-white"><Link href={'/novedades'}>Novedades</Link> &gt; <Link href={`/novedades/${slug}`}>{name}</Link></p>
+                <p className="bg-gray-700 bg-opacity-80 px-7 py-3 text-white"><Link href={'/blog'}>Blog</Link> &gt; <Link href={`/blog/${slug}`}>{name}</Link></p>
             </header>
             <section className="w-[90vw] md:w-[58vw] mx-auto py-[4vw]">
-                <h1 className="text-3xl font-bold mb-4">{content.title}</h1>
+                <h1 className="font-kanit text-3xl font-bold mb-4">{content.title}</h1>
                 <p className="mb-4 text-xl md:mr-[13vw]">Por <span className="uppercase">{content.authors ? mapAuthors(content.authors) : 'Anónimo'}</span></p>
                 <div className="flex flex-col-reverse md:flex-row flex-wrap md:flex-nowrap gap-4 md:gap-9">
                     <article className="flex-grow w-full md:w-auto">
@@ -60,7 +61,7 @@ const EventosBySlug = async ({ params }: { params: { slug: string } }) => {
                             <div className="flex flex-col items-end gap-2 md:w-[10vw] max-sm:flex-row max-sm:py-2 max-sm:flex-wrap">
                                 {tag_list.length > 0 ? tag_list.map((tag) => {
                                     return (
-                                        <span className="md:max-w-[10vw] text-white bg-[#008BB4] text-[10px] rounded-3xl font-roboto font-bold text-center py-1 px-3 capitalize truncate hover:whitespace-normal" key={tag}>
+                                        <span className="md:max-w-[10vw] text-white bg-[#008BB4] text-[10px] rounded-3xl font-monda font-bold text-center py-1 px-3 capitalize truncate hover:whitespace-normal" key={tag}>
                                             {tag}
                                         </span>
                                     )
@@ -101,15 +102,15 @@ const fetchData = async () => {
     return await storyblokApi.get(`cdn/stories`, sbParams);
 }
 
-const mapAuthors = (authors: any) => {
-    let authorsString = ''
-    authors.forEach((author: { name: string }, i: number) => {
-        if (authors.length > 1 && i + 2 < authors.length) authorsString = `${authorsString}${author.name}, `
-        else if (authors.length > 1 && i + 1 < authors.length) authorsString = `${authorsString}${author.name} `
-        else if (authors.length > 1) authorsString = `${authorsString}y ${author.name}`
-        else authorsString = `${authorsString}${author.name}`
-    })
-    return authorsString
-}
+// const mapAuthors = (authors: any) => {
+//     let authorsString = ''
+//     authors.forEach((author: { name: string }, i: number) => {
+//         if (authors.length > 1 && i + 2 < authors.length) authorsString = `${authorsString}${author.name}, `
+//         else if (authors.length > 1 && i + 1 < authors.length) authorsString = `${authorsString}${author.name} `
+//         else if (authors.length > 1) authorsString = `${authorsString}y ${author.name}`
+//         else authorsString = `${authorsString}${author.name}`
+//     })
+//     return authorsString
+// }
 
 const formatDate = (date: string) => format(new Date(date), "dd/MM/yyyy")