Difference between revisions of "Widget:Homepage"
From LINKS Community Center
Line 47: | Line 47: | ||
.hp-search { margin-bottom: 4em; } | .hp-search { margin-bottom: 4em; } | ||
.hp-areas { margin-bottom: 8em; } | .hp-areas { margin-bottom: 8em; } | ||
− | .hp-areas * { transition: all | + | .hp-areas * { transition: all 400ms ease-in-out; } |
− | |||
.hp-areas h2 { text-align: center; margin-bottom: 1.5em; } | .hp-areas h2 { text-align: center; margin-bottom: 1.5em; } | ||
.hp-area { display: flex; flex-direction: column; align-items: center; margin-bottom: 2em; text-decoration: none; cursor: pointer; } | .hp-area { display: flex; flex-direction: column; align-items: center; margin-bottom: 2em; text-decoration: none; cursor: pointer; } | ||
.hp-area:hover { text-decoration: none; } | .hp-area:hover { text-decoration: none; } | ||
+ | .hp-area:hover h3 { font-weight: 700; color: red; } | ||
.hp-area-icon { flex: 1 0; margin-right: 1em; user-select: none; } | .hp-area-icon { flex: 1 0; margin-right: 1em; user-select: none; } | ||
.hp-area-icon svg { width: 100px; height: 100px; } | .hp-area-icon svg { width: 100px; height: 100px; } | ||
Line 127: | Line 127: | ||
</div> | </div> | ||
<div class="hp-area-text"> | <div class="hp-area-text"> | ||
− | <h3>Technologies </h3> | + | <h3>Technologies</h3> |
<p> | <p> | ||
Software for interaction with, within or among communities in case of a disaster and for analysis of these interactions. | Software for interaction with, within or among communities in case of a disaster and for analysis of these interactions. |
Revision as of 14:39, 25 May 2022
Development verstion of the DCT Homepage.
Not ready for production!