Widget: HomePageOld: Difference between revisions

From LINKS Community Center
Jump to: navigation, search
Kiehl (talk | contribs)
No edit summary
Marterer (talk | contribs)
No edit summary
 
(25 intermediate revisions by 4 users not shown)
Line 1: Line 1:
<div id="links-homepage">
<noinclude>Second version of the LINKS Community Center homepage.<br><strong style="color: red;">Do not modify!</strong></noinclude>
<includeonly>


<!--kie hacky changes start -->
<!-- STYLES BEGIN -->
<link rel="stylesheet" href="https://assets.links.communitycenter.eu/v2/links/homepage/styles_v2.css">
<!-- STYLES END -->


<p style="border:3px; border-style:solid; border-color:#FF0000; padding: 1em;">This page displays the current <b>development</b> status of the LINKS Community Center.<br>
    <!-- HP BEGIN -->
Note that, at this stage, the information presented is meant to showcase various features and should <b>not</b> be taken at face value.</p>
    <div id="hp-wrapper">
<div class="links-divider"></div>


<!--kie hacky changes end -->
        <!-- HEADING BEGIN -->
        <div id="hp-heading">
            <h1 translate="no">
                <span>LINKS</span>
                <span>Community</span>
                <span>Center</span>
            </h1>
            <p class="hp-lead">
                <span>Strengthening links between technologies and&nbsp;society for&nbsp;European disaster resilience.</span>
            </p>
            <div class="hp-button-wrapper">
                <a class="hp-large-button" href="/index.php/User_Guidance">
                    <div style="display: flex; align-items: center;">
                        <div>
                           
                        </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>
        <!-- HEADING END -->
 
        <!-- MAIN BEGIN -->
        <div id="hp-main">
   
            <!-- SNIPPETS BEGIN -->
            <div id="snippets"></div>
            <link rel="stylesheet" href="https://api.safety-base.eu/v2/links/snippets/styles.css">
            <script src="https://api.safety-base.eu/v2/links/snippets/script.js"></script>
            <!-- SNIPPETS END -->
       
            <!-- 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">
                    <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>


<div class="d-flex justify-content-between">
                <!-- LINK -->
  <div>
                <a class="hp-area blue" href="https://links.communitycenter.eu/index.php/List_of_Disaster_Community_Technologies">
    <p class="display-4">LINKS Community Center</p>
                    <div class="hp-area-icon">
    <p class="lead">Strengthening links between technologies and&nbsp;society for&nbsp;European disaster resilience.</p>
                        <img src="https://api.safety-base.eu/v2/links/lib?q=1-dct_list.svg">
  </div>
                    </div>
  <div class="align-self-center">
                    <div class="hp-area-text">
    <a class="links-button" href="https://links.communitycenter.eu/index.php/Getting_started">
                        <h3>Technologies</h3>
      <!-- <svg width="59" height="59" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="hidden"><defs><clipPath id="clip12"><rect x="399" y="548" width="59" height="59"/></clipPath></defs><g clip-path="url(#clip12)" transform="translate(-399 -548)"><path d="M428.5 554.146C415.594 554.146 405.146 564.594 405.146 577.5 405.146 590.406 415.594 600.854 428.5 600.854 441.406 600.854 451.854 590.406 451.854 577.5 451.854 564.594 441.406 554.146 428.5 554.146ZM427.271 560.292C428.992 560.292 430.344 561.644 430.344 563.365 430.344 565.085 428.992 566.438 427.271 566.438 425.55 566.438 424.198 565.085 424.198 563.365 424.198 561.644 425.55 560.292 427.271 560.292ZM434.646 594.708 422.354 594.708 422.354 591.021 426.656 591.021 426.656 572.583 422.969 572.583 422.969 568.896 430.344 568.896 430.344 572.583 430.344 591.021 434.646 591.021 434.646 594.708Z" /></g></svg> -->
                        <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>
      <span>Getting started</span>
                    </div>
    </a>
                    <div class="hp-area-arrow">&rarr;</div>
  </div>
                </a>
</div>


<div class="links-divider"></div>
                <!-- LINK -->
                <a class="hp-area orange" href="https://links.communitycenter.eu/index.php/List_of_Guidelines">
                    <div class="hp-area-icon">
                        <img src="https://api.safety-base.eu/v2/links/lib?q=2-gl_list.svg">
                    </div>
                    <div class="hp-area-text">
                        <h3>Guidelines</h3>
                        <p>Expert guidelines for&nbsp;usage of&nbsp;social media and&nbsp;crowdsourcing in&nbsp;disasters.</p>
                    </div>
                    <div class="hp-area-arrow">&rarr;</div>
                </a>


