feat/pgtr (#224)

* extract common tasks aliases * wip: add 'pgtr' page with missing content * wip: add temporary content * feat: 'pgtr' page * wip: add 'pgtr' page with missing content * wip: add temporary content * feat: 'pgtr' page * fix: accordion.js --------- Co-authored-by: Zoey de Souza Pessanha <[email protected]>
peapescarte · Sep 25, 2024 · 0997ac3 · 0997ac3
1 parent 1b5dbab
commit 0997ac3
Show file tree

Hide file tree

Showing 13 changed files with 1,131 additions and 368 deletions.
diff --git a/assets/css/aboutus.scss b/assets/css/aboutus.scss
@@ -6,22 +6,23 @@
   }
 }
 
-.lighter-banner {
+.lighter-banner{
   display: flex;
   flex-direction: column;
   text-align: center;
   justify-content: center;
   gap: 20px;
   height: 260px;
+  width: 100vw;
   margin-bottom: 20px;
   background: #0064c8b0;
   background-blend-mode: multiply;
 
   .banner-img {
-    z-index: -1;
-    position: absolute;
-    width: 100vw;
-    height: 260px;
+      z-index: -1;
+      position: absolute;
+      width: 100vw;
+      height: 260px;
   }
 
 }
@@ -221,7 +222,7 @@
     }
 
     img {
-      order: 2;
+      order: 2; 
       width: 100%;
     }
 

diff --git a/assets/css/app.scss b/assets/css/app.scss
@@ -178,12 +178,17 @@ footer {
 @import "./noticias.scss";
 @import "./cooperativas.scss";
 @import "./sedes.scss";
+@import "./pgtr.scss";
+@import "./pgtr.scss";
+
 @import "./agenda.scss";
 @import "./contact.scss";
 @import "./article.scss";
 @import "./boletins.scss";
 @import "./noticias.scss";
 @import "./cards.scss";
+@import "./article.scss";
+@import "./boletins.scss";
 
 // Com autenticação
 @import "./pages/app/researcher/profile.scss";
@@ -193,4 +198,4 @@ footer {
 @import "./pages/app/researcher/pesquisador";
 
 // Páginas de Erros
-@import "./errors/404.scss";
+@import "./errors/404.scss";
diff --git a/assets/css/landing.scss b/assets/css/landing.scss
@@ -422,6 +422,8 @@
     display: flex;
     flex-direction: column;
     align-items: center;
+    width: 100%;
+    width: 100%;
 
     .publications-main-text {
       margin: 5rem 30rem;
@@ -632,12 +634,15 @@
                   justify-content: center;
                   border-radius: 50%;
                   overflow: hidden;
+                  overflow: hidden;
                   width: 3.75rem;
                   height: 3.75rem;
 
                   img {
                     width: 100%;
                     object-fit: cover;
+                    width: 100%;
+                    object-fit: cover;
                   }
                 }
 
@@ -688,3 +693,223 @@
     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;
+          }
+        }
+      }
+    }
+  }
+}
+
+@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;
+          }
+        }
+      }
+    }
+  }
+}