fix: fix journals images

peapescarte · Sep 23, 2024 · bfc9a9a · bfc9a9a
1 parent 70cf474
commit bfc9a9a
Show file tree

Hide file tree

Showing 4 changed files with 110 additions and 111 deletions.
diff --git a/assets/css/app.scss b/assets/css/app.scss
@@ -60,6 +60,7 @@ body {
   font-size: 62.5%;
   font-weight: 400;
   position: relative;
+  overflow-x: hidden;
 }
 
 .grid {

diff --git a/lib/pescarte_web/templates/aplicativos_html/show.html.heex b/lib/pescarte_web/templates/aplicativos_html/show.html.heex
@@ -1,4 +1,3 @@
-
 <div class="publications">
   <div class="banner-container">
     <img src={~p"/images/landing/bg_fill.png"} />
@@ -21,18 +20,18 @@
     <div class="card-item">
       <img src="https://rrosgcmviafnxjshljoq.supabase.co/storage/v1/object/sign/static/images/aplicativos/enciclopedia-pesca.JPG?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1cmwiOiJzdGF0aWMvaW1hZ2VzL2FwbGljYXRpdm9zL2VuY2ljbG9wZWRpYS1wZXNjYS5KUEciLCJpYXQiOjE3MjU0ODY3MzAsImV4cCI6MjA0MDg0NjczMH0.9vO6oKSrMkG6tO7fG2akB8OoRIbJGj139HnwmK4JmAY&t=2024-09-04T21%3A52%3A10.712Z" />
       <DesignSystem.link
-      href="https://pescarte-catalago-de-peixes.vercel.app/"
-      class="text-sm font-semibold"
+        href="https://pescarte-catalago-de-peixes.vercel.app/"
+        class="text-sm font-semibold"
       >
-      <.text size="h3" color="text-white-100">Enciclopédia da Pesca</.text>
-      <.text size="base" color="text-white-100">
-        Se quiser ver os nomes populares dos peixes por região, consulte este aplicativo!
-      </.text>
-      <.button style="primary">
-        Saiba mais <Lucideicons.arrow_right class="text-white-100" />
-      </.button>
-    </DesignSystem.link>
+        <.text size="h3" color="text-white-100">Enciclopédia da Pesca</.text>
+        <.text size="base" color="text-white-100">
+          Se quiser ver os nomes populares dos peixes por região, consulte este aplicativo!
+        </.text>
+        <.button style="primary">
+          Saiba mais <Lucideicons.arrow_right class="text-white-100" />
+        </.button>
+      </DesignSystem.link>
+    </div>
+    <PescarteWeb.DesignSystem.GetInTouch.render />
   </div>
-  <PescarteWeb.DesignSystem.GetInTouch.render />
-</div>
 </div>
diff --git a/lib/pescarte_web/templates/journal_html/show.html.heex b/lib/pescarte_web/templates/journal_html/show.html.heex
@@ -17,7 +17,7 @@
           </DesignSystem.link>
         </div>
         <div class="card-item">
-          <img src="https://rrosgcmviafnxjshljoq.supabase.co/storage/v1/object/sign/static/images/publicacoes/card_publicacoes_livros.png?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1cmwiOiJzdGF0aWMvaW1hZ2VzL3B1YmxpY2Fjb2VzL2NhcmRfcHVibGljYWNvZXNfbGl2cm9zLnBuZyIsImlhdCI6MTcyNTc2MjI0MCwiZXhwIjoyMDQxMTIyMjQwfQ.RKsZ3r7V6KNlAVTByhX1HGiQoJRzJLtQAXOEUf-YOBM&t=2024-09-08T02%3A24%3A00.522Z" />
+          <img src="https://rrosgcmviafnxjshljoq.supabase.co/storage/v1/object/sign/static/images/publicacoes/livros/livro4_capa.png?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1cmwiOiJzdGF0aWMvaW1hZ2VzL3B1YmxpY2Fjb2VzL2xpdnJvcy9saXZybzRfY2FwYS5wbmciLCJpYXQiOjE3MjU3NTg2NjgsImV4cCI6MjA0MTExODY2OH0.a1IBvYpIUKWUjnyhPWRoaAyotcSHnHPn8XqHFqgRDjY&t=2024-09-08T01%3A24%3A28.346Z" />
           <DesignSystem.link href={~p"/publicacoes/livros"} class="text-sm font-semibold">
             <.text size="h3" color="text-white-100">Livros</.text>
             <.button style="primary">
@@ -26,7 +26,7 @@
           </DesignSystem.link>
         </div>
         <div class="card-item">
-          <img src={~p"/images/noticias/TECNOLOGIA_SOCIAL/capa_noti1.JPG"} />
+          <img src="https://rrosgcmviafnxjshljoq.supabase.co/storage/v1/object/sign/static/images/publicacoes/card_artigos.JPG?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1cmwiOiJzdGF0aWMvaW1hZ2VzL3B1YmxpY2Fjb2VzL2NhcmRfYXJ0aWdvcy5KUEciLCJpYXQiOjE3MjcwOTgxNjksImV4cCI6MjA0MjQ1ODE2OX0.aE3OnZAPgSwxdHNto1xoepasqDZ4lTP3XF2TlYke3M4&t=2024-09-23T13%3A29%3A29.423Z" />
           <DesignSystem.link href={~p"/publicacoes/artigos"} class="text-sm font-semibold">
             <.text size="h3" color="text-white-100">Artigos</.text>
             <.button style="primary">
@@ -35,7 +35,7 @@
           </DesignSystem.link>
         </div>
         <div class="card-item">
-          <img src={~p"/images/noticias/TECNOLOGIA_SOCIAL/capa_noti1.JPG"} />
+          <img src="https://rrosgcmviafnxjshljoq.supabase.co/storage/v1/object/sign/static/images/publicacoes/card_publicacoes_livros.png?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1cmwiOiJzdGF0aWMvaW1hZ2VzL3B1YmxpY2Fjb2VzL2NhcmRfcHVibGljYWNvZXNfbGl2cm9zLnBuZyIsImlhdCI6MTcyNTc2MjI0MCwiZXhwIjoyMDQxMTIyMjQwfQ.RKsZ3r7V6KNlAVTByhX1HGiQoJRzJLtQAXOEUf-YOBM&t=2024-09-08T02%3A24%3A00.522Z" />
           <DesignSystem.link href={~p"/noticias/noti1"} class="text-sm font-semibold">
             <.text size="h3" color="text-white-100">Relatórios Públicos</.text>
             <.button style="primary">

diff --git a/lib/pescarte_web/templates/noticias_html/show.html.heex b/lib/pescarte_web/templates/noticias_html/show.html.heex
@@ -41,7 +41,6 @@
   </div>
 
   <div class="landing-grid">
-
     <div class="news">
       <.text size="h2" color="text-blue-100">Notícias</.text>
       <div class="news-cards">
@@ -55,37 +54,37 @@
               <.text size="h4" color="text-blue-100">
                 <%= handle_notice_title_length(
                   "1ª edição do Seminário Internacional da Pesca Artesanal marca os 10 anos do PEA Pescarte e reúne mais de 500 pessoas"
-                  ) %>
-                </.text>
-              </a>
-              <.text size="sm" color="text-black-60">
-                <%= handle_notice_desc_length(
-                  "Evento reuniu representantes do Ministério da Pesca, Food and Agriculture Organization, Governo Moçambique e Universidade Autônoma de Barcelona"
-                  ) %>
-                </.text>
-                <DesignSystem.link href="/noticias/noti5" class="text-sm font-semibold">
-                  <.button style="primary">
-                    <.text size="base" color="text-white-100">Ler mais</.text>
-                  </.button>
-                </DesignSystem.link>
-              </div>
-            </div>
-            <div class="news-item">
-              <a href="/noticias/noti6">
-                <img src="https://rrosgcmviafnxjshljoq.supabase.co/storage/v1/object/sign/static/images/noticias/grupos%20focais/capa.JPG?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1cmwiOiJzdGF0aWMvaW1hZ2VzL25vdGljaWFzL2dydXBvcyBmb2NhaXMvY2FwYS5KUEciLCJpYXQiOjE3MjQ0MjEwOTcsImV4cCI6MjAzOTc4MTA5N30.0BiAS0ILyBpEIigMQ7fxQ07zkiV5h_EsUCRQ4FpWYJE&t=2024-08-23T13%3A51%3A37.851Z" />
-              </a>
-              <div class="p-5">
-                <a href="/noticias/noti6">
-                  <.text size="h4" color="text-blue-100">
-                    <%= handle_notice_title_length(
-                      "Núcleo de Pesquisa organiza grupos focais para levantamento de seis temáticas nas
-                comunidades de pesca da região"
+                ) %>
+              </.text>
+            </a>
+            <.text size="sm" color="text-black-60">
+              <%= handle_notice_desc_length(
+                "Evento reuniu representantes do Ministério da Pesca, Food and Agriculture Organization, Governo Moçambique e Universidade Autônoma de Barcelona"
               ) %>
             </.text>
+            <DesignSystem.link href="/noticias/noti5" class="text-sm font-semibold">
+              <.button style="primary">
+                <.text size="base" color="text-white-100">Ler mais</.text>
+              </.button>
+            </DesignSystem.link>
+          </div>
+        </div>
+        <div class="news-item">
+          <a href="/noticias/noti6">
+            <img src="https://rrosgcmviafnxjshljoq.supabase.co/storage/v1/object/sign/static/images/noticias/grupos%20focais/capa.JPG?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1cmwiOiJzdGF0aWMvaW1hZ2VzL25vdGljaWFzL2dydXBvcyBmb2NhaXMvY2FwYS5KUEciLCJpYXQiOjE3MjQ0MjEwOTcsImV4cCI6MjAzOTc4MTA5N30.0BiAS0ILyBpEIigMQ7fxQ07zkiV5h_EsUCRQ4FpWYJE&t=2024-08-23T13%3A51%3A37.851Z" />
           </a>
-          <.text size="sm" color="text-black-60">
-            <%= handle_notice_desc_length(
-              "Realizado nos 10 municípios no primeiro semestre de 2024, levantamento visa criar elementos
+          <div class="p-5">
+            <a href="/noticias/noti6">
+              <.text size="h4" color="text-blue-100">
+                <%= handle_notice_title_length(
+                  "Núcleo de Pesquisa organiza grupos focais para levantamento de seis temáticas nas
+                comunidades de pesca da região"
+                ) %>
+              </.text>
+            </a>
+            <.text size="sm" color="text-black-60">
+              <%= handle_notice_desc_length(
+                "Realizado nos 10 municípios no primeiro semestre de 2024, levantamento visa criar elementos
               para as pesquisas desenvolvidas no Pescarte"
               ) %>
             </.text>
@@ -95,48 +94,48 @@
               </.button>
             </DesignSystem.link>
           </div>
-      </div>
+        </div>
 
-      <div class="news-item">
-        <a href="/noticias/noti4">
-          <img src="https://rrosgcmviafnxjshljoq.supabase.co/storage/v1/object/sign/static/images/noticias/mulheres%20e%20direitos/capa.JPG?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1cmwiOiJzdGF0aWMvaW1hZ2VzL25vdGljaWFzL211bGhlcmVzIGUgZGlyZWl0b3MvY2FwYS5KUEciLCJpYXQiOjE3MjQ0MjA0NzIsImV4cCI6MjAzOTc4MDQ3Mn0.sewu3JT9ZCyFomQkKeuf6HMGnA3dtEmnIupv0Y7AWyY&t=2024-08-23T13%3A41%3A12.698Z" />
-        </a>
-        <div class="p-5">
+        <div class="news-item">
           <a href="/noticias/noti4">
-            <.text size="h4" color="text-blue-100">
-              <%= handle_notice_title_length(
-                "Sessão de Encontro: Mulheres e Direitos promove o protagonismo feminino e o fortalecimento da pesca artesanal"
+            <img src="https://rrosgcmviafnxjshljoq.supabase.co/storage/v1/object/sign/static/images/noticias/mulheres%20e%20direitos/capa.JPG?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1cmwiOiJzdGF0aWMvaW1hZ2VzL25vdGljaWFzL211bGhlcmVzIGUgZGlyZWl0b3MvY2FwYS5KUEciLCJpYXQiOjE3MjQ0MjA0NzIsImV4cCI6MjAzOTc4MDQ3Mn0.sewu3JT9ZCyFomQkKeuf6HMGnA3dtEmnIupv0Y7AWyY&t=2024-08-23T13%3A41%3A12.698Z" />
+          </a>
+          <div class="p-5">
+            <a href="/noticias/noti4">
+              <.text size="h4" color="text-blue-100">
+                <%= handle_notice_title_length(
+                  "Sessão de Encontro: Mulheres e Direitos promove o protagonismo feminino e o fortalecimento da pesca artesanal"
                 ) %>
               </.text>
             </a>
             <.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"
-                ) %>
-              </.text>
-              <DesignSystem.link href="/noticias/noti4" class="text-sm font-semibold">
-                <.button style="primary">
-                  <.text size="base" color="text-white-100">Ler mais</.text>
-                </.button>
-              </DesignSystem.link>
+              ) %>
+            </.text>
+            <DesignSystem.link href="/noticias/noti4" class="text-sm font-semibold">
+              <.button style="primary">
+                <.text size="base" color="text-white-100">Ler mais</.text>
+              </.button>
+            </DesignSystem.link>
+          </div>
         </div>
-      </div>
 
-      <div class="news-item">
-        <a href="/noticias/noti1">
-          <img src="https://rrosgcmviafnxjshljoq.supabase.co/storage/v1/object/sign/static/images/noticias/tecnologia%20social/capa.JPG?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1cmwiOiJzdGF0aWMvaW1hZ2VzL25vdGljaWFzL3RlY25vbG9naWEgc29jaWFsL2NhcGEuSlBHIiwiaWF0IjoxNzI0NDE4NDQzLCJleHAiOjIwMzk3Nzg0NDN9.i6DpnsFFdRpOuEy5Kqyu0h_S7ziJt1p1qtmD94YkB6k&t=2024-08-23T13%3A07%3A23.299Z" />
-        </a>
-        <div class="p-5">
+        <div class="news-item">
           <a href="/noticias/noti1">
-            <.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"
-              ) %>
-            </.text>
+            <img src="https://rrosgcmviafnxjshljoq.supabase.co/storage/v1/object/sign/static/images/noticias/tecnologia%20social/capa.JPG?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1cmwiOiJzdGF0aWMvaW1hZ2VzL25vdGljaWFzL3RlY25vbG9naWEgc29jaWFsL2NhcGEuSlBHIiwiaWF0IjoxNzI0NDE4NDQzLCJleHAiOjIwMzk3Nzg0NDN9.i6DpnsFFdRpOuEy5Kqyu0h_S7ziJt1p1qtmD94YkB6k&t=2024-08-23T13%3A07%3A23.299Z" />
           </a>
