Difference between revisions of "Widget:Homepage"
From LINKS Community Center
| Line 1: | Line 1: | ||
| − | <noinclude>Development verstion of the LCC Homepage.<br>< | + | <noinclude>Development verstion of the LCC Homepage.<br><strong style="color: red;">Not ready for production!</strong></noinclude> |
<includeonly><style> | <includeonly><style> | ||
#hp-wrapper { | #hp-wrapper { | ||
| Line 14: | Line 14: | ||
margin-bottom: 4em; | margin-bottom: 4em; | ||
background: | background: | ||
| + | url(/images/f/fd/Links-logo-network.png) top -180px right -80px / contain no-repeat, | ||
linear-gradient(125deg, #FFFFFF 0%, #222222 100%), | linear-gradient(125deg, #FFFFFF 0%, #222222 100%), | ||
linear-gradient(200deg, #d5dde3 0%, #d5dde3 50%, #acbac8 calc(50% + 1px), #acbac8 60%, #5d758c calc(60% + 1px), #5d758c 75%, #415262 calc(75% + 1px), #415262 100%), | linear-gradient(200deg, #d5dde3 0%, #d5dde3 50%, #acbac8 calc(50% + 1px), #acbac8 60%, #5d758c calc(60% + 1px), #5d758c 75%, #415262 calc(75% + 1px), #415262 100%), | ||
| Line 21: | Line 22: | ||
linear-gradient(200deg, #D0F2F2 0%, #D0F2F2 50%, #34B8B8 calc(50% + 1px), #34B8B8 60%, #166EA9 calc(60% + 1px), #166EA9 75%, #125887 calc(75% + 1px), #125887 100%), | linear-gradient(200deg, #D0F2F2 0%, #D0F2F2 50%, #34B8B8 calc(50% + 1px), #34B8B8 60%, #166EA9 calc(60% + 1px), #166EA9 75%, #125887 calc(75% + 1px), #125887 100%), | ||
linear-gradient(113deg, #D0F2F2 0%, #D0F2F2 40%, #34B8B8 calc(40% + 1px), #34B8B8 50%, #166EA9 calc(50% + 1px), #166EA9 70%, #125887 calc(70% + 1px), #125887 100%); */ | linear-gradient(113deg, #D0F2F2 0%, #D0F2F2 40%, #34B8B8 calc(40% + 1px), #34B8B8 50%, #166EA9 calc(50% + 1px), #166EA9 70%, #125887 calc(70% + 1px), #125887 100%); */ | ||
| − | background-blend-mode: overlay, overlay, normal; | + | background-blend-mode: multiply, overlay, overlay, normal; |
clip-path: inset(0 100% 100% 0); | clip-path: inset(0 100% 100% 0); | ||
transition: all 500ms ease-in-out; | transition: all 500ms ease-in-out; | ||
| Line 34: | Line 35: | ||
transition: all 500ms ease-in-out; | transition: all 500ms ease-in-out; | ||
} | } | ||
| − | .loaded #hp-heading h1 span { opacity: .95; transform: translateX(0);} | + | .loaded #hp-heading h1 span { opacity: .95; transform: translateX(0); } |
#hp-heading h1 span:nth-child(1) { font-weight: 800; letter-spacing: .06em; transition-delay: 300ms; } | #hp-heading h1 span:nth-child(1) { font-weight: 800; letter-spacing: .06em; transition-delay: 300ms; } | ||
#hp-heading h1 span:nth-child(2) { font-weight: 500; transition-delay: 400ms; } | #hp-heading h1 span:nth-child(2) { font-weight: 500; transition-delay: 400ms; } | ||
Revision as of 13:41, 6 July 2022
Development verstion of the LCC Homepage.
Not ready for production!