trying to fix conflict

peapescarte · Sep 25, 2024 · ab5b963 · ab5b963
2 parents 8060a51 + f6fb03f
commit ab5b963
Show file tree

Hide file tree

Showing 3 changed files with 134 additions and 0 deletions.
diff --git a/assets/css/app.scss b/assets/css/app.scss
@@ -179,13 +179,16 @@ footer {
 @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";

diff --git a/assets/css/landing.scss b/assets/css/landing.scss
@@ -423,6 +423,7 @@
     flex-direction: column;
     align-items: center;
     width: 100%;
+    width: 100%;
 
     .publications-main-text {
       margin: 5rem 30rem;
@@ -633,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;
                   }
                 }
 
@@ -748,6 +752,116 @@
 
 
 
+  .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%;

diff --git a/assets/js/accordion.js b/assets/js/accordion.js
@@ -1,6 +1,23 @@
 const phases = document.querySelectorAll('.phases');
 const units = document.querySelectorAll('.units-accordions');
 
+units.forEach(unit => {
+    const accordions = unit.getElementsByClassName('accordion-bx');
+
+    for (let i = 0; i < accordions.length; i++) {
+        const label = accordions[i].querySelector('.accordion-label');
+
+        label.addEventListener('click', function() {
+            if (!accordions[i].classList.contains('active')) {
+                accordions[i].classList.add('active');
+            } else {
+                accordions[i].classList.remove('active');
+            }
+        });
+    }
+});
+const units = document.querySelectorAll('.units-accordions');
+
 units.forEach(unit => {
     const accordions = unit.getElementsByClassName('accordion-bx');