Widget: Compass: Difference between revisions

From LINKS Community Center
Jump to: navigation, search
Eschmidt (talk | contribs)
No edit summary
Eschmidt (talk | contribs)
No edit summary
Line 184: Line 184:
         <div id="cmp-intro">
         <div id="cmp-intro">
             <h1>
             <h1>
                 <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="prefix__Livello_1" x="0" y="0" version="1.1"
                 <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="prefix__Livello_1" x="0" y="0"
  viewBox="0 0 128 128">
                    version="1.1" viewBox="0 0 128 128">
  <defs id="prefix__defs43">
                    <defs id="prefix__defs43">
      <path id="prefix__rect345" d="M977.382 473.479h642.714v494.395H977.382z" />
                        <path id="prefix__rect345" d="M977.382 473.479h642.714v494.395H977.382z" />
  </defs>
                    </defs>
  <style id="style2" type="text/css">
                    <style id="style2" type="text/css">
      .prefix__st0 {
                        .prefix__st0 {
        fill: #fff
                            fill: #fff
      }
                        }


      .prefix__st1 {
                        .prefix__st1 {
        fill: #C31980
                            fill: #C31980
      }
                        }


      .prefix__st2 {
                        .prefix__st2 {
        fill: #C31980
                            fill: #C31980
      }
                        }
 
                    </style>
  </style>
                    <g id="prefix__g38" transform="translate(-585.75 -578.105)">
  <g id="prefix__g38" transform="translate(-585.75 -578.105)">
                        <ellipse id="prefix__circle4" cx="649.905" cy="642.245" stroke-width=".116" class="prefix__st0"
      <ellipse id="prefix__circle4" cx="649.905" cy="642.245" stroke-width=".116" class="prefix__st0" rx="49.012"
                            rx="49.012" ry="48.98" />
        ry="48.98" />
                        <path id="prefix__path6" stroke-width=".116"
      <path id="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"
        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__st1" />
        class="prefix__st1" />
                        <g id="prefix__g16" transform="matrix(.11647 0 0 .11639 574.077 567.372)">
      <g id="prefix__g16" transform="matrix(.11647 0 0 .11639 574.077 567.372)">
                            <path id="prefix__polygon8" d="m649.51 640.66 38.15 143.56 291.19 185.79-185.78-291.2z"
        <path id="prefix__polygon8" d="m649.51 640.66 38.15 143.56 291.19 185.79-185.78-291.2z" class="prefix__st2" />
                                class="prefix__st2" />
        <path id="prefix__polygon10" d="m650.21 641.36-38.15-143.55-291.19-185.79 185.79 291.2z" class="prefix__st2" />
                            <path id="prefix__polygon10" d="m650.21 641.36-38.15-143.55-291.19-185.79 185.79 291.2z"
        <path id="prefix__polygon12" d="M650.24 640.25 506.68 678.4 320.9 969.6l291.19-185.79z" class="prefix__st2" />
                                class="prefix__st2" />
        <path id="prefix__polygon14" d="m649.97 640.52 143.56-38.15 185.79-291.19-291.2 185.78z" class="prefix__st2" />
                            <path id="prefix__polygon12" d="M650.24 640.25 506.68 678.4 320.9 969.6l291.19-185.79z"
      </g>
                                class="prefix__st2" />
      <path id="prefix__path18" stroke-width=".116"
                            <path id="prefix__polygon14" d="m649.97 640.52 143.56-38.15 185.79-291.19-291.2 185.78z"
        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__st2" />
        class="prefix__st1" />
                        </g>
      <g id="prefix__g28" transform="matrix(.11647 0 0 .11639 574.077 567.372)">
                        <path id="prefix__path18" stroke-width=".116"
        <path id="prefix__polygon20" d="m649.16 642.83 151.75 88.04 398.36-88.04-398.36-88.03z" class="prefix__st2" />
                            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"
        <path id="prefix__polygon22" d="M650.33 642.83 498.58 554.8l-398.35 88.03 398.35 88.04z" class="prefix__st2" />
                            class="prefix__st1" />
        <path id="prefix__polygon24" d="M649.43 641.88 561.4 793.64l88.03 398.35 88.03-398.35z" class="prefix__st2" />
                        <g id="prefix__g28" transform="matrix(.11647 0 0 .11639 574.077 567.372)">
        <path id="prefix__polygon26" d="m649.43 642.33 88.03-151.75-88.03-398.36-88.03 398.36z" class="prefix__st2" />
                            <path id="prefix__polygon20" d="m649.16 642.83 151.75 88.04 398.36-88.04-398.36-88.03z"
      </g>
                                class="prefix__st2" />
      <ellipse id="prefix__circle30" cx="649.769" cy="642.189" stroke-width=".116" class="prefix__st0" rx="13.741"
                            <path id="prefix__polygon22" d="M650.33 642.83 498.58 554.8l-398.35 88.03 398.35 88.04z"
        ry="13.731" />
                                class="prefix__st2" />
  </g>
                            <path id="prefix__polygon24" d="M649.43 641.88 561.4 793.64l88.03 398.35 88.03-398.35z"
</svg>
                                class="prefix__st2" />
                            <path id="prefix__polygon26" d="m649.43 642.33 88.03-151.75-88.03-398.36-88.03 398.36z"
                                class="prefix__st2" />
                        </g>
                        <ellipse id="prefix__circle30" cx="649.769" cy="642.189" stroke-width=".116" class="prefix__st0"
                            rx="13.741" ry="13.731" />
                    </g>
                </svg>
                 Compass
                 Compass
             </h1>
             </h1>
