Difference between revisions of "Widget:Homepage"
From LINKS Community Center
(263 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
− | <noinclude> | + | <noinclude>Second version of the LINKS Community Center homepage.<br><strong style="color: red;">Do not modify!</strong></noinclude> |
− | <includeonly> | + | <includeonly> |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <!-- STYLES BEGIN --> | |
− | + | <link rel="stylesheet" href="https://assets.links.communitycenter.eu/v2/links/homepage/styles.css"> | |
− | + | <!-- STYLES END --> | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | < | + | <!-- HP BEGIN --> |
− | + | <div id="hp-wrapper"> | |
− | |||
− | |||
− | < | ||
− | + | <!-- HEADING BEGIN --> | |
<div id="hp-heading"> | <div id="hp-heading"> | ||
− | <h1> | + | <h1 translate="no"> |
<span>LINKS</span> | <span>LINKS</span> | ||
<span>Community</span> | <span>Community</span> | ||
<span>Center</span> | <span>Center</span> | ||
</h1> | </h1> | ||
− | <p class="hp-lead">Strengthening links between technologies and society for European disaster resilience.</p> | + | <p class="hp-lead"> |
+ | <span>Strengthening links between technologies and society for European disaster resilience.</span> | ||
+ | </p> | ||
<div class="hp-button-wrapper"> | <div class="hp-button-wrapper"> | ||
− | < | + | <a class="hp-large-button" href="/index.php/User_Guidance"> |
+ | <div style="display: flex; align-items: center;"> | ||
+ | <div> | ||
+ | <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="prefix__prefix__Livello_1" x="0" y="0" version="1.1" viewBox="0 0 128 128"> | ||
+ | <defs id="prefix__prefix__defs43"> | ||
+ | <path id="prefix__prefix__rect345" d="M977.382 473.479h642.714v494.395H977.382z"/> | ||
+ | </defs> | ||
+ | <style id="style2" type="text/css">.prefix__prefix__st0{fill:#fff}.prefix__prefix__st1,.prefix__prefix__st2{fill:currentColor}</style> | ||
+ | <g id="prefix__prefix__g38" transform="translate(-585.75 -578.105)"> | ||
+ | <ellipse id="prefix__prefix__circle4" cx="649.905" cy="642.245" stroke-width=".116" class="prefix__prefix__st0" rx="49.012" ry="48.98"/> | ||
+ | <path id="prefix__prefix__path6" stroke-width=".116" d="M649.905 587.962c-30 0-54.32 24.303-54.32 54.283s24.32 54.284 54.32 54.284 54.32-24.303 54.32-54.284c-.002-29.98-24.321-54.283-54.32-54.283zm0 101.565c-26.13 0-47.313-21.169-47.313-47.282 0-26.113 21.183-47.281 47.313-47.281 26.13 0 47.313 21.168 47.313 47.281s-21.183 47.282-47.313 47.282z" class="prefix__prefix__st1"/> | ||
+ | <g id="prefix__prefix__g16" transform="matrix(.11647 0 0 .11639 574.077 567.372)"> | ||
+ | <path id="prefix__prefix__polygon8" d="M649.51 640.66l38.15 143.56 291.19 185.79-185.78-291.2z" class="prefix__prefix__st2"/> | ||
+ | <path id="prefix__prefix__polygon10" d="M650.21 641.36l-38.15-143.55-291.19-185.79 185.79 291.2z" class="prefix__prefix__st2"/> | ||
+ | <path id="prefix__prefix__polygon12" d="M650.24 640.25L506.68 678.4 320.9 969.6l291.19-185.79z" class="prefix__prefix__st2"/> | ||
+ | <path id="prefix__prefix__polygon14" d="M649.97 640.52l143.56-38.15 185.79-291.19-291.2 185.78z" class="prefix__prefix__st2"/> | ||
+ | </g> | ||
+ | <path id="prefix__prefix__path18" stroke-width=".116" d="M649.905 603.864c-21.21 0-38.406 17.184-38.406 38.38 0 21.197 17.195 38.38 38.406 38.38 21.21 0 38.405-17.183 38.405-38.38 0-21.196-17.194-38.38-38.405-38.38zm0 74.706c-20.075 0-36.35-16.263-36.35-36.326s16.274-36.325 36.35-36.325 36.35 16.263 36.35 36.326-16.275 36.325-36.35 36.325z" class="prefix__prefix__st1"/> | ||
+ | <g id="prefix__prefix__g28" transform="matrix(.11647 0 0 .11639 574.077 567.372)"> | ||
+ | <path id="prefix__prefix__polygon20" d="M649.16 642.83l151.75 88.04 398.36-88.04-398.36-88.03z" class="prefix__prefix__st2"/> | ||
+ | <path id="prefix__prefix__polygon22" d="M650.33 642.83L498.58 554.8l-398.35 88.03 398.35 88.04z" class="prefix__prefix__st2"/> | ||
+ | <path id="prefix__prefix__polygon24" d="M649.43 641.88L561.4 793.64l88.03 398.35 88.03-398.35z" class="prefix__prefix__st2"/> | ||
+ | <path id="prefix__prefix__polygon26" d="M649.43 642.33l88.03-151.75-88.03-398.36-88.03 398.36z" class="prefix__prefix__st2"/> | ||
+ | </g> | ||
+ | <ellipse id="prefix__prefix__circle30" cx="649.769" cy="642.189" stroke-width=".116" class="prefix__prefix__st0" rx="13.741" ry="13.731"/> | ||
+ | </g> | ||
+ | </svg> | ||
+ | </div> | ||
+ | <div style="display: flex; flex-direction: column;"> | ||
+ | <span>User Guidance</span> | ||
+ | <span style="font-size: 50%; margin-left: .2em; line-height: 1em;">Navigate through the LINKS<br>Community Center!</span> | ||
+ | </div> | ||
+ | </div> | ||
+ | </a> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | <!-- HEADING END --> | ||
+ | <!-- MAIN BEGIN --> | ||
<div id="hp-main"> | <div id="hp-main"> | ||
− | <div class="hp-search"> | + | |
− | <input class="form-control form-control-lg" type="text" placeholder="Search"> | + | <!-- SNIPPETS BEGIN --> |
− | < | + | <div id="snippets"></div> |
+ | <link rel="stylesheet" href="https://assets.links.communitycenter.eu/v2/links/snippets/styles.css"> | ||
+ | <script src="https://assets.links.communitycenter.eu/v2/links/snippets/script.js"></script> | ||
+ | <!-- SNIPPETS END --> | ||
+ | |||
+ | <!-- SEARCH BEGIN --> | ||
+ | <script src="https://assets.links.communitycenter.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"> | ||
+ | <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 --> | ||
+ | <!-- AREAS BEGIN --> | ||
+ | <div class="hp-areas"> | ||
+ | <h2>Social Media and Crowdsourcing Libraries</h2> | ||
− | + | <!-- LINK --> | |
− | + | <a class="hp-area blue" href="https://links.communitycenter.eu/index.php/List_of_Disaster_Community_Technologies"> | |
− | |||
− | |||
− | <a class="hp-area blue"> | ||
<div class="hp-area-icon"> | <div class="hp-area-icon"> | ||
− | < | + | <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> | + | <p>Software for interaction with, within or among communities in case of a disaster and for analysis of these interactions.</p> |
− | + | </div> | |
− | </p> | + | <div class="hp-area-arrow">→</div> |
+ | </a> | ||
+ | |||
+ | <!-- LINK --> | ||
+ | <a class="hp-area orange" href="https://links.communitycenter.eu/index.php/List_of_Guidelines"> | ||
+ | <div class="hp-area-icon"> | ||
+ | <img src="https://assets.links.communitycenter.eu/v2/links/lib?q=2-gl_list.svg"> | ||
+ | </div> | ||
+ | <div class="hp-area-text"> | ||
+ | <h3>Guidelines</h3> | ||
+ | <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> | ||
</a> | </a> | ||
− | <a class="hp-area | + | <!-- LINK --> |
+ | <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://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> | + | <h3>Use Cases</h3> |
− | <p> | + | <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> | ||
</a> | </a> | ||
+ | |||
+ | <!-- LINK --> | ||
+ | <a class="hp-area yellow" href="https://links.communitycenter.eu/index.php/List_of_Crisis_Communication"> | ||
+ | <div class="hp-area-icon"> | ||
+ | <img src="https://assets.links.communitycenter.eu/v2/links/lib?q=4-cc_list.svg"> | ||
+ | </div> | ||
+ | <div class="hp-area-text"> | ||
+ | <h3>Crisis Communication</h3> | ||
+ | <p>Recommendations for efficient risk communication in disasters.</p> | ||
+ | </div> | ||
+ | <div class="hp-area-arrow">→</div> | ||
+ | </a> | ||
+ | |||
</div> | </div> | ||
+ | <!-- AREAS END --> | ||
+ | |||
</div> | </div> | ||
+ | <!-- MAIN END --> | ||
+ | |||
+ | <!-- PRODUCTS BEGIN --> | ||
+ | <div id="hp-products" class="container-fluid"> | ||
+ | <div class="row"> | ||
− | + | <!-- LINK --> | |
− | + | <div id="hp-feel-safe" class="col-12 col-lg-4"> | |
− | + | <a class="hp-area grey" href="https://links.communitycenter.eu/index.php/Feel_Safe"> | |
− | + | <div class="hp-area-icon"> | |
+ | <img src="https://assets.links.communitycenter.eu/v2/links/lib?q=prod-0.svg"> | ||
+ | </div> | ||
+ | <div class="hp-area-text"> | ||
+ | <h3>Feel Safe</h3> | ||
+ | <!-- <p>Feel Safe.</p> --> | ||
+ | </div> | ||
+ | </a> | ||
</div> | </div> | ||
− | <div class="hp-area-text"> | + | |
− | + | <!-- LINK --> | |
− | + | <div id="hp-handbook" class="col-12 col-lg-4"> | |
− | + | <a class="hp-area grey" href="https://links.communitycenter.eu/index.php/Including_Citizens_Handbook_-_Accessibility"> | |
− | </ | + | <div class="hp-area-icon"> |
+ | <img src="https://assets.links.communitycenter.eu/v2/links/lib?q=prod-1.svg"> | ||
+ | </div> | ||
+ | <div class="hp-area-text"> | ||
+ | <h3>Including Citizens Handbook</h3> | ||
+ | <!-- <p>Including Citizens Handbook.</p> --> | ||
+ | </div> | ||
+ | </a> | ||
</div> | </div> | ||
+ | |||
+ | <!-- LINK --> | ||
+ | <div id="hp-wheel" class="col-12 col-lg-4"> | ||
+ | <a class="hp-area grey" href="https://links.communitycenter.eu/index.php/Resilience_Wheel"> | ||
+ | <div class="hp-area-icon"> | ||
+ | <img src="https://assets.links.communitycenter.eu/v2/links/lib?q=prod-2.svg"> | ||
+ | </div> | ||
+ | <div class="hp-area-text"> | ||
+ | <h3>Resilience Wheel</h3> | ||
+ | <!-- <p>Resilience Wheel.</p> --> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | |||
</div> | </div> | ||
</div> | </div> | ||
+ | <!-- PRODUCTS END --> | ||
+ | |||
+ | <!-- COLLECTIONS BEGIN --> | ||
+ | <div id="hp-collections" class="container-fluid"> | ||
+ | <div class="row"> | ||
+ | <!-- LINK --> | ||
+ | <div id="hp-resources" class="col-12 col-lg-6"> | ||
+ | <a class="hp-area grey" href="https://links.communitycenter.eu/index.php/Helpful_resources"> | ||
+ | <div class="hp-area-icon"> | ||
+ | <img src="https://assets.links.communitycenter.eu/v2/links/lib?q=prod-3.svg"> | ||
+ | </div> | ||
+ | <div class="hp-area-text"> | ||
+ | <h3>Collection of Helpful Resources</h3> | ||
+ | <p>Browse some interesting or relevant websites and apps.</p> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | <!-- LINK --> | ||
+ | <div id="hp-networks" class="col-12 col-lg-6"> | ||
+ | <a class="hp-area grey" href="https://links.communitycenter.eu/index.php/Overview_of_Networks"> | ||
+ | <div class="hp-area-icon"> | ||
+ | <img src="https://assets.links.communitycenter.eu/v2/links/lib?q=prod-4.svg"> | ||
+ | </div> | ||
+ | <div class="hp-area-text"> | ||
+ | <h3>Collection of Networks</h3> | ||
+ | <p>Communities and interest groups relevant for the context of social media in disaster management. 0b</p> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <!-- COLLECTIONS END --> | ||
+ | |||
+ | <!-- FORUM SECTION BEGIN --> | ||
+ | <!-- | ||
<div id="hp-recent" class="container-fluid"> | <div id="hp-recent" class="container-fluid"> | ||
<div class="row"> | <div class="row"> | ||
Line 185: | Line 228: | ||
<h3 class="text-center">News and Activities</h3> | <h3 class="text-center">News and Activities</h3> | ||
<div class="h-100"> | <div class="h-100"> | ||
− | <div id="recent-changes"></div> | + | <div id="recent-changes"> |
+ | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
− | </div></div></includeonly> | + | </div> |
+ | --> | ||
+ | <!-- FORUM SECTION END --> | ||
+ | |||
+ | </div> | ||
+ | <!-- HP END --> | ||
+ | |||
+ | <!-- BEGIN SAFETY.WIDGET --> | ||
+ | <link rel="stylesheet" href="https://assets.links.communitycenter.eu/v2/widget/styles.css"> | ||
+ | <div id="safety-widget"></div> | ||
+ | <script src="https://assets.links.communitycenter.eu/v2/widget/script.js"></script> | ||
+ | <!-- END SAFETY.WIDGET --> | ||
+ | |||
+ | </includeonly> |
Latest revision as of 09:41, 2 October 2024
Second version of the LINKS Community Center homepage.
Do not modify!