Widget: DCTList: Difference between revisions

From LINKS Community Center
Jump to: navigation, search
Marterer (talk | contribs)
No edit summary
Marterer (talk | contribs)
No edit summary
Line 14: Line 14:


     <!-- 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/dct_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="dct-list-wrapper">
     <div id="dct-list-wrapper">
         <h1>
         <h1>
 
             <img src="https://www.safetyinnovation.center/lcc/dct_list/img/1-dct.svg">
             <img src="https://www.safetyinnovation.center/lcc/homepage/img/1-dct.svg">
 
             <div>
             <div>
                 <div>Technologies</div>
                 <div>Technologies</div>
Line 41: Line 27:
             <p>The overall goal of the Social Media and Crowdsourcing (SMCS) Technologies Library is to face the growing
             <p>The overall goal of the Social Media and Crowdsourcing (SMCS) Technologies Library is to face the growing
                 heterogeneous use of technologies in disasters and the overwhelming number of technologies on the
                 heterogeneous use of technologies in disasters and the overwhelming number of technologies on the
                 market. It
                 market. It gathers and structures information about existing technologies to provide an up-to-date overview and
                gathers and structures information about existing technologies to provide an up-to-date overview and
                 thus support the selection of suitable technologies.
                 thus
                support the selection of suitable technologies.
             </p>
             </p>
             <p>
             <p>
                 You can use the filters to identify relevant technologies according to your needs and then click on the
                 You can use the filters to identify relevant technologies according to your needs and then click on the
                 name of
                 name of the technology to get further information.
                the technology to get further information.
             </p>
             </p>
         </div>
         </div>
Line 72: Line 55:
                 <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"
                         <img src="filters.svg">
                            viewBox="0 0 96 96">
                            <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>

Revision as of 22:22, 10 May 2024

DCT list widget.
Currently in use – do not modify!