Widget: Homepage: Difference between revisions

From LINKS Community Center
Jump to: navigation, search
Marterer (talk | contribs)
No edit summary
Marterer (talk | contribs)
No edit summary
 
(9 intermediate revisions by the same user not shown)
Line 3: Line 3:


<!-- STYLES BEGIN -->
<!-- STYLES BEGIN -->
<link rel="stylesheet" href="https://www.safetyinnovation.center/lcc/homepage/styles.css">
<link rel="stylesheet" href="https://assets.links.communitycenter.eu/v2/links/homepage/styles.css">
<!-- STYLES END -->
<!-- STYLES END -->


Line 63: Line 63:
             <!-- SNIPPETS BEGIN -->
             <!-- SNIPPETS BEGIN -->
             <div id="snippets"></div>
             <div id="snippets"></div>
             <link rel="stylesheet" href="https://www.safetyinnovation.center/lcc/snippets/styles.css">
             <link rel="stylesheet" href="https://assets.links.communitycenter.eu/v2/links/snippets/styles.css">
             <script src="https://www.safetyinnovation.center/lcc/snippets/script.js"></script>
             <script src="https://assets.links.communitycenter.eu/v2/links/snippets/script.js"></script>
             <!-- SNIPPETS END -->
             <!-- SNIPPETS END -->
          
          
             <!-- SEARCH BEGIN -->
             <!-- SEARCH BEGIN -->
            <script src="https://www.safetyinnovation.center/lcc/search/script.js"></script>
                <script src="https://assets.links.communitycenter.eu/v2/links/search"></script>
            <form class="hp-search form-inline w-100" onsubmit="search(event)">
                <form class="hp-search form-inline w-100" onsubmit="search(event)">
                 <input id="hp-search-input" class="form-control form-control-lg flex-grow-1" type="text" placeholder="Search the entire LCC" aria-label="Search">
                 <input id="hp-search-input" class="form-control form-control-lg flex-grow-1" type="text" placeholder="Search the entire LCC" aria-label="Search">
                <button type="submit" class="btn btn-primary btn-lg" style="background-color: var(--links-blue); border-color: var(--links-blue);">
                    <button type="submit" class="btn btn-primary btn-lg" style="background-color: var(--links-blue); border-color: var(--links-blue);">
                    Search
                        Search
                </button>
                    </button>
            </form>
                </form>
             <!-- SEARCH END -->
             <!-- SEARCH END -->


Line 84: Line 84:
                 <a class="hp-area blue" href="https://links.communitycenter.eu/index.php/List_of_Disaster_Community_Technologies">
                 <a class="hp-area blue" href="https://links.communitycenter.eu/index.php/List_of_Disaster_Community_Technologies">
                     <div class="hp-area-icon">
                     <div class="hp-area-icon">
                         <img src="https://www.safetyinnovation.center/lcc/homepage/img/1-dct.svg">
                         <img src="https://assets.links.communitycenter.eu/v2/links/lib?q=1-dct_list.svg">
                     </div>
                     </div>
                     <div class="hp-area-text">
                     <div class="hp-area-text">
                         <h3>Technologies</h3>
                         <h3>Technologies</h3>
                         <p>Software for&nbsp;interaction with, within or&nbsp;among communities in&nbsp;case of a&nbsp;disaster and for&nbsp;analysis of&nbsp;these interactions. 0b</p>
                         <p>Software for&nbsp;interaction with, within or&nbsp;among communities in&nbsp;case of a&nbsp;disaster and for&nbsp;analysis of&nbsp;these interactions.</p>
                     </div>
                     </div>
                     <div class="hp-area-arrow">&rarr;</div>
                     <div class="hp-area-arrow">&rarr;</div>