<div class="container-fluid my-5">
                <!-- LINK -->
  <div class="row">
                <a class="hp-area cyan" href="https://links.communitycenter.eu/index.php/List_of_Use_Cases">
    <div class="col p-0">
                    <div class="hp-area-icon">
      <a class="links-tile" href="https://links.communitycenter.eu/index.php/List_of_Disaster_Community_Technologies">
                        <img src="https://api.safety-base.eu/v2/links/lib?q=3-uc_list.svg">
        <svg width="59" height="59" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="hidden"><defs><clipPath id="clip0"><rect x="548" y="548" width="59" height="59"/></clipPath></defs><g clip-path="url(#clip0)" transform="translate(-548 -548)"><path d="M594.708 584.875 560.292 584.875 560.292 563.979 594.708 563.979 594.708 584.875ZM598.396 562.75C598.396 561.398 597.29 560.292 595.938 560.292L559.062 560.292C557.71 560.292 556.604 561.398 556.604 562.75L556.604 588.562 598.396 588.562 598.396 562.75Z" /><path d="M581.188 591.021 581.188 591.635C581.188 592.004 580.942 592.25 580.573 592.25L574.427 592.25C574.058 592.25 573.812 592.004 573.812 591.635L573.812 591.021 549.229 591.021 549.229 592.25C549.229 593.602 550.335 594.708 551.688 594.708L603.312 594.708C604.665 594.708 605.771 593.602 605.771 592.25L605.771 591.021 581.188 591.021Z" /></g></svg>
                    </div>
         <div class="links-tile-title">Tools</div>
                    <div class="hp-area-text">
      </a>
                        <h3>Use Cases</h3>
    </div>
                        <p>Practical use cases for&nbsp;social media and&nbsp;crowdsourcing in&nbsp;disasters.</p>
    <div class="col p-0 mx-3">
                    </div>
      <a class="links-tile" href="https://links.communitycenter.eu/index.php/List_of_Guidelines">
                    <div class="hp-area-arrow">&rarr;</div>
      <svg width="52" height="53" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="hidden"><defs><clipPath id="clip5"><rect x="749" y="282" width="52" height="53"/></clipPath></defs><g clip-path="url(#clip5)" transform="translate(-749 -282)"><path d="M10.8333 4.44167 14.0833 4.44167 14.0833 47.6667 10.8333 47.6667Z" transform="matrix(1 0 0 1.01923 749 282)"/><path d="M36.2917 20.5833 21.125 20.5833 21.125 17.3333 36.2917 17.3333 36.2917 20.5833ZM33.0417 26 24.6458 26 24.6458 23.8333 33.0417 23.8333 33.0417 26ZM39 4.33333 16.25 4.44167 16.25 47.6667 39 47.6667C40.1917 47.6667 41.1667 46.6917 41.1667 45.5L41.1667 6.5C41.1667 5.30833 40.1917 4.33333 39 4.33333Z" transform="matrix(1 0 0 1.01923 749 282)"/></g></svg>
                </a>
        <div class="links-tile-title">Guidelines</div>
               
      </a>
                <!-- LINK -->
    </div>
                <a class="hp-area yellow" href="https://links.communitycenter.eu/index.php/List_of_Crisis_Communication">
    <div class="col p-0">
                    <div class="hp-area-icon">
      <a class="links-tile" href="https://links.communitycenter.eu/index.php/Disaster_risk_perception_and_vulnerability">
                        <img src="https://api.safety-base.eu/v2/links/lib?q=4-cc_list.svg">
        <svg width="48" height="49" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="hidden"><defs><clipPath id="clip2"><rect x="553" y="282" width="48" height="49"/></clipPath></defs><g clip-path="url(#clip2)" transform="translate(-553 -282)"><path d="M40 8.1C40 10.033 38.433 11.6 36.5 11.6 34.567 11.6 33 10.033 33 8.1 33 6.167 34.567 4.6 36.5 4.6 38.433 4.6 40 6.167 40 8.1Z" transform="matrix(1 0 0 1.02083 553 282)"/><path d="M15 8.1C15 10.033 13.433 11.6 11.5 11.6 9.567 11.6 8 10.033 8 8.1 8 6.167 9.567 4.6 11.5 4.6 13.433 4.6 15 6.167 15 8.1Z" transform="matrix(1 0 0 1.02083 553 282)"/><path d="M27.5 8.1C27.5 10.033 25.933 11.6 24 11.6 22.067 11.6 20.5 10.033 20.5 8.1 20.5 6.167 22.067 4.6 24 4.6 25.933 4.6 27.5 6.167 27.5 8.1Z" transform="matrix(1 0 0 1.02083 553 282)"/><path d="M32.9 24.4 30.65 16.1C30.55 15.8 30.4 15.5 30.2 15.3 29.25 14.3 28.05 13.55 26.75 13.1 25.9 12.8 25 12.65 24.05 12.65 23.1 12.65 22.2 12.8 21.35 13.1 20 13.55 18.85 14.3 17.9 15.3 17.7 15.55 17.55 15.8 17.45 16.1L15.2 24.4C15 25.2 15.4 26.1 16.25 26.3 16.4 26.35 16.5 26.35 16.65 26.35 17.3 26.35 17.9 25.9 18.1 25.25L20.1 17.95 20.1 43.4 23.1 43.4 23.1 29.1 25.1 29.1 25.1 43.35 28.1 43.35 28.1 17.95 30.1 25.25C30.3 25.9 30.9 26.35 31.55 26.35 31.7 26.35 31.8 26.35 31.95 26.3 32.65 26.1 33.1 25.2 32.9 24.4Z" transform="matrix(1 0 0 1.02083 553 282)"/><path d="M14.15 24.15 16.4 15.85C16.5 15.4 16.75 15 17 14.65 16.2 13.95 15.2 13.4 14.15 13.05 13.3 12.75 12.4 12.6 11.45 12.6 10.5 12.6 9.6 12.75 8.75 13.05 7.4 13.5 6.25 14.25 5.3 15.25 5.1 15.5 4.95 15.75 4.85 16.05L2.6 24.4C2.4 25.2 2.8 26.1 3.65 26.3 3.8 26.35 3.9 26.35 4.05 26.35 4.7 26.35 5.3 25.9 5.5 25.25L7.5 17.95 7.5 43.4 10.5 43.4 10.5 29.1 12.5 29.1 12.5 43.35 15.5 43.35 15.5 27.15C14.45 26.65 13.85 25.4 14.15 24.15Z" transform="matrix(1 0 0 1.02083 553 282)"/><path d="M45.4 24.4 43.1 16.1C43 15.8 42.85 15.5 42.65 15.3 41.7 14.3 40.5 13.55 39.2 13.1 38.35 12.8 37.45 12.65 36.5 12.65 35.55 12.65 34.65 12.8 33.8 13.1 32.75 13.45 31.8 14 30.95 14.7 31.25 15.05 31.45 15.45 31.55 15.85L33.8 24.15C34.15 25.4 33.5 26.65 32.45 27.15L32.45 43.4 35.45 43.4 35.45 29.1 37.45 29.1 37.45 43.35 40.45 43.35 40.45 17.95 42.45 25.25C42.65 25.9 43.25 26.35 43.9 26.35 44.05 26.35 44.15 26.35 44.3 26.3 45.15 26.1 45.6 25.2 45.4 24.4Z" transform="matrix(1 0 0 1.02083 553 282)"/></g></svg>
                    </div>
        <div class="links-tile-title">Disaster Risk Perception and&nbsp;Vulnerability</div>
                    <div class="hp-area-text">
      </a>
                        <h3>Crisis Communication</h3>
    </div>
                        <p>Recommendations for&nbsp;efficient risk communication in&nbsp;disasters.</p>
  </div>
                    </div>
  <div class="row my-3">
                    <div class="hp-area-arrow">&rarr;</div>
    <div class="col p-0">
                </a>
      <a class="links-tile" href="https://links.communitycenter.eu/index.php/Practice_Examples">
               
        <svg width="55" height="55" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="hidden"><defs><clipPath id="clip3"><rect x="657" y="442" width="55" height="55"/></clipPath></defs><g clip-path="url(#clip3)" transform="translate(-657 -442)"><path d="M684.5 447.729C672.469 447.729 662.729 457.469 662.729 469.5 662.729 481.531 672.469 491.271 684.5 491.271 696.531 491.271 706.271 481.531 706.271 469.5 706.271 457.469 696.531 447.729 684.5 447.729ZM684.5 488.979C673.786 488.979 665.021 480.214 665.021 469.5 665.021 458.786 673.786 450.021 684.5 450.021 687.307 450.021 689.943 450.594 692.349 451.682L690.516 453.172C690.286 453.344 690.057 453.458 689.771 453.458L688.682 453.458C688.568 453.458 688.396 453.458 688.281 453.401 688.281 453.401 685.474 451.74 683.87 451.74 682.323 451.74 679.802 452.714 678.714 453.458 677.052 454.547 678.828 455.062 679.229 455.177 679.286 455.177 679.344 455.177 679.344 455.177L680.948 455.177C681.349 455.177 681.693 455.005 681.922 454.661L682.552 453.688C682.667 453.516 682.839 453.458 683.01 453.458L683.927 453.458 682.724 455.464C682.438 455.979 681.865 456.323 681.234 456.323L679.688 456.323C679.458 456.323 679.229 456.38 679.057 456.495L677.625 457.469 676.479 457.469C676.135 457.469 675.906 457.698 675.906 458.042L675.906 458.615C675.906 458.958 675.677 459.188 675.333 459.188L674.818 459.188C674.417 459.188 674.073 459.359 673.844 459.703L673.156 460.792C673.099 460.906 673.042 461.021 673.042 461.135L673.042 461.479C673.042 461.823 673.271 462.052 673.615 462.052L675.677 462.052C675.849 462.052 675.964 461.995 676.078 461.88L677.854 460.104C678.083 459.875 678.37 459.76 678.656 459.76L678.885 459.76C679.172 459.76 679.401 459.932 679.458 460.219L679.802 461.651C679.859 461.88 680.089 462.109 680.375 462.109L680.49 462.109C680.833 462.109 681.062 461.88 681.062 461.536L681.062 460.047C681.062 459.875 681.12 459.76 681.234 459.646L681.635 459.188 682.094 460.505C682.151 460.734 682.38 460.906 682.609 460.906L683.125 460.906C683.297 460.906 683.411 460.849 683.526 460.734L683.755 460.505C683.87 460.391 683.984 460.333 684.156 460.333L684.5 460.333C684.844 460.333 685.073 460.562 685.073 460.906L685.073 461.479C685.073 461.823 685.302 462.052 685.646 462.052L687.708 462.052C688.109 462.052 688.396 462.453 688.224 462.797L688.052 463.312C687.938 463.599 687.708 463.771 687.422 463.714L684.672 463.255C684.557 463.255 684.385 463.255 684.271 463.255L681.922 463.714C681.693 463.771 681.521 463.714 681.292 463.656 680.547 463.37 678.484 462.625 677.625 462.625 670.807 462.625 670.75 467.208 670.75 468.927 670.75 471.219 672.068 472.938 674.188 472.938 676.708 472.938 679.917 472.823 679.917 477.521L679.917 481.073C679.917 481.76 680.146 482.391 680.604 482.906L682.266 484.911C682.609 485.312 683.068 485.542 683.583 485.542L684.958 485.542C685.417 485.542 685.875 485.37 686.161 485.026L687.536 483.651C687.823 483.365 687.995 483.078 688.167 482.734L689.312 480.385C689.484 479.984 689.599 479.526 689.599 479.125L689.599 476.49C689.599 476.031 689.771 475.573 690.115 475.286L693.151 472.25C693.38 472.021 693.38 471.562 693.094 471.391 693.094 471.391 689.656 469.443 687.766 465.776 687.594 465.375 687.823 464.917 688.281 464.917L688.51 464.917 691.776 469.156C692.177 469.672 692.922 469.729 693.438 469.328L695.328 467.724C695.615 467.495 695.615 466.979 695.271 466.807L693.552 465.776C693.323 465.604 693.208 465.318 693.323 465.031L693.38 464.917C693.552 464.63 693.896 464.516 694.182 464.688L696.245 465.948C696.417 466.062 696.646 466.12 696.818 466.12L697.448 466.12C697.906 466.12 698.307 466.406 698.479 466.807L700.141 470.589C700.312 470.99 700.714 471.276 701.172 471.276L701.172 471.276C701.688 471.276 702.146 470.818 702.146 470.302L702.146 468.698C702.146 468.526 702.203 468.354 702.375 468.24L703.693 467.208C703.807 467.953 703.865 468.755 703.865 469.557 703.979 480.214 695.214 488.979 684.5 488.979Z" /><path d="M674.188 457.469 674.188 458.042 674.76 458.042C675.104 458.042 675.333 457.812 675.333 457.469L675.333 456.896 675.906 456.896 675.906 455.979C675.906 455.807 675.849 455.693 675.734 455.578L675.161 455.005C674.932 454.776 674.589 454.776 674.359 455.005L673.443 455.922C673.214 456.151 673.214 456.495 673.443 456.724L674.188 457.469Z" /></g></svg>
            </div>
        <div class="links-tile-title">Practice Examples</div>
            <!-- AREAS END -->
      </a>
 
    </div>
         </div>
    <div class="col p-0 mx-3">
        <!-- MAIN END -->
      <a class="links-tile" href="https://links.communitycenter.eu/index.php/Research_results">
               
      <svg width="52" height="53" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="hidden"><defs><clipPath id="clip4"><rect x="749" y="282" width="52" height="53"/></clipPath></defs><g clip-path="url(#clip4)" transform="translate(-749 -282)"><path d="M39.2708 34.1792C38.4042 33.3125 37.1042 32.8792 35.9125 33.15L33.475 30.7667C35.6417 27.95 36.8333 24.4833 36.8333 20.9083 36.8875 11.8625 29.575 4.55 20.5833 4.49583 11.5917 4.44167 4.27917 11.7542 4.225 20.7458 4.17083 29.7375 11.4833 37.05 20.475 37.1042 24.05 37.1042 27.5708 35.9125 30.4417 33.7458L32.825 36.1292C32.6083 37.375 32.9875 38.6208 33.8542 39.5417L40.625 46.3125C42.0875 47.775 44.525 47.775 45.9875 46.3125 47.45 44.85 47.45 42.4125 45.9875 40.95L39.2708 34.1792ZM20.5833 33.8542C13.3792 33.8542 7.58333 28.0583 7.58333 20.8542 7.58333 13.65 13.3792 7.85417 20.5833 7.85417 27.7875 7.85417 33.5833 13.65 33.5833 20.8542 33.5833 28.0042 27.7333 33.8542 20.5833 33.8542Z" transform="matrix(1 0 0 1.01923 749 282)"/><path d="M32.2292 20.0417 29.1417 20.0417C28.8708 20.0958 28.6 20.2583 28.4375 20.475L26.3792 22.6958 24.6458 16.6833C24.4833 16.1958 23.9417 15.8708 23.4542 16.0333 23.1833 16.1417 22.9125 16.3042 22.8042 16.6292L19.5542 25.2417 17.3333 13.325C17.225 12.7833 16.7375 12.4583 16.25 12.5667 15.925 12.6208 15.6542 12.8917 15.4917 13.2167L13.1625 20.0417 8.9375 20.0417 8.9375 22.2083 13.8667 22.2083C14.3 22.1542 14.6792 21.8292 14.7875 21.3958L16.1417 17.2792 18.3083 28.925C18.3625 29.3583 18.7417 29.6833 19.175 29.6833L19.2833 29.6833C19.6625 29.6833 20.0417 29.4667 20.2042 29.0875L23.6708 19.9875 25.0792 24.8625C25.2417 25.35 25.7292 25.675 26.2708 25.5125 26.4333 25.4583 26.5958 25.35 26.7042 25.2417L29.6292 22.2083 32.2833 22.2083 32.2833 20.0417Z" transform="matrix(1 0 0 1.01923 749 282)"/></g></svg>
        <!-- PRODUCTS BEGIN -->
        <div class="links-tile-title">Research Results</div>
        <div id="hp-products" class="container-fluid">
      </a>
            <div class="row">
    </div>
 
    <div class="col p-0">
                <!-- LINK -->
      <a class="links-tile" href="#">
                <div id="hp-feel-safe" class="col-12 col-lg-4">
      <svg width="52" height="53" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="hidden"><defs><clipPath id="clip5"><rect x="749" y="282" width="52" height="53"/></clipPath></defs><g clip-path="url(#clip5)" transform="translate(-749 -282)"><path d="M10.8333 4.44167 14.0833 4.44167 14.0833 47.6667 10.8333 47.6667Z" transform="matrix(1 0 0 1.01923 749 282)"/><path d="M36.2917 20.5833 21.125 20.5833 21.125 17.3333 36.2917 17.3333 36.2917 20.5833ZM33.0417 26 24.6458 26 24.6458 23.8333 33.0417 23.8333 33.0417 26ZM39 4.33333 16.25 4.44167 16.25 47.6667 39 47.6667C40.1917 47.6667 41.1667 46.6917 41.1667 45.5L41.1667 6.5C41.1667 5.30833 40.1917 4.33333 39 4.33333Z" transform="matrix(1 0 0 1.01923 749 282)"/></g></svg>
                    <a class="hp-area grey" href="https://links.communitycenter.eu/index.php/Feel_Safe">
        <div class="links-tile-title">TBD</div>
                        <div class="hp-area-icon">
      </a>
                            <img src="https://api.safety-base.eu/v2/links/lib?q=prod-0.svg">
    </div>
                        </div>
  </div>
                        <div class="hp-area-text">
  <div class="row my-3">
                            <h3>Feel Safe</h3>
    <div class="col p-0">
                            <!-- <p>Feel Safe.</p> -->
      <a class="links-tile" href="https://links.communitycenter.eu/index.php/Events">
                        </div>
        <svg width="59" height="59" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="hidden"><defs><clipPath id="clip6"><rect x="310" y="514" width="59" height="59"/></clipPath></defs><g clip-path="url(#clip6)" transform="translate(-310 -514)"><path d="M363.96 525.677 324.627 525.677C323.275 525.677 322.169 526.783 322.169 528.135L322.169 537.047C322.845 536.862 323.644 536.74 324.381 536.74 324.873 536.74 325.365 536.801 325.856 536.862L325.856 529.365 362.731 529.365 362.731 552.719 341.897 552.719 338.394 556.406 363.96 556.406C365.312 556.406 366.419 555.3 366.419 553.948L366.419 528.135C366.419 526.783 365.312 525.677 363.96 525.677"/><path d="M324.443 549.646C327.331 549.646 329.667 547.31 329.667 544.422 329.667 541.533 327.331 539.198 324.443 539.198 321.554 539.198 319.219 541.533 319.219 544.422 319.157 547.31 321.554 549.646 324.443 549.646"/><path d="M344.54 543.561C343.741 542.332 342.143 542.025 340.914 542.763 340.668 542.885 340.545 543.131 340.422 543.254L331.449 552.596C330.589 552.166 329.667 551.797 328.745 551.49 327.331 551.244 325.856 550.936 324.443 550.936 323.029 550.936 321.554 551.182 320.141 551.612 318.051 552.166 316.207 553.21 314.671 554.501 314.302 554.87 313.995 555.423 313.872 555.915L312.581 561.323 330.957 561.323 330.957 561.261 336.181 555.177 344.232 546.696C344.97 545.958 345.216 544.545 344.54 543.561"/></g></svg>
                    </a>
        <div class="links-tile-title">Events</div>
                </div>
      </a>
                       
    </div>
                <!-- LINK -->
    <div class="col p-0 mx-3">
                <div id="hp-handbook" class="col-12 col-lg-4">
      <a class="links-tile" href="https://links.communitycenter.eu/index.php/Members">
                    <a class="hp-area grey" href="https://links.communitycenter.eu/index.php/Including_Citizens_Handbook_-_Accessibility">
        <svg width="68" height="68" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="hidden"><defs><clipPath id="clip7"><rect x="549" y="161" width="68" height="68"/></clipPath></defs><g clip-path="url(#clip7)" transform="translate(-549 -161)"><path d="M572.375 182.817C572.375 186.337 569.521 189.192 566 189.192 562.479 189.192 559.625 186.337 559.625 182.817 559.625 179.296 562.479 176.442 566 176.442 569.521 176.442 572.375 179.296 572.375 182.817Z" /><path d="M606.375 182.817C606.375 186.337 603.521 189.192 600 189.192 596.479 189.192 593.625 186.337 593.625 182.817 593.625 179.296 596.479 176.442 600 176.442 603.521 176.442 606.375 179.296 606.375 182.817Z" /><path d="M595.75 213.558 595.75 207.183C595.75 206.192 595.325 205.2 594.475 204.633 592.775 203.217 590.508 202.225 588.242 201.658 586.683 201.233 584.842 200.808 583 200.808 581.3 200.808 579.458 201.092 577.758 201.658 575.492 202.225 573.367 203.358 571.525 204.633 570.675 205.342 570.25 206.192 570.25 207.183L570.25 213.558 595.75 213.558Z" /><path d="M589.375 192.733C589.375 196.254 586.521 199.108 583 199.108 579.479 199.108 576.625 196.254 576.625 192.733 576.625 189.213 579.479 186.358 583 186.358 586.521 186.358 589.375 189.213 589.375 192.733Z" /><path d="M611.475 194.717C609.775 193.3 607.508 192.308 605.242 191.742 603.683 191.317 601.842 190.892 600 190.892 598.3 190.892 596.458 191.175 594.758 191.742 593.908 192.025 593.058 192.308 592.208 192.733L592.208 192.875C592.208 195.283 591.217 197.55 589.658 199.108 592.35 199.958 594.475 201.092 596.175 202.367 596.6 202.792 597.025 203.075 597.308 203.642L612.75 203.642 612.75 197.267C612.75 196.275 612.325 195.283 611.475 194.717Z" /><path d="M569.825 202.367 569.825 202.367C571.808 200.95 574.075 199.817 576.342 199.108 574.783 197.408 573.792 195.283 573.792 192.875 573.792 192.733 573.792 192.733 573.792 192.592 572.942 192.308 572.092 191.883 571.242 191.742 569.683 191.317 567.842 190.892 566 190.892 564.3 190.892 562.458 191.175 560.758 191.742 558.492 192.45 556.367 193.442 554.525 194.717 553.675 195.283 553.25 196.275 553.25 197.267L553.25 203.642 568.55 203.642C568.975 203.075 569.258 202.792 569.825 202.367Z" /></g></svg>
                        <div class="hp-area-icon">
        <div class="links-tile-title">Members</div>
                            <img src="https://api.safety-base.eu/v2/links/lib?q=prod-1.svg">
      </a>
                        </div>
    </div>
                        <div class="hp-area-text">
    <div class="col p-0">
                            <h3>Including Citizens Handbook</h3>
      <a class="links-tile" href="https://links.communitycenter.eu/index.php/Overview_of_Networks">
                            <!-- <p>Including Citizens Handbook.</p> -->
      <svg width="51" height="51" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="hidden"><defs><clipPath id="clip8"><rect x="937" y="550" width="51" height="51"/></clipPath></defs><g clip-path="url(#clip8)" transform="translate(-937 -550)"><path d="M985.131 569.284 982.369 568.275 982.369 562.484 985.131 561.316 966.431 554.409 943.694 562.378C941.516 563.441 941.463 566.362 941.463 568.753 941.463 569.55 941.569 570.347 941.728 571.091 939.922 572.259 939.869 574.969 939.869 577.253 939.869 579.112 940.294 580.812 941.463 581.875 941.197 582.778 941.356 583.894 941.356 585.222 941.356 587.612 941.994 589.791 944.119 590.534L958.888 596.644 985.025 585.806 982.263 584.797 982.263 578.953 985.025 577.784 980.775 576.191 980.775 571.091 985.131 569.284ZM944.331 566.097 959.1 571.888 980.297 563.334 980.297 567.903 959.1 576.722 944.331 570.878 944.331 566.097ZM980.191 584.425 958.994 593.191 944.172 587.347 944.172 583.203 957.4 588.622 980.244 579.591 980.191 584.425ZM978.703 576.456 957.506 585.222 942.737 579.378 942.737 574.597 957.931 580.653 978.756 571.941 978.756 576.456Z" /></g></svg>
                        </div>
        <div class="links-tile-title">Networks</div>
                    </a>
      </a>
                </div>
    </div>
 
  </div>
                <!-- LINK -->
  <div class="row">
                <div id="hp-wheel" class="col-12 col-lg-4">
    <div class="col p-0">
                    <a class="hp-area grey" href="https://links.communitycenter.eu/index.php/Resilience_Wheel">
      <a class="links-tile" href="https://idm.safetyid.eu/auth/realms/safetyid/account/#/">
                        <div class="hp-area-icon">
        <svg width="59" height="59" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="hidden"><defs><clipPath id="clip11"><rect x="399" y="548" width="59" height="59"/></clipPath></defs><g clip-path="url(#clip11)" transform="translate(-399 -548)"><path d="M438.333 566.438C438.333 571.868 433.931 576.271 428.5 576.271 423.069 576.271 418.667 571.868 418.667 566.438 418.667 561.007 423.069 556.604 428.5 556.604 433.931 556.604 438.333 561.007 438.333 566.438Z" /><path d="M448.167 598.396 448.167 588.562C448.167 587.088 447.429 585.612 446.2 584.629 443.496 582.417 440.054 580.942 436.612 579.958 434.154 579.221 431.45 578.729 428.5 578.729 425.796 578.729 423.092 579.221 420.388 579.958 416.946 580.942 413.504 582.662 410.8 584.629 409.571 585.612 408.833 587.088 408.833 588.562L408.833 598.396 448.167 598.396Z" /></g></svg>
                            <img src="https://api.safety-base.eu/v2/links/lib?q=prod-2.svg">
        <div class="links-tile-title">Registration</div>
                        </div>
      </a>
                        <div class="hp-area-text">
    </div>
                            <h3>Resilience Wheel</h3>
    <div class="col p-0 mx-3">
                            <!-- <p>Resilience Wheel.</p> -->
      <a class="links-tile" href="https://forum.links.communitycenter.eu/">
                        </div>
        <svg width="59" height="59" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="hidden"><defs><clipPath id="clip9"><rect x="399" y="548" width="59" height="59"/></clipPath></defs><g clip-path="url(#clip9)" transform="translate(-399 -548)"><path d="M432.802 564.532C432.802 566.929 430.897 568.834 428.5 568.834 426.103 568.834 424.198 566.929 424.198 564.532 424.198 562.135 426.103 560.23 428.5 560.23 430.897 560.23 432.802 562.197 432.802 564.532" /><path d="M450.01 566.991C450.01 569.388 448.105 571.293 445.708 571.293 443.311 571.293 441.406 569.388 441.406 566.991 441.406 564.594 443.311 562.689 445.708 562.689 448.105 562.689 450.01 564.594 450.01 566.991" /><path d="M415.594 566.991C415.594 569.388 413.689 571.293 411.292 571.293 408.895 571.293 406.99 569.388 406.99 566.991 406.99 564.594 408.895 562.689 411.292 562.689 413.689 562.689 415.594 564.594 415.594 566.991" /><path d="M404.285 594.77C404.285 585.797 415.102 578.545 428.5 578.545 441.836 578.545 452.715 585.797 452.715 594.77L404.285 594.77Z" /><path d="M409.817 580.819C412.398 579.098 415.409 577.746 418.667 576.885L418.667 576.209C418.667 575.533 418.359 574.857 417.929 574.427 417.745 574.243 417.315 573.997 416.761 573.751 413.381 572.153 409.386 572.153 405.945 573.69 405.33 573.935 404.839 574.243 404.593 574.427 404.224 574.857 403.917 575.533 403.917 576.209L403.917 586.657C405.33 584.506 407.297 582.478 409.817 580.819" /><path d="M435.875 576.271 435.875 573.751C435.875 573.075 435.568 572.399 435.138 571.969 434.953 571.784 434.523 571.539 433.97 571.293 430.59 569.695 426.595 569.695 423.153 571.231 422.539 571.477 422.047 571.784 421.801 571.969 421.309 572.399 421.064 573.075 421.064 573.751L421.064 576.271C423.46 575.779 425.919 575.533 428.439 575.533 430.958 575.533 433.478 575.841 435.875 576.271" /><path d="M453.083 586.657 453.083 576.209C453.083 575.533 452.776 574.857 452.346 574.427 452.161 574.243 451.731 573.997 451.178 573.751 447.798 572.153 443.803 572.153 440.361 573.69 439.747 573.935 439.255 574.243 439.009 574.427 438.518 574.857 438.272 575.533 438.272 576.209L438.272 576.885C441.529 577.746 444.541 579.098 447.122 580.819 449.703 582.478 451.67 584.506 453.083 586.657" /></g></svg>
                    </a>
        <div class="links-tile-title">Forum</div>
                </div>
      </a>
 
    </div>
            </div>
    <div class="col p-0">
        </div>
      <a class="links-tile" href="https://cloud.links.communitycenter.eu/">
        <!-- PRODUCTS END -->
        <svg width="59" height="59" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="hidden"><defs><clipPath id="clip10"><rect x="399" y="548" width="59" height="59"/></clipPath></defs><g clip-path="url(#clip10)" transform="translate(-399 -548)"><path d="M438.044 578.274 434.062 582.257 430.073 578.274 432.298 578.274C431.546 576.808 430.037 575.886 428.389 575.884 427.326 575.885 426.301 576.276 425.507 576.984L421.457 576.984C423.261 573.151 427.831 571.507 431.663 573.311 433.709 574.274 435.225 576.09 435.807 578.274Z" /><path d="M418.759 582.257 422.747 578.274 426.73 582.257 424.487 582.257C425.237 583.722 426.743 584.644 428.389 584.648 429.454 584.647 430.482 584.256 431.278 583.547L435.346 583.547C433.536 587.385 428.958 589.028 425.121 587.218 423.077 586.254 421.562 584.439 420.978 582.257Z" /><path d="M447.386 594.708C452.693 594.583 456.894 590.179 456.768 584.872 456.657 580.189 453.188 576.268 448.554 575.589 448.064 572.583 446.413 569.89 443.957 568.091 441.414 566.289 438.239 565.622 435.187 566.247 432.184 561.61 426.583 559.372 421.211 560.66 415.975 562.009 412.063 566.372 411.292 571.723 407.804 571.817 404.551 573.504 402.466 576.302 399.996 579.733 399.546 584.223 401.286 588.077 403.06 591.876 406.774 594.396 410.96 594.641ZM411.126 590.824C408.345 590.649 405.879 588.975 404.691 586.454 403.538 583.886 403.835 580.898 405.472 578.606 407.145 576.355 409.929 575.219 412.699 575.656L414.881 576.019 414.881 573.61C414.902 569.257 417.86 565.468 422.078 564.391 426.309 563.371 430.685 565.41 432.624 569.308L433.367 570.789 434.91 570.242C437.218 569.426 439.779 569.784 441.775 571.201 443.76 572.654 444.935 574.966 444.94 577.426L444.94 579.344 447.448 579.344C450.633 579.463 453.118 582.142 452.998 585.327 452.884 588.368 450.428 590.798 447.386 590.879Z" /></g></svg>
       
        <div class="links-tile-title">Cloud</div>
        <!-- COLLECTIONS BEGIN -->
      </a>
        <div id="hp-collections" class="container-fluid">
    </div>
            <div class="row">
  </div>
 
