Difference between revisions of "Widget:GuidelinesList"

From LINKS Community Center
Jump to: navigation, search
Line 13: Line 13:
  
 
     <!-- Icon definitons -->
 
     <!-- Icon definitons -->
     <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" overflow="hidden" style="display:none;">
+
     <img src="https://www.safetyinnovation.center/lcc/gl_list/img/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://www.safetyinnovation.center/lcc/gl_list/img/filters.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>
Line 53: Line 30:
 
             </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 40:
 
             </ul>
 
             </ul>
 
         </div>
 
         </div>
   
 
 
      
 
      
 
         <!-- FILTERS -->
 
         <!-- FILTERS -->
Line 84: Line 59:
 
      
 
      
 
             <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://www.safetyinnovation.center/lcc/gl_list/img/2-gl.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 70:
 
                     <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 81:
 
                     </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 92:
 
                     </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 103:
 
                     </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 114:
 
                     </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 125:
 
                     </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 136:
 
                     </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 147:
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 +
 
             </div>
 
             </div>
 
         </div>
 
         </div>

Revision as of 23:30, 10 May 2024

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