-          <.text size="sm" color="text-black-60">
-            <%= handle_notice_desc_length(
-              "Estudo aponta tecnologias utilizadas na pesca e maricultura que auxiliem nas soluções
+          <div class="p-5">
+            <a href="/noticias/noti1">
+              <.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"
+                ) %>
+              </.text>
+            </a>
+            <.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"
               ) %>
             </.text>
@@ -148,55 +147,55 @@
           </div>
         </div>
         <div class="news-item">
-        <a href="/noticias/noti2">
-          <img src="https://rrosgcmviafnxjshljoq.supabase.co/storage/v1/object/sign/static/images/noticias/realinhamento%20pesquisa/capa.JPG?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1cmwiOiJzdGF0aWMvaW1hZ2VzL25vdGljaWFzL3JlYWxpbmhhbWVudG8gcGVzcXVpc2EvY2FwYS5KUEciLCJpYXQiOjE3MjQ0MTk4ODQsImV4cCI6MjAzOTc3OTg4NH0.Wbh5_ZGtPO6xO4VMnxAI5admEo6XdU1FUacdPMwlJSA&t=2024-08-23T13%3A31%3A24.302Z" />
-        </a>
-        <div class="p-5">
           <a href="/noticias/noti2">
-            <.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"
+            <img src="https://rrosgcmviafnxjshljoq.supabase.co/storage/v1/object/sign/static/images/noticias/realinhamento%20pesquisa/capa.JPG?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1cmwiOiJzdGF0aWMvaW1hZ2VzL25vdGljaWFzL3JlYWxpbmhhbWVudG8gcGVzcXVpc2EvY2FwYS5KUEciLCJpYXQiOjE3MjQ0MTk4ODQsImV4cCI6MjAzOTc3OTg4NH0.Wbh5_ZGtPO6xO4VMnxAI5admEo6XdU1FUacdPMwlJSA&t=2024-08-23T13%3A31%3A24.302Z" />
+          </a>
+          <div class="p-5">
+            <a href="/noticias/noti2">
+              <.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"
                 ) %>
               </.text>
             </a>
             <.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"
