Widget: GuidelinesList: Difference between revisions

From LINKS Community Center
Jump to: navigation, search
Marterer (talk | contribs)
No edit summary
Marterer (talk | contribs)
No edit summary
 
(4 intermediate revisions by the same user not shown)
Line 5: Line 5:
      
      
   <!-- STYLES BEGIN -->
   <!-- STYLES BEGIN -->
<link rel="stylesheet" href="https://www.safetyinnovation.center/lcc/gl_list/styles.css">
<link rel="stylesheet" href="https://assets.links.communitycenter.eu/v2/links/lib?q=gl_list.css">
<!-- STYLES END -->
<!-- STYLES END -->


     <!-- SCRIPT BEGIN -->
     <!-- SCRIPT BEGIN -->
     <script type="text/javascript" src="https://www.safetyinnovation.center/lcc/gl_list/script.js"></script>
     <script type="text/javascript" src="https://assets.links.communitycenter.eu/v2/links/lib?q=gl_list.js"></script>
     <!-- SCRIPT END -->
     <!-- SCRIPT END -->


     <!-- Icon definitons -->
     <!-- Icon definitons -->
     <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" overflow="hidden" style="display:none;">
     <!--<img src="https://assets.links.communitycenter.eu/v2/links/lib?q=unknown.svg">-->
        <defs>
            <symbol id="chevron-down" viewBox="0 0 96 96">
                <clipPath id="chev">
                    <path d="M592 312h96v96h-96z" />
                </clipPath>
                <g clip-path="url(#chev)" transform="translate(-592 -312)">
                    <path
                        d="m640 370.586-25.293-25.293-1.414 1.414L640 373.414l26.707-26.707-1.414-1.414L640 370.586Z" />
                </g>
            </symbol>
        </defs>
    </svg>


     <div id="guideline-list-wrapper">
     <div id="guideline-list-wrapper">
         <h1>
         <h1>
             <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" overflow="hidden" viewBox="0 0 96 96">
             <img src="https://assets.links.communitycenter.eu/v2/links/lib?q=2-gl_list.svg">
                <defs>
                    <clipPath id="tit">
                        <path d="M65 455h96v96H65z" />
                    </clipPath>
                </defs>
                <g clip-path="url(#tit)" transform="translate(-65 -455)">
                    <path
                        d="M138 463H84v79.961h54a5.014 5.014 0 0 0 5.019-5V468a5.014 5.014 0 0 0-5.019-5Zm-52 2h6.261v75.961H86Zm55.019 72.963a3.012 3.012 0 0 1-3.019 3H94.261V465H138a3.013 3.013 0 0 1 3.019 3Z" />
                    <path d="M104 489h28v2h-28ZM110 500h16v2h-16Z" />
                </g>
            </svg>
             <div>
             <div>
                 <div>Guidelines</div>
                 <div>Guidelines</div>
                 <div style="font-size:small; letter-spacing:.03em; margin-left: .3em;">Social Media and Crowdsourcing
                 <div style="font-size:small; letter-spacing:.03em; margin-left: .3em;">Social Media and Crowdsourcing Library</div>
                    Library</div>
             </div>
             </div>
         </h1>
         </h1>
Line 53: Line 29:
             </p>
             </p>
             <ul>
             <ul>
                 <li>Building a communication strategy for social media and consideration of the main elements (e.g.
                 <li>Building a communication strategy for social media and consideration of the main elements (e.g. needed roles for the team)</li>
                    needed roles for the team)</li>
                 <li>Set up and evaluate social media activities</li>
                 <li>Set up and evaluate social media activities</li>
                 <li>Recommended actions on social media before, during and after a crisis</li>
                 <li>Recommended actions on social media before, during and after a crisis</li>
Line 64: Line 39:
             </ul>
             </ul>
         </div>
         </div>
   
      
      
         <!-- FILTERS -->
         <!-- FILTERS -->
