Merge pull request #1038 from basedosdados/feat/case-studies

CaseStudies and FAQ md
basedosdados · Dec 3, 2024 · 7097da5 · 7097da5
2 parents c9a0206 + 12754e3
commit 7097da5
Show file tree

Hide file tree

Showing 21 changed files with 529 additions and 195 deletions.
diff --git a/next/components/atoms/RoundedButton.js b/next/components/atoms/RoundedButton.js
@@ -17,6 +17,7 @@ export default function RoundedButton({
       borderRadius="30px"
       boxShadow="0px 0.5px 0px 0px rgba(64, 60, 67, 0.16)"
       letterSpacing="0.5px"
+      color="#FFF"
       _hover={{
         transform: "translateY(-3px)",
         ..._hover,

diff --git a/next/components/organisms/Blog/Home.js b/next/components/organisms/Blog/Home.js
@@ -10,13 +10,13 @@ import {
   GridItem,
   Divider,
 } from "@chakra-ui/react";
-
 import { useEffect, useState } from "react";
 import { useTranslation } from 'next-i18next';
 import { categories } from "../../../pages/api/blog/categories";
 import Link from "../../atoms/Link";
 
 import FilterIcon from "../../../public/img/icons/filterIcon";
+import ChevronIcon from "../../../public/img/icons/chevronIcon";
 
 export const dateToLocatePt = (date) =>
   new Date(date).toLocaleString("pt-BR", {
@@ -348,23 +348,49 @@ export function BlogGrid({ posts, category }) {
                 borderWidth="2px"
                 margin="80px 0 24px"
               />
-
-              <Text
-                fontFamily="Roboto"
-                fontWeight="500"
-                fontSize="20px"
-                lineHeight="30px"
-                color="#252A32"
+              <Stack
+                spacing={0}
+                flexDirection="row"
+                justifyContent="space-between"
                 marginBottom="40px"
               >
-                {categories?.[key] || t(key)}
-              </Text>
+                <Text
+                  fontFamily="Roboto"
+                  fontWeight="500"
+                  fontSize="20px"
+                  lineHeight="30px"
+                  color="#252A32"
+                >
+                  {categories?.[key] || t(key)}
+                </Text>
 
-              <Grid gap="40px" templateColumns={{ md: "1fr 1fr", xl: "1fr 1fr 1fr" }}>
-                {value.map((post, index) => {
-                  const itemsInLastRow = (value.length - 1) % 3 || 3;
-                  const isInLastRow = index >= value.length - itemsInLastRow;
+                <Link
+                  display="flex"
+                  flexDirection="row"
+                  href={`blog?category=${key}`}
+                  gap="8px"
+                  cursor="pointer"
+                  textAlign="center"
+                  fontWeight="400"
+                  fontSize="16px"
+                  lineHeight="24px"
+                  color="#0068C5"
+                  fill="#0068C5"
+                  _hover={{
+                    color: "#0057A4",
+                    fill: "#0068C5"
+                  }}
+                >
+                  Ver todos
+                  <ChevronIcon
+                    alt=""
+                    width="16px"
+                  />
+                </Link>
+              </Stack>
 
+              <Grid gap="40px" templateColumns={{ md: "1fr 1fr", xl: "1fr 1fr 1fr" }}>
+                {value.slice(0, 7).map((post, index) => {
                   if (index === 0) {
                     return (
                       <GridItem
@@ -381,7 +407,7 @@ export function BlogGrid({ posts, category }) {
                         as="article"
                         key={index}
                         boxSizing="content-box"
-                        borderBottom={isInLastRow ? "none" : "1px solid #DEDFE0"}
+                        borderBottom="1px solid #DEDFE0"
                         paddingBottom="24px"
                       >
                         <MiniBlogCard key={post.slug} {...post} />
@@ -408,9 +434,6 @@ export function BlogGrid({ posts, category }) {
 
           <Grid gap="40px" templateColumns={{ md: "1fr 1fr", xl: "1fr 1fr 1fr" }}>
             {posts.map((post, index) => {
-              const itemsInLastRow = (posts.length - 1) % 3 || 3;
-              const isInLastRow = index >= posts.length - itemsInLastRow;
-
               if (index === 0) {
                 return (
                   <GridItem
@@ -427,7 +450,7 @@ export function BlogGrid({ posts, category }) {
                     as="article"
                     key={index}
                     boxSizing="content-box"
-                    borderBottom={isInLastRow ? "none" : "1px solid #DEDFE0"}
+                    borderBottom="1px solid #DEDFE0"
                     paddingBottom="24px"
                   >
                     <MiniBlogCard key={post.slug} {...post} />

diff --git a/next/components/organisms/Blog/Slug.js b/next/components/organisms/Blog/Slug.js
@@ -243,11 +243,11 @@ function FigCaption(props) {
   return props.children ? (
     <Text
       as="figcaption"
-      fontFamily={"Roboto"}
-      fontSize={"sm"}
-      color={"gray"}
-      textAlign={"center"}
-      marginY="0.5rem"
+      fontFamily="Roboto"
+      fontSize="14px"
+      color="#71757A"
+      textAlign="center"
+      marginY="8px"
     >
       {props.children}
     </Text>
@@ -486,9 +486,9 @@ export const mdxComponents = {
   ul: (props) => <UnorderedList {...props} />,
   li: (props) => (
     <ListItem
-      marginY={"2"}
-      color="rgb(55, 65, 81)"
-      fontFamily={"Roboto"}
+      marginY="8px"
+      color="#252A32"
+      fontFamily="Roboto"
       {...props}
     />
   ),
@@ -538,35 +538,38 @@ export const mdxComponents = {
     return (
       <Box
         as="blockquote"
-        padding={"2rem 2.5rem"}
-        borderLeft={"4px solid #7ec876"}
-        marginY={"3rem"}
-        position={"relative"}
+        padding="16px 20px"
+        borderLeft="4px solid #2B8C4D"
+        marginY="24px"
+        position="relative"
       >
         <Text
           as="span"
-          fontSize={"4rem"}
-          pointerEvents={"none"}
-          userSelect={"none"}
-          position={"absolute"}
-          lineHeight={"1"}
-          top="1rem"
+          position="absolute"
+          top="0"
+          pointerEvents="none"
+          userSelect="none"
+          fontFamily="Roboto"
+          fontSize="65px"
         >
           “
         </Text>
         <Text
           as="p"
-          fontFamily={"Roboto"}
-          fontSize={"lg"}
-          marginTop={"1.5rem"}
+          fontFamily="Roboto"
+          fontSize="16px"
+          fontWeight="400"
+          lineHeight="24px"
+          color="#252A32"
+          marginTop="35px"
           {...body.props}
         />
         {figcaption ? (
           <Text
             as="p"
-            marginTop={"1rem"}
-            fontFamily={"Roboto"}
-            color="gray"
+            marginTop="16px"
+            fontFamily="Roboto"
+            color="#71757A"
             {...figcaption.props}
           />
         ) : null}

diff --git a/next/components/organisms/componentsUserPage/PlansAndPayment.js b/next/components/organisms/componentsUserPage/PlansAndPayment.js
@@ -455,7 +455,7 @@ export default function PlansAndPayment ({ userData }) {
           maxWidth:"1008px",
           margin: "24px"
         }}
-        isCentered={{base: false, lg: true}}
+        isCentered={false}
       >
         <Stack spacing={0} marginBottom="40px">
           <Text
@@ -795,7 +795,7 @@ export default function PlansAndPayment ({ userData }) {
           maxWidth:"1008px",
           margin: "24px",
         }}
-        isCentered={{base: false, lg: true}}
+        isCentered={false}
       >
         <Stack spacing={0}>
           <Text
@@ -1118,7 +1118,7 @@ export default function PlansAndPayment ({ userData }) {
           padding: "32px 22px 26px 22px",
           borderRadius: {base: "0", lg: "20px"},
         }}
-        isCentered={{base: false, lg: true}}
+        isCentered={false}
       >
         <Stack spacing={0} marginBottom="40px">
           <Text

diff --git a/next/content/FAQ/en/test.md b/next/content/FAQ/en/test.md
@@ -0,0 +1,8 @@
+---
+question: Como acessar as fontes originais?
+categories: [Dados]
+keywords: acesso, consulta, fonte original, externo
+id: access-external-links
+---
+
+Você pode acessar as fontes originais dos dados clicando no botão de redirecionamento para o link externo à plataforma.
diff --git a/next/content/FAQ/es/test.md b/next/content/FAQ/es/test.md
@@ -0,0 +1,8 @@
+---
+question: Como acessar as fontes originais?
+categories: [Dados]
+keywords: acesso, consulta, fonte original, externo
+id: access-external-links
+---
+
+Você pode acessar as fontes originais dos dados clicando no botão de redirecionamento para o link externo à plataforma.
diff --git a/next/content/caseStudies/en/test.md b/next/content/caseStudies/en/test.md
@@ -0,0 +1,19 @@
+---
+id: "fundacao-lemann"
+displayTitle: "Fundação Lemann"
+thumbnail: "https://storage.googleapis.com/basedosdados-website/estudos_de_caso/thumbnails/thumbnail_estudo_de_caso_flemann.png"
+title: "Fundação Lemann aprimora tomada de decisão e monitoramento de metas com tecnologia de análises e engenharia de dados desenvolvida pela BD"
+img: "https://storage.googleapis.com/basedosdados-website/estudos_de_caso/imagens/estudo_de_caso_flemann.png"
+imgDescription: "Foto: Samuel Macedo para Fundação Lemann"
+description: "Com mais de 61 redes de ensino apoiadas e mais de 28 mil escolas envolvidas, implementar um fluxo de análise de dados e indicadores foi fundamental para a Fundação Lemann compreender melhor o cenário da educação no Brasil, avaliar os programas apoiados e estabelecer metas estratégicas para potencializar o avanço da educação e o impulsionamento de lideranças no país."
+logo: {
+  img: "https://storage.googleapis.com/basedosdados-website/estudos_de_caso/logos/flemann.png",
+  width: 245,
+  height: 85
+}
+about: "Organização que trabalha para garantir educação de qualidade para todas as crianças brasileiras e apoia líderes focados no desenvolvimento social do Brasil."
+resume: "Com mais de 61 redes de ensino apoiadas e mais de 28 mil escolas envolvidas, implementar um fluxo de análise de dados e indicadores foi fundamental para a Fundação Lemann compreender melhor o cenário da educação no Brasil, avaliar os programas apoiados e estabelecer metas estratégicas para potencializar o avanço da educação e o impulsionamento de lideranças no país. A BD trouxe soluções práticas para tornar isso possível, com a reestruturação da arquitetura dos dados utilizados pela Fundação, tratamento e disponibilização de novas bases de dados em um repositório online, análise das informações coletadas e construção de painéis interativos atualizados automaticamente."
+sector: "Educação"
+---
+
+Você pode acessar as fontes originais dos dados clicando no botão de redirecionamento para o link externo à plataforma.
diff --git a/next/content/caseStudies/es/test.md b/next/content/caseStudies/es/test.md
@@ -0,0 +1,19 @@
+---
+id: "fundacao-lemann"
+displayTitle: "Fundação Lemann"
+thumbnail: "https://storage.googleapis.com/basedosdados-website/estudos_de_caso/thumbnails/thumbnail_estudo_de_caso_flemann.png"
+title: "Fundação Lemann aprimora tomada de decisão e monitoramento de metas com tecnologia de análises e engenharia de dados desenvolvida pela BD"
+img: "https://storage.googleapis.com/basedosdados-website/estudos_de_caso/imagens/estudo_de_caso_flemann.png"
+imgDescription: "Foto: Samuel Macedo para Fundação Lemann"
+description: "Com mais de 61 redes de ensino apoiadas e mais de 28 mil escolas envolvidas, implementar um fluxo de análise de dados e indicadores foi fundamental para a Fundação Lemann compreender melhor o cenário da educação no Brasil, avaliar os programas apoiados e estabelecer metas estratégicas para potencializar o avanço da educação e o impulsionamento de lideranças no país."
+logo: {
+  img: "https://storage.googleapis.com/basedosdados-website/estudos_de_caso/logos/flemann.png",
+  width: 245,
+  height: 85
+}
+about: "Organização que trabalha para garantir educação de qualidade para todas as crianças brasileiras e apoia líderes focados no desenvolvimento social do Brasil."
+resume: "Com mais de 61 redes de ensino apoiadas e mais de 28 mil escolas envolvidas, implementar um fluxo de análise de dados e indicadores foi fundamental para a Fundação Lemann compreender melhor o cenário da educação no Brasil, avaliar os programas apoiados e estabelecer metas estratégicas para potencializar o avanço da educação e o impulsionamento de lideranças no país. A BD trouxe soluções práticas para tornar isso possível, com a reestruturação da arquitetura dos dados utilizados pela Fundação, tratamento e disponibilização de novas bases de dados em um repositório online, análise das informações coletadas e construção de painéis interativos atualizados automaticamente."
+sector: "Educação"
+---
+
+Você pode acessar as fontes originais dos dados clicando no botão de redirecionamento para o link externo à plataforma.