Line 96: Line 96:
                 <a class="hp-area orange" href="https://links.communitycenter.eu/index.php/List_of_Guidelines">
                 <a class="hp-area orange" href="https://links.communitycenter.eu/index.php/List_of_Guidelines">
                     <div class="hp-area-icon">
                     <div class="hp-area-icon">
                         <img src="https://www.safetyinnovation.center/lcc/homepage/img/2-gl.svg">
                         <img src="https://assets.links.communitycenter.eu/v2/links/lib?q=2-gl_list.svg">
                     </div>
                     </div>
                     <div class="hp-area-text">
                     <div class="hp-area-text">
                         <h3>Guidelines</h3>
                         <h3>Guidelines</h3>
                         <p>Expert guidelines for&nbsp;usage of&nbsp;social media and&nbsp;crowdsourcing in&nbsp;disasters. 0b</p>
                         <p>Expert guidelines for&nbsp;usage of&nbsp;social media and&nbsp;crowdsourcing in&nbsp;disasters.</p>
                     </div>
                     </div>
                     <div class="hp-area-arrow">&rarr;</div>
                     <div class="hp-area-arrow">&rarr;</div>
Line 108: Line 108:
                 <a class="hp-area cyan" href="https://links.communitycenter.eu/index.php/List_of_Use_Cases">
                 <a class="hp-area cyan" href="https://links.communitycenter.eu/index.php/List_of_Use_Cases">
                     <div class="hp-area-icon">
                     <div class="hp-area-icon">
                         <img src="https://www.safetyinnovation.center/lcc/homepage/img/3-uc.svg">
                         <img src="https://assets.links.communitycenter.eu/v2/links/lib?q=3-uc_list.svg">
                     </div>
                     </div>
                     <div class="hp-area-text">
                     <div class="hp-area-text">
                         <h3>Use Cases</h3>
                         <h3>Use Cases</h3>
                         <p>Practical use cases for&nbsp;social media and&nbsp;crowdsourcing in&nbsp;disasters. 0b</p>
                         <p>Practical use cases for&nbsp;social media and&nbsp;crowdsourcing in&nbsp;disasters.</p>
                     </div>
                     </div>
                     <div class="hp-area-arrow">&rarr;</div>
                     <div class="hp-area-arrow">&rarr;</div>
Line 120: Line 120:
                 <a class="hp-area yellow" href="https://links.communitycenter.eu/index.php/List_of_Crisis_Communication">
                 <a class="hp-area yellow" href="https://links.communitycenter.eu/index.php/List_of_Crisis_Communication">
                     <div class="hp-area-icon">
                     <div class="hp-area-icon">
                         <img src="https://www.safetyinnovation.center/lcc/homepage/img/4-cc.svg">
                         <img src="https://assets.links.communitycenter.eu/v2/links/lib?q=4-cc_list.svg">
                     </div>
                     </div>
                     <div class="hp-area-text">
                     <div class="hp-area-text">
Line 137: Line 137:
         <!-- PRODUCTS BEGIN -->
         <!-- PRODUCTS BEGIN -->
         <div id="hp-products" class="container-fluid">
         <div id="hp-products" class="container-fluid">
           
             <div class="row">
             <div class="row">


Line 144: Line 143:
                     <a class="hp-area grey" href="https://links.communitycenter.eu/index.php/Feel_Safe">
                     <a class="hp-area grey" href="https://links.communitycenter.eu/index.php/Feel_Safe">
                         <div class="hp-area-icon">
                         <div class="hp-area-icon">
                             <img src="https://www.safetyinnovation.center/lcc/homepage/img/prod-0.svg">
                             <img src="https://assets.links.communitycenter.eu/v2/links/lib?q=prod-0.svg">
                         </div>
                         </div>
                         <div class="hp-area-text">
                         <div class="hp-area-text">
Line 157: Line 156:
                     <a class="hp-area grey" href="https://links.communitycenter.eu/index.php/Including_Citizens_Handbook_-_Accessibility">
                     <a class="hp-area grey" href="https://links.communitycenter.eu/index.php/Including_Citizens_Handbook_-_Accessibility">
                         <div class="hp-area-icon">
                         <div class="hp-area-icon">
                             <img src="https://www.safetyinnovation.center/lcc/homepage/img/prod-1.svg">
                             <img src="https://assets.links.communitycenter.eu/v2/links/lib?q=prod-1.svg">
                         </div>
                         </div>
                         <div class="hp-area-text">
                         <div class="hp-area-text">
