diff --git a/assets/css/app.scss b/assets/css/app.scss index 54e8c873..5ebf02a2 100644 --- a/assets/css/app.scss +++ b/assets/css/app.scss @@ -180,6 +180,7 @@ footer { @import "./contact.scss"; @import "./article.scss"; @import "./boletins.scss"; +@import "./noticias.scss"; // Com autenticação @import "./pages/app/researcher/profile.scss"; diff --git a/assets/css/noticias.scss b/assets/css/noticias.scss index 6579272f..e96b0367 100644 --- a/assets/css/noticias.scss +++ b/assets/css/noticias.scss @@ -1,6 +1,145 @@ -.noticias-grid { +.noticias-grid, + .noticia-wrapper { max-width: 100vw !important; div { max-width: 100vw; } -} \ No newline at end of file +} + +/* trocando gallery-carousel por land-carousel */ +.land-carousel { + margin-bottom: 70px; + + .glide1 { + max-width: 100vw; + max-height: 600px; + } + + .glide__slide { + max-width: 100%; + height: 100%; + + img { + width: 100%; + height: 100%; + max-width: 1100px; + max-height: 600px; + background-size: cover; + margin: 0 auto; + } + } + .glide__slides { + margin: 0; + padding: 0; + list-style: none; + } + + .glide__bullets { + display: flex; + justify-content: center; + margin-top: 40px; + } + + .glide__bullet { + @apply bg-black-10; + height: 10px; + width: 10px; + border-radius: 50%; + margin: 0 5px; + } + + .glide__bullet.active { + @apply bg-blue-80; + } +} + +/* pegando o get-to-know do sobre e ajustando as notícias */ +.get-to-know { + display: flex; + align-items: center; + justify-content: center; + gap: 56px; + padding: 80px 40px; + + img { + object-fit: cover; + height: 465px; + width: 50%; + max-width: 668px; + border-radius: 16px; + flex-shrink: 1; + } + .know-content { + display: flex; + flex-direction: column; + width: 50%; + gap: 25px; + } + @media (max-width: 768px) { + .get-to-know { + flex-direction: column; + align-items: center; + justify-content: center; + gap: 18px; + padding: 40px 20px; + } + + img { + width: 100vw; + } + + .know-content { + width: 100vw; + padding: 0px 20px; + margin-top: 40px; + } + } +} +/* até aqui */ + +.phases { + display: flex; + align-items: flex-start; + justify-content: center; + gap: 56px; + padding: 80px 40px; +} + +.noticia-text { + display: flex; + flex-direction: column; + align-items: center; + width: 100%; + gap: 25px; +} + + +/* Estilo para telas pequenas (móveis) */ +@media (max-width: 768px) { + .phases { + display: flex; + align-items: flex-start; + justify-content: center; + gap: 18px; + padding: 40px 20px; + } + .noticia-text { + width: 100vw; + padding: 0px 20px; + margin-top: 40px; + } +} +@media (min-width: 360px) and (max-width: 567px) { + .phases { + display: flex; + align-items: flex-start; + justify-content: center; + gap: 9px; + padding: 20px 10px; + } + .noticia-text { + width: 100vw; + padding: 0px 10px; + margin-top: 20px; + } +} diff --git a/lib/pescarte_web/templates/landing_html/show.html.heex b/lib/pescarte_web/templates/landing_html/show.html.heex index 84d7558d..da50e359 100644 --- a/lib/pescarte_web/templates/landing_html/show.html.heex +++ b/lib/pescarte_web/templates/landing_html/show.html.heex @@ -36,10 +36,13 @@
- - <.text size="h3" color="text-white-100">Notícias - - <.button style="link"> + + + <.text size="h3" color="text-white-100">Notícias + <.text size="base" color="text-white-100"> + Notícias do Projeto + + <.button style="primary"> Saiba mais @@ -180,7 +183,7 @@ <.text size="sm" color="text-black-60"> <%= handle_notice_desc_length( - "Reuniões são organizadas pelo Núcleo de Direitos e Benefícios (NDB) e acontecem toda última quinta-feira do mês, a partir das 15 horas." + "Reuniões são organizadas pelo Núcleo de Direitos e Benefícios (NDB) e acontecem toda última quinta-feira do mês, a partir das 15 horas" ) %> @@ -198,13 +201,13 @@ <.text size="h4" color="text-blue-100"> <%= handle_notice_title_length( - "Tecnologia social nos empreendimentos de geração de renda na cadeia da pesca artesanal é abordado em pesquisa." + "Tecnologia social nos empreendimentos de geração de renda na cadeia da pesca artesanal é abordado em pesquisa" ) %> <.text size="sm" color="text-black-60"> <%= handle_notice_desc_length( - "Estudo aponta tecnologias utilizadas na pesca e maricultura que auxiliem nas soluções de infraestrutura dos Projetos de Geração de Trabalho e Renda." + "Estudo aponta tecnologias utilizadas na pesca e maricultura que auxiliem nas soluções de infraestrutura dos Projetos de Geração de Trabalho e Renda" ) %> @@ -227,7 +230,7 @@ <.text size="sm" color="text-black-60"> <%= handle_notice_desc_length( - "Pesquisas desenvolvidas cumprem com o desafio de mitigar os impactos das atividades de extração e produção de petróleo e gás na Bacia de Campos." + "Pesquisas desenvolvidas cumprem com o desafio de mitigar os impactos das atividades de extração e produção de petróleo e gás na Bacia de Campos" ) %> @@ -251,7 +254,7 @@ <.text size="sm" color="text-black-60"> <%= handle_notice_desc_length( - "Pesquisa tem o objetivo de compreender o comportamento do consumidor e dos fornecedores para levar aos PGTR como funciona o mercado de pescados." + "Pesquisa tem o objetivo de compreender o comportamento do consumidor e dos fornecedores para levar aos PGTR como funciona o mercado de pescados" ) %> diff --git a/lib/pescarte_web/templates/noti1_html/show.html.heex b/lib/pescarte_web/templates/noti1_html/show.html.heex index 30b9ffca..a8ea3b8b 100644 --- a/lib/pescarte_web/templates/noti1_html/show.html.heex +++ b/lib/pescarte_web/templates/noti1_html/show.html.heex @@ -2,7 +2,7 @@
<.text size="h2" color="text-blue-100"> - Tecnologia social nos empreendimentos de geração de renda na cadeia da pesca artesanal é abordado em pesquisa. + Tecnologia social nos empreendimentos de geração de renda na cadeia da pesca artesanal é abordado em pesquisa
diff --git a/lib/pescarte_web/templates/noti5_html/show.html.heex b/lib/pescarte_web/templates/noti5_html/show.html.heex index 6b621597..8386f0bc 100644 --- a/lib/pescarte_web/templates/noti5_html/show.html.heex +++ b/lib/pescarte_web/templates/noti5_html/show.html.heex @@ -2,7 +2,7 @@
<.text size="h2" color="text-blue-100"> - 1ª edição do Seminário Internacional da Pesca Artesanal marca os 10 anos do PEA Pescarte e reúne mais de 500 pessoas. + 1ª edição do Seminário Internacional da Pesca Artesanal marca os 10 anos do PEA Pescarte e reúne mais de 500 pessoas
diff --git a/lib/pescarte_web/templates/noti6_html/show.html.heex b/lib/pescarte_web/templates/noti6_html/show.html.heex index 415c37e0..af46e3e3 100644 --- a/lib/pescarte_web/templates/noti6_html/show.html.heex +++ b/lib/pescarte_web/templates/noti6_html/show.html.heex @@ -1,16 +1,16 @@ -
+
-
+
<.text size="h2" color="text-blue-100"> Núcleo de Pesquisa organiza grupos focais para levantamento de seis temáticas nas comunidades - de pesca da região. + de pesca da região
-
+
-
+
<.text size="lg" color="text-black-80"> O PEA Pescarte tem na pesquisa um de seus braços para o fortalecimento da organização comunitária da cadeia produtiva da pesca artesanal, como preconiza o plano de trabalho para a implementação de @@ -30,16 +30,17 @@ equipes municipais, que realizaram as mobilizações dos integrantes da cadeia produtiva da pesca e auxiliaram na realização da atividade. +
+
+ +
+
<.text size="lg" color="text-black-80"> Neste ano, os grupos focais foram realizados pela primeira vez com as comunidades de pesca de Búzios, Carapebus e Rio das Ostras. Em Arraial do Cabo, Cabo Frio, Campos, Macaé, Quissamã, São Francisco de Itabapoana e São João da Barra a atividade havia sido promovida em 2015, na primeira fase do PEA Pescarte -
-
-
-
<.text size="lg" color="text-black-80"> O grupo focal tem como uma das funções aprofundar os debates com base nos dados levantados do Censo da Pesca, que já vinham sendo desenvolvidos pelas linhas de pesquisa. A atividade diff --git a/lib/pescarte_web/templates/noticias_html/show.html.heex b/lib/pescarte_web/templates/noticias_html/show.html.heex index 177a31ed..3ffc1ab8 100644 --- a/lib/pescarte_web/templates/noticias_html/show.html.heex +++ b/lib/pescarte_web/templates/noticias_html/show.html.heex @@ -3,16 +3,16 @@ <%= @error_message %> -
- <.text size="h2" color="text-blue-100">Galeria de Notícias Pescarte -
+
+ +
  • - +
  • - +
  • @@ -20,12 +20,23 @@
    • +
  • + +
    • +
  • + +
-
-
+
+ + +
+
@@ -98,7 +109,7 @@ <.text size="sm" color="text-black-60"> <%= handle_notice_desc_length( - "Pesquisa tem o objetivo de compreender o comportamento do consumidor e dos fornecedores para levar aos PGTR como funciona o mercado de pescados." + "Pesquisa tem o objetivo de compreender o comportamento do consumidor e dos fornecedores para levar aos PGTR como funciona o mercado de pescados" ) %> @@ -117,7 +128,7 @@ <.text size="h4" color="text-blue-100"> <%= handle_notice_title_length( - "Tecnologia social nos empreendimentos de geração de renda na cadeia da pesca artesanal é abordado em pesquisa." + "Tecnologia social nos empreendimentos de geração de renda na cadeia da pesca artesanal é abordado em pesquisa" ) %> @@ -142,7 +153,7 @@ <.text size="h4" color="text-blue-100"> <%= handle_notice_title_length( - "Reunião de Avaliação e Realinhamento do Núcleo de Pesquisa promove ecologia de saberes no PEA Pescarte." + "Reunião de Avaliação e Realinhamento do Núcleo de Pesquisa promove ecologia de saberes no PEA Pescarte" ) %> @@ -172,7 +183,7 @@ <.text size="sm" color="text-black-60"> <%= handle_notice_desc_length( - "Pesquisa tem o objetivo de compreender o comportamento do consumidor e dos fornecedores para levar aos PGTR como funciona o mercado de pescados." + "Pesquisa tem o objetivo de compreender o comportamento do consumidor e dos fornecedores para levar aos PGTR como funciona o mercado de pescados" ) %>