Difference between revisions of "Widget:Compass"

From LINKS Community Center
Jump to: navigation, search
Line 131: Line 131:
 
             align-items: flex-start;
 
             align-items: flex-start;
 
         }
 
         }
−
       
+
 
 
         .choice .button {
 
         .choice .button {
 
             flex: 0 0 8.2em;
 
             flex: 0 0 8.2em;
Line 142: Line 142:
 
             border: 1px solid currentColor;
 
             border: 1px solid currentColor;
 
         }
 
         }
−
       
+
 
 
         .choice .desc {
 
         .choice .desc {
 
             font-size: 75%;
 
             font-size: 75%;
Line 212: Line 212:
 
                             <div class="choice case">
 
                             <div class="choice case">
 
                                 <div class="button">Use Cases</div>
 
                                 <div class="button">Use Cases</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">
 +
                                    It provides helpful information from social media and crowdsourcing
 +
                                    examples around the theme “Collecting and Analysing Information from SMCS”. Also the
 +
                                    question, which vulnerable groups (disabled, migrants, minorities,…) were
 +
                                    specifically involved in social media and crowdsourcing activities is answered.
 +
                                </div>
 
                             </div>
 
                             </div>
 
                             <div class="choice guide">
 
                             <div class="choice guide">
 
                                 <div class="button">Guidelines</div>
 
                                 <div class="button">Guidelines</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet,
 +
                                    consectetur, adipisci velit...</div>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 228: Line 234:
 
                             <div class="choice tech">
 
                             <div class="choice tech">
 
                                 <div class="button">Technologies</div>
 
                                 <div class="button">Technologies</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">
 +
                                    It allows filtering for software that covers the functions Search &
 +
                                    Monitor and Analysis of information from social media.
 +
                                </div>
 
                             </div>
 
                             </div>
 
                             <div class="choice guide">
 
                             <div class="choice guide">
 
                                 <div class="button">Guidelines</div>
 
                                 <div class="button">Guidelines</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet,
 +
                                    consectetur, adipisci velit...</div>
 
                             </div>
 
                             </div>
 
                             <div class="choice case">
 
                             <div class="choice case">
 
                                 <div class="button">Use Cases</div>
 
                                 <div class="button">Use Cases</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">
 +
                                    It provides helpful information from social media and crowdsourcing
 +
                                    examples around the theme “Collecting and Analysing Information from SMCS”. Also the
 +
                                    question, which specific functionality SMCS has been used for and how (e.g.
 +
                                    gathering of information) is answered.
 +
                                </div>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 251: Line 266:
 
                             <div class="choice case">
 
                             <div class="choice case">
 
                                 <div class="button">Use Cases</div>
 
                                 <div class="button">Use Cases</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">
 +
                                    It provides helpful information from social media and crowdsourcing
 +
                                    examples around the theme “Mobilising Citizens”.
 +
                                </div>
 
                             </div>
 
                             </div>
 
                             <div class="choice handbook">
 
                             <div class="choice handbook">
 
                                 <div class="button">Citizens Handbook</div>
 
                                 <div class="button">Citizens Handbook</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet,
 +
                                    consectetur, adipisci velit...</div>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 267: Line 286:
 
                             <div class="choice tech">
 
                             <div class="choice tech">
 
                                 <div class="button">Technologies</div>
 
                                 <div class="button">Technologies</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">
 +
                                    It allows filtering for software that covers the function Post &
 +
                                    Schedule, which aims at publishing information on social media.
 +
                                </div>
 
                             </div>
 
                             </div>
 
                             <div class="choice guide">
 
                             <div class="choice guide">
 
                                 <div class="button">Guidelines</div>
 
                                 <div class="button">Guidelines</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet,
 +
                                    consectetur, adipisci velit...</div>
 
                             </div>
 
                             </div>
 
                             <div class="choice case">
 
                             <div class="choice case">
 
                                 <div class="button">Use Cases</div>
 
                                 <div class="button">Use Cases</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">
 +
                                    It provides helpful information from social media and crowdsourcing
 +
                                    examples around the theme “Mobilising Citizens”.
 +
                                </div>
 
                             </div>
 
                             </div>
 
                             <div class="choice safe">
 
                             <div class="choice safe">
 
                                 <div class="button">Feel Safe</div>
 
                                 <div class="button">Feel Safe</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet,
 +
                                    consectetur, adipisci velit...</div>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 295: Line 322:
 
                             <div class="choice guide">
 
                             <div class="choice guide">
 
                                 <div class="button">Guidelines</div>
 
                                 <div class="button">Guidelines</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet,
 +
                                    consectetur, adipisci velit...</div>
 
                             </div>
 
                             </div>
 
                             <div class="choice case">
 
                             <div class="choice case">
 
                                 <div class="button">Use Cases</div>
 
                                 <div class="button">Use Cases</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">
 +
                                    It provides helpful information from social media and crowdsourcing
 +
                                    examples around the theme “Mobilising Volunteers”.
 +
                                </div>
 
                             </div>
 
                             </div>
 
                             <div class="choice handbook">
 
                             <div class="choice handbook">
 
                                 <div class="button">Citizens Handbook</div>
 
                                 <div class="button">Citizens Handbook</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet,
 +
                                    consectetur, adipisci velit...</div>
 
                             </div>
 
                             </div>
 
                             <div class="choice safe">
 
                             <div class="choice safe">
 
                                 <div class="button">Feel Safe</div>
 
                                 <div class="button">Feel Safe</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet,
 +
                                    consectetur, adipisci velit...</div>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 314: Line 347:
 
                 <div class="question" data-aspect="Socio-/Technical">
 
                 <div class="question" data-aspect="Socio-/Technical">
 
                     How can you mobilise the volunteers?
 
                     How can you mobilise the volunteers?
−
                   
+
 
 
                     <div class="answer">
 
                     <div class="answer">
 
                         <div class="answer-wrapper">
 
                         <div class="answer-wrapper">
 
                             <div class="choice tech">
 
                             <div class="choice tech">
 
                                 <div class="button">Technologies</div>
 
                                 <div class="button">Technologies</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">
 +
                                    It allows filtering for software that covers the function Post &
 +
                                    Schedule, which aims at publishing information on social media.
 +
                                </div>
 
                             </div>
 
                             </div>
 
                             <div class="choice guide">
 
                             <div class="choice guide">
 
                                 <div class="button">Guidelines</div>
 
                                 <div class="button">Guidelines</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet,
 +
                                    consectetur, adipisci velit...</div>
 
                             </div>
 
                             </div>
 
                             <div class="choice case">
 
                             <div class="choice case">
 
                                 <div class="button">Use Cases</div>
 
                                 <div class="button">Use Cases</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">
 +
                                    It provides helpful information from social media and crowdsourcing
 +
                                    examples around the theme “Mobilising Volunteers”.
 +
                                </div>
 
                             </div>
 
                             </div>
 
                             <div class="choice safe">
 
                             <div class="choice safe">
 
                                 <div class="button">Feel Safe</div>
 
                                 <div class="button">Feel Safe</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet,
 +
                                    consectetur, adipisci velit...</div>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 350: Line 391:
 
                             <div class="choice case">
 
                             <div class="choice case">
 
                                 <div class="button">Use Cases</div>
 
                                 <div class="button">Use Cases</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">
 +
                                    It provides helpful information from social media and crowdsourcing
 +
                                    examples around the theme “Making Information Accessible”.
 +
                                </div>
 
                             </div>
 
                             </div>
 
                             <div class="choice handbook">
 
                             <div class="choice handbook">
 
                                 <div class="button">Citizens Handbook</div>
 
                                 <div class="button">Citizens Handbook</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet,
 +
                                    consectetur, adipisci velit...</div>
 
                             </div>
 
                             </div>
 
                             <div class="choice safe">
 
                             <div class="choice safe">
 
                                 <div class="button">Feel Safe</div>
 
                                 <div class="button">Feel Safe</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet,
 +
                                    consectetur, adipisci velit...</div>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 370: Line 416:
 
                             <div class="choice tech">
 
                             <div class="choice tech">
 
                                 <div class="button">Technologies</div>
 
                                 <div class="button">Technologies</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">
 +
                                    It allows filtering for software that covers the function Post &
 +
                                    Schedule, which aims at publishing information on social media.
 +
                                </div>
 
                             </div>
 
                             </div>
 
                             <div class="choice case">
 
                             <div class="choice case">
 
                                 <div class="button">Use Cases</div>
 
                                 <div class="button">Use Cases</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">
 +
                                    It provides helpful information from social media and crowdsourcing
 +
                                    examples around the theme “Making Information Accessible”.
 +
                                </div>
 
                             </div>
 
                             </div>
 
                             <div class="choice handbook">
 
                             <div class="choice handbook">
 
                                 <div class="button">Citizens Handbook</div>
 
                                 <div class="button">Citizens Handbook</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet,
 +
                                    consectetur, adipisci velit...</div>
 
                             </div>
 
                             </div>
 
                             <div class="choice safe">
 
                             <div class="choice safe">
 
                                 <div class="button">Feel Safe</div>
 
                                 <div class="button">Feel Safe</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet,
 +
                                    consectetur, adipisci velit...</div>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 397: Line 451:
 
                             <div class="choice case">
 
                             <div class="choice case">
 
                                 <div class="button">Use Cases</div>
 
                                 <div class="button">Use Cases</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">
 +
                                    It provides helpful information from social media and crowdsourcing
 +
                                    examples around the theme “Targeting Communication”.
 +
                                </div>
 
                             </div>
 
                             </div>
 
                             <div class="choice handbook">
 
                             <div class="choice handbook">
 
                                 <div class="button">Citizens Handbook</div>
 
                                 <div class="button">Citizens Handbook</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet,
 +
                                    consectetur, adipisci velit...</div>
 
                             </div>
 
                             </div>
 
                             <div class="choice safe">
 
                             <div class="choice safe">
 
                                 <div class="button">Feel Safe</div>
 
                                 <div class="button">Feel Safe</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet,
 +
                                    consectetur, adipisci velit...</div>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 417: Line 476:
 
                             <div class="choice tech">
 
                             <div class="choice tech">
 
                                 <div class="button">Technologies</div>
 
                                 <div class="button">Technologies</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">
 +
                                    It allows filtering for software that covers the function Post &
 +
                                    Schedule, which aims at publishing information on social media. It is also possible
 +
                                    to filter by different platforms.
 +
                                </div>
 
                             </div>
 
                             </div>
 
                             <div class="choice guide">
 
                             <div class="choice guide">
 
                                 <div class="button">Guidelines</div>
 
                                 <div class="button">Guidelines</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet,
 +
                                    consectetur, adipisci velit...</div>
 
                             </div>
 
                             </div>
 
                             <div class="choice case">
 
                             <div class="choice case">
 
                                 <div class="button">Use Cases</div>
 
                                 <div class="button">Use Cases</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">
 +
                                    It provides helpful information from social media and crowdsourcing
 +
                                    examples around the theme “Targeting Communication”.
 +
                                </div>
 
                             </div>
 
                             </div>
 
                             <div class="choice safe">
 
                             <div class="choice safe">
 
                                 <div class="button">Feel Safe</div>
 
                                 <div class="button">Feel Safe</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet,
 +
                                    consectetur, adipisci velit...</div>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 445: Line 513:
 
                             <div class="choice case">
 
                             <div class="choice case">
 
                                 <div class="button">Use Cases</div>
 
                                 <div class="button">Use Cases</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">
 +
                                    It provides helpful information from social media and crowdsourcing
 +
                                    examples around the theme “Ensuring Credible Information”.
 +
                                </div>
 
                             </div>
 
                             </div>
 
                             <div class="choice safe">
 
                             <div class="choice safe">
 
                                 <div class="button">Feel Safe</div>
 
                                 <div class="button">Feel Safe</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet,
 +
                                    consectetur, adipisci velit...</div>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 461: Line 533:
 
                             <div class="choice tech">
 
                             <div class="choice tech">
 
                                 <div class="button">Technologies</div>
 
                                 <div class="button">Technologies</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">
 +
                                    There are no mature technologies on the market yet that can examine
 +
                                    information for credibility.
 +
                                </div>
 
                             </div>
 
                             </div>
 
                             <div class="choice guide">
 
                             <div class="choice guide">
 
                                 <div class="button">Guidelines</div>
 
                                 <div class="button">Guidelines</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet,
 +
                                    consectetur, adipisci velit...</div>
 
                             </div>
 
                             </div>
 
                             <div class="choice case">
 
                             <div class="choice case">
 
                                 <div class="button">Use Cases</div>
 
                                 <div class="button">Use Cases</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">
 +
                                    It provides helpful information from social media and crowdsourcing
 +
                                    examples around the theme “Ensuring Credible Information”.
 +
                                </div>
 
                             </div>
 
                             </div>
 
                             <div class="choice safe">
 
                             <div class="choice safe">
 
                                 <div class="button">Feel Safe</div>
 
                                 <div class="button">Feel Safe</div>
−
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
+
                                 <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet,
 +
                                    consectetur, adipisci velit...</div>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>

Revision as of 12:24, 24 November 2022

Development version of the Compass.
Not ready for production!


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