Line 170: Line 169:
                     <a class="hp-area grey" href="https://links.communitycenter.eu/index.php/Resilience_Wheel">
                     <a class="hp-area grey" href="https://links.communitycenter.eu/index.php/Resilience_Wheel">
                         <div class="hp-area-icon">
                         <div class="hp-area-icon">
                             <img src="https://www.safetyinnovation.center/lcc/homepage/img/prod-2.svg">
                             <img src="https://assets.links.communitycenter.eu/v2/links/lib?q=prod-2.svg">
                         </div>
                         </div>
                         <div class="hp-area-text">
                         <div class="hp-area-text">
Line 180: Line 179:


             </div>
             </div>
         </div>
         </div>
         <!-- PRODUCTS END -->
         <!-- PRODUCTS END -->
Line 186: Line 184:
         <!-- COLLECTIONS BEGIN -->
         <!-- COLLECTIONS BEGIN -->
         <div id="hp-collections" class="container-fluid">
         <div id="hp-collections" class="container-fluid">
             <div class="row">
             <div class="row">


Line 193: Line 190:
                     <a class="hp-area grey" href="https://links.communitycenter.eu/index.php/Helpful_resources">
                     <a class="hp-area grey" href="https://links.communitycenter.eu/index.php/Helpful_resources">
                         <div class="hp-area-icon">
                         <div class="hp-area-icon">
                             <img src="https://www.safetyinnovation.center/lcc/homepage/img/prod-3.svg">
                             <img src="https://assets.links.communitycenter.eu/v2/links/lib?q=prod-3.svg">
                         </div>
                         </div>
                         <div class="hp-area-text">
                         <div class="hp-area-text">
Line 206: Line 203:
                     <a class="hp-area grey" href="https://links.communitycenter.eu/index.php/Overview_of_Networks">
                     <a class="hp-area grey" href="https://links.communitycenter.eu/index.php/Overview_of_Networks">
                         <div class="hp-area-icon">
                         <div class="hp-area-icon">
                             <img src="https://www.safetyinnovation.center/lcc/homepage/img/prod-4.svg">
                             <img src="https://assets.links.communitycenter.eu/v2/links/lib?q=prod-4.svg">
                         </div>
                         </div>
                         <div class="hp-area-text">
                         <div class="hp-area-text">
Line 214: Line 211:
                     </a>
                     </a>
                 </div>
                 </div>
             </div>
             </div>
         </div>
         </div>
Line 219: Line 217:


         <!-- FORUM SECTION BEGIN -->
         <!-- FORUM SECTION BEGIN -->
        <!--
         <div id="hp-recent" class="container-fluid">
         <div id="hp-recent" class="container-fluid">
             <div class="row">
             <div class="row">
Line 235: Line 234:
             </div>
             </div>
         </div>
         </div>
        -->
         <!-- FORUM SECTION END -->
         <!-- FORUM SECTION END -->
              
              
Line 241: Line 241:


     <!-- BEGIN SAFETY.WIDGET -->
     <!-- BEGIN SAFETY.WIDGET -->
     <link rel="stylesheet" href="https://www.safetyinnovation.center/widget/styles.css">
     <link rel="stylesheet" href="https://assets.links.communitycenter.eu/v2/widget/styles.css">
     <div id="safety-widget"></div>
     <div id="safety-widget"></div>
     <script src="https://www.safetyinnovation.center/widget/script.js"></script>
     <script src="https://assets.links.communitycenter.eu/v2/widget/script.js"></script>
     <!-- END SAFETY.WIDGET -->
     <!-- END SAFETY.WIDGET -->


</includeonly>
</includeonly>

Latest revision as of 08:41, 2 October 2024

Second version of the LINKS Community Center homepage.
Do not modify!