Widget: Homepage: Difference between revisions

From LINKS Community Center
Jump to: navigation, search
Eschmidt (talk | contribs)
No edit summary
Eschmidt (talk | contribs)
No edit summary
Line 14: Line 14:
             margin-bottom: 4em;
             margin-bottom: 4em;
             background:
             background:
                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(113deg, #d5dde3 0%, #d5dde3 40%, #acbac8 calc(40% + 1px), #acbac8 50%, #5d758c calc(50% + 1px), #5d758c 70%, #415262 calc(70% + 1px), #415262 100%);
            /* background:
                 linear-gradient(125deg, #FFFFFF 0%, #000000 100%),
                 linear-gradient(125deg, #FFFFFF 0%, #000000 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(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: overlay, overlay, normal;
             clip-path: inset(0 100% 100% 0);
             clip-path: inset(0 100% 100% 0);
Line 22: Line 26:
         }
         }
         .loaded #hp-heading { clip-path: inset(0); }
         .loaded #hp-heading { clip-path: inset(0); }
         #hp-heading h1 { font-size: 3.4em; margin-bottom: .5em; }
         #hp-heading h1 { font-size: 3.4em; margin-bottom: .5em; color: var(--links-grey); }
         #hp-heading h1 span {
         #hp-heading h1 span {
             display: block;
             display: block;

Revision as of 12:35, 30 June 2022

Development verstion of the DCT Homepage.
Not ready for production!