From 0503e6310d993a94f3af9b4eab3e1947a5c97018 Mon Sep 17 00:00:00 2001 From: Adam Bardsley Date: Mon, 25 Nov 2024 17:36:00 +0000 Subject: [PATCH] Symlinks... --- docs/client/winchester/parallax.css | 3 +- .../client/winchester/parallax.css | 3 +- overides/localhost%3A3000/parallax.css | 447 ------------------ 3 files changed, 4 insertions(+), 449 deletions(-) delete mode 100644 overides/localhost%3A3000/parallax.css diff --git a/docs/client/winchester/parallax.css b/docs/client/winchester/parallax.css index b505950..423628b 100644 --- a/docs/client/winchester/parallax.css +++ b/docs/client/winchester/parallax.css @@ -1,4 +1,5 @@ +/* Hello test*/ :root { --organisation: #004aad; --logo-dark: #558dc4; @@ -451,7 +452,7 @@ section#introduction { overflow: hidden; } #uc-page-id-strategy .row.content { - width: 100%; + width: 100%; } diff --git a/overides/adambardsley.co.uk/client/winchester/parallax.css b/overides/adambardsley.co.uk/client/winchester/parallax.css index b505950..423628b 100644 --- a/overides/adambardsley.co.uk/client/winchester/parallax.css +++ b/overides/adambardsley.co.uk/client/winchester/parallax.css @@ -1,4 +1,5 @@ +/* Hello test*/ :root { --organisation: #004aad; --logo-dark: #558dc4; @@ -451,7 +452,7 @@ section#introduction { overflow: hidden; } #uc-page-id-strategy .row.content { - width: 100%; + width: 100%; } diff --git a/overides/localhost%3A3000/parallax.css b/overides/localhost%3A3000/parallax.css deleted file mode 100644 index 04a317d..0000000 --- a/overides/localhost%3A3000/parallax.css +++ /dev/null @@ -1,447 +0,0 @@ - -:root { - --organisation: #004aad; - --logo-dark: #558dc4; - --logo-light: #83a6d0; - --yellow: #ffde59; - --orange: #ff914d; - --red: #cb1a1a; - --purple: #7d2ae8; - /* --hero-height: 900px; */ - --hero-height: 100vh; - --line-thickness: 12px; - --line-wiggle-room: 150px; - --max-column-width: 1440px; -} - -body { - margin: 0; - font-family:'Josefin Sans',sans-serif!important; - position: relative; - overflow-x:hidden; - background-image: url('https://assets.prod.unioncloud-internal.com/image/images/570365/original/background2.png'); - font-size: 62.5%; - box-sizing: border-box; -} -body * { - box-sizing: border-box; -} - - - -#journey-line { - height: 100%; - background-image: url('https://assets.prod.unioncloud-internal.com/image/images/570374/original/dottedline.svg'); - background-size: var(--line-wiggle-room) auto; - background-repeat: repeat-y; - position: absolute; right:0; top:0; bottom: 0; - width: var(--line-wiggle-room); - /* rotate: -3deg; */ -} -#progress { - position: fixed; - height: 4px; - width: 0%; - top: 0px; - left: 0px; - background-color: var(--logo-light); - border: solid 1px transparent; - z-index: 100; -} - -.spacer { - height: 15rem; -} -#hide-overflow { - height: 100%; - width: 100%; - max-width: var(--max-column-width); - margin: 0 auto; - overflow: hidden; - position: absolute; - top:0; bottom:0; - right: 20px; -} -@media screen and (min-width: 1024px) { - #hide-overflow { - right: calc(50% - 512px); - } -} - -header#hero { - background-color: var(--organisation); - min-height: var(--hero-height); - height: var(--hero-height); - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - position: relative; - overflow: hidden; - margin: 0px auto; -} -header #hero-image { - background-image: url('https://assets.prod.unioncloud-internal.com/image/images/570368/original/header-background.png'); - opacity: 0.5; - background-position: center bottom; - background-repeat: no-repeat; - background-size: cover; - width: 100%; - height: var(--hero-height); - position: absolute; -} -header#hero h1 { - color: #fff; - text-transform: uppercase; - z-index: 2; - font-size: 3rem; - text-align: center; -} -@media screen and (min-width: 624px) { - - header#hero h1 { - font-size: 5rem; - } -} - -.basic { - padding: 1rem 3rem; - border: solid 1px transparent; -} -.basic h2 { - text-transform: uppercase; - font-weight: black; - /* font-size: 1.8rem; */ - border-bottom: solid var(--line-thickness) var(--organisation); - display: inline-block; padding-bottom: 0.5rem; - margin:0; -} -.basic p { - /* font-size: 1.2rem; */ -} - - -section#introduction { - padding: 7rem 0 0rem; - max-width: var(--max-column-width); - margin: 0 auto 00px; - font-size: 3rem; - border: solid 1px transparent; - height: 50vh; -} - -#mission, #vision { - max-width: 300px; /*calc(100% - var(--line-wiggle-room - 4rem - 100px));*/ - transform: translate(-370px,0); -} -@media screen and (min-width: 324px) { - section#introduction { - font-size: 2rem; - } - #mission { - /* position: relative; */ - transform: translate(370px,0); - max-width: 400px; - } - #vision { - /* position: relative; */ - transform: translate(100px,0); - max-width: 700px; - margin-bottom: 20px; - } -} -@media screen and (min-width: 1024px) { - #mission { - /* position: relative; */ - transform: translate(320px,0); - max-width: 800px; - } - #vision { - /* position: relative; */ - transform: translate(280px,0); - max-width: calc(100% - 250px); - } -} - - -/* Goals & Measures */ - -#goals, #measures { - color: #fff; - padding-top: 300px; - /* width: 100%; */ - /* mix-blend-mode:screen; */ - border: solid 1px transparent; /* Triggers block */ - /* border-color: hotpink; */ - display: block; - overflow: hidden; - position: relative; -} -#goals h2, -#measures h2 { - font-size: 3em; - text-transform: uppercase; - text-align: center; - margin-bottom: 1rem; -} -#goals .picture, -#measures .picture { - width: 100%; - border: 1px solid transparent; - /* background-color: hotpink; */ - display: block; - background-repeat: no-repeat; - background-position-x: left; - background-position-y: top; - background-size: 220%; - height: 700px; - position: absolute; - top: 0px; - left: 0; - /* mix-blend-mode: screen; */ - /* overflow: hidden; */ - /* overflow: visible; */ - max-width: var(--max-column-width); - margin: 0 auto; -} -#measures .picture { background-image: url('https://assets.prod.unioncloud-internal.com/image/images/570366/original/students.png');} -#goals .picture { background-image: url('https://assets.prod.unioncloud-internal.com/image/images/570367/original/sports.png');} - -@media screen and (min-width: 1024px) { - #goals,#measures { - padding-top: 100px; - height: 100vh; - } - #measures h2 { transform: translate(-200px,0); } - #goals h2 { transform: translate(200px,0); } - - #goals .picture, - #measures .picture { - left: calc(50% - 770px); - height: 500px; - background-size: 100%; /* 90% for goals? */ - } -} -#goals .ripple, -#measures .ripple { - margin-top: 200px; - background-color: var(--organisation); - background-size: cover; - clip-path: path('m5011.83,62.75c-43.56-14.48-51.33-36.84-100-49.33-15.12-3.88-55.5-12.28-101.33,0-49.96,13.39-49.96,36.23-100,49.33-9.77,2.56-51,12.49-98.67,0-50.03-13.1-50.01-35.93-100-49.33-10.15-2.72-52.7-13.19-101.33,0-49.44,13.41-49.23,36.08-98.67,49.33-46.99,12.59-88.17,3.09-100,0-50.67-13.23-50.8-36.15-101.33-49.33-10.92-2.85-52.39-12.6-100,0-49.92,13.22-49.94,36.07-100,49.33-48.41,12.83-90.4,2.54-100,0-49.95-13.23-49.94-36.07-100-49.33-9.82-2.6-51.75-12.83-100,0-49.96,13.28-50.04,36.21-100,49.33-46.95,12.33-87.78,2.82-98.67,0-48.98-12.69-56.07-36.08-101.33-49.33-16.3-4.77-35.62-7.66-58.29-6.41-15.62-.19-33.54,1.36-52.38,6.41-49.96,13.39-49.96,36.23-100,49.33-9.77,2.56-51,12.49-98.67,0-50.03-13.1-50.01-35.93-100-49.33-10.15-2.72-52.7-13.19-101.33,0-49.44,13.41-49.22,36.08-98.67,49.33-46.99,12.59-88.17,3.09-100,0-50.67-13.23-50.8-36.15-101.33-49.33-10.92-2.85-52.39-12.6-100,0-49.92,13.22-49.94,36.07-100,49.33-48.41,12.83-90.4,2.54-100,0-49.95-13.23-49.94-36.07-100-49.33-9.82-2.6-51.75-12.83-100,0-42.77,11.37-48.99,29.81-81.24,43.12-53.79,13.96-91.98,7.86-117.1-.49-43.56-14.48-51.33-36.84-100-49.33-15.12-3.88-55.5-12.28-101.33,0-49.96,13.39-49.96,36.23-100,49.33-9.77,2.56-51,12.49-98.67,0-50.03-13.1-50.01-35.93-100-49.33-10.15-2.72-52.7-13.19-101.33,0-49.44,13.41-49.22,36.08-98.67,49.33-46.99,12.59-88.17,3.09-100,0-50.67-13.23-50.8-36.15-101.33-49.33-10.92-2.85-52.39-12.6-100,0-49.92,13.22-49.94,36.07-100,49.33-48.41,12.83-90.4,2.54-100,0-49.95-13.23-49.94-36.07-100-49.33-9.82-2.6-51.75-12.83-100,0-49.96,13.28-50.04,36.21-100,49.33-46.95,12.33-87.78,2.82-98.67,0-48.98-12.69-56.07-36.08-101.33-49.33C74.73-.74,41.94-3.61.5,6.71v3865.33h5130.33V192.38c0,.11,0-6.16,0-25.26V62.75c-54.8,14.6-93.59,8.44-119,0Z'); - padding: 100px 3rem 3rem; - height: calc(100% + 100px ); -} -#goals .description, -#measures .description { - position: relative; - overflow: visible; - height: 12rem; - width: 100%; -} -#goals .description .value, -#measures .description .value { - position: absolute; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - /* left: 10%; */ - font-size: 3.5rem; - /* width: calc(80% - 2em); */ - padding: 1em; - /* margin-top: 1em; */ - /* opacity:0; */ - transform: translateX(100%) scale(0,0); - /* scale: 0%; */ - /* min-height: 5rem; */ -} -#measures #belonging { transform: translateX(0%) scale(0.8,0.8); } -#measures #belonging { background-color: var(--purple); } -#measures #interaction { background-color: var(--red);} -#measures #impact { background-color: var(--orange); color: #000;} -#measures #engagement { background-color: var(--yellow); color: #000;} - -#goals #community { transform: translateX(0%), scale(1,1) } -#goals #community { background-color: var(--purple); } -#goals #familiarity { background-color: var(--red);} -#goals #advocacy { background-color: var(--orange); color: #000;} -#goals #support { background-color: var(--yellow); color: #000;} - -#goals .rotator, -#measures .rotator { - display:flex; - align-items: center; - justify-content: center; - gap: 1rem; - max-width: var(--max-column-width); - /* overflow: hidden; */ - margin: 0 auto; -} - -#goals .rotator {flex-direction: column;} -#measures .rotator {flex-direction: column-reverse;} - -#goals .ripple h2, -#measures .ripple h2 { - font-size: 5rem; -} -.rotator #goal-wheel-wrap, -.rotator #goal-wheel-wrap-2 { - width: 80%; - padding-top: 80px; - background-image: url('https://assets.prod.unioncloud-internal.com/image/images/570372/original/arrow2.png'); - background-repeat: no-repeat; - background-position-x: 45%; - background-position-y: 0px; - background-size: 200px; - position: relative; -} -.rotator #goal-wheel-wrap img, -.rotator #goal-wheel-wrap-2 img { - max-height: 100%; - display: block; -} -.rotator #goal-wheel-wrap .logo, -.rotator #goal-wheel-wrap-2 .logo { - width: 100%; height: calc(100% - 80px); - position: absolute; - background-image: url('https://assets.prod.unioncloud-internal.com/image/images/570369/original/swirl.png'); - background-position: center center; - background-repeat: no-repeat; - background-size: 15% 15%; - z-index: 10; -} -@media screen and (min-width: 1024px) { - #goals .ripple, - #measures .ripple { - max-height: 100%;; - } - - #goals .rotator, - #measures .rotator { - flex-direction: row; - align-items: center; - } - #goals .description, - #measures .description { - width: 100%; - } - .rotator #goal-wheel-wrap, - .rotator #goal-wheel-wrap-2 { - /* max-width: 50%; */ - width: 65%; - /* max-height: 100%; */ - - } - .rotator #goal-wheel-wrap img, - .rotator #goal-wheel-wrap-2 img { - aspect-ratio: 1/1 ; - } - #measures .description .value { - font-size: 3rem; - margin-top:0; - } - .rotator #goal-wheel-wrap, - .rotator #goal-wheel-wrap-2 { - margin: -7rem auto 0; - } -} - - - -#priorities, #priorities * { - box-sizing: content-box; -} -#priorities { - /* background-color: var(--organisation); */ - /* color: #fff; */ - padding: 0; - height: 100vh; - padding-top: 200px; - display: flex; - flex-direction: column; - justify-content:center; - align-items: center; - /* width: 100%; */ - /* mix-blend-mode:screen */ - overflow: hidden; -} - -#priorities h2 { - font-size: 5rem; - margin-bottom: 1em; - text-transform: uppercase; -} - -#priority-slider { - display: flex; - max-width: 100%; - list-style: none; - margin:0; - gap: 100px; - padding: 0 100px; - transform: translate(50%,0); - overflow: visible; -} -#priority-slider li{ - width: 100%; - flex-shrink: 0; - flex-grow: 0; - font-size: 4rem; - color: #fff; - padding: 6rem; - margin:0; - border-radius: 1rem; - background-color: var(--organisation); - max-width: 70%; - width: 750px; - -} - -#priority-slider li h3 { - text-transform: uppercase; - border-bottom: solid var(--line-thickness) #ffffff99; - padding-bottom: 15px; - font-size: 3rem; -} - -#priority-slider li p { - font-weight: 350; - color: #fff; -} - -#priorities h2 button { - border: none; background: none; -} -#controls { - width: 100%; - padding: 2rem 0 5rem; - display: flex; - flex-wrap: wrap; - justify-content: center; - gap: 1rem; -} -#controls button { - padding: 1rem; - font-size: 3rem; - color: #fff; - border: solid 1px transparent; - background-color: var(--organisation); - border-radius: 1rem; -} - - -#footer { - height: 20rem; - background-color: var(--organisation); - display: flex; - flex-direction: column; - color: #fff; - justify-content: center; - align-items: center; -} - -/* Debug */ -/* #goals { border-bottom: dashed 3px hotpink;} */ -#priority-slider { border: dashed 3px transparent; } -#piorities { border: dashed 3px transparent; } \ No newline at end of file