Line 84: Line 58:
      
      
             <div id="gl-filters">
             <div id="gl-filters">
                 <h2 style="display: flex; justify-content: space-between;">
                 <h2 style="display: flex; justify-content: space-between;">
                     <div>
                     <div>
                         <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" overflow="hidden" viewBox="0 0 96 96">
                         <img src="https://assets.links.communitycenter.eu/v2/links/lib?q=filters.svg">
                            <defs>
                                <clipPath id="b">
                                    <path d="M592 312h96v96h-96z" />
                                </clipPath>
                            </defs>
                            <g clip-path="url(#b)" transform="translate(-592 -312)">
                                <path
                                    d="M636 356.012v38.011l8-8v-30.011L674 326h-68Zm6.588-1.412-.588.584v30.008l-4 4v-34.008l-.585-.586L610.828 328h58.348Z" />
                            </g>
                        </svg>
                         <span>Filters</span>
                         <span>Filters</span>
                     </div>
                     </div>
Line 104: Line 69:
                     <button class="large-button" type="button" onclick="clearFilters()">Clear Filters</button>
                     <button class="large-button" type="button" onclick="clearFilters()">Clear Filters</button>
                 </div>
                 </div>
                 <div class="filter-wrapper">
                 <div class="filter-wrapper">
                     <h4 class="filter-toggle">Covers Thematic <div class="plus icon"></div></h4>
                     <h4 class="filter-toggle">Covers Thematic <div class="plus icon"></div></h4>
Line 114: Line 80:
                     </div>
                     </div>
                 </div>
                 </div>
                 <div class="filter-wrapper">
                 <div class="filter-wrapper">
                     <h4 class="filter-toggle">Language <div class="plus icon"></div></h4>
                     <h4 class="filter-toggle">Language <div class="plus icon"></div></h4>
Line 124: Line 91:
                     </div>
                     </div>
                 </div>
                 </div>
                 <div class="filter-wrapper">
                 <div class="filter-wrapper">
                     <h4 class="filter-toggle">Disaster Management Phase <div class="plus icon"></div></h4>
                     <h4 class="filter-toggle">Disaster Management Phase <div class="plus icon"></div></h4>
Line 134: Line 102:
                     </div>
                     </div>
                 </div>
                 </div>
                 <div class="filter-wrapper">
                 <div class="filter-wrapper">
                     <h4 class="filter-toggle">Target Audience <div class="plus icon"></div></h4>
                     <h4 class="filter-toggle">Target Audience <div class="plus icon"></div></h4>
Line 144: Line 113:
                     </div>
                     </div>
                 </div>
                 </div>
                 <div class="filter-wrapper">
                 <div class="filter-wrapper">
                     <h4 class="filter-toggle">Audience Experience Level <div class="plus icon"></div></h4>
                     <h4 class="filter-toggle">Audience Experience Level <div class="plus icon"></div></h4>
Line 154: Line 124:
                     </div>
                     </div>
                 </div>
                 </div>
                 <!-- <div class="filter-wrapper">
                 <!-- <div class="filter-wrapper">
                     <h4 class="filter-toggle">Mentions Platforms <div class="plus icon"></div></h4>
                     <h4 class="filter-toggle">Mentions Platforms <div class="plus icon"></div></h4>
Line 164: Line 135:
                     </div>
                     </div>
                 </div> -->
                 </div> -->
                 <div class="filter-wrapper">
                 <div class="filter-wrapper">
                     <h4 class="filter-toggle">Mentions Technologies <div class="plus icon"></div></h4>
                     <h4 class="filter-toggle">Mentions Technologies <div class="plus icon"></div></h4>
Line 174: Line 146:
                     </div>
                     </div>
                 </div>
                 </div>
             </div>
             </div>
         </div>
         </div>

Latest revision as of 09:48, 2 October 2024

Current version of the List of Guidelines.
Currently in use – do not modify!