Widget: Compass: Difference between revisions

From LINKS Community Center
Jump to: navigation, search
Eschmidt (talk | contribs)
No edit summary
Eschmidt (talk | contribs)
No edit summary
Line 56: Line 56:
         #cmp-container h1 {
         #cmp-container h1 {
             letter-spacing: .06em;
             letter-spacing: .06em;
        }
        #cmp-intro h1 svg {
            height: 2.5em;
            width: 2.5em;
            fill: var(--links-cyan);
            margin-right: .5em;
         }
         }


Line 201: Line 208:
     </style>
     </style>


     <p class="lead">
     <div id="cmp-container">
        The LINKS Framework, like a compass, aims to support navigation and orientation within and across two main
        <div id="cmp-intro">
        themes &ndash; Engaging Citizens and Improving Communication &ndash; so that disaster management organizations
            <h1>
        and relevant stakeholders can take more informed decisions on the uses of SMCS through the LINKS products.
                <img src="/index.php/Special:FilePath/File:Compass_new.svg">
    </p>
                <span>Compass</span>
    <p class="lead">
            </h1>
        Orientation is supported by pre-defined questions that guide users towards the LINKS products. Please select the
 
        themes you are interested in below.
            <p class="lead">
    </p>
                The LINKS Framework, like a compass, aims to support navigation and orientation within and across two
                main
                themes &ndash; Engaging 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 LINKS
                products.
            </p>
            <p class="lead">
                Orientation is supported by pre-defined questions that guide users towards the LINKS products. Please
                select the
                themes you are interested in below.
            </p>
        </div>


    <div id="cmp-container">
         <div class="theme">
         <div class="theme">
             <h2>Engaging Citizens</h2>
             <h2>Engaging Citizens</h2>

Revision as of 11:32, 29 November 2022

Development version of the Compass.
Not ready for production!