Difference between revisions of "Widget:Homepage"

From LINKS Community Center
Jump to: navigation, search
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 13:35, 30 June 2022

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