</div>
                <!-- 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://api.safety-base.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&nbsp;relevant websites and&nbsp;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://api.safety-base.eu/v2/links/lib?q=prod-4.svg">
                        </div>
                        <div class="hp-area-text">
                            <h3>Collection of Networks</h3>
                            <p>Communities and&nbsp;interest groups relevant for&nbsp;the context of&nbsp;social media in&nbsp;disaster management. 0b</p>
                        </div>
                    </a>
                </div>


<div class="container-fluid">
             </div>
    <div class="row">
        <div class="col-6 pr-1">
            <!-- kie: Moved forum embedding from HTMLlets extension to this Widget -->
             <p class="h2 text-center">Current Forum Topics</p>
            <script src="https://forum.links.communitycenter.eu/javascripts/embed-topics.js"></script>
            <d-topics-list discourse-url="https://forum.links.communitycenter.eu" per-page="5" order="latest"
                            sort-ascending="false" template="complete"></d-topics-list>
         </div>
         </div>
         <div class="col-6 pl-1">
         <!-- COLLECTIONS END -->
            <p class="h2 text-center">News and Activities</p>
 
            <div class="h-100 d-flex justify-content-center align-items-center">Coming soon.</div>
        <!-- FORUM SECTION BEGIN -->
        <div id="hp-recent" class="container-fluid">
            <div class="row">
                <div id="forum-topics" class="col-12 col-lg-6">
                    <h3 class="text-center">Latest Discussions</h3>
                    <script src="https://forum.links.communitycenter.eu/javascripts/embed-topics.js"></script>
                    <d-topics-list discourse-url="https://forum.links.communitycenter.eu" per-page="5" order="latest" sort-ascending="false" template="complete"></d-topics-list>
                </div>
                <div id="hp-changes" class="col-12 col-lg-6">
                    <h3 class="text-center">News and Activities</h3>
                    <div class="h-100">
                        <div id="recent-changes">
                        </div>
                    </div>
                </div>
            </div>
         </div>
         </div>
        <!-- FORUM SECTION END -->
           
     </div>
     </div>
</div>
    <!-- HP END -->
</div>
 
    <!-- BEGIN SAFETY.WIDGET -->
    <link rel="stylesheet" href="https://widget.safety-base.eu/v2/widget/styles.css">
    <div id="safety-widget"></div>
    <script src="https://widget.safety-base.eu/v2/widget/script.js"></script>
    <!-- END SAFETY.WIDGET -->
 
</includeonly>

Latest revision as of 08:36, 2 October 2024

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

Retrieved from "https://links.communitycenter.eu/index.php?title=Widget:HomePageOld&oldid=12796"