Difference between revisions of "Widget:Compass"

From LINKS Community Center
Jump to: navigation, search
Line 55: Line 55:
 
             color: var(--compass-color);
 
             color: var(--compass-color);
 
             cursor: pointer;
 
             cursor: pointer;
 +
            transition: all 0.4s ease;
 
         }
 
         }
  
Line 101: Line 102:
 
         .question,
 
         .question,
 
         .answer {
 
         .answer {
             display: none;
+
             /* display: none; */
 +
            max-height: 0;
 +
            overflow-y: hidden;
 +
            transition: max-height 0.4s ease;  
 
         }
 
         }
  
Line 107: Line 111:
 
         .question.opened,
 
         .question.opened,
 
         .answer.opened {
 
         .answer.opened {
             display: block;
+
             /* display: block; */
 +
            max-height: none;
 
         }
 
         }
  
Line 277: Line 282:
 
                 main themes – Engaging with Citizens and Improving Communication – so that disaster
 
                 main themes – Engaging with Citizens and Improving Communication – so that disaster
 
                 management
 
                 management
                 organizations and relevant stakeholders can take more informed decisions on the uses of Social Media and Crowdsourcing through the
+
                 organizations and relevant stakeholders can take more informed decisions on the uses of SMCS through the
 
                 LINKS products. Orientation is supported by pre-defined questions that guide users towards the LINKS
 
                 LINKS products. Orientation is supported by pre-defined questions that guide users towards the LINKS
 
                 products.
 
                 products.
Line 290: Line 295:
 
             <h2>Engaging with Citizens</h2>
 
             <h2>Engaging with Citizens</h2>
 
             <div class="subtheme">
 
             <div class="subtheme">
                 <h3>Collecting and Analysing Information from Social Media and Crowdsourcing</h3>
+
                 <h3>Collecting and Analysing Information from SMCS</h3>
 
                 <div class="question" data-aspect="Social">
 
                 <div class="question" data-aspect="Social">
 
                     <h4>
 
                     <h4>
Line 303: Line 308:
 
                                 <div class="desc">
 
                                 <div class="desc">
 
                                     It provides helpful information from social media and crowdsourcing
 
                                     It provides helpful information from social media and crowdsourcing
                                     examples around the theme “Collecting and Analysing Information from Social Media and Crowdsourcing”. Also the
+
                                     examples around the theme “Collecting and Analysing Information from SMCS”. Also the
 
                                     question, which vulnerable groups (disabled, migrants, minorities,…) were
 
                                     question, which vulnerable groups (disabled, migrants, minorities,…) were
 
                                     specifically involved in social media and crowdsourcing activities is answered.
 
                                     specifically involved in social media and crowdsourcing activities is answered.
Line 337: Line 342:
 
                                 <div class="desc">
 
                                 <div class="desc">
 
                                     Several thematic search filters integrated within the Guidelines
 
                                     Several thematic search filters integrated within the Guidelines
                                     Library will help stakeholders retrieve relevant Social Media and Crowdsourcing guidelines to better mobilise
+
                                     Library will help stakeholders retrieve relevant SMCS guidelines to better mobilise
 
                                     and engage citizens, for instance, the "crowdsourcing" search filter.
 
                                     and engage citizens, for instance, the "crowdsourcing" search filter.
 
                                 </div>
 
                                 </div>
Line 345: Line 350:
 
                                 <div class="desc">
 
                                 <div class="desc">
 
                                     It provides helpful information from social media and crowdsourcing
 
                                     It provides helpful information from social media and crowdsourcing
                                     examples around the theme “Collecting and Analysing Information from Social Media and Crowdsourcing”. Also the
+
                                     examples around the theme “Collecting and Analysing Information from SMCS”. Also the
                                     question, which specific functionality Social Media and Crowdsourcing has been used for and how (e.g.
+
                                     question, which specific functionality SMCS has been used for and how (e.g.
 
                                     gathering of information) is answered.
 
                                     gathering of information) is answered.
 
                                 </div>
 
                                 </div>

Revision as of 10:50, 8 December 2022

Development version of the Compass.
Not ready for production!