Widget: Homepage: Difference between revisions
From LINKS Community Center
Eschmidt (talk | contribs) No edit summary |
Eschmidt (talk | contribs) No edit summary |
||
| Line 22: | Line 22: | ||
.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; user-select: none; } | .hp-area-arrow { flex: 1 0; font-size: 3em; margin-left: 1em; user-select: none; } | ||
.hp-compass { border: 1px solid black; padding: 5em; } | .hp-compass { border: 1px solid black; padding: 5em; display: flex; justify-content: center; } | ||
.placeholder-box { | .placeholder-box { | ||
position: relative; | position: relative; | ||
| Line 96: | Line 96: | ||
</div> | </div> | ||
</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> | ||
Revision as of 13:51, 20 May 2022
Development verstion of the DCT Homepage.
Not ready for production!