Difference between revisions of "Widget:CrisisCommunicationList"

From LINKS Community Center
Jump to: navigation, search
(3 intermediate revisions by the same user not shown)
Line 48: Line 48:
 
             z-index: 100;
 
             z-index: 100;
 
             padding: 2em;
 
             padding: 2em;
−
            width: 45vw;
 
 
             background: #fff;
 
             background: #fff;
 
             border: 1px solid var(--ccl-color);
 
             border: 1px solid var(--ccl-color);
Line 54: Line 53:
 
             box-shadow: -10px 10px 10px 5px rgb(0 0 0 / 10%);
 
             box-shadow: -10px 10px 10px 5px rgb(0 0 0 / 10%);
 
             transition: all 400ms ease-in-out;
 
             transition: all 400ms ease-in-out;
 +
        }
 +
 +
        @media only screen and (orientation: landscape) {
 +
            #cc-filters {
 +
                width: 45vw;
 +
            }
 
         }
 
         }
  
Line 264: Line 269:
  
 
         const crisisCommsQuery = '[[Category:Crisis Communication]]'
 
         const crisisCommsQuery = '[[Category:Crisis Communication]]'
 +
            + '|limit=500'
 
             + '|?' + PHASE_PROP
 
             + '|?' + PHASE_PROP
 
             + '|?' + TYPE_PROP
 
             + '|?' + TYPE_PROP
Line 332: Line 338:
 
                 : true;
 
                 : true;
 
             const scenarioCheck = filterState.scenario
 
             const scenarioCheck = filterState.scenario
−
                 ? filterState.scenario.every(event => crisisComm[SCENARIO_PROP].includes(event))
+
                 ? crisisComm[SCENARIO_PROP].some(event => filterState.scenario.includes(event))
 
                 : true;
 
                 : true;
 
             const phaseCheck = filterState.phases
 
             const phaseCheck = filterState.phases
Line 590: Line 596:
 
             </div>
 
             </div>
 
         </h1>
 
         </h1>
−
 
+
         <div id="intro">
−
         <!-- <div id="intro">
+
             <p>
−
             <p>The overall goal of the Social Media and Crowdsourcing (SMCS) Use Cases Library is to collect experiences
+
                The best way to cope with a disaster is an efficient crisis communication before, during and after such
−
                 and use cases of how SMCS have been used or can be used in real world. This enables the opportunity to
+
                situation. Risk awareness, preparedness and appropriate behaviour during and after a disaster is key to mitigate
−
                 give disaster management organisations a concrete indication of how they can use SMCS in practice.</p>
+
                its effects on people. The purpose of this library is to ease communication with the public via Social Media
−
         </div> -->
+
                text messages taken from trustful resources.
 +
       
 +
            </p>
 +
            <p>
 +
                The user can narrow down the results via filters and may either use (part of) the content and/or provide the
 +
                 link to the source via the own Social Media account. The use of the translation tools available in the various
 +
                 browsers allow for easy transfer of the texts into own messages.
 +
            </p>
 +
         </div>
  
 
         <!-- FILTERS -->
 
         <!-- FILTERS -->

Revision as of 15:49, 6 May 2024

Current version of the Crisis Communication Library.
Currently in use – do not modify!


Retrieved from "https://links.communitycenter.eu/index.php?title=Widget:CrisisCommunicationList&oldid=12707"