Difference between revisions of "Widget:Homepage"
From LINKS Community Center
| Line 6: | Line 6: | ||
<style> | <style> | ||
#hp-wrapper { font-family: 'Open Sans'; } | #hp-wrapper { font-family: 'Open Sans'; } | ||
| − | #hp-heading { padding: 3em; margin-bottom: 8em; background: #eee; } | + | #hp-heading { |
| + | padding: 3em; | ||
| + | margin-bottom: 8em; | ||
| + | background: #eee; | ||
| + | background: | ||
| + | linear-gradient(123deg, #34b8b8 0%, #34b8b8 40%, #FCD77F calc(40% + 1px), #FCD77F 60%, #ee7802 calc(60% + 1px), #ee7802 75%, #415262 calc(75% + 1px), #415262 100%); | ||
| + | } | ||
#hp-heading h1 { font-family: 'Raleway'; font-size: 5em; margin-bottom: .5em; } | #hp-heading h1 { font-family: 'Raleway'; font-size: 5em; margin-bottom: .5em; } | ||
#hp-heading h1 span { display: block; } | #hp-heading h1 span { display: block; } | ||
| Line 13: | Line 19: | ||
#hp-heading h1 span:nth-child(3) { font-weight: 100; } | #hp-heading h1 span:nth-child(3) { font-weight: 100; } | ||
#hp-heading .hp-lead { font-size: 2em; font-weight: 300; margin-bottom: 2em; } | #hp-heading .hp-lead { font-size: 2em; font-weight: 300; margin-bottom: 2em; } | ||
| − | .hp-large-button { display: inline-block; font-size: 2em; padding: .5em; border: 1px solid black; } | + | .hp-large-button { display: inline-block; font-size: 2em; padding: .5em; border: 1px solid black; user-select: none; } |
#hp-main { width: 75%; margin: auto; } | #hp-main { width: 75%; margin: auto; } | ||
.hp-search { margin-bottom: 8em; } | .hp-search { margin-bottom: 8em; } | ||
Revision as of 16:00, 20 May 2022
Development verstion of the DCT Homepage.
Not ready for production!