-                ) %>
-              </.text>
-              <DesignSystem.link href="/noticias/noti2" class="text-sm font-semibold">
-                <.button style="primary">
-                  <.text size="base" color="text-white-100">Ler mais</.text>
-                </.button>
-              </DesignSystem.link>
-            </div>
+              ) %>
+            </.text>
+            <DesignSystem.link href="/noticias/noti2" class="text-sm font-semibold">
+              <.button style="primary">
+                <.text size="base" color="text-white-100">Ler mais</.text>
+              </.button>
+            </DesignSystem.link>
           </div>
-          <div class="news-item">
+        </div>
+        <div class="news-item">
+          <a href="/noticias/noti3">
+            <img src="https://rrosgcmviafnxjshljoq.supabase.co/storage/v1/object/sign/static/images/noticias/mapeamento%20mercado/capa.JPG?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1cmwiOiJzdGF0aWMvaW1hZ2VzL25vdGljaWFzL21hcGVhbWVudG8gbWVyY2Fkby9jYXBhLkpQRyIsImlhdCI6MTcyNDQxOTgyOCwiZXhwIjoyMDM5Nzc5ODI4fQ.TxJyAKUE4gvGwGDBOMd4bCupVFCyCO1OLDfbfa0Z_oE&t=2024-08-23T13%3A30%3A29.142Z" />
+          </a>
+          <div class="p-5">
             <a href="/noticias/noti3">
