Difference between revisions of "Widget:Compass"

From LINKS Community Center
Jump to: navigation, search
Line 272: Line 272:
 
                     Who do you want to mobilise (interested in volunteering), and from whom in such volunteering
 
                     Who do you want to mobilise (interested in volunteering), and from whom in such volunteering
 
                     positions would you want mobility-affiliated information?
 
                     positions would you want mobility-affiliated information?
 +
 +
                    <div class="answer">
 +
                        <div class="answer-wrapper">
 +
                            <div class="choice guide">
 +
                                <div class="button">Guidelines</div>
 +
                                <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
 +
                            </div>
 +
                            <div class="choice case">
 +
                                <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>
 +
                            <div class="choice handbook">
 +
                                <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>
 +
                            <div class="choice safe">
 +
                                <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>
 +
                        </div>
 +
                    </div>
 
                 </div>
 
                 </div>
 
                 <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-wrapper">
 +
                            <div class="choice tech">
 +
                                <div class="button">Technologies</div>
 +
                                <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
 +
                            </div>
 +
                            <div class="choice guide">
 +
                                <div class="button">Guidelines</div>
 +
                                <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
 +
                            </div>
 +
                            <div class="choice case">
 +
                                <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>
 +
                            <div class="choice safe">
 +
                                <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>
 +
                        </div>
 +
                    </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 285: Line 327:
 
                 <div class="question" data-aspect="Social">
 
                 <div class="question" data-aspect="Social">
 
                     Who do you want to access your information, and from whom do you want to access information?
 
                     Who do you want to access your information, and from whom do you want to access information?
 +
 +
                    <div class="answer">
 +
                        <div class="answer-wrapper">
 +
                            <div class="choice case">
 +
                                <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>
 +
                            <div class="choice handbook">
 +
                                <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>
 +
                            <div class="choice safe">
 +
                                <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>
 +
                        </div>
 +
                    </div>
 
                 </div>
 
                 </div>
 
                 <div class="question" data-aspect="Socio-/Technical">
 
                 <div class="question" data-aspect="Socio-/Technical">
 
                     How can you make your information accessible?
 
                     How can you make your information accessible?
 +
 +
                    <div class="answer">
 +
                        <div class="answer-wrapper">
 +
                            <div class="choice tech">
 +
                                <div class="button">Technologies</div>
 +
                                <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
 +
                            </div>
 +
                            <div class="choice case">
 +
                                <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>
 +
                            <div class="choice handbook">
 +
                                <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>
 +
                            <div class="choice safe">
 +
                                <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>
 +
                        </div>
 +
                    </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 294: Line 374:
 
                 <div class="question" data-aspect="Social">
 
                 <div class="question" data-aspect="Social">
 
                     Who do you want to target with your communication plan?
 
                     Who do you want to target with your communication plan?
 +
 +
                    <div class="answer">
 +
                        <div class="answer-wrapper">
 +
                            <div class="choice case">
 +
                                <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>
 +
                            <div class="choice handbook">
 +
                                <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>
 +
                            <div class="choice safe">
 +
                                <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>
 +
                        </div>
 +
                    </div>
 
                 </div>
 
                 </div>
 
                 <div class="question" data-aspect="Socio-/Technical">
 
                 <div class="question" data-aspect="Socio-/Technical">
 
                     How can you target your communication?
 
                     How can you target your communication?
 +
 +
                    <div class="answer">
 +
                        <div class="answer-wrapper">
 +
                            <div class="choice tech">
 +
                                <div class="button">Technologies</div>
 +
                                <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
 +
                            </div>
 +
                            <div class="choice guide">
 +
                                <div class="button">Guidelines</div>
 +
                                <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
 +
                            </div>
 +
                            <div class="choice case">
 +
                                <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>
 +
                            <div class="choice safe">
 +
                                <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>
 +
                        </div>
 +
                    </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 304: Line 422:
 
                     Who do you want to share credible information with, and from whom do you receive credible
 
                     Who do you want to share credible information with, and from whom do you receive credible
 
                     information?
 
                     information?
 +
 +
                    <div class="answer">
 +
                        <div class="answer-wrapper">
 +
                            <div class="choice case">
 +
                                <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>
 +
                            <div class="choice safe">
 +
                                <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>
 +
                        </div>
 +
                    </div>
 
                 </div>
 
                 </div>
 
                 <div class="question" data-aspect="Socio-/Technical">
 
                 <div class="question" data-aspect="Socio-/Technical">
 
                     How can you ensure credible information exchange?
 
                     How can you ensure credible information exchange?
 +
 +
                    <div class="answer">
 +
                        <div class="answer-wrapper">
 +
                            <div class="choice tech">
 +
                                <div class="button">Technologies</div>
 +
                                <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
 +
                            </div>
 +
                            <div class="choice guide">
 +
                                <div class="button">Guidelines</div>
 +
                                <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
 +
                            </div>
 +
                            <div class="choice case">
 +
                                <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>
 +
                            <div class="choice safe">
 +
                                <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>
 +
                        </div>
 +
                    </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>

Revision as of 12:06, 24 November 2022

Development version of the Compass.
Not ready for production!


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