Difference between revisions of "Widget:Compass"

From LINKS Community Center
Jump to: navigation, search
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 16: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"