Widget: Homepage: Difference between revisions

From LINKS Community Center
Jump to: navigation, search
Eschmidt (talk | contribs)
No edit summary
Eschmidt (talk | contribs)
No edit summary
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 16:03, 17 May 2022

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