diff --git a/assets/css/aboutus.scss b/assets/css/aboutus.scss index 9783bc22..2c1a6237 100644 --- a/assets/css/aboutus.scss +++ b/assets/css/aboutus.scss @@ -6,7 +6,7 @@ } } -.lighter-banner{ +.lighter-banner { display: flex; flex-direction: column; text-align: center; @@ -18,10 +18,10 @@ background-blend-mode: multiply; .banner-img { - z-index: -1; - position: absolute; - width: 100vw; - height: 260px; + z-index: -1; + position: absolute; + width: 100vw; + height: 260px; } } @@ -64,7 +64,7 @@ } .know-content { - width: 100vw; + width: 100vw; padding: 0px 20px; margin-top: 40px; } @@ -221,7 +221,7 @@ } img { - order: 2; + order: 2; width: 100%; } @@ -251,4 +251,4 @@ height: 100%; z-index: -1; } -} \ No newline at end of file +} diff --git a/assets/css/app.scss b/assets/css/app.scss index 1cf71721..1a4129c4 100644 --- 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 { @@ -173,11 +174,15 @@ footer { // Sem autenticação @import "./pages/login.scss"; @import "./aboutus.scss"; +@import "./noticias.scss"; +@import "./cooperativas.scss"; @import "./agenda.scss"; @import "./contact.scss"; @import "./article.scss"; @import "./boletins.scss"; +@import "./noticias.scss"; +@import "./cards.scss"; // Com autenticação @import "./pages/app/researcher/profile.scss"; diff --git a/assets/css/boletins.scss b/assets/css/boletins.scss index edb8eb9e..de76af16 100644 --- a/assets/css/boletins.scss +++ b/assets/css/boletins.scss @@ -1,32 +1,42 @@ .boletim-wrapper { - .links-item { - width: 15.5rem; + .card-links{ + border-radius: none; + + .card-item { + width: 16.5rem; + } } } @media (min-width: 530px) and (max-width: 770px){ .boletim-wrapper { - .links-item { - @apply flex flex-col justify-start items-start m-8; - width: 60%; - height: 16rem; + .card-links{ border-radius: 8px; - box-sizing: border-box; - background: linear-gradient(180deg, rgba(16, 16, 16, 0) 0%, #101010 100%); + .card-item { + @apply flex flex-col justify-start items-start m-8; + width: 50%; + height: 16rem; + border-radius: 8px; + box-sizing: border-box; + background: linear-gradient(180deg, rgba(16, 16, 16, 0) 0%, #101010 100%); + } } } } @media (min-width: 350px) and (max-width: 529px){ .boletim-wrapper { - .links-item { - @apply flex flex-col justify-start items-start m-8; - width: 70%; - height: 13rem; + .card-links{ border-radius: 8px; - box-sizing: border-box; - background: linear-gradient(180deg, rgba(16, 16, 16, 0) 0%, #101010 100%); + .card-item { + @apply flex flex-col justify-start items-start m-8; + width: 70%; + height: 15rem; + border-radius: 8px; + box-sizing: border-box; + background: linear-gradient(180deg, rgba(16, 16, 16, 0) 0%, #101010 100%); + } } } } diff --git a/assets/css/cards.scss b/assets/css/cards.scss new file mode 100644 index 00000000..dc2d1652 --- /dev/null +++ b/assets/css/cards.scss @@ -0,0 +1,77 @@ +.card-links { + @apply flex flex-wrap justify-center; + + + .card-item { + @apply flex flex-col justify-start items-start m-8; + width: 20.125rem; + height: 20.875rem; + border-radius: 8px; + box-sizing: border-box; + background: linear-gradient(180deg, rgba(16, 16, 16, 0) 0%, #101010 100%); + + a { + @apply flex flex-col mt-auto; + } + + img { + @apply absolute; + z-index: -10; + height: inherit; + width: inherit; + } + + h3 { + padding-left: 1rem; + } + + p { + text-wrap: wrap; + margin-top: 0.5rem; + padding: 0 1rem 1.5rem 1rem; + } + + button { + width: 100%; + padding: 0 1rem 1.5rem 0; + background-color: transparent; + + p { + display: inline-flex; + width: inherit; + + &:hover { + text-decoration: underline; + } + } + } + } +} + +@media (max-width: 768px) and (min-width: 577px){ +.card-links{ + .card-item{ + width: 70%; + height: 16rem; + + img{ + border-radius: 8px; + } + } +} + +} + +@media (min-width: 350px) and (max-width: 576px){ + .card-links{ + .card-item{ + width: 80%; + height: 14rem; + + img{ + border-radius: 8px; + } + } + } + +} diff --git a/assets/css/contact.scss b/assets/css/contact.scss index afc46403..8c0495df 100644 --- a/assets/css/contact.scss +++ b/assets/css/contact.scss @@ -2,9 +2,38 @@ display: flex; align-items: center; justify-content: center; + max-width: 100vw; margin-bottom: 40px; padding: 80px 120px; + .contact-message { + display: flex; + flex-direction: column; + justify-content: center; + width: 50%; + + h2 { + margin-bottom: 20px; + } + + .text-black-80 { + margin-bottom: 20px; + } + + .return-button { + display: flex; + align-items: center; + justify-content: center; + background: #0064C8; + border-radius: 4px; + gap: 8px; + padding: 16px 24px; + width: 267px; + cursor: pointer; + } + + } + .contact-form { width: 50%; .form-inputs { @@ -51,4 +80,24 @@ } } } +} + +@media (min-width: 769px) and (max-width: 1024px) { + .contact-area { + margin: 20px 40px; + } +} + +@media (min-width: 360px) and (max-width: 768px) { + .contact-area { + display: flex; + padding: 10px 5px; + flex-direction: column; + text-align: center; + gap: 40px; + + .contact-message { + align-items: center; + } + } } \ No newline at end of file diff --git a/assets/css/cooperativas.scss b/assets/css/cooperativas.scss new file mode 100644 index 00000000..5ac07e4c --- /dev/null +++ b/assets/css/cooperativas.scss @@ -0,0 +1,87 @@ +.cooperativas-wrapper { + @apply flex flex-col; + + .cooperativas-container { + @apply flex flex-col; + gap: 5rem; + margin-bottom: 5rem; + + .header { + @apply relative; + + .header-content { + img { + width: 100%; + height: auto; + } + + h2 { + @apply absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + text-align: center; + } + } + } + + .block { + @apply flex flex-row; + gap: 3.5rem; + margin: 0 2.5rem 0 2.5rem; + + .block-content { + @apply flex flex-col; + gap: 2.5rem; + width: 50%; + } + + img { + width: 50%; + } + } + } +} + +@media (max-width: 768px) { + .cooperativas-wrapper { + .cooperativas-container { + @apply flex flex-wrap; + gap: 4rem; + + .header { + height: 16.25rem; + + .header-content { + img { + height: 16.25rem; + object-fit: none; + } + } + } + + .block { + @apply flex-wrap; + gap: 4rem; + margin: 0 1rem 0 1rem; + + .block-content { + width: 100%; + + h1 { + font-size: 2rem; + } + } + + img { + width: 100%; + border-radius: 0.5rem; + } + + &:nth-child(3) { + @apply flex flex-col-reverse; + } + } + } + } +} diff --git a/assets/css/get_in_touch.scss b/assets/css/get_in_touch.scss index db6862b7..88c7e3bd 100644 --- a/assets/css/get_in_touch.scss +++ b/assets/css/get_in_touch.scss @@ -1,19 +1,25 @@ .onde-nos-encontrar-wrapper { @apply flex bg-orange-100; + grid-area: onde-nos-encontrar; flex-direction: column; justify-content: center; align-items: center; + text-align: center; gap: 5rem; - padding: 5rem; + padding: 5rem 0 5rem 0; + width: 100vw; .redes-sociais-wrapper { @apply flex; flex-direction: column; justify-content: center; align-items: center; + text-align: center; .redes-sociais-links-wrapper { - @apply flex; + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + gap: 2rem; padding-top: 2.5rem; .redes-sociais-link { @@ -50,6 +56,7 @@ flex-direction: column; justify-content: center; align-items: center; + text-align: center; gap: 2.5rem; .contact-btn { @@ -74,3 +81,56 @@ } } } + +@media (max-width: 767px) { + .onde-nos-encontrar-wrapper { + .redes-sociais-wrapper { + margin: 1rem; + + .redes-sociais-links-wrapper { + @apply flex; + + .redes-sociais-link { + padding: 0; + + .redes-sociais-icon { + width: 60px; + height: 60px; + } + } + } + } + } +} + +@media (min-width: 768px) { + .onde-nos-encontrar-wrapper { + .redes-sociais-wrapper { + .redes-sociais-links-wrapper { + /* 2 colunas em telas médias */ + @apply grid; + grid-template-columns: repeat(2, 1fr); + grid-template-rows: auto; + column-gap: 80px; + min-height: auto; + margin-top: 2.5rem; + } + } + } +} + +@media (min-width: 1024px) { + .onde-nos-encontrar-wrapper { + .redes-sociais-wrapper { + .redes-sociais-links-wrapper { + /* 3 colunas em telas grandes */ + @apply grid; + grid-template-columns: repeat(3, 1fr); + grid-template-rows: auto; + column-gap: 80px; + min-height: auto; + margin-top: 2.5rem; + } + } + } +} \ No newline at end of file diff --git a/assets/css/landing.scss b/assets/css/landing.scss index b4bdb2ab..9ea217f1 100644 --- a/assets/css/landing.scss +++ b/assets/css/landing.scss @@ -1,121 +1,394 @@ .landing-grid { - overflow: scroll; - overflow-x: hidden; display: grid; + /* Ajuste automático das colunas */ + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); grid-template-areas: - "top-banner" - "glide" - "links" - "about" + "landing-carousel" + "landing-links" + "project" "news" - "bottom-banner"; -} - -.top-banner { - @apply w-full; + "gallery-carousel" + "onde-nos-encontrar"; width: 100%; - min-height: 25rem; - grid-area: top-banner; -} + gap: 5rem; + overflow: scroll; + overflow-x: hidden; -.land-carousel { - margin-bottom: 70px; + .landing-carousel { + grid-area: landing-carousel; + grid-column: 1 / -1; - .glide1 { - max-width: 100vw; - max-height: 600px; - } + .glide__slide { + max-width: 100%; + height: 100%; - .glide__slide { - max-width: 100%; - height: 100%; + img { + width: 100%; + height: 100%; + background-size: cover; + } + } - img { - width: 100%; - height: 100%; - max-width: 1100px; - max-height: 600px; - background-size: cover; - margin: 0 auto; + .glide__bullets { + display: flex; + justify-content: center; + margin-top: 40px; + margin-bottom: 40px; + } + + .glide__bullet { + @apply bg-black-10; + height: 10px; + width: 10px; + border-radius: 50%; + margin: 0 5px; + } + + .glide__bullet.active { + @apply bg-blue-80; } } - .glide__bullets { - display: flex; - justify-content: center; - margin-top: 40px; + .landing-links { + @apply flex flex-wrap justify-center; + grid-area: landing-links; + width: 100%; + gap: 1rem; + + .links-item { + @apply flex flex-col justify-start items-start bg-blue-100; + width: 13.333rem; + height: 6.5rem; + padding: 1.5rem; + border-radius: 0.5rem; + + a { + @apply flex flex-col; + gap: 1rem; + } + + img { + @apply hidden; + } + + h3 { + font-size: 1.5rem; + font-style: normal; + font-weight: 700; + line-height: 1.75rem; + } + + button { + @apply flex; + margin: 0; + padding: 0; + gap: 0.5rem; + background-color: transparent; + + p { + @apply text-white-100; + font-size: 1rem; + font-style: normal; + font-weight: 500; + line-height: 1.125rem; + } + } + } + + @media (max-width: 768px) { + padding: 1rem 1rem; + + .links-item { + position: relative; + width: 100%; + box-sizing: border-box; + background: linear-gradient(180deg, rgba(16, 16, 16, 0) 0%, #101010 100%); + + img { + @apply block absolute; + width: inherit; + height: inherit; + border-radius: 0.5rem; + object-fit: cover; + + top: 0; + left: 0; + right: 0; + bottom: 0; + + z-index: -10; + } + } + } } - .glide__bullet { - @apply bg-black-10; - height: 10px; - width: 10px; - border-radius: 50%; - margin: 0 5px; + .project { + @apply flex justify-between; + grid-area: project; + /* width: 100%; */ + padding: 0 2.5rem; + + .project-content { + @apply flex flex-col; + gap: 0.94rem; + width: 50%; + + p { + font-size: 0.75rem; + font-style: normal; + font-weight: 700; + line-height: 1.125rem; + color: #9f9f9f; + } + + .project-body { + @apply flex flex-col; + gap: 2.5rem; + width: 90%; + + a button { + @apply flex; + height: 3rem; + padding: 1rem 1.5rem; + justify-content: center; + align-items: center; + gap: 0.5rem; + + p { + @apply text-white-100; + font-size: 1rem; + font-weight: 500; + } + } + } + } + + img { + width: 50%; + border-radius: 0.5rem; + } + + @media (max-width: 768px) { + @apply flex flex-col-reverse; + padding: 0 1rem; + + .project-content { + width: 100%; + + .project-body { + width: 100%; + + a button { + width: 100%; + } + } + } + + img { + width: 100%; + margin-bottom: 2.5rem; + } + } } - .glide__bullet.active { - @apply bg-blue-80; + .news { + grid-area: news; + + h2 { + display: flex; + justify-content: center; + margin-top: 40px; + margin-bottom: 5rem; + } + + .news-cards { + @apply flex flex-wrap justify-center md:mt-10; + + .news-item { + @apply flex flex-col max-w-sm; + border-radius: 0.5rem; + border: 1px solid #66a2de; + margin: 0 2.5rem 2.5rem 2.5rem; + width: 20.125rem; + + img { + border-radius: 0.5rem 0.5rem 0 0; + width: 100%; + min-height: 242px; + max-height: 242px; + } + + h2 { + display: flex; + justify-content: center; + } + } + } } -} -.bottom-banner { - @apply w-full; + .gallery-carousel { + grid-area: gallery-carousel; + grid-column: 1 / -1; - height: 30rem; - grid-area: bottom-banner; -} + h2 { + display: flex; + justify-content: center; + margin-bottom: 2.5rem; + } -.links-landing { - @apply flex flex-wrap justify-center; + .glide__slides { + @apply flex justify-center items-center; + margin: 0; + padding: 0; + list-style: none; - .links-item { - @apply flex flex-col justify-start items-start m-8; - width: 20.125rem; - height: 20.875rem; - border-radius: 8px; - box-sizing: border-box; - background: linear-gradient(180deg, rgba(16, 16, 16, 0) 0%, #101010 100%); + .glide__slide { + @apply flex justify-center items-center; + max-width: 41.75rem; + height: auto; + transition: transform 0.25s ease-out; - a { - @apply flex flex-col mt-auto; + &:not(.glide__slide--active) { + max-width: 33.125rem; + } + + img { + width: 100%; + height: auto; + border-radius: 8px; + object-fit: cover; + max-width: 100%; + max-height: 100%; + } + } } - img { - @apply absolute; - z-index: -10; - height: inherit; - width: inherit; + .glide__progress { + max-width: 660px; + margin: 56px auto 0; + height: 4px; + background-color: #ddd; + border-radius: 2px; } - h3 { - padding-left: 1rem; + .glide__progress-bar { + @apply bg-blue-80; + height: 4px; + width: 0; + border-radius: 2px; } + } +} + - p { - text-wrap: wrap; - margin-top: 0.5rem; - padding: 0 1rem 1.5rem 1rem; +@media (max-width: 768px) { + .landing-grid { + .news { + .news-cards { + @apply flex-nowrap; + overflow-x: auto; + scroll-snap-type: x mandatory; + + .news-item { + margin: 0 1.5rem 0 0; + scroll-snap-align: start; + } + } } - button { - width: 100%; - padding: 0 1rem 1.5rem 0; - background-color: transparent; + .gallery-carousel { + .glide__slide { + max-width: 100%; + width: 80%; + height: auto; - p { - display: inline-flex; - width: inherit; + transition: transform 0.3s ease, width 0.3s ease; + transform: scale(0.8); + border-radius: 8px; + overflow: hidden; - &:hover { - text-decoration: underline; + img { + width: 100%; + height: 100%; + background-size: cover; + border-radius: 8px; } } + + .glide__slide--active { + width: 100%; + transform: scale(1.2); + z-index: 2; + border-radius: 16px; + } + + .glide__bullets { + display: flex; + justify-content: center; + margin-top: 40px; + margin-bottom: 40px; + } + + .glide__bullet { + @apply bg-black-10; + height: 10px; + width: 10px; + border-radius: 50%; + margin: 0 5px; + } + + .glide__bullet.active { + @apply bg-blue-80; + } } } } +@media (min-width: 768px) { + .landing-grid { + /* 2 colunas em telas médias */ + grid-template-columns: repeat(2, 1fr); + grid-template-areas: + "landing-carousel landing-carousel" + "landing-links landing-links" + "project project" + "news news" + "gallery-carousel gallery-carousel" + "onde-nos-encontrar onde-nos-encontrar"; + } +} + +@media (min-width: 1024px) { + .landing-grid { + /* 3 colunas em telas grandes */ + grid-template-columns: repeat(3, 1fr); + grid-template-areas: + "landing-carousel landing-carousel landing-carousel" + "landing-links landing-links landing-links" + "project project project" + "news news news" + "gallery-carousel gallery-carousel gallery-carousel" + "onde-nos-encontrar onde-nos-encontrar onde-nos-encontrar"; + } +} + +.top-banner { + @apply w-full; + + width: 100%; + min-height: 25rem; + grid-area: top-banner; +} + + +.bottom-banner { + @apply w-full; + + height: 30rem; + grid-area: bottom-banner; +} + .about { @apply flex justify-center; padding: 2rem; @@ -144,7 +417,6 @@ display: flex; flex-direction: column; align-items: center; - width: 100%; .publications-main-text { margin: 5rem 30rem; @@ -179,42 +451,6 @@ } } -.news { - h2 { - display: flex; - justify-content: center; - margin-bottom: 5rem; - } - - .news-cards { - @apply flex flex-wrap justify-center md:mt-10; - - .news-item { - @apply max-w-sm; - border-radius: 0.5rem; - border: 1px solid #66a2de; - margin: 0 2.5rem 2.5rem 2.5rem; - width: 20.125rem; - - img { - border-radius: 0.5rem 0.5rem 0 0; - width: 100%; - min-height: 242px; - max-height: 242px; - } - - h2 { - display: flex; - justify-content: center; - } - - button { - margin-top: 1rem; - } - } - } -} - .input-space { display: flex; @@ -225,56 +461,6 @@ } } -.gallery-carousel { - padding: 56px 0; - - h2 { - display: flex; - justify-content: center; - margin-bottom: 2.5rem; - } - - .glide2 { - max-width: 100vw; - max-height: 500px; - } - - .glide__slides { - margin: 0; - padding: 0; - list-style: none; - } - - .glide__slide { - @apply flex justify-center items-center; - width: 670px !important; - height: 380px; - transition: transform 0.25s ease-out; - } - - .glide__slide img { - height: 100%; - width: 100%; - border-radius: 8px; - object-fit: cover; - } - - .glide__progress { - max-width: 660px; - margin: 56px auto 0; - height: 4px; - background-color: #ddd; - border-radius: 2px; - } - - .glide__progress-bar { - @apply bg-blue-80; - height: 4px; - width: 0; - border-radius: 2px; - } -} - .equipes-wrapper { @apply flex; flex-direction: column; @@ -497,113 +683,3 @@ width: 1360px; } } - -@media (min-width: 530px) and (max-width: 770px){ - .links-landing { - @apply flex flex-col justify-center items-center ; - width: 100%; - - .links-item { - @apply flex flex-col justify-start items-start m-8; - width: 60%; - height: 16rem; - border-radius: 8px; - box-sizing: border-box; - background: linear-gradient(180deg, rgba(16, 16, 16, 0) 0%, #101010 100%); - - a { - @apply flex flex-col mt-auto; - } - - img { - border-radius: 8px; - width: inherit; - height: inherit; - @apply absolute; - z-index: -10; - } - - h3 { - padding-left: 1rem; - } - - p { - text-wrap: wrap; - margin-top: 0.5rem; - padding: 0 1rem 1.5rem 1rem; - } - - button { - width: 100%; - padding: 0 1rem 1.5rem 0; - background-color: transparent; - - p { - display: inline-flex; - width: inherit; - - &:hover { - text-decoration: underline; - } - } - } - } - } - -} - -@media (min-width: 350px) and (max-width: 529px){ - - - - .links-landing { - @apply flex flex-col justify-center items-center; - width: 100%; - - .links-item { - @apply flex flex-col justify-start items-start m-8; - width: 70%; - height: 13rem; - border-radius: 8px; - box-sizing: border-box; - background: linear-gradient(180deg, rgba(16, 16, 16, 0) 0%, #101010 100%); - - a { - @apply flex flex-col mt-auto; - } - - img { - border-radius: 8px; - width: inherit; - height: inherit; - @apply absolute; - z-index: -10; - } - - h3 { - padding-left: 1rem; - } - - p { - text-wrap: wrap; - margin-top: 0.5rem; - padding: 0 1rem 1.5rem 1rem; - } - - button { - width: 100%; - padding: 0 1rem 1.5rem 0; - background-color: transparent; - - p { - display: inline-flex; - width: inherit; - - &:hover { - text-decoration: underline; - } - } - } - } - } -} diff --git a/assets/css/navbar.scss b/assets/css/navbar.scss index e7c52a40..6cb12eb3 100644 --- a/assets/css/navbar.scss +++ b/assets/css/navbar.scss @@ -4,7 +4,11 @@ height: 98px; .logo { - margin: 24px 0px 24px 100px; + margin: 1.5rem 0 1.5rem 6.25rem; + + @media screen and (max-width: 768px) { + margin: 1.5rem 1.5rem; + } } .login-button { @@ -13,7 +17,7 @@ } .nav-menu { - @apply flex justify-between items-center; + @apply justify-between items-center; gap: 3rem; margin: 21px 0; @@ -37,6 +41,40 @@ } } } + + .hamburger-button { + @apply md:hidden; + margin: 1.5rem; + } +} + +#navbar { + @apply relative; + z-index: 20; + + .hamburger-container { + @apply absolute bg-white-100; + margin-top: 8px; + padding: 24px 24px; + top: calc(100% + 8px); + left: 0; + width: 100%; + z-index: 10; + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); + + transform: translateY(-20px); + transition: opacity 0.3s ease, transform 0.3s ease; + + .nav-menu { + @apply flex; + flex-direction: column; + gap: 32px; + } + + a button { + margin-top: 16px; + } + } } .arrow-open, @@ -166,4 +204,4 @@ width: 12.25rem; height: 3.8rem; } -} +} \ No newline at end of file diff --git a/assets/css/noticias.scss b/assets/css/noticias.scss new file mode 100644 index 00000000..e96b0367 --- /dev/null +++ b/assets/css/noticias.scss @@ -0,0 +1,145 @@ +.noticias-grid, + .noticia-wrapper { + max-width: 100vw !important; + div { + max-width: 100vw; + } +} + +/* 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/assets/js/app.js b/assets/js/app.js index ce48ec1e..1a368306 100644 --- a/assets/js/app.js +++ b/assets/js/app.js @@ -35,9 +35,9 @@ document.querySelectorAll(`[data-component="navbar-dropdown"]`).forEach(el => { dropdown.addEventListener("mouseleave", e => hide()); }); -window.addEventListener("phx:js-exec", ({detail}) => { +window.addEventListener("phx:js-exec", ({ detail }) => { document.querySelectorAll(detail.to).forEach(el => { - liveSocket.execJS(el, el.getAttribute(detail.attr)) + liveSocket.execJS(el, el.getAttribute(detail.attr)) }) }) diff --git a/assets/js/glide.js b/assets/js/glide.js index 54760430..c24796ab 100644 --- a/assets/js/glide.js +++ b/assets/js/glide.js @@ -3,15 +3,15 @@ import Glide from "@glidejs/glide/dist/glide.esm"; const glide1 = new Glide('.glide1', { type: 'slider', gap: 20, - perview: 1, - autoplay: 35 * 10 * 10, + perView: 1, + autoplay: 3500, hoverpause: true, - animationDuration: 15 * 100, + animationDuration: 1500, direction: 'ltr' }); -glide1.on('run', function () { - const bullets = document.querySelectorAll('.glide__bullet'); +glide1.on('run', function() { + const bullets = document.querySelectorAll('.glide1 .glide__bullet'); bullets.forEach((bullet, index) => { if (index === glide1.index) { bullet.classList.add('active'); @@ -21,7 +21,6 @@ glide1.on('run', function () { }); }); - const glide2 = new Glide('.glide2', { type: 'carousel', autoplay: 5000, @@ -31,6 +30,17 @@ const glide2 = new Glide('.glide2', { peek: 107 }); +glide2.on('run', function() { + const bullets = document.querySelectorAll('.glide2 .glide__bullet'); + bullets.forEach((bullet, index) => { + if (index === glide2.index) { + bullet.classList.add('active'); + } else { + bullet.classList.remove('active'); + } + }); +}); + if (window.location.pathname === '/') { glide1.mount(); glide2.mount(); diff --git a/assets/package-lock.json b/assets/package-lock.json index c12b5e66..d1b2cc80 100644 --- a/assets/package-lock.json +++ b/assets/package-lock.json @@ -13,6 +13,7 @@ "@tailwindcss/forms": "^0.5.7", "air-datepicker": "^3.5.3", "autoprefixer": "^10.4.19", + "esbuild": "^0.23.1", "esbuild-sass-plugin": "^3.3.1", "esbuild-style-plugin": "^1.6.3", "esbuild-wasm": "^0.21.2", @@ -22,22 +23,7 @@ "phoenix_live_view": "file:../deps/phoenix_live_view", "postcss": "^8.4.38", "tailwindcss": "^3.4.3", - "topbar": "^1.0.1" - } - }, - "../deps/phoenix": { - "version": "1.7.14", - "license": "MIT" - }, - "../deps/phoenix_html": { - "version": "4.1.0" - }, - "../deps/phoenix_live_view": { - "version": "0.20.17", - "license": "MIT", - "devDependencies": { - "@playwright/test": "^1.43.1", - "monocart-reporter": "^2.3.1" + "topbar": "^3.0.0" } }, "node_modules/@alloc/quick-lru": { @@ -57,10 +43,250 @@ "integrity": "sha512-W7gp8Q/v1NlCZLsv8pQ3Y0uCu/SHgXOVFK+eUluUKWXmsb6VHkpNx0apdOWWcDbB9sJoKeP8uPrjmehJz6xETQ==", "peer": true }, + "node_modules/@esbuild/aix-ppc64": { + "version": "0.23.1", + "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.23.1.tgz", + "integrity": "sha512-6VhYk1diRqrhBAqpJEdjASR/+WVRtfjpqKuNw11cLiaWpAT/Uu+nokB+UJnevzy/P9C/ty6AOe0dwueMrGh/iQ==", + "cpu": [ + "ppc64" + ], + "optional": true, + "os": [ + "aix" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/android-arm": { + "version": "0.23.1", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.23.1.tgz", + "integrity": "sha512-uz6/tEy2IFm9RYOyvKl88zdzZfwEfKZmnX9Cj1BHjeSGNuGLuMD1kR8y5bteYmwqKm1tj8m4cb/aKEorr6fHWQ==", + "cpu": [ + "arm" + ], + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/android-arm64": { + "version": "0.23.1", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.23.1.tgz", + "integrity": "sha512-xw50ipykXcLstLeWH7WRdQuysJqejuAGPd30vd1i5zSyKK3WE+ijzHmLKxdiCMtH1pHz78rOg0BKSYOSB/2Khw==", + "cpu": [ + "arm64" + ], + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/android-x64": { + "version": "0.23.1", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.23.1.tgz", + "integrity": "sha512-nlN9B69St9BwUoB+jkyU090bru8L0NA3yFvAd7k8dNsVH8bi9a8cUAUSEcEEgTp2z3dbEDGJGfP6VUnkQnlReg==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/darwin-arm64": { + "version": "0.23.1", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.23.1.tgz", + "integrity": "sha512-YsS2e3Wtgnw7Wq53XXBLcV6JhRsEq8hkfg91ESVadIrzr9wO6jJDMZnCQbHm1Guc5t/CdDiFSSfWP58FNuvT3Q==", + "cpu": [ + "arm64" + ], + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/darwin-x64": { + "version": "0.23.1", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.23.1.tgz", + "integrity": "sha512-aClqdgTDVPSEGgoCS8QDG37Gu8yc9lTHNAQlsztQ6ENetKEO//b8y31MMu2ZaPbn4kVsIABzVLXYLhCGekGDqw==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/freebsd-arm64": { + "version": "0.23.1", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.23.1.tgz", + "integrity": "sha512-h1k6yS8/pN/NHlMl5+v4XPfikhJulk4G+tKGFIOwURBSFzE8bixw1ebjluLOjfwtLqY0kewfjLSrO6tN2MgIhA==", + "cpu": [ + "arm64" + ], + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/freebsd-x64": { + "version": "0.23.1", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.23.1.tgz", + "integrity": "sha512-lK1eJeyk1ZX8UklqFd/3A60UuZ/6UVfGT2LuGo3Wp4/z7eRTRYY+0xOu2kpClP+vMTi9wKOfXi2vjUpO1Ro76g==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-arm": { + "version": "0.23.1", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.23.1.tgz", + "integrity": "sha512-CXXkzgn+dXAPs3WBwE+Kvnrf4WECwBdfjfeYHpMeVxWE0EceB6vhWGShs6wi0IYEqMSIzdOF1XjQ/Mkm5d7ZdQ==", + "cpu": [ + "arm" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-arm64": { + "version": "0.23.1", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.23.1.tgz", + "integrity": "sha512-/93bf2yxencYDnItMYV/v116zff6UyTjo4EtEQjUBeGiVpMmffDNUyD9UN2zV+V3LRV3/on4xdZ26NKzn6754g==", + "cpu": [ + "arm64" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-ia32": { + "version": "0.23.1", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.23.1.tgz", + "integrity": "sha512-VTN4EuOHwXEkXzX5nTvVY4s7E/Krz7COC8xkftbbKRYAl96vPiUssGkeMELQMOnLOJ8k3BY1+ZY52tttZnHcXQ==", + "cpu": [ + "ia32" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-loong64": { + "version": "0.23.1", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.23.1.tgz", + "integrity": "sha512-Vx09LzEoBa5zDnieH8LSMRToj7ir/Jeq0Gu6qJ/1GcBq9GkfoEAoXvLiW1U9J1qE/Y/Oyaq33w5p2ZWrNNHNEw==", + "cpu": [ + "loong64" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-mips64el": { + "version": "0.23.1", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.23.1.tgz", + "integrity": "sha512-nrFzzMQ7W4WRLNUOU5dlWAqa6yVeI0P78WKGUo7lg2HShq/yx+UYkeNSE0SSfSure0SqgnsxPvmAUu/vu0E+3Q==", + "cpu": [ + "mips64el" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-ppc64": { + "version": "0.23.1", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.23.1.tgz", + "integrity": "sha512-dKN8fgVqd0vUIjxuJI6P/9SSSe/mB9rvA98CSH2sJnlZ/OCZWO1DJvxj8jvKTfYUdGfcq2dDxoKaC6bHuTlgcw==", + "cpu": [ + "ppc64" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-riscv64": { + "version": "0.23.1", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.23.1.tgz", + "integrity": "sha512-5AV4Pzp80fhHL83JM6LoA6pTQVWgB1HovMBsLQ9OZWLDqVY8MVobBXNSmAJi//Csh6tcY7e7Lny2Hg1tElMjIA==", + "cpu": [ + "riscv64" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-s390x": { + "version": "0.23.1", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.23.1.tgz", + "integrity": "sha512-9ygs73tuFCe6f6m/Tb+9LtYxWR4c9yg7zjt2cYkjDbDpV/xVn+68cQxMXCjUpYwEkze2RcU/rMnfIXNRFmSoDw==", + "cpu": [ + "s390x" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, "node_modules/@esbuild/linux-x64": { - "version": "0.20.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.20.2.tgz", - "integrity": "sha512-1MdwI6OOTsfQfek8sLwgyjOXAu+wKhLEoaOLTjbijk6E2WONYpH9ZU2mNtR+lZ2B4uwr+usqGuVfFT9tMtGvGw==", + "version": "0.23.1", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.23.1.tgz", + "integrity": "sha512-EV6+ovTsEXCPAp58g2dD68LxoP/wK5pRvgy0J/HxPGB009omFPv3Yet0HiaqvrIrgPTBuC6wCH1LTOY91EO5hQ==", "cpu": [ "x64" ], @@ -68,9 +294,113 @@ "os": [ "linux" ], - "peer": true, "engines": { - "node": ">=12" + "node": ">=18" + } + }, + "node_modules/@esbuild/netbsd-x64": { + "version": "0.23.1", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.23.1.tgz", + "integrity": "sha512-aevEkCNu7KlPRpYLjwmdcuNz6bDFiE7Z8XC4CPqExjTvrHugh28QzUXVOZtiYghciKUacNktqxdpymplil1beA==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/openbsd-arm64": { + "version": "0.23.1", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.23.1.tgz", + "integrity": "sha512-3x37szhLexNA4bXhLrCC/LImN/YtWis6WXr1VESlfVtVeoFJBRINPJ3f0a/6LV8zpikqoUg4hyXw0sFBt5Cr+Q==", + "cpu": [ + "arm64" + ], + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/openbsd-x64": { + "version": "0.23.1", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.23.1.tgz", + "integrity": "sha512-aY2gMmKmPhxfU+0EdnN+XNtGbjfQgwZj43k8G3fyrDM/UdZww6xrWxmDkuz2eCZchqVeABjV5BpildOrUbBTqA==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/sunos-x64": { + "version": "0.23.1", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.23.1.tgz", + "integrity": "sha512-RBRT2gqEl0IKQABT4XTj78tpk9v7ehp+mazn2HbUeZl1YMdaGAQqhapjGTCe7uw7y0frDi4gS0uHzhvpFuI1sA==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "sunos" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/win32-arm64": { + "version": "0.23.1", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.23.1.tgz", + "integrity": "sha512-4O+gPR5rEBe2FpKOVyiJ7wNDPA8nGzDuJ6gN4okSA1gEOYZ67N8JPk58tkWtdtPeLz7lBnY6I5L3jdsr3S+A6A==", + "cpu": [ + "arm64" + ], + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/win32-ia32": { + "version": "0.23.1", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.23.1.tgz", + "integrity": "sha512-BcaL0Vn6QwCwre3Y717nVHZbAa4UBEigzFm6VdsVdT/MbZ38xoj1X9HPkZhbmaBGUD1W8vxAfffbDe8bA6AKnQ==", + "cpu": [ + "ia32" + ], + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/win32-x64": { + "version": "0.23.1", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.23.1.tgz", + "integrity": "sha512-BHpFFeslkWrXWyUPnbKm+xYYVYruCinGcftSBaa8zoF9hZO4BcSCFUvHVTtzpIY6YzUnYtuEhZ+C9iEXjxnasg==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" } }, "node_modules/@glidejs/glide": { @@ -500,41 +830,41 @@ "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==" }, "node_modules/esbuild": { - "version": "0.20.2", - "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.20.2.tgz", - "integrity": "sha512-WdOOppmUNU+IbZ0PaDiTst80zjnrOkyJNHoKupIcVyU8Lvla3Ugx94VzkQ32Ijqd7UhHJy75gNWDMUekcrSJ6g==", + "version": "0.23.1", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.23.1.tgz", + "integrity": "sha512-VVNz/9Sa0bs5SELtn3f7qhJCDPCF5oMEl5cO9/SSinpE9hbPVvxbd572HH5AKiP7WD8INO53GgfDDhRjkylHEg==", "hasInstallScript": true, - "peer": true, "bin": { "esbuild": "bin/esbuild" }, "engines": { - "node": ">=12" + "node": ">=18" }, "optionalDependencies": { - "@esbuild/aix-ppc64": "0.20.2", - "@esbuild/android-arm": "0.20.2", - "@esbuild/android-arm64": "0.20.2", - "@esbuild/android-x64": "0.20.2", - "@esbuild/darwin-arm64": "0.20.2", - "@esbuild/darwin-x64": "0.20.2", - "@esbuild/freebsd-arm64": "0.20.2", - "@esbuild/freebsd-x64": "0.20.2", - "@esbuild/linux-arm": "0.20.2", - "@esbuild/linux-arm64": "0.20.2", - "@esbuild/linux-ia32": "0.20.2", - "@esbuild/linux-loong64": "0.20.2", - "@esbuild/linux-mips64el": "0.20.2", - "@esbuild/linux-ppc64": "0.20.2", - "@esbuild/linux-riscv64": "0.20.2", - "@esbuild/linux-s390x": "0.20.2", - "@esbuild/linux-x64": "0.20.2", - "@esbuild/netbsd-x64": "0.20.2", - "@esbuild/openbsd-x64": "0.20.2", - "@esbuild/sunos-x64": "0.20.2", - "@esbuild/win32-arm64": "0.20.2", - "@esbuild/win32-ia32": "0.20.2", - "@esbuild/win32-x64": "0.20.2" + "@esbuild/aix-ppc64": "0.23.1", + "@esbuild/android-arm": "0.23.1", + "@esbuild/android-arm64": "0.23.1", + "@esbuild/android-x64": "0.23.1", + "@esbuild/darwin-arm64": "0.23.1", + "@esbuild/darwin-x64": "0.23.1", + "@esbuild/freebsd-arm64": "0.23.1", + "@esbuild/freebsd-x64": "0.23.1", + "@esbuild/linux-arm": "0.23.1", + "@esbuild/linux-arm64": "0.23.1", + "@esbuild/linux-ia32": "0.23.1", + "@esbuild/linux-loong64": "0.23.1", + "@esbuild/linux-mips64el": "0.23.1", + "@esbuild/linux-ppc64": "0.23.1", + "@esbuild/linux-riscv64": "0.23.1", + "@esbuild/linux-s390x": "0.23.1", + "@esbuild/linux-x64": "0.23.1", + "@esbuild/netbsd-x64": "0.23.1", + "@esbuild/openbsd-arm64": "0.23.1", + "@esbuild/openbsd-x64": "0.23.1", + "@esbuild/sunos-x64": "0.23.1", + "@esbuild/win32-arm64": "0.23.1", + "@esbuild/win32-ia32": "0.23.1", + "@esbuild/win32-x64": "0.23.1" } }, "node_modules/esbuild-sass-plugin": { @@ -644,19 +974,6 @@ "url": "https://github.com/sponsors/rawify" } }, - "node_modules/fsevents": { - "version": "2.3.3", - "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", - "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", - "hasInstallScript": true, - "optional": true, - "os": [ - "darwin" - ], - "engines": { - "node": "^8.16.0 || ^10.6.0 || >=11.0.0" - } - }, "node_modules/function-bind": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz", @@ -879,7 +1196,6 @@ "version": "4.0.8", "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz", "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==", - "license": "MIT", "dependencies": { "braces": "^3.0.3", "picomatch": "^2.3.1" @@ -1011,16 +1327,18 @@ } }, "node_modules/phoenix": { - "resolved": "../deps/phoenix", - "link": true + "version": "1.7.14", + "resolved": "file:../deps/phoenix", + "license": "MIT" }, "node_modules/phoenix_html": { - "resolved": "../deps/phoenix_html", - "link": true + "version": "4.1.0", + "resolved": "file:../deps/phoenix_html" }, "node_modules/phoenix_live_view": { - "resolved": "../deps/phoenix_live_view", - "link": true + "version": "0.20.17", + "resolved": "file:../deps/phoenix_live_view", + "license": "MIT" }, "node_modules/picocolors": { "version": "1.0.0", @@ -1710,9 +2028,9 @@ } }, "node_modules/topbar": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/topbar/-/topbar-1.0.1.tgz", - "integrity": "sha512-HZqQSMBiG29vcjOrqKCM9iGY/h69G5gQH7ae83ZCPz5uPmbQKwK0sMEqzVDBiu64tWHJ+kk9NApECrF+FAAvRA==" + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/topbar/-/topbar-3.0.0.tgz", + "integrity": "sha512-mhczD7KfYi1anfoMPKRdl0wPSWiYc0YOK4KyycYs3EaNT15pVVNDG5CtfgZcEBWIPJEdfR7r8K4hTXDD2ECBVQ==" }, "node_modules/ts-interface-checker": { "version": "0.1.13", diff --git a/assets/package.json b/assets/package.json index b24ea46e..4717719b 100644 --- a/assets/package.json +++ b/assets/package.json @@ -20,6 +20,6 @@ "phoenix_live_view": "file:../deps/phoenix_live_view", "postcss": "^8.4.38", "tailwindcss": "^3.4.3", - "topbar": "^1.0.1" + "topbar": "^3.0.0" } } diff --git a/flake.nix b/flake.nix index 1de4fa79..b38d28de 100644 --- a/flake.nix +++ b/flake.nix @@ -31,7 +31,7 @@ mkShell { name = "peapescarte"; packages = with pkgs; - [beam.elixir_1_16 nodejs supabase-cli ghostscript zlib postgresql flyctl] + [beam.elixir_1_16 nodejs supabase-cli ghostscript zlib postgresql flyctl pass] ++ lib.optional stdenv.isLinux [inotify-tools chromium] ++ lib.optional stdenv.isDarwin [ darwin.apple_sdk.frameworks.CoreServices diff --git a/lib/pescarte_web/controllers/contact_controller.ex b/lib/pescarte_web/controllers/contact_controller.ex index 7c5697eb..91e49159 100644 --- a/lib/pescarte_web/controllers/contact_controller.ex +++ b/lib/pescarte_web/controllers/contact_controller.ex @@ -6,6 +6,16 @@ defmodule PescarteWeb.ContactController do @sender_email Application.compile_env!(:pescarte, [PescarteWeb, :sender_email]) @receiver_email Application.compile_env!(:pescarte, [PescarteWeb, :receiver_email]) + def success(conn, _params) do + current_path = conn.request_path + render(conn, :success, current_path: current_path, error_message: nil) + end + + def failed(conn, _params) do + current_path = conn.request_path + render(conn, :failed, current_path: current_path, error_message: nil) + end + def show(conn, _params) do changeset = ContactForm.changeset(%{}) current_path = conn.request_path @@ -21,7 +31,7 @@ defmodule PescarteWeb.ContactController do {:ok, _} <- send_confirmation_email(client, contact_form) do conn |> put_flash(:info, "Email enviado com sucesso!") - |> redirect(to: ~p"/") + |> redirect(to: ~p"/contato/success") else {:error, reason} -> Logger.error(""" @@ -32,13 +42,13 @@ defmodule PescarteWeb.ContactController do conn |> put_flash(:error, "Erro ao enviar email.") - |> redirect(to: ~p"/") + |> redirect(to: ~p"/contato/failed") end {:error, _changeset} -> conn |> put_flash(:error, "Erro na validação do formulário.") - |> redirect(to: ~p"/") + |> redirect(to: ~p"/contato/failed") end end diff --git a/lib/pescarte_web/design_system/navbar.ex b/lib/pescarte_web/design_system/navbar.ex index ce088631..5de8b23d 100644 --- a/lib/pescarte_web/design_system/navbar.ex +++ b/lib/pescarte_web/design_system/navbar.ex @@ -13,24 +13,76 @@ defmodule PescarteWeb.DesignSystem.Navbar do - - - <.button style="primary" class="login-button"> - - <.text size="base" color="text-white-100">Acessar - - + + <.menu /> + + <.hamburger_button /> + <.hamburger_menu /> """ end + defp hamburger_button(assigns) do + ~H""" +
+ <.button + style="link" + click={JS.toggle(to: "#hamburger-container", in: "fade-in-scale", out: "fade-out-scale")} + > + <.icon name={:menu} class="text-blue-100" /> + +
+ """ + end + + attr(:current_path, :string, default: "/") + + defp menu(assigns) do + ~H""" + + + + """ + end + + attr(:current_path, :string, default: "/") + + defp hamburger_menu(assigns) do + ~H""" + + """ + end + + attr(:current_path, :string, default: "/") + + defp links(assigns) do + ~H""" + <.navlink label="Sobre" navigate={~p"/sobre"} current_path={@current_path} /> + <.navlink label="Equipes" navigate={~p"/equipes"} current_path={@current_path} /> + <.navlink label="Sedes" navigate={~p"/sedes"} current_path={@current_path} /> + <.navlink label="Cooperativas" navigate={~p"/cooperativas"} current_path={@current_path} /> + <.navlink label="Contato" navigate={~p"/contato"} current_path={@current_path} /> + """ + end + attr(:label, :string, required: true) attr(:navigate, :string, default: "/") attr(:current_path, :string, default: "/") diff --git a/lib/pescarte_web/router.ex b/lib/pescarte_web/router.ex index e926d28b..68dfb3ec 100644 --- a/lib/pescarte_web/router.ex +++ b/lib/pescarte_web/router.ex @@ -39,7 +39,7 @@ defmodule PescarteWeb.Router do get "/censo", CensoController, :show get "/confirmar", TokenController, :confirm get "/noticias", NoticiasController, :show - get "/pgtrs", PGTRController, :show + get "/pgtr", PGTRController, :show get "/sedes", SedesController, :show get "/aplicativos", AplicativosController, :show @@ -64,6 +64,8 @@ defmodule PescarteWeb.Router do scope "/contato" do get "/", ContactController, :show + get "/success", ContactController, :success + get "/failed", ContactController, :failed post "/", ContactController, :send_email end end diff --git a/lib/pescarte_web/templates/aplicativos_html/show.html.heex b/lib/pescarte_web/templates/aplicativos_html/show.html.heex index 8d9dc0ec..97545752 100644 --- a/lib/pescarte_web/templates/aplicativos_html/show.html.heex +++ b/lib/pescarte_web/templates/aplicativos_html/show.html.heex @@ -1,30 +1,37 @@ -
-
- - - <.text size="h3" color="text-white-100">Cota-Pesca - <.text size="base" color="text-white-100"> - Aplicativo para consulta de cotações diárias de pescados em geral - - <.button style="primary"> - Saiba mais - - +
+ -
- - - <.text size="h3" color="text-white-100">Enciclopédia da Pesca - <.text size="base" color="text-white-100"> - Se quiser ver os nomes populares dos peixes por região, consulte este aplicativo! - - <.button style="primary"> - Saiba mais - - +
+
+ + + <.text size="h3" color="text-white-100">Cota-Pesca + <.text size="base" color="text-white-100"> + Aplicativo para consulta de cotações diárias de pescados em geral + + <.button style="primary"> + Saiba mais + + +
+
+ + + <.text size="h3" color="text-white-100">Enciclopédia da Pesca + <.text size="base" color="text-white-100"> + Se quiser ver os nomes populares dos peixes por região, consulte este aplicativo! + + <.button style="primary"> + Saiba mais + + +
+
diff --git a/lib/pescarte_web/templates/boletins_html/show.html.heex b/lib/pescarte_web/templates/boletins_html/show.html.heex index a54e4848..91162902 100644 --- a/lib/pescarte_web/templates/boletins_html/show.html.heex +++ b/lib/pescarte_web/templates/boletins_html/show.html.heex @@ -6,8 +6,8 @@
-
-
+
+
Edição 1: Janeiro a Junho de 2021 + <.button style="primary"> + Saiba mais +
-
+
Edição 2: Julho a Dezembro de 2021 + <.button style="primary"> + Saiba mais +
-
+
Edição 3: Janeiro a Junho de 2022 + <.button style="primary"> + Saiba mais +
-
+
Edição 4: Julho a Dezembro de 2022 + <.button style="primary"> + Saiba mais +
-
+
Edição 5: Janeiro a Junho de 2023 + <.button style="primary"> + Saiba mais +
-
+
Edição 6: Julho a Dezembro de 2023 + <.button style="primary"> + Saiba mais +
-
+
Edição 7: Janeiro a Junho de 2024 + <.button style="primary"> + Saiba mais +
-
+
<.text size="h3" color="text-white-100">Boletim Pescarte 8 diff --git a/lib/pescarte_web/templates/contact_html/failed.html.heex b/lib/pescarte_web/templates/contact_html/failed.html.heex new file mode 100644 index 00000000..5d84f426 --- /dev/null +++ b/lib/pescarte_web/templates/contact_html/failed.html.heex @@ -0,0 +1,24 @@ +
+
+
+ <.text size="h2" color="text-blue-100"> + Ops! Algo deu errado... + + <.text size="lg" color="text-black-80"> + Não pudemos receber sua mensagem por conta de um erro. Mas não se preocupe, você pode tentar novamente mais tarde! + + + +
+ + <.text size="base" color="text-white-100"> + Voltar para a homepage + +
+ +
+ +
+ + +
diff --git a/lib/pescarte_web/templates/contact_html/success.html.heex b/lib/pescarte_web/templates/contact_html/success.html.heex new file mode 100644 index 00000000..3282c73d --- /dev/null +++ b/lib/pescarte_web/templates/contact_html/success.html.heex @@ -0,0 +1,24 @@ +
+
+
+ <.text size="h2" color="text-blue-100"> + Recebemos sua mensagem! + + <.text size="lg" color="text-black-80"> + Agradecemos seu contato. Em breve, um membro da nossa equipe irá lhe retornar. Enquanto isso, fique à vontade para conferir mais conteúdos no nosso site. + + + +
+ + <.text size="base" color="text-white-100"> + Voltar para a homepage + +
+ +
+ +
+ + +
diff --git a/lib/pescarte_web/templates/cooperativas_html/show.html.heex b/lib/pescarte_web/templates/cooperativas_html/show.html.heex index c8b5166b..a02a72ec 100644 --- a/lib/pescarte_web/templates/cooperativas_html/show.html.heex +++ b/lib/pescarte_web/templates/cooperativas_html/show.html.heex @@ -1,58 +1,67 @@ -
+
<.flash :if={@error_message} id="login-error" kind={:error}> <%= @error_message %> -
-
- - <.text size="h1" color="text-blue-100"> - O Laço Entre Cooperativas e Pescarte +
+
+
+ + <.text size="h2" color="text-white-100">Cooperativas +
+
+ +
+
+ + <.text size="h1" color="text-blue-100"> + O Laço Entre Cooperativas e Pescarte + + + <.text size="lg" color="text-black-80"> + Junto às comunidades de pesca artesanal, o PEA Pescarte promove ações colaborativas e democráticas pautadas na economia solidária e no cooperativismo, para a construção de Projetos de Geração de Trabalho e Renda (PGTR’s), que são empreendimentos socioeconômicos, ambientalmente responsáveis para a atuação de pessoas pescadoras e suas famílias em 10 municípios da Bacia de Campos. +
+
+ Os Projetos de Geração de Trabalho e Renda (PGTR's) foram iniciados na segunda fase do projeto Pescarte e resultam na materialização para os Estudos de Viabilidade Técnica, Econômica, Ambiental e Social (EVTEAS) de seis tipos de empreendimentos, previstos para serem implantados de acordo com o Plano de Trabalho do projeto e a particularidade de cada comunidade de pesca. - - <.text size="lg" color="text-black-80"> - Junto às comunidades de pesca artesanal, o PEA Pescarte promove ações colaborativas e democráticas pautadas na economia solidária e no cooperativismo, para a construção de Projetos de Geração de Trabalho e Renda (PGTR’s), que são empreendimentos socioeconômicos, ambientalmente responsáveis para a atuação de pessoas pescadoras e suas famílias em 10 municípios da Bacia de Campos. -
-
- Os Projetos de Geração de Trabalho e Renda (PGTR's) foram iniciados na segunda fase do projeto Pescarte e resultam na materialização para os Estudos de Viabilidade Técnica, Econômica, Ambiental e Social (EVTEAS) de seis tipos de empreendimentos, previstos para serem implantados de acordo com o Plano de Trabalho do projeto e a particularidade de cada comunidade de pesca. - - <.text size="lg" color="text-blue-100"> - - Visite também Organização das Cooperativas do Brasil (OCB) - - -
- -
+ <.text size="lg" color="text-blue-100"> + + Visite também Organização das Cooperativas do Brasil (OCB) + + +
+ +
-
- -
- - <.text size="h1" color="text-blue-100"> - Estudo de Viabilidade Técnica, Econômica, Ambiental e Social +
+ +
+ + <.text size="h1" color="text-blue-100"> + Estudo de Viabilidade Técnica, Econômica, Ambiental e Social + + + <.text size="lg" color="text-black-80"> + O EVTEAS busca identificar as vantagens e desvantagens dos PGTR’s que serão implantados pelo Pescarte. Cada foco do estudo busca investigar aspectos específicos: +
    +
  • Técnico: se o projeto tem suporte técnico para existir;
    • +
  • + Econômico: + como o projeto pode render o suficiente para pagar seus custos e gerar lucro para dividir entre as pessoas trabalhadoras. +
    • +
  • + Ambiental: + possibilidades e alternativas para criar um empreendimento que gere nenhuma poluição ou dano ao meio ambiente. +
    • +
  • + Social: + se os projetos têm um número suficiente de pessoas interessadas em criar e manter um PGTR. Assim, a junção de todos estes termos avalia se o empreendimento pode ou não ser implantando. +
    • +
- - <.text size="lg" color="text-black-80"> - O EVTEAS busca identificar as vantagens e desvantagens dos PGTR’s que serão implantados pelo Pescarte. Cada foco do estudo busca investigar aspectos específicos: -
    -
  • Técnico: se o projeto tem suporte técnico para existir;
    • -
  • - Econômico: - como o projeto pode render o suficiente para pagar seus custos e gerar lucro para dividir entre as pessoas trabalhadoras. -
    • -
  • - Ambiental: - possibilidades e alternativas para criar um empreendimento que gere nenhuma poluição ou dano ao meio ambiente. -
    • -
  • - Social: - se os projetos têm um número suficiente de pessoas interessadas em criar e manter um PGTR. Assim, a junção de todos estes termos avalia se o empreendimento pode ou não ser implantando. -
    • -
- -
+
+
diff --git a/lib/pescarte_web/templates/journal_html/show.html.heex b/lib/pescarte_web/templates/journal_html/show.html.heex index dde964e8..30cd4f10 100644 --- a/lib/pescarte_web/templates/journal_html/show.html.heex +++ b/lib/pescarte_web/templates/journal_html/show.html.heex @@ -6,9 +6,9 @@
-
-
- +
+
+ <.text size="h3" color="text-white-100">Boletins Pescarte <.button style="primary"> @@ -16,8 +16,8 @@
-
- +
+ <.text size="h3" color="text-white-100">Livros <.button style="primary"> @@ -25,8 +25,8 @@
-
- +
+ <.text size="h3" color="text-white-100">Artigos <.button style="primary"> @@ -34,8 +34,8 @@
-
- +
+ <.text size="h3" color="text-white-100">Relatórios Públicos <.button style="primary"> diff --git a/lib/pescarte_web/templates/landing_html/show.html.heex b/lib/pescarte_web/templates/landing_html/show.html.heex index 1f6e0ce8..fa628662 100644 --- a/lib/pescarte_web/templates/landing_html/show.html.heex +++ b/lib/pescarte_web/templates/landing_html/show.html.heex @@ -2,8 +2,8 @@ <.flash :if={@error_message} id="login-error" kind={:error}> <%= @error_message %> - -
+ +
    @@ -24,117 +24,95 @@
-
+ +
- -
+ +
- + + <.text size="h3" color="text-white-100">Notícias - <.text size="h3" color="text-white-100">Notícias - <.text size="base" color="text-white-100"> - Notícias do Projeto - - <.button style="primary"> + <.button style="link"> Saiba mais
-
+ <.text size="h3" color="text-white-100">Publicações - <.text size="h3" color="text-white-100">Publicações - <.text size="base" color="text-white-100"> - Publicações do PEA. - - <.button style="primary"> + <.button style="link"> Saiba mais
-
+ <.text size="h3" color="text-white-100">Agenda - <.text size="h3" color="text-white-100">Relatórios Públicos - <.text size="base" color="text-white-100"> - Agenda mensal - - <.button style="primary"> + <.button style="link"> Saiba mais
- - <.text size="h3" color="text-white-100">CENSO - <.text size="base" color="text-white-100"> - Dados do Censo - - <.button style="primary"> + <.text size="h3" color="text-white-100">Censo + + <.button style="link"> Saiba mais
- - <.text size="h3" color="text-white-100">PGTR's - <.text size="base" color="text-white-100"> - Empreendimentos por Munícipios. - - <.button style="primary"> + <.text size="h3" color="text-white-100">PGTR + + <.button style="link"> Saiba mais
-
+ <.text size="h3" color="text-white-100">Aplicações - <.text size="h3" color="text-white-100">Aplicações - <.text size="base" color="text-white-100"> - Aplicações do projeto - - <.button style="primary"> + <.button style="link"> Saiba mais
-
-
- - <.text size="sm" color="text-black-40">O PROJETO - <.text size="h1" color="text-blue-100"> - O que o Pescarte oferece para a comunidade? + +
+
+ <.text size="sm" color="text-black-40">O PROJETO +
+ <.text size="h2" color="text-blue-100">O que o Pescarte oferece para a comunidade? + <.text size="h4" color="text-blue-100"> + O Projeto PESCARTE tem como sua principal finalidade a criação de uma rede social regional + integrada por pescadores artesanais e por seus familiares, buscando, por meio de processos educativos, + promover, fortalecer e aperfeiçoar a sua organização comunitária e a sua qualificação profissional, + bem como o seu envolvimento na construção participativa e na implementação de projetos de geração de + trabalho e renda. - - <.text size="lg" color="text-black-80"> - O Projeto PESCARTE tem como sua principal finalidade a criação de uma - rede social regional integrada por pescadores artesanais e por seus - familiares, buscando, por meio de processos educativos, promover, - fortalecer e aperfeiçoar a sua organização comunitária e a sua - qualificação profissional, bem como o seu envolvimento na construção - participativa e na implementação de projetos de geração de trabalho e - renda. - - - <.button style="primary" click="hello"> - <.text size="base" color="text-white-100">Ver mais - - -
- + + <.button style="primary"> + Ver mais + + +
+
+
+
<.text size="h2" color="text-blue-100">Notícias
@@ -202,7 +180,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" ) %> @@ -220,13 +198,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" ) %> @@ -249,7 +227,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" ) %> @@ -273,7 +251,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" ) %> @@ -286,10 +264,9 @@
- +
<.text size="h2" color="text-blue-100">Galeria Pescarte -
    @@ -304,10 +281,14 @@
- -
+ +
+ + + +
diff --git a/lib/pescarte_web/templates/livros_html/show.html.heex b/lib/pescarte_web/templates/livros_html/show.html.heex index b8257554..62b4f1e8 100644 --- a/lib/pescarte_web/templates/livros_html/show.html.heex +++ b/lib/pescarte_web/templates/livros_html/show.html.heex @@ -6,8 +6,8 @@
-
-
+
+
Livro Pescarte 1
-
+
Livro Pescarte 2
-
+
Livro Pescarte 3
-
+
<.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 6e9b870a..38fda263 100644 --- a/lib/pescarte_web/templates/noticias_html/show.html.heex +++ b/lib/pescarte_web/templates/noticias_html/show.html.heex @@ -1,18 +1,18 @@ -
+
<.flash :if={@error_message} id="login-error" kind={:error}> <%= @error_message %> -
- <.text size="h2" color="text-blue-100">Galeria de Notícias Pescarte -
+
+ +
  • - +
  • - +
  • @@ -20,166 +20,179 @@
    • +
  • + +
    • +
  • + +
-
-
+
+ + +
+
-
- <.text size="h2" color="text-blue-100">Notícias -
- -
- - - -
+
+
+ <.text size="h2" color="text-blue-100">Notícias +
+ +
- <.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 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 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 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" - ) %> - - - <.button style="primary"> - <.text size="base" color="text-white-100">Ler mais - - + + <.button style="primary"> + <.text size="base" color="text-white-100">Ler mais + + +
-
-
- - - -
+
- <.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 + + +
+ + <.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 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 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" - ) %> - - - <.button style="primary"> - <.text size="base" color="text-white-100">Ler mais - - + + <.button style="primary"> + <.text size="base" color="text-white-100">Ler mais + + +
-
-
- - - -
+
- <.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 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 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 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." - ) %> - - - <.button style="primary"> - <.text size="base" color="text-white-100">Ler mais - - + + <.button style="primary"> + <.text size="base" color="text-white-100">Ler mais + + +
-
-
- - - -
+
- <.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 size="sm" color="text-black-60"> - <%= handle_notice_desc_length( - "Estudo aponta tecnologias utilizadas na pesca e maricultura que auxiliem nas soluções +
+ + <.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 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" - ) %> - - - <.button style="primary"> - <.text size="base" color="text-white-100">Ler mais - - + ) %> + + + <.button style="primary"> + <.text size="base" color="text-white-100">Ler mais + + +
-
-
- - - -
+
- <.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 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 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 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" - ) %> - - - <.button style="primary"> - <.text size="base" color="text-white-100">Ler mais - - + + <.button style="primary"> + <.text size="base" color="text-white-100">Ler mais + + +
-
-
- - - -
+
- <.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 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 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 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." - ) %> - - - <.button style="primary"> - <.text size="base" color="text-white-100">Ler mais - - + + <.button style="primary"> + <.text size="base" color="text-white-100">Ler mais + + +
diff --git a/priv/static/images/contato/fish.png b/priv/static/images/contato/fish.png new file mode 100644 index 00000000..8dea61ea Binary files /dev/null and b/priv/static/images/contato/fish.png differ diff --git a/priv/static/images/contato/fishing2.svg b/priv/static/images/contato/fishing2.svg new file mode 100644 index 00000000..f1ac37ef --- /dev/null +++ b/priv/static/images/contato/fishing2.svg @@ -0,0 +1,274 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/priv/static/images/landing/cooperativas/banner.webp b/priv/static/images/landing/cooperativas/banner.webp new file mode 100644 index 00000000..02ae7f5d Binary files /dev/null and b/priv/static/images/landing/cooperativas/banner.webp differ