Widget: Compass: Difference between revisions
From LINKS Community Center
Eschmidt (talk | contribs) No edit summary |
Eschmidt (talk | contribs) No edit summary |
||
| 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"> | <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"> | <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"> | <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"> | <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"> | <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"> | <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"> | <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"> | <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"> | <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"> | <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"> | <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"> | <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"> | <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"> | <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"> | <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"> | <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"> | <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"> | <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 11:24, 24 November 2022
Development version of the Compass.
Not ready for production!