Line 233: Line 240:
             <p class="lead">
             <p class="lead">
                 The LINKS Framework, like a compass, aims to support navigation and orientation within and across two
                 The LINKS Framework, like a compass, aims to support navigation and orientation within and across two
                 main themes &ndash; Engaging with Citizens and Improving Communication &ndash; so that disaster management
                 main themes &ndash; Engaging with Citizens and Improving Communication &ndash; so that disaster
                management
                 organizations and relevant stakeholders can take more informed decisions on the uses of SMCS through the
                 organizations and relevant stakeholders can take more informed decisions on the uses of SMCS through the
                 LINKS products. Orientation is supported by pre-defined questions that guide users towards the LINKS products.
                 LINKS products. Orientation is supported by pre-defined questions that guide users towards the LINKS
                products.
             </p>
             </p>
         </div>
         </div>
Line 362: Line 371:
                                 <div class="button">Feel Safe</div>
                                 <div class="button">Feel Safe</div>
                                 <div class="desc">
                                 <div class="desc">
                                     It is an educational platform (website) promoting the use of social media,
                                     It is an educational platform promoting the use of social media, digital education
                                     technologies and digital education as a mean to enhance communities' resilience to
                                     and information accessibility to enhance children engagement in disaster prevention
                                     disasters.
                                     and preparedness.
                                 </div>
                                 </div>
                             </div>
                             </div>
Line 404: Line 413:
                                 <div class="button">Feel Safe</div>
                                 <div class="button">Feel Safe</div>
                                 <div class="desc">
                                 <div class="desc">
                                     It is an educational platform (website) promoting the use of social media,
                                     It is an educational platform promoting the use of social media, digital education
                                     technologies and digital education as a mean to enhance communities' resilience to
                                     and information accessibility to enhance children engagement in disaster prevention
                                     disasters.
                                     and preparedness.
                                 </div>
                                 </div>
                             </div>
                             </div>
Line 443: Line 452:
                                 <div class="button">Feel Safe</div>
                                 <div class="button">Feel Safe</div>
                                 <div class="desc">
                                 <div class="desc">
                                     It is an educational platform (website) promoting the use of social media,
                                     It is an educational platform promoting the use of social media, digital education
                                     technologies and digital education as a mean to enhance communities' resilience to
                                     and information accessibility to enhance children engagement in disaster prevention
                                     disasters.
                                     and preparedness.
                                 </div>
                                 </div>
                             </div>
                             </div>
Line 480: Line 489:
                                 <div class="button">Feel Safe</div>
                                 <div class="button">Feel Safe</div>
                                 <div class="desc">
                                 <div class="desc">
                                     It is an educational platform (website) promoting the use of social media,
                                     It is an educational platform promoting the use of social media, digital education
                                     technologies and digital education as a mean to enhance communities' resilience to
                                     and information accessibility to enhance children engagement in disaster prevention
                                     disasters.
                                     and preparedness.
                                 </div>
                                 </div>
                             </div>
                             </div>
Line 517: Line 526:
                                 <div class="button">Feel Safe</div>
                                 <div class="button">Feel Safe</div>
                                 <div class="desc">
                                 <div class="desc">
                                     It is an educational platform (website) promoting the use of social media,
                                     It is an educational platform promoting the use of social media, digital education
                                     technologies and digital education as a mean to enhance communities' resilience to
                                     and information accessibility to enhance children engagement in disaster prevention
                                     disasters.
                                     and preparedness.
                                 </div>
                                 </div>
                             </div>
                             </div>
Line 550: Line 559:
                                 <div class="button">Feel Safe</div>
                                 <div class="button">Feel Safe</div>
                                 <div class="desc">
                                 <div class="desc">
                                     It is an educational platform (website) promoting the use of social media,
                                     It is an educational platform promoting the use of social media, digital education
                                     technologies and digital education as a mean to enhance communities' resilience to
                                     and information accessibility to enhance children engagement in disaster prevention
                                     disasters.
                                     and preparedness.
                                 </div>
                                 </div>
                             </div>
                             </div>
Line 592: Line 601:
                                 <div class="button">Feel Safe</div>
                                 <div class="button">Feel Safe</div>
                                 <div class="desc">
                                 <div class="desc">
                                     It is an educational platform (website) promoting the use of social media,
                                     It is an educational platform promoting the use of social media, digital education
                                     technologies and digital education as a mean to enhance communities' resilience to
                                     and information accessibility to enhance children engagement in disaster prevention
                                     disasters.
                                     and preparedness.
                                 </div>
                                 </div>
                             </div>
                             </div>
Line 619: Line 628:
                                 <div class="button">Feel Safe</div>
                                 <div class="button">Feel Safe</div>
                                 <div class="desc">
                                 <div class="desc">
                                     It is an educational platform (website) promoting the use of social media,
                                     It is an educational platform promoting the use of social media, digital education
                                     technologies and digital education as a mean to enhance communities' resilience to
                                     and information accessibility to enhance children engagement in disaster prevention
                                     disasters.
                                     and preparedness.
                                 </div>
                                 </div>
                             </div>
                             </div>
Line 656: Line 665:
                                 <div class="button">Feel Safe</div>
                                 <div class="button">Feel Safe</div>
                                 <div class="desc">
                                 <div class="desc">
                                     It is an educational platform (website) promoting the use of social media,
                                     It is an educational platform promoting the use of social media, digital education
                                     technologies and digital education as a mean to enhance communities' resilience to
                                     and information accessibility to enhance children engagement in disaster prevention
                                     disasters.
                                     and preparedness.
                                 </div>
                                 </div>
                             </div>
                             </div>

Revision as of 15:43, 2 December 2022

Development version of the Compass.
Not ready for production!


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