Difference between revisions of "Widget:Homepage"
From LINKS Community Center
| Line 16: | Line 16: | ||
.hp-search { margin-bottom: 5em; } | .hp-search { margin-bottom: 5em; } | ||
.hp-area { display: flex; } | .hp-area { display: flex; } | ||
| − | .hp-area-icon { flex: 1 0; margin-right: 1em; } | + | .hp-area-icon { flex: 1 0; margin-right: 1em; user-select: none; } |
.hp-area-text { flex: 1 1 75%; } | .hp-area-text { flex: 1 1 75%; } | ||
.hp-area-text h2 { font-family: 'Raleway'; font-weight: 300; letter-spacing: .06em; } | .hp-area-text h2 { font-family: 'Raleway'; font-weight: 300; letter-spacing: .06em; } | ||
.hp-area-text p { font-size: 1.2em; } | .hp-area-text p { font-size: 1.2em; } | ||
| − | .hp-area-arrow { flex: 1 0; font-size: 3em; margin-left: 1em; } | + | .hp-area-arrow { flex: 1 0; font-size: 3em; margin-left: 1em; user-select: none; } |
| + | |||
.placeholder-box { | .placeholder-box { | ||
position: relative; | position: relative; | ||
| Line 92: | Line 93: | ||
</div> | </div> | ||
<div class="hp-area-arrow">→</div> | <div class="hp-area-arrow">→</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <div class="hp-compass"> | ||
| + | <div class="hp-area"> | ||
| + | <div class="hp-area-icon"> | ||
| + | <div class="placeholder-box"></div> | ||
| + | </div> | ||
| + | <div class="hp-area-text"> | ||
| + | <h2>Want to explore?</h2> | ||
| + | <p> | ||
| + | Try the compass! | ||
| + | </p> | ||
| + | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
Revision as of 14:48, 20 May 2022
Development verstion of the DCT Homepage.
Not ready for production!