Difference between revisions of "Widget:Homepage"

From LINKS Community Center
Jump to: navigation, search
Line 9: Line 9:
 
         #hp-heading h1 { font-family: 'Raleway'; font-size: 5em; margin-bottom: 1em; }
 
         #hp-heading h1 { font-family: 'Raleway'; font-size: 5em; margin-bottom: 1em; }
 
         #hp-heading h1 span { display: block; }
 
         #hp-heading h1 span { display: block; }
         #hp-heading h1 span:nth-child(1) { font-weight: 800; }
+
         #hp-heading h1 span:nth-child(1) { font-weight: 800; letter-spacing: .06em; }
 
         #hp-heading h1 span:nth-child(2) { font-weight: 500; }
 
         #hp-heading h1 span:nth-child(2) { font-weight: 500; }
 
         #hp-heading h1 span:nth-child(3) { font-weight: 100; }
 
         #hp-heading h1 span:nth-child(3) { font-weight: 100; }
Line 15: Line 15:
 
         #hp-main { width: 75%; margin: auto; }
 
         #hp-main { width: 75%; margin: auto; }
 
         .hp-search { margin-bottom: 5em; }
 
         .hp-search { margin-bottom: 5em; }
 +
        #hp-main h2 { font-family: 'Raleway'; }
 
         .placeholder-box {
 
         .placeholder-box {
 
             position: relative;
 
             position: relative;
Line 64: Line 65:
 
                 <div class="d-flex mb-4">
 
                 <div class="d-flex mb-4">
 
                     <div class="placeholder-box mr-4"></div>
 
                     <div class="placeholder-box mr-4"></div>
                     <h2>Social Media and Crowdsourcing Technologies</h2>
+
                     <div>
 +
                        <h2>SMCS Technologies Library</h2>
 +
                        <div class="area-desc">
 +
                            Software for interaction with, within or among communities in case of a disaster and for analysis of these interactions.​
 +
                        </div>
 +
                    </div>
 
                 </div>
 
                 </div>
 
                 <div class="d-flex">
 
                 <div class="d-flex">
 
                     <div class="placeholder-box mr-4"></div>
 
                     <div class="placeholder-box mr-4"></div>
                     <h2>Guidelines</h2>
+
                     <div>
 +
                        <h2>Guidelines</h2>
 +
                        <div class="area-desc">
 +
                            Expert guidelines for usage of social media in disasters.​
 +
                        </div>
 +
                    </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>

Revision as of 17:03, 17 May 2022

   Development verstion of the DCT Homepage.
Not ready for production!