Difference between revisions of "Widget:GuidelinesList"

From LINKS Community Center
Jump to: navigation, search
 
(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 10:48, 2 October 2024

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