Refonte de la home de l'espace membre

coops_configurations/config_supercafoutch.py

@@ -144,7 +144,7 @@ ENTRANCE_VALIDATE_PRESENCE_MESSAGE = """
 </div>
 Ton prochain service <span class="service_verb">est prévu</span> le <span class="next_shift"></span>
 """
-MEMBERS_SPACE_FAQ_TEMPLATE = 'members_space/supercafoutch/faq.html'
+MEMBERS_SPACE_FAQ_TEMPLATE = None
 MEMBERS_SPACE_HOME_TEMPLATE = 'members_space/supercafoutch/home.html'
 MEMBERS_SPACE_SHOW_UNDERSTAND_MY_STATUS = False
 BLOCK_ACTIONS_FOR_ATTACHED_PEOPLE = False

members_space/static/css/members-space.css

@@ -8,7 +8,7 @@ body {
 
 @media screen and (max-width: 435px) {
     .page_title {
-    margin: 4vw 0 3vw 0;
+        margin: 4vw 0 3vw 0;
     }
 }
 
@@ -32,11 +32,13 @@ body {
     align-items: center;
     border-radius: 30px;
     margin: 1rem 1rem;
-    box-shadow: 2px 2px 3px rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.1);
+    box-shadow: 2px 2px 3px rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .1);
 }
+
 .high_tile {
     min-height: 350px;
 }
+
 .small_tile {
     min-height: 250px;
 }
@@ -69,7 +71,7 @@ body {
     flex-direction: column;
     align-items: center;
     text-align: center;
-    
+
 }
 
 
@@ -81,6 +83,7 @@ body {
     margin: auto;
     padding: 2rem 0;
 }
+
 @media screen and (min-width: 769px) {
     #home_tile_my_services .tile_content {
         width: 50%;
@@ -158,6 +161,7 @@ body {
     display: flex;
     margin-bottom: 20px;
 }
+
 @media screen and (max-width: 992px) {
     #member_status_action {
         margin-top: 5px;
@@ -189,8 +193,8 @@ body {
 
 @media (max-width: 435px) {
     .unsuscribed_form_link {
-        font-size:  90%;
-        line-height:  7vw;
+        font-size: 90%;
+        line-height: 7vw;
     }
 }
 
@@ -198,10 +202,12 @@ body {
 .member_status_exempted {
     color: #5cb85c;
 }
+
 .member_status_alert,
 .member_status_delay {
     color: #f0ad4e;
 }
+
 .member_status_suspended,
 .member_status_unsubscribed {
     color: #d9534f;
@@ -259,9 +265,11 @@ body {
 #go_to_forms {
     text-decoration: none;
 }
+
 #go_to_forms:hover {
     color: white;
 }
+
 #go_to_forms.active {
     color: white !important;
 }
@@ -286,7 +294,12 @@ body {
     flex: 1 0 50%;
 }
 
-.shop_info_item h1,h2,h3,h4,h5,h6 {
+.shop_info_item h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
     font-size: 2rem;
 }
 
@@ -304,6 +317,7 @@ body {
     .shop_info_item {
         padding: 0 4rem;
     }
+
     .shop_message {
         border-left: 1px solid #e7e9ed;
         margin: 3rem 0;
@@ -314,21 +328,31 @@ body {
     #shop_info_content {
         flex-direction: column;
     }
+
     .shop_info_item {
         flex: 1 0 50%;
         width: 100%;
         font-size: 1.6rem;
         padding: 1.5rem 0;
     }
-    .shop_info_item h1,h2,h3,h4,h5,h6 {
+
+    .shop_info_item h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
         font-size: 1.6rem;
     }
+
     .opening_hours_title {
         font-size: 1.9rem;
     }
+
     .shop_message {
         border-top: 1px solid #e7e9ed;
     }
+
     .shop_message_content {
         width: 90%;
     }
@@ -361,4 +385,17 @@ body {
 
 .free_service_exchange {
     display: none;
+}
+
+.utils-link-content {
+    display: grid;
+    width: 100%;
+    grid-template-columns: 1fr 1fr;
+    gap: 1rem;
+}
+
+@media screen and (max-width: 992px) {
+    .utils-link-content {
+        grid-template-columns: 1fr;
+    }
 }
\ No newline at end of file

templates/members_space/supercafoutch/home.html

@@ -77,17 +77,25 @@
     <div class="tile small_tile" id="home_tile_help">
       <div class="tile_title">
         <i class="fas fa-question-circle tile_icon"></i>
-        J'ai une demande
+        Liens utiles
       </div>
       <div class="tile_content">
-        <div class="home_link_button_area">
-          <a
-            href="javascript:void(0);"
-            class="btn--primary home_link_button"
-            id="go_to_forms"
-          >
-              Accéder à la FAQ
-          </a>
+        <div class="utils-link-content">
+          <button type="button" class="btn--primary home_link_button" onclick="window.open('https://docs.google.com/document/d/1y8yTZMkfplJwT3ZC9Swg_3qWPfUpnKcxcXZEqzI8GvY/edit?usp=sharing/edit?tab=t.0','_blank')">
+            Présentation des Comités
+          </button>
+        
+          <button type="button" class="btn--primary home_link_button" onclick="window.open('https://docs.google.com/document/d/120y2lHPyUf_NplfSnpE1YmUyKKB_XIp0Tvm93moVUyA/edit?tab=t.0','_blank')">
+            Calendrier des semaines ABCD
+          </button>
+
+          <button type="button" class="btn--primary home_link_button" onclick="window.open('https://docs.google.com/spreadsheets/d/1PbiplAagkVMhOMKGgut-G0O274M9KmrWLkbJ_HtlVw8/edit?usp=sharing/edit?tab=t.0','_blank')">
+            Calendrier des évènements
+          </button>
+
+          <button type="button" class="btn--primary home_link_button" onclick="window.open('https://docs.google.com/document/d/1du93Cw0xXLSl-wsVswccTddHlxwee59xxopT7j-X7vo/edit?usp=sharing','_blank')">
+            FAQ : Foire Aux Questions
+          </button>
         </div>
       </div>
     </div>