meetup + faq + pages forms

2024-03-29 21:29:59 +01:00
parent 9e171e69a6
commit 746c347042
36 changed files with 3819 additions and 1227 deletions
--- a/web/themes/erabletheme/scss/_faq.scss
+++ b/web/themes/erabletheme/scss/_faq.scss
@@ -0,0 +1,107 @@
+.faq-fullpage {
+    @include main_text_content();
+    padding: 0 $x_margin;
+    .faq-description {
+        margin-bottom: 5vh;
+    }
+    .faq-question {
+        padding: 0;
+        margin-top: 1rem;
+        border-top: solid 1px $dark_green;
+        padding-top: 1rem;
+        padding-bottom: 0.5rem;
+        > span > a {
+            color: $teal;
+            font-weight: 800;
+            display: flex;
+            align-items: center;
+        }
+        > span > a::after {
+            content: "↓";
+        }
+    }
+    .faq-qa-visible {
+        > span > a::after {
+            content: "↑";
+        }
+    }
+    .faq-answer {
+        a[href="#top"] {
+            display: block;
+            padding-top: 1rem;
+            padding-bottom: 0.5rem;
+            margin-left: -40px;
+            color: $teal;
+        }
+    }
+    .faq-question-answer:last-of-type {
+        border-bottom: solid 1px $dark_green;
+        padding-bottom: 0.5rem;
+    }
+
+
+    .ornements_top_over {
+        top: -15vh;
+    }
+    .ornements_bottom_over {
+        bottom: -30vh !important;
+    }
+}
+
+#block-erabletheme-votrequestionnexistepas {
+    position: relative;
+    display: grid;
+    grid-template-columns: 0.5fr 1fr;
+    grid-template-rows: repeat(2, 1fr);
+    align-items: center;
+    width: 50vw;
+    margin-left: 1.5vw;
+    @include main_text_content();
+    background-color: $teal;
+    color: white;
+    font-weight: 800;
+    padding-bottom: 2rem;
+    padding-top: 1.5rem;
+    padding-right: 0.5rem;
+    @media (min-width: $breakpoint_tablet) {
+        grid-template-columns: 0.3fr 1fr;
+        position: absolute;
+        width: 40vw;
+        left: 1.5vw;
+        bottom: -25vh;
+    }
+    @media (min-width: $breakpoint_desktop) {
+        left: unset;
+        right: 1.5vw;
+        width: 22vw;
+        bottom: unset;
+        top: 24vh;
+        padding-right: 1rem;
+    }
+    > h2 {
+        grid-column: 2;
+    }
+    > div {
+        grid-column: 2;
+        a {
+            color: white;
+            text-decoration: underline;
+        }
+    }
+}
+#block-erabletheme-votrequestionnexistepas::before {
+    content: "?";    
+    grid-column: 1;
+    grid-row: 1/3;
+    justify-self: center;
+    align-self: center;
+    border: solid 1px white;
+    width: 3rem;
+    height: 3rem;
+    border-radius: 1.5rem;
+    font-size: 1.6rem;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-right: 0.5rem;
+}