Widget: Homepage: Difference between revisions
From LINKS Community Center
Marterer (talk | contribs) No edit summary |
Marterer (talk | contribs) No edit summary |
||
(21 intermediate revisions by the same user not shown) | |||
Line 3: | Line 3: | ||
<!-- STYLES BEGIN --> | <!-- STYLES BEGIN --> | ||
<link rel="stylesheet" href="https:// | <link rel="stylesheet" href="https://api.safety-base.eu/v2/links/homepage/styles.css"> | ||
<!-- STYLES END --> | <!-- STYLES END --> | ||
Line 12: | Line 12: | ||
<div id="hp-heading"> | <div id="hp-heading"> | ||
<h1 translate="no"> | <h1 translate="no"> | ||
<span> | <span>LINKS</span> | ||
<span>Community</span> | <span>Community</span> | ||
<span>Center</span> | <span>Center</span> | ||
Line 63: | Line 63: | ||
<!-- SNIPPETS BEGIN --> | <!-- SNIPPETS BEGIN --> | ||
<div id="snippets"></div> | <div id="snippets"></div> | ||
<link rel="stylesheet" href="https:// | <link rel="stylesheet" href="https://api.safety-base.eu/v2/links/snippets/styles.css"> | ||
<script src="https:// | <script src="https://api.safety-base.eu/v2/links/snippets/script.js"></script> | ||
<!-- SNIPPETS END --> | <!-- SNIPPETS END --> | ||
<!-- SEARCH BEGIN --> | <!-- SEARCH BEGIN --> | ||
<script src="https://api.safety-base.eu/v2/links/search"></script> | |||
<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);"> | |||
Search | |||
</button> | |||
</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://api.safety-base.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 interaction with, within or among communities in case of a disaster and for analysis of these interactions. | <p>Software for interaction with, within or among communities in case of a disaster and for analysis of these interactions.</p> | ||
</div> | </div> | ||
<div class="hp-area-arrow">→</div> | <div class="hp-area-arrow">→</div> | ||
Line 108: | 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://api.safety-base.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 usage of social media and crowdsourcing in disasters. | <p>Expert guidelines for usage of social media and crowdsourcing in disasters.</p> | ||
</div> | </div> | ||
<div class="hp-area-arrow">→</div> | <div class="hp-area-arrow">→</div> | ||
Line 131: | 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://api.safety-base.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 social media and crowdsourcing in disasters. | <p>Practical use cases for social media and crowdsourcing in disasters.</p> | ||
</div> | </div> | ||
<div class="hp-area-arrow">→</div> | <div class="hp-area-arrow">→</div> | ||
Line 154: | 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://api.safety-base.eu/v2/links/lib?q=4-cc_list.svg"> | ||
</div> | </div> | ||
<div class="hp-area-text"> | <div class="hp-area-text"> | ||
Line 175: | 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 182: | 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://api.safety-base.eu/v2/links/lib?q=prod-0.svg"> | ||
</div> | </div> | ||
<div class="hp-area-text"> | <div class="hp-area-text"> | ||
Line 207: | 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://api.safety-base.eu/v2/links/lib?q=prod-1.svg"> | ||
</div> | </div> | ||
<div class="hp-area-text"> | <div class="hp-area-text"> | ||
Line 231: | 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://api.safety-base.eu/v2/links/lib?q=prod-2.svg"> | ||
</div> | </div> | ||
<div class="hp-area-text"> | <div class="hp-area-text"> | ||
Line 251: | Line 179: | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- PRODUCTS END --> | <!-- PRODUCTS END --> | ||
Line 257: | 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 264: | 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://api.safety-base.eu/v2/links/lib?q=prod-3.svg"> | ||
</div> | </div> | ||
<div class="hp-area-text"> | <div class="hp-area-text"> | ||
Line 287: | 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://api.safety-base.eu/v2/links/lib?q=prod-4.svg"> | ||
</div> | </div> | ||
<div class="hp-area-text"> | <div class="hp-area-text"> | ||
Line 304: | Line 211: | ||
</a> | </a> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 331: | Line 239: | ||
<!-- BEGIN SAFETY.WIDGET --> | <!-- BEGIN SAFETY.WIDGET --> | ||
<link rel="stylesheet" href="https:// | <link rel="stylesheet" href="https://widget.safety-base.eu/v2/widget/styles.css"> | ||
<div id="safety-widget"></div> | <div id="safety-widget"></div> | ||
<script src="https:// | <script src="https://widget.safety-base.eu/v2/widget/script.js"></script> | ||
<!-- END SAFETY.WIDGET --> | <!-- END SAFETY.WIDGET --> | ||
</includeonly> | </includeonly> |
Revision as of 17:08, 12 June 2024
Second version of the LINKS Community Center homepage.
Do not modify!