-              <img src="https://rrosgcmviafnxjshljoq.supabase.co/storage/v1/object/sign/static/images/noticias/mapeamento%20mercado/capa.JPG?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1cmwiOiJzdGF0aWMvaW1hZ2VzL25vdGljaWFzL21hcGVhbWVudG8gbWVyY2Fkby9jYXBhLkpQRyIsImlhdCI6MTcyNDQxOTgyOCwiZXhwIjoyMDM5Nzc5ODI4fQ.TxJyAKUE4gvGwGDBOMd4bCupVFCyCO1OLDfbfa0Z_oE&t=2024-08-23T13%3A30%3A29.142Z" />
+              <.text size="h4" color="text-blue-100">
+                <%= handle_notice_title_length(
+                  " Levantamento do PEA Pescarte realiza o mapeamento do mercado do pescado em cidades do Rio de Janeiro"
+                ) %>
+              </.text>
             </a>
-            <div class="p-5">
-              <a href="/noticias/noti3">
-                <.text size="h4" color="text-blue-100">
-                  <%= handle_notice_title_length(
-                    " Levantamento do PEA Pescarte realiza o mapeamento do mercado do pescado em cidades do Rio de Janeiro"
-                    ) %>
-                  </.text>
-                </a>
-                <.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"
-                    ) %>
-                  </.text>
-          <DesignSystem.link href="/noticias/noti3" class="text-sm font-semibold">
-            <.button style="primary">
-              <.text size="base" color="text-white-100">Ler mais</.text>
-            </.button>
-          </DesignSystem.link>
+            <.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"
+              ) %>
+            </.text>
+            <DesignSystem.link href="/noticias/noti3" class="text-sm font-semibold">
+              <.button style="primary">
+                <.text size="base" color="text-white-100">Ler mais</.text>
+              </.button>
+            </DesignSystem.link>
+          </div>
         </div>
       </div>
     </div>
-    </div>
   </div>
   <!-- ONDE NOS ENCONTRAR -->
   <PescarteWeb.DesignSystem.GetInTouch.render />