Difference between revisions of "Widget:Homepage"
From LINKS Community Center
| Line 45: | Line 45: | ||
.hp-area:hover { text-decoration: none; } | .hp-area:hover { text-decoration: none; } | ||
.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: | + | .hp-area-icon svg { width: 100px; height: 100px; } |
.hp-area-text { flex: 1 1 75%; } | .hp-area-text { flex: 1 1 75%; } | ||
.hp-area-text h2, #hp-recent h3 { font-family: 'Raleway'; font-weight: 300; letter-spacing: .06em; } | .hp-area-text h2, #hp-recent h3 { font-family: 'Raleway'; font-weight: 300; letter-spacing: .06em; } | ||
| Line 78: | Line 78: | ||
#hp-main { width: 75%; margin: auto; } | #hp-main { width: 75%; margin: auto; } | ||
.hp-search { margin-bottom: 8em; } | .hp-search { margin-bottom: 8em; } | ||
| + | .hp-area-icon svg { width: 130px; height: 130px; } | ||
} | } | ||
</style> | </style> | ||
| Line 91: | Line 92: | ||
<div class="hp-large-button">Get Started</div> | <div class="hp-large-button">Get Started</div> | ||
</div> | </div> | ||
| + | <i class="fa-brands fa-twitter"></i> | ||
</div> | </div> | ||
Revision as of 10:59, 25 May 2022
Development verstion of the DCT Homepage.
Not ready for production!