Widget: HomePageOld: Difference between revisions

From LINKS Community Center
Jump to: navigation, search
Eschmidt (talk | contribs)
No edit summary
Marterer (talk | contribs)
No edit summary
 
(48 intermediate revisions by 5 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>
<div class="d-flex justify-content-between">
<includeonly>
  <div>
    <p class="display-4">LINKS Community Center</p>
    <p class="lead">Strengthening links between technologies and&nbsp;society for&nbsp;European disaster resilience.</p>
  </div>
  <div class="align-self-center">
    <a class="links-button">Getting started</a>
  </div>
</div>


<div class="links-divider"></div>
<!-- STYLES BEGIN -->
<link rel="stylesheet" href="https://assets.links.communitycenter.eu/v2/links/homepage/styles_v2.css">
<!-- STYLES END -->


<div class="container-fluid my-5">
    <!-- HP BEGIN -->
  <div class="row">
    <div id="hp-wrapper">
    <div class="col p-0">
 
      <a class="links-tile" href="https://links.communitycenter.eu/index.php/List_of_DCTs">
        <!-- HEADING BEGIN -->
        <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 id="hp-heading">
         <div class="links-tile-title">Disaster Community Technologies</div>
            <h1 translate="no">
      </a>
                <span>LINKS</span>
    </div>
                <span>Community</span>
    <div class="col p-0 mx-3">
                <span>Center</span>
      <a class="links-tile">
            </h1>
        <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="clip1"><rect x="482" y="512" width="59" height="59"/></clipPath></defs><g clip-path="url(#clip1)" transform="translate(-482 -512)"><path d="M510.271 520.604 512.729 520.604 512.729 527.979 510.271 527.979Z"/><path d="M529.882 524.888 524.971 529.798 523.233 528.06 528.143 523.149Z"/><path d="M499.736 528.029 497.998 529.767 493.087 524.857 494.826 523.118Z"/><path d="M526.25 537.812 532.396 537.812 532.396 540.271 526.25 540.271Z"/><path d="M490.604 537.812 496.75 537.812 496.75 540.271 490.604 540.271Z"/><path d="M501.667 555.021 503.756 534.125 519.182 534.125 521.333 555.021 501.667 555.021ZM528.708 555.021 525.021 555.021 522.808 532.65C522.685 531.421 521.641 530.438 520.35 530.438L502.65 530.438C501.359 530.438 500.315 531.421 500.192 532.65L497.979 555.021 494.292 555.021 494.292 558.708 490.604 558.708 490.604 562.396 532.396 562.396 532.396 558.708 528.708 558.708 528.708 555.021Z"/><path d="M514.45 536.583 515.986 552.562 518.506 552.562 516.908 536.583Z"/></g></svg>
            <p class="hp-lead">
        <div class="links-tile-title">Disaster Management Processes</div>
                <span>Strengthening links between technologies and&nbsp;society for&nbsp;European disaster resilience.</span>
      </a>
            </p>
    </div>
            <div class="hp-button-wrapper">
    <div class="col p-0">
                <a class="hp-large-button" href="/index.php/User_Guidance">
      <a class="links-tile">
                    <div style="display: flex; align-items: center;">
        <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>
                           
      </a>
                        </div>
    </div>
                        <div style="display: flex; flex-direction: column;">
  </div>
                            <span>User Guidance</span>
  <div class="row my-3">
                            <span style="font-size: 50%; margin-left: .2em; line-height: 1em;">Navigate through the LINKS<br>Community Center!</span>
    <div class="col p-0">
                        </div>
      <a class="links-tile" href="https://links.communitycenter.eu/index.php/Disaster_Reports">
                    </div>
        <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>
                </a>
        <div class="links-tile-title">Disaster Reports</div>
            </div>
      </a>
        </div>
    </div>
        <!-- HEADING END -->
    <div class="col p-0 mx-3">
 
      <a class="links-tile">
        <!-- MAIN BEGIN -->
      <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>
         <div id="hp-main">
        <div class="links-tile-title">Research Results</div>
   
      </a>
            <!-- SNIPPETS BEGIN -->
    </div>
            <div id="snippets"></div>
    <div class="col p-0">
            <link rel="stylesheet" href="https://api.safety-base.eu/v2/links/snippets/styles.css">
      <a class="links-tile">
            <script src="https://api.safety-base.eu/v2/links/snippets/script.js"></script>
      <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>
            <!-- SNIPPETS END -->
        <div class="links-tile-title">Guidelines</div>
       
      </a>
            <!-- SEARCH BEGIN -->
    </div>
                <script src="https://api.safety-base.eu/v2/links/search"></script>
  </div>
                <form class="hp-search form-inline w-100" onsubmit="search(event)">
  <div class="row">
                <input id="hp-search-input" class="form-control form-control-lg flex-grow-1" type="text" placeholder="Search the entire LCC" aria-label="Search">
    <div class="col p-0">
                    <button type="submit" class="btn btn-primary btn-lg" style="background-color: var(--links-blue); border-color: var(--links-blue);">
      <a class="links-tile">
                        Search
        <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>
                    </button>
        <div class="links-tile-title">Events</div>
                </form>
      </a>
            <!-- SEARCH END -->
    </div>
 
    <div class="col p-0 mx-3">
            <!-- AREAS BEGIN -->
      <a class="links-tile">
            <div class="hp-areas">
        <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>
                <h2>Social Media and Crowdsourcing Libraries</h2>
        <div class="links-tile-title">Members</div>
 
      </a>
                <!-- LINK -->
    </div>
                <a class="hp-area blue" href="https://links.communitycenter.eu/index.php/List_of_Disaster_Community_Technologies">
    <div class="col p-0">
                    <div class="hp-area-icon">
      <a class="links-tile">
                        <img src="https://api.safety-base.eu/v2/links/lib?q=1-dct_list.svg">
      <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">Glossary</div>
                    <div class="hp-area-text">
      </a>
                        <h3>Technologies</h3>
    </div>
                        <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>
                    <div class="hp-area-arrow">&rarr;</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://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>
 
                <!-- LINK -->
                <a class="hp-area cyan" href="https://links.communitycenter.eu/index.php/List_of_Use_Cases">
                    <div class="hp-area-icon">
                        <img src="https://api.safety-base.eu/v2/links/lib?q=3-uc_list.svg">
                    </div>
                    <div class="hp-area-text">
                        <h3>Use Cases</h3>
                        <p>Practical use cases for&nbsp;social media and&nbsp;crowdsourcing in&nbsp;disasters.</p>
                    </div>
                    <div class="hp-area-arrow">&rarr;</div>
                </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://api.safety-base.eu/v2/links/lib?q=4-cc_list.svg">
                    </div>
                    <div class="hp-area-text">
                        <h3>Crisis Communication</h3>
                        <p>Recommendations for&nbsp;efficient risk communication in&nbsp;disasters.</p>
                    </div>
                    <div class="hp-area-arrow">&rarr;</div>
                </a>
               
            </div>
            <!-- AREAS END -->
 
        </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://api.safety-base.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>
                       
                <!-- 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://api.safety-base.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>
 
                <!-- 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://api.safety-base.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>
        <!-- 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://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 links-accent">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="basic"></d-topics-list>
         </div>
         </div>
         <div class="col-6 pl-1">
         <!-- COLLECTIONS END -->
            <p class="h2 text-center links-accent">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"