Widget: UserGuidance: Difference between revisions

From LINKS Community Center
Jump to: navigation, search
Marterer (talk | contribs)
No edit summary
Marterer (talk | contribs)
No edit summary
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
<noinclude>Development version of the User Guidance.<br><strong style="color:red;">Under construction.</strong>
<noinclude>Development version of the User Guidance.<br><strong style="color:red;">Under construction.</strong></noinclude>
</noinclude>
 
<includeonly>
<includeonly>


     <!-- STYLES BEGIN -->
     <!-- STYLES BEGIN -->
     <link rel="stylesheet" href="https://www.safetyinnovation.center/lcc/user_guidance/styles.css">
     <link rel="stylesheet" href="https://api.safety-base.eu/v2/links/ug/styles.css">
     <!-- STYLES END -->
     <!-- STYLES END -->


Line 10: Line 10:
         <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"
                 <img src="https://api.safety-base.eu/v2/links/lib?q=0-compass_colored.svg">
                    version="1.1" viewBox="0 0 128 128">
                    <defs id="prefix__defs43">
                        <path id="prefix__rect345" d="M977.382 473.479h642.714v494.395H977.382z" />
                    </defs>
                    <style id="style2" type="text/css">
                        .prefix__st0 {
                            fill: #fff
                        }
 
                        .prefix__st1 {
                            fill: var(--compass-color)
                        }
 
                        .prefix__st2 {
                            fill: var(--compass-color)
                        }
                    </style>
                    <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"
                            rx="49.012" ry="48.98" />
                        <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"
                            class="prefix__st1" />
                        <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"
                                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__polygon12" d="M650.24 640.25 506.68 678.4 320.9 969.6l291.19-185.79z"
                                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" />
                        </g>
                        <path id="prefix__path18" stroke-width=".116"
                            d="M649.905 603.864c-21.21 0-38.406 17.184-38.406 38.38 0 21.197 17.195 38.38 38.406 38.38 21.21 0 38.405-17.183 38.405-38.38 0-21.196-17.194-38.38-38.405-38.38zm0 74.706c-20.075 0-36.35-16.263-36.35-36.326s16.274-36.325 36.35-36.325 36.35 16.263 36.35 36.326-16.275 36.325-36.35 36.325z"
                            class="prefix__st1" />
                        <g id="prefix__g28" transform="matrix(.11647 0 0 .11639 574.077 567.372)">
                            <path id="prefix__polygon20" d="m649.16 642.83 151.75 88.04 398.36-88.04-398.36-88.03z"
                                class="prefix__st2" />
                            <path id="prefix__polygon22" d="M650.33 642.83 498.58 554.8l-398.35 88.03 398.35 88.04z"
                                class="prefix__st2" />
                            <path id="prefix__polygon24" d="M649.43 641.88 561.4 793.64l88.03 398.35 88.03-398.35z"
                                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>
                 User Guidance
                 User Guidance
             </h1>
             </h1>
             <p class="lead">
             <p class="lead">
                 The LINKS User Guidance, like a compass, aims to support navigation and orientation within and across two
                 The LINKS User Guidance, like a compass, aims to support navigation and orientation within and across two
Line 77: Line 26:
         </div>
         </div>


        <!-- THEME -->
         <div class="theme">
         <div class="theme">
             <h2>Improving Communication</h2>
             <h2>Improving Communication</h2>
Line 82: Line 32:
                 <h3>Targeting Communication</h3>
                 <h3>Targeting Communication</h3>
                 <div class="question">
                 <div class="question">
                     <h4>
                     <h4>Who do you want to target with your communication plan(s)?</h4>
                        Who do you want to target with your communication plan(s)?
                    </h4>
 
                     <div class="answer">
                     <div class="answer">
                         <h5>Citizens <br>
                         <h5>Citizens <br>
Line 121: Line 68:
                             </div>
                             </div>
                         </div>
                         </div>
                         <h5>Vulnerable Groups<br>
                         <h5>Vulnerable Groups<br>
                         <small style="opacity:.7">How can you target vulnerable groups?</small></h5>
                         <small style="opacity:.7">How can you target vulnerable groups?</small></h5>
Line 150: Line 96:
                             </div>
                             </div>
                         </div>
                         </div>
                         <h5>Students<br>
                         <h5>Students<br>
                         <small style="opacity:.7">How can you target students?</small></h5>
                         <small style="opacity:.7">How can you target students?</small></h5>
Line 168: Line 113:
                 <h3>Ensuring Credible Information</h3>
                 <h3>Ensuring Credible Information</h3>
                 <div class="question">
                 <div class="question">
                     <h4>
                     <h4>How can you ensure credible information exchange?</h4>
                        How can you ensure credible information exchange?
                    </h4>
 
                     <div class="answer">
                     <div class="answer">
                         <div class="answer-wrapper">
                         <div class="answer-wrapper">
Line 206: Line 148:
                 <h3>Making Information Accessible</h3>
                 <h3>Making Information Accessible</h3>
                 <div class="question">
                 <div class="question">
                     <h4>
                     <h4>How can you make your information accessible?</h4>
                        How can you make your information accessible?
                    </h4>
 
                     <div class="answer">
                     <div class="answer">
                         <div class="answer-wrapper">
                         <div class="answer-wrapper">
Line 259: Line 198:
         </div>
         </div>


        <!-- THEME -->
         <div class="theme">
         <div class="theme">
             <h2>Engaging With Citizens</h2>
             <h2>Engaging With Citizens</h2>
Line 264: Line 204:
                 <h3>Collecting and Analysing Information</h3>
                 <h3>Collecting and Analysing Information</h3>
                 <div class="question" data-aspect="Social">
                 <div class="question" data-aspect="Social">
                     <h4>
                     <h4>How can you search and monitor information?</h4>
                        How can you search and monitor information?
                    </h4>
 
                     <div class="answer">
                     <div class="answer">
                         <div class="answer-wrapper">
                         <div class="answer-wrapper">
Line 286: Line 223:
                 </div>
                 </div>
                 <div class="question">
                 <div class="question">
                     <h4>
                     <h4>How can you carry out content analysis?</h4>
                        How can you carry out content analysis?
                    </h4>
 
                     <div class="answer">
                     <div class="answer">
                         <div class="answer-wrapper">
                         <div class="answer-wrapper">
Line 318: Line 252:
                 <h3>Mobilising Citizens</h3>
                 <h3>Mobilising Citizens</h3>
                 <div class="question">
                 <div class="question">
                     <h4>
                     <h4>How can you mobilise citizens?</h4>
                        How can you mobilise citizens?
                    </h4>
 
                     <div class="answer">
                     <div class="answer">
                         <div class="answer-wrapper">
                         <div class="answer-wrapper">
Line 365: Line 296:
                         How can you mobilise volunteers?
                         How can you mobilise volunteers?
                     </h4>
                     </h4>
                     <div class="answer">
                     <div class="answer">
                         <div class="answer-wrapper">
                         <div class="answer-wrapper">
Line 402: Line 332:
             </div>
             </div>
         </div>
         </div>
       
     </div>
     </div>


     <!-- SCRIPT BEGIN -->
     <!-- SCRIPT BEGIN -->
     <script type="text/javascript" src="https://www.safetyinnovation.center/lcc/user_guidance/script.js"></script>
     <script type="text/javascript" src="https://api.safety-base.eu/v2/links/ug/script.js"></script>
     <!-- SCRIPT END -->
     <!-- SCRIPT END -->


</includeonly>
</includeonly>

Latest revision as of 18:36, 12 June 2024

Development version of the User Guidance.
Under construction.