Difference between revisions of "Widget:Compass"

From LINKS Community Center
Jump to: navigation, search
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 12:32, 29 November 2022

Development version of the Compass.
Not ready for production!