Skip to content

Commit 8c92f23

Browse files
rafaelrdealmeidarafaelrdealmeida
committed
estruturação inicial de iniciativas
1 parent 2358639 commit 8c92f23

14 files changed

+366
-98
lines changed

‎src/components/Header.astro‎

Lines changed: 54 additions & 90 deletions
Original file line numberDiff line numberDiff line change
@@ -18,9 +18,7 @@ const {
1818
const h = texts.header ?? {};
1919
---
2020

21-
<nav
22-
class="w-full bg-base-100 text-base-content border-b border-base-300 transition-transform duration-300 fixed top-0 z-50"
23-
>
21+
<nav class="w-full bg-base-100 text-base-content border-b border-base-300 transition-transform duration-300 fixed top-0 z-50">
2422
<div class="mx-auto max-w-screen-2xl px-4 md:px-8 py-2">
2523
<div class="flex items-center justify-between">
2624
<!-- 🔹 ESQUERDA: Logo CPPS + texto -->
@@ -34,131 +32,97 @@ const h = texts.header ?? {};
3432
</a>
3533

3634
<!-- 🔹 MENU DESKTOP -->
37-
<ul
38-
class="hidden lg:flex items-center gap-6 text-sm sm:text-base font-semibold"
39-
>
35+
<ul class="hidden lg:flex items-center gap-6 text-sm sm:text-base font-semibold">
4036
<li>
41-
<a class="hover:text-primary transition" href={`/${lang}/`}
42-
>{h.home}</a>
37+
<a class="hover:text-primary transition" href={`/${lang}/`}>
38+
{h.home}
39+
</a>
4340
</li>
4441

42+
<!-- Institucional -->
4543
<li class="dropdown dropdown-hover group">
46-
<label
47-
tabindex="0"
48-
class="flex items-center cursor-pointer hover:text-primary transition"
49-
>
44+
<label tabindex="0" class="flex items-center cursor-pointer hover:text-primary transition">
5045
{h.institucional}
51-
<svg class="ml-1 w-3 h-3 fill-current" viewBox="0 0 20 20"
52-
><path d="M5.25 7.75L10 12.5l4.75-4.75"></path></svg
53-
>
46+
<svg class="ml-1 w-3 h-3 fill-current" viewBox="0 0 20 20">
47+
<path d="M5.25 7.75L10 12.5l4.75-4.75" />
48+
</svg>
5449
</label>
55-
<ul
56-
class="dropdown-content menu p-2 shadow bg-base-100 text-base-content rounded-sm w-40"
57-
>
58-
<li>
59-
<a
60-
href={`/${lang}/${getTranslatedPath("institucional/sobre", lang)}`}
61-
>{h.sobre}</a>
62-
</li>
63-
<li>
64-
<a
65-
href={`/${lang}/${getTranslatedPath("institucional/equipe", lang)}`}
66-
>{h.equipe}</a>
67-
</li>
68-
<li>
69-
<a
70-
href={`/${lang}/${getTranslatedPath("institucional/documentos", lang)}`}
71-
>{h.documentos}</a>
72-
</li>
50+
<ul class="dropdown-content menu p-2 shadow bg-base-100 text-base-content rounded-sm w-40">
51+
<li><a href={`/${lang}/${getTranslatedPath("institucional/sobre", lang)}`}>{h.sobre}</a></li>
52+
<li><a href={`/${lang}/${getTranslatedPath("institucional/equipe", lang)}`}>{h.equipe}</a></li>
53+
<li><a href={`/${lang}/${getTranslatedPath("institucional/documentos", lang)}`}>{h.documentos}</a></li>
7354
</ul>
7455
</li>
7556

76-
<!-- <li class="dropdown dropdown-hover group">
57+
<!-- Iniciativas -->
58+
<li class="dropdown dropdown-hover group">
7759
<label tabindex="0" class="flex items-center cursor-pointer hover:text-primary transition">
7860
{h.iniciativas}
79-
<svg class="ml-1 w-3 h-3 fill-current" viewBox="0 0 20 20"><path d="M5.25 7.75L10 12.5l4.75-4.75" /></svg>
61+
<svg class="ml-1 w-3 h-3 fill-current" viewBox="0 0 20 20">
62+
<path d="M5.25 7.75L10 12.5l4.75-4.75" />
63+
</svg>
8064
</label>
81-
<ul class="dropdown-content menu p-2 shadow bg-base-100 text-base-content rounded-sm w-40">
82-
<li><a href={`/${lang}/${getTranslatedPath("iniciativas/projetos", lang)}`}>{h.projetos}</a></li>
65+
<ul class="dropdown-content menu p-2 shadow bg-base-100 text-base-content rounded-sm w-64">
8366
<li><a href={`/${lang}/${getTranslatedPath("iniciativas/cafe-com-ciencia", lang)}`}>{h.cafe}</a></li>
84-
<li><a href={`/${lang}/${getTranslatedPath("iniciativas/planejamento", lang)}`}>{h.planejamento}</a></li>
67+
<li><a href={`/${lang}/${getTranslatedPath("iniciativas/publicacoes", lang)}`}>{h.publicacoes}</a></li>
68+
<li><a href={`/${lang}/${getTranslatedPath("iniciativas/material-de-apoio", lang)}`}>{h.materialDeApoio}</a></li>
69+
<li><a href={`/${lang}/${getTranslatedPath("iniciativas/oficinas", lang)}`}>{h.oficinas}</a></li>
70+
<li><a href={`/${lang}/${getTranslatedPath("iniciativas/projetos", lang)}`}>{h.projetos}</a></li>
71+
<li><a href={`/${lang}/${getTranslatedPath("iniciativas/parcerias", lang)}`}>{h.parcerias}</a></li>
72+
<li><a href={`/${lang}/${getTranslatedPath("iniciativas/solucoes-tecnologicas", lang)}`}>{h.solucoesTecnologicas}</a></li>
8573
</ul>
86-
</li> -->
74+
</li>
8775

88-
<!-- <li><a class="hover:text-primary transition" href={`/${lang}/${getTranslatedPath("noticias", lang)}`}>{h.noticias}</a></li> -->
8976
<li><LanguageSelector lang={lang} texts={texts} /></li>
9077
<li><AlterarTema /></li>
9178
<li>
92-
<label
93-
for="search-modal"
94-
class="flex items-center cursor-pointer hover:text-primary transition"
95-
>
79+
<label for="search-modal" class="flex items-center cursor-pointer hover:text-primary transition">
9680
<IconSearch />
9781
</label>
9882
</li>
9983
</ul>
10084

101-
<!-- 🔹 DIREITA: Logo UNESP + círculos -->
85+
<!-- 🔹 DIREITA: Logos -->
10286
<div class="hidden lg:flex items-center gap-3">
103-
<img
104-
id="logo-unesp"
105-
src="/imagens/logos/logo-unesp02/AV01A.svg"
106-
alt="Logo UNESP"
107-
class="h-16 w-auto"
108-
/>
109-
<img
110-
src="/imagens/logos/cpps/circulos_grade_01.svg"
111-
alt="Círculos decorativos"
112-
class="h-16 w-auto"
113-
/>
87+
<img id="logo-unesp" src="/imagens/logos/logo-unesp02/AV01A.svg" alt="Logo UNESP" class="h-16 w-auto" />
88+
<img src="/imagens/logos/cpps/circulos_grade_01.svg" alt="Círculos decorativos" class="h-16 w-auto" />
11489
</div>
11590

11691
<!-- 🔹 BOTÃO HAMBÚRGUER -->
11792
<div class="lg:hidden">
118-
<button
119-
class="btn btn-ghost"
120-
onclick="document.getElementById('menu-mobile').classList.toggle('hidden')"
121-
>
122-
<svg
123-
xmlns="http://www.w3.org/2000/svg"
124-
fill="none"
125-
viewBox="0 0 24 24"
126-
stroke="currentColor"
127-
class="w-6 h-6"
128-
>
129-
<path
130-
stroke-linecap="round"
131-
stroke-linejoin="round"
132-
stroke-width="2"
133-
d="M4 6h16M4 12h16M4 18h16"></path>
93+
<button class="btn btn-ghost" onclick="document.getElementById('menu-mobile').classList.toggle('hidden')">
94+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 h-6">
95+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
13496
</svg>
13597
</button>
13698
</div>
13799
</div>
138100

139-
<!-- 🔹 MENU MOBILE (colapsável) -->
101+
<!-- 🔹 MENU MOBILE -->
140102
<div id="menu-mobile" class="lg:hidden hidden mt-2">
141103
<ul class="flex flex-col gap-2 text-base font-semibold">
142104
<li><a href={`/${lang}/`}>{h.home}</a></li>
143-
<li class="dropdown dropdown-hover">
105+
<li>
144106
<details>
145107
<summary class="cursor-pointer">{h.institucional}</summary>
146108
<ul>
147-
<li>
148-
<a
149-
href={`/${lang}/${getTranslatedPath("institucional/sobre", lang)}`}
150-
>{h.sobre}</a>
151-
</li>
152-
<li>
153-
<a
154-
href={`/${lang}/${getTranslatedPath("institucional/equipe", lang)}`}
155-
>{h.equipe}</a>
156-
</li>
157-
<li>
158-
<a
159-
href={`/${lang}/${getTranslatedPath("institucional/documentos", lang)}`}
160-
>{h.documentos}</a>
161-
</li>
109+
<li><a href={`/${lang}/${getTranslatedPath("institucional/sobre", lang)}`}>{h.sobre}</a></li>
110+
<li><a href={`/${lang}/${getTranslatedPath("institucional/equipe", lang)}`}>{h.equipe}</a></li>
111+
<li><a href={`/${lang}/${getTranslatedPath("institucional/documentos", lang)}`}>{h.documentos}</a></li>
112+
</ul>
113+
</details>
114+
</li>
115+
<li>
116+
<details>
117+
<summary class="cursor-pointer">{h.iniciativas}</summary>
118+
<ul>
119+
<li><a href={`/${lang}/${getTranslatedPath("iniciativas/cafe-com-ciencia", lang)}`}>{h.cafe}</a></li>
120+
<li><a href={`/${lang}/${getTranslatedPath("iniciativas/publicacoes", lang)}`}>{h.publicacoes}</a></li>
121+
<li><a href={`/${lang}/${getTranslatedPath("iniciativas/material-de-apoio", lang)}`}>{h.materialDeApoio}</a></li>
122+
<li><a href={`/${lang}/${getTranslatedPath("iniciativas/oficinas", lang)}`}>{h.oficinas}</a></li>
123+
<li><a href={`/${lang}/${getTranslatedPath("iniciativas/projetos", lang)}`}>{h.projetos}</a></li>
124+
<li><a href={`/${lang}/${getTranslatedPath("iniciativas/parcerias", lang)}`}>{h.parcerias}</a></li>
125+
<li><a href={`/${lang}/${getTranslatedPath("iniciativas/solucoes-tecnologicas", lang)}`}>{h.solucoesTecnologicas}</a></li>
162126
</ul>
163127
</details>
164128
</li>
@@ -173,7 +137,7 @@ const h = texts.header ?? {};
173137
</div>
174138
</div>
175139

176-
<!-- ✅ Script para troca de logo UNESP no dark mode -->
140+
<!-- 🔹 Script para troca de logo UNESP no dark mode -->
177141
<script is:inline>
178142
document.addEventListener("DOMContentLoaded", () => {
179143
const atualizarLogo = () => {

‎src/components/IniciativasMaterialApoioSection.astro‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
---
2+
// src/components/IniciativasMaterialApoioSection.astro
3+
const { texts } = Astro.props;
4+
---
5+
6+
<section class="max-w-4xl mx-auto px-4 py-16 space-y-6">
7+
<h1 class="text-3xl font-bold text-primary">
8+
{texts?.iniciativas?.materialDeApoio ?? "Material de Apoio"}
9+
</h1>
10+
<p class="text-base-content">
11+
Recursos, apostilas e documentos didáticos disponibilizados pelo CPPS para formação e apoio a pesquisadores.
12+
</p>
13+
</section>

‎src/components/IniciativasOficinasSection.astro‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
---
2+
3+
const { texts } = Astro.props;
4+
---
5+
<section class="max-w-4xl mx-auto px-4 py-16 space-y-6">
6+
<h1 class="text-3xl font-bold text-primary">
7+
{texts?.iniciativas?.oficinas ?? "Oficinas e Treinamentos"}
8+
</h1>
9+
<p class="text-base-content">
10+
Informações sobre oficinas, cursos e formações oferecidas pelo CPPS.
11+
</p>
12+
</section>

‎src/components/IniciativasParceiriasSection.astro‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
---
2+
3+
const { texts } = Astro.props;
4+
---
5+
6+
<section class="max-w-4xl mx-auto px-4 py-16 space-y-6">
7+
<h1 class="text-3xl font-bold text-primary">
8+
{texts?.iniciativas?.parceirias ?? "Cooperação e Parcerias"}
9+
</h1>
10+
<p class="text-base-content">
11+
Descubra as instituições, redes e grupos com os quais o CPPS colabora para ampliar o impacto das suas iniciativas.
12+
</p>
13+
</section>

‎src/components/IniciativasProjetosDeDadosSection.astro‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
---
2+
const { texts } = Astro.props;
3+
---
4+
5+
<section class="max-w-4xl mx-auto px-4 py-16 space-y-6">
6+
<h1 class="text-3xl font-bold text-primary">
7+
{texts?.iniciativas?.projetosDeDados ?? "Projetos de Dados"}
8+
</h1>
9+
<p class="text-base-content">
10+
Aqui serão apresentados os projetos e plataformas de dados estruturados pelo CPPS.
11+
</p>
12+
</section>

‎src/components/IniciativasProjetosDePesquisaSection.astro‎

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
---
2+
const { textos, iniciativas, projetos = [] } = Astro.props;
3+
---
4+
5+
<section class="max-w-5xl mx-auto px-4 py-16 space-y-8">
6+
<!-- Título e descrição -->
7+
<h1 class="text-3xl font-bold text-primary">
8+
{iniciativas?.projetosDePesquisa ?? "Projetos de Pesquisa"}
9+
</h1>
10+
<p class="text-base-content mb-4">
11+
{iniciativas?.descricaoProjetosDePesquisa ??
12+
"Projetos desenvolvidos por docentes e associados ao CPPS, com apoio de agências de fomento."}
13+
</p>
14+
15+
<!-- Lista de projetos sem ordenação -->
16+
<div class="space-y-4">
17+
{projetos.map((proj, index) => (
18+
<details class="border border-base-300 rounded-xl p-4 group">
19+
<summary class="cursor-pointer text-lg font-semibold text-primary group-open:mb-4">
20+
{proj.titulo} — <span class="text-base-content">{proj.docente}</span>
21+
<span class="text-sm text-neutral-500">({proj.periodo})</span>
22+
</summary>
23+
<div class="space-y-2 mt-2 text-base-content">
24+
<p><strong>Agência:</strong> {proj.agencia}</p>
25+
<p><strong>Processo:</strong> {proj.processo}</p>
26+
<p><strong>Natureza:</strong> {proj.natureza}</p>
27+
<p><strong>Valor:</strong> {proj.valor}</p>
28+
<p><strong>Pesquisadores Associados:</strong> {proj.associados}</p>
29+
<p><strong>Resumo:</strong> {proj.resumo}</p>
30+
{Array.isArray(proj.apoioCentro) && proj.apoioCentro.length > 0 && (
31+
<div>
32+
<strong>Apoios do CPPS:</strong>
33+
<ul class="list-disc list-inside ml-4">
34+
{proj.apoioCentro.map((item) => (
35+
<li>{item}</li>
36+
))}
37+
</ul>
38+
</div>
39+
)}
40+
</div>
41+
</details>
42+
))}
43+
</div>
44+
</section>

‎src/components/IniciativasProjetosSection.astro‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
---
2+
const { texts } = Astro.props;
3+
---
4+
<section class="max-w-6xl mx-auto px-4 py-16 space-y-12">
5+
<h1 class="text-3xl font-bold text-primary">
6+
{texts?.iniciativas?.projetos ?? "Projetos"}
7+
</h1>
8+
<p class="text-base-content">
9+
Conheça os projetos desenvolvidos pelo CPPS nas áreas de pesquisa e dados aplicados às ciências sociais e humanas.
10+
</p>
11+
12+
<div class="grid md:grid-cols-2 gap-8">
13+
<div class="p-6 border border-base-300 rounded-xl shadow-sm hover:shadow transition bg-base-100">
14+
<h2 class="text-xl font-semibold mb-2">Projetos de Pesquisa</h2>
15+
<p class="text-base-content mb-4">
16+
Projetos científicos em andamento ou concluídos, conduzidos por pesquisadores do CPPS em parceria com outras instituições.
17+
</p>
18+
<a
19+
class="btn btn-sm btn-primary"
20+
href="/pt/iniciativas/projetos-de-pesquisa"
21+
>
22+
Ver mais
23+
</a>
24+
</div>
25+
26+
<div class="p-6 border border-base-300 rounded-xl shadow-sm hover:shadow transition bg-base-100">
27+
<h2 class="text-xl font-semibold mb-2">Projetos de Dados</h2>
28+
<p class="text-base-content mb-4">
29+
Iniciativas voltadas à estruturação, tratamento e disponibilização de dados sociais, políticos e econômicos.
30+
</p>
31+
<a
32+
class="btn btn-sm btn-primary"
33+
href="/pt/iniciativas/projetos-de-dados"
34+
>
35+
Ver mais
36+
</a>
37+
</div>
38+
</div>
39+
</section>

‎src/components/IniciativasPublicacoesSection.astro‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
---
2+
// Exemplo base para um componente de seção em `src/components/IniciativasPublicacoesSection.astro`
3+
const { texts } = Astro.props;
4+
---
5+
<section class="max-w-4xl mx-auto px-4 py-16 space-y-6">
6+
<h1 class="text-3xl font-bold text-primary">
7+
{texts?.iniciativas?.publicacoes ?? "Publicações"}
8+
</h1>
9+
<p class="text-base-content">
10+
Aqui você poderá listar os Cadernos CPPS, destaques de produção dos pesquisadores, entre outros materiais de divulgação científica.
11+
</p>
12+
</section>

‎src/components/IniciativasSolucoesTecnologicasSection.astro‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
---
2+
const { texts } = Astro.props;
3+
---
4+
<section class="max-w-4xl mx-auto px-4 py-16 space-y-6">
5+
<h1 class="text-3xl font-bold text-primary">
6+
{texts?.iniciativas?.solucoesTecnologicas ?? "Soluções Tecnológicas"}
7+
</h1>
8+
<p class="text-base-content">
9+
Conheça as ferramentas e a infraestrutura desenvolvidas pelo CPPS para apoiar as pesquisas em ciências humanas e sociais.
10+
</p>
11+
</section>

‎src/i18n/locales/en.json‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,12 @@
11
{
2+
"iniciativas": {
3+
"publicacoes": "Publications",
4+
"materialDeApoio": "Support Material",
5+
"oficinas": "Workshops and Trainings",
6+
"projetos": "Projects",
7+
"solucoesTecnologicas": "Technological Solutions",
8+
"cafeComCiencia": "Coffee with Science"
9+
},
210
"sobre": {
311
"quem-somos": {
412
"titulo": "Center for Political and Social Research",

0 commit comments

Comments
 (0)