diff --git a/.gitattributes b/.gitattributes new file mode 100644 index 0000000..dfe0770 --- /dev/null +++ b/.gitattributes @@ -0,0 +1,2 @@ +# Auto detect text files and perform LF normalization +* text=auto diff --git a/.gitignore b/.gitignore new file mode 100755 index 0000000..257e57e --- /dev/null +++ b/.gitignore @@ -0,0 +1,4 @@ +/node_modules +/.cache +/parcel-cache +package-lock.json \ No newline at end of file diff --git a/.parcel-cache/00/6a6ea616cef285f8e31446fc0ee284.v8 b/.parcel-cache/00/6a6ea616cef285f8e31446fc0ee284.v8 new file mode 100644 index 0000000..ee0ea1a Binary files /dev/null and b/.parcel-cache/00/6a6ea616cef285f8e31446fc0ee284.v8 differ diff --git a/.parcel-cache/00/e17e8788c21d7f2217b815a45456eb.v8 b/.parcel-cache/00/e17e8788c21d7f2217b815a45456eb.v8 new file mode 100644 index 0000000..55c1d94 Binary files /dev/null and b/.parcel-cache/00/e17e8788c21d7f2217b815a45456eb.v8 differ diff --git a/.parcel-cache/01/0ac923a656365130126052002a708d.v8 b/.parcel-cache/01/0ac923a656365130126052002a708d.v8 new file mode 100644 index 0000000..722d36a Binary files /dev/null and b/.parcel-cache/01/0ac923a656365130126052002a708d.v8 differ diff --git a/.parcel-cache/01/33485f563527df476095fdf01e8355.v8 b/.parcel-cache/01/33485f563527df476095fdf01e8355.v8 new file mode 100644 index 0000000..7084740 Binary files /dev/null and b/.parcel-cache/01/33485f563527df476095fdf01e8355.v8 differ diff --git a/.parcel-cache/01/37753772ea546e6f5c4f63ab201a7e.blob b/.parcel-cache/01/37753772ea546e6f5c4f63ab201a7e.blob new file mode 100644 index 0000000..073b678 --- /dev/null +++ b/.parcel-cache/01/37753772ea546e6f5c4f63ab201a7e.blob @@ -0,0 +1 @@ +{"mappings":"AAAA;A;A;CAGC,sBAAsB;AACvB;A;AAEA;CACC,eAAe;AAChB;A;AAEA;CACC,SAAS;CACT,kBAAkB;CAClB,mBAAmB;CACnB,kBAAkB;CAClB,wBAAwB;CACxB,0BAA0B;CAC1B,uBAAuB;CACvB,0BAA0B;CAC1B,uBAAuB;CACvB,kBAAkB;CAClB,2BAA2B;CAC3B,wBAAwB;CACxB,iCAAiC;CACjC,gGAAgG;CAChG,mCAAmC;CACnC,kCAAkC;AACnC;A;AAEA,gBAAgB;A;AAChB;A;CAEC,WAAW;CACX,eAAe;CACf,aAAa;AACd;A;AAEA;CACC,MAAM;CACN,OAAO;CACP,WAAW;CACX,YAAY;CACZ,2BAA2B;AAC5B;A;AAEA;CACC,QAAQ;CACR,SAAS;CACT,WAAW;CACX,YAAY;CACZ,uBAAuB;CACvB,kBAAkB;CAClB,YAAY;CACZ,6BAA6B;CAC7B,6DAA6D;A;AAE9D;A;AAEA;CACC;EACC,UAAU;EACV,6BAA6B;CAC9B;AACD;A;AAEA;CACC,0BAA0B;CAC1B,wBAAwB;CACxB,aAAa;AACd;A;AAEA;CACC,qBAAqB;CACrB,8BAA8B;CAC9B,aAAa;AACd;A;AAEA,6FAA6F;A;AAC7F;CACC;qCACoC;CACpC,aAAa;CACb,qBAAqB;AACtB;A;AAEA;CACC;kCACiC;CACjC,uBAAuB;AACxB;A;AAEA;CACC;A;kBAEiB;CACjB,sBAAsB;CACtB,uBAAuB;AACxB;A;AAEA;CACC,gBAAgB;CAChB,SAAS;CACT,UAAU;CACV,SAAS;CACT,eAAe;CACf,aAAa;AACd;A;AAEA;CACC,aAAa;AACd;A;AAEA;CACC,eAAe;CACf,aAAa;CACb,aAAa;CACb,4BAA4B;CAC5B,+BAA+B;CAC/B;A;A;A;A;qBAKoB;A;AAErB;A;AAEA;CACC,gBAAgB;CAChB,wBAAwB;CACxB,mBAAmB;AACpB;A;AAEA;CACC,eAAe;CACf,SAAS;CACT,mBAAmB;AACpB;A;AAEA;CACC,cAAc;AACf;A;AAEA;CACC,oBAAoB;AACrB;A;AAEA;CACC,wBAAwB;CACxB,uBAAuB;CACvB,mBAAmB;CACnB,sBAAsB;AACvB;A;AAEA;CACC,gBAAgB;AACjB;A;AAEA;CACC,qBAAqB;CACrB,wBAAwB;CACxB,sBAAsB;AACvB;A;AAEA;CACC,aAAa;CACb,sBAAsB;CACtB,YAAY;CACZ,2BAA2B;CAC3B,kBAAkB;CAClB,2BAA2B;CAC3B,mBAAmB;AACpB;A;AAEA;CACC,kBAAkB;CAClB,iCAAiC;CACjC,SAAS;CACT,mBAAmB;CACnB,iBAAiB;CACjB,gBAAgB;AACjB;A;AAEA;CACC,gBAAgB;AACjB;A;AAEA;CACC,kBAAkB;CAClB,cAAc;CACd,iCAAiC;AAClC;A;AAEA;CACC,iBAAiB;CACjB,cAAc;CACd,SAAS;CACT,eAAe;CACf,iCAAiC;CACjC,gBAAgB;AACjB;A;AAEA;CACC,eAAe;AAChB;A;AAEA;CACC,kBAAkB;CAClB,gBAAgB;CAChB,WAAW;CACX,gBAAgB;CAChB,gBAAgB;CAChB,mBAAmB;CACnB,sBAAsB;AACvB;A;AAEA;CACC,WAAW;AACZ;A;AAEA;CACC,YAAY;AACb;A;AAEA;CACC,kEAA8C;CAC9C,WAAW;CACX,YAAY;CACZ,sBAAsB;AACvB;A;AAEA;CACC,6BAA6B;AAC9B;A;AAEA;CACC,iBAAiB;CACjB,iBAAiB;CACjB,cAAc;CACd,eAAe;CACf,gBAAgB;IACb,kBAAkB;IAClB,gBAAgB;CACnB,kCAAkC;AACnC;A;AAEA;CACC,oBAAoB;AACrB;A;AAEA;CACC,WAAW;CACX,kBAAkB;CAClB,SAAS;CACT,OAAO;CACP,WAAW;CACX,WAAW;CACX,wBAAwB;CACxB,+BAA+B;IAC5B,0BAA0B;AAC9B;A;AAEA;A;CAEC,yBAAyB;CACzB,wBAAwB;AACzB;A;AAEA;CACC,eAAe;CACf,oBAAoB;CACpB,UAAU;CACV,MAAM;CACN,OAAO;CACP,WAAW;CACX,aAAa;CACb,aAAa;CACb,sBAAsB;CACtB,qBAAqB;CACrB,uBAAuB;CACvB,0BAA0B;AAC3B;A;AAEA;CACC,oBAAoB;CACpB,UAAU;AACX;A;AAEA;CACC,WAAW;CACX,cAAc;CACd,cAAc;CACd,cAAc;CACd,kBAAkB;AACnB;A;AAEA;CACC,qBAAqB;CACrB,iBAAiB;CACjB,kCAAkC;CAClC,eAAe;CACf,kBAAkB;CAClB,cAAc;CACd,wBAAwB;AACzB;A;AAEA;CACC,8BAA8B;AAC/B;A;AAEA;CACC,kBAAkB;CAClB,OAAO;CACP,QAAQ;CACR,iBAAiB;CACjB,8BAA8B;CAC9B,yDAAyD;CACzD,UAAU;CACV,cAAc;CACd,qBAAqB;CACrB,aAAa;CACb,mBAAmB;CACnB,iCAAiC;CACjC,wBAAwB;CACxB,yBAAyB;AAC1B;A;AAEA;CACC,UAAU;CACV,yBAAyB;AAC1B;A;AAEA;CACC,kBAAkB;CAClB,SAAS;CACT,aAAa;CACb,eAAe;CACf,cAAc;CACd,UAAU;CACV,oBAAoB;AACrB;A;AAEA;CACC,wBAAwB;AACzB;A;AAEA;CACC,UAAU;CACV,oBAAoB;AACrB;A;AAEA;A;CAEC,kBAAkB;CAClB,WAAW;CACX,YAAY;CACZ,MAAM;CACN,OAAO;CACP,oBAAoB;AACrB;A;AAEA;IACI,kBAAkB;IAClB,WAAW;IACX,YAAY;IACZ,OAAO;IACP,QAAQ;IACR,aAAa;IACb,qCAAqC;IACrC,kCAAkC;IAClC,aAAa;IACb,gBAAgB;IAChB,iCAAiC;IACjC,YAAY;AAChB;A;AAEA;IACI,kEAAkE;CACrE,sBAAsB;AACvB;A;AAEA,SAAS,cAAc,EAAE,gBAAgB,EAAE;A;AAC3C,SAAS,aAAa,EAAE,iBAAiB,EAAE;A;AAC3C,SAAS,aAAa,EAAE,iBAAiB,EAAE;A;AAC3C,SAAS,cAAc,EAAE,iBAAiB,EAAE;A;AAC5C,SAAS,cAAc,EAAE,iBAAiB,EAAE;A;AAC5C,SAAS,cAAc,EAAE,iBAAiB,EAAE;A;AAC5C,SAAS,cAAc,EAAE,gBAAgB,EAAE;A;AAC3C,SAAS,cAAc,EAAE,iBAAiB,EAAE;A;AAC5C,SAAS,cAAc,EAAE,iBAAiB,EAAE;A;AAC5C,UAAU,cAAc,EAAE,iBAAiB,EAAE;A;AAC7C,UAAU,aAAa,EAAE,iBAAiB,EAAE;A;AAC5C,UAAU,cAAc,EAAE,iBAAiB,EAAE;A;AAC7C,UAAU,cAAc,EAAE,gBAAgB,EAAE;A;AAC5C,UAAU,aAAa,EAAE,iBAAiB,EAAE;A;AAC5C,UAAU,aAAa,EAAE,gBAAgB,EAAE;A;AAC3C,UAAU,cAAc,EAAE,iBAAiB,EAAE;A;AAE7C;CACC,YAAY;AACb;A;AAEA;CACC,oBAAoB;CACpB,UAAU;AACX;A;AAEA;CACC,oBAAoB;CACpB,UAAU;AACX;A;AAEA;CACC,UAAU;CACV,oBAAoB;AACrB;A;AAEA;CACC,eAAe;CACf,UAAU;CACV,cAAc;CACd,kBAAkB;AACnB;A;AAEA;CACC,mBAAmB;CACnB,SAAS;CACT,iCAAiC;AAClC;A;AAEA;CACC,gBAAgB;CAChB,iCAAiC;AAClC;A;AAEA;CACC,kBAAkB;CAClB,qBAAqB;CACrB,iCAAiC;CACjC,iBAAiB;CACjB,eAAe;CACf,qBAAqB;AACtB;A;AAEA;CACC;EACC,gBAAgB;EAChB,wBAAwB;EACxB,wBAAwB;EACxB,0BAA0B;EAC1B,yBAAyB;CAC1B;CACA;EACC,aAAa;EACb,8BAA8B;EAC9B;A;A;A;A;qBAKmB;A;CAEpB;CACA;EACC,qBAAqB;CACtB;CACA;EACC,SAAS;EACT,aAAa;EACb,eAAe;EACf,yBAAyB;CAC1B;CACA;EACC,iBAAiB;EACjB,qBAAqB;CACtB;CACA;EACC,eAAe;EACf,iBAAiB;CAClB;CACA;EACC,aAAa;EACb,uBAAuB;CACxB;AACD","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/01/f5055887bcd9f91153b4038917b9f5.blob b/.parcel-cache/01/f5055887bcd9f91153b4038917b9f5.blob new file mode 100644 index 0000000..c40daa8 --- /dev/null +++ b/.parcel-cache/01/f5055887bcd9f91153b4038917b9f5.blob @@ -0,0 +1,215 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + + diff --git a/.parcel-cache/02/809445dc953c88521c92968090e630.blob b/.parcel-cache/02/809445dc953c88521c92968090e630.blob new file mode 100644 index 0000000..273f758 Binary files /dev/null and b/.parcel-cache/02/809445dc953c88521c92968090e630.blob differ diff --git a/.parcel-cache/02/8a339839b0c2aec9a01530190d1b41.blob b/.parcel-cache/02/8a339839b0c2aec9a01530190d1b41.blob new file mode 100644 index 0000000..3779860 Binary files /dev/null and b/.parcel-cache/02/8a339839b0c2aec9a01530190d1b41.blob differ diff --git a/.parcel-cache/02/d76da99c40286586eee82cec3008b3.blob b/.parcel-cache/02/d76da99c40286586eee82cec3008b3.blob new file mode 100644 index 0000000..4480775 --- /dev/null +++ b/.parcel-cache/02/d76da99c40286586eee82cec3008b3.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/02/dcc3fb8bb0306d08b4d1c25373401a.v8 b/.parcel-cache/02/dcc3fb8bb0306d08b4d1c25373401a.v8 new file mode 100644 index 0000000..a5501e5 Binary files /dev/null and b/.parcel-cache/02/dcc3fb8bb0306d08b4d1c25373401a.v8 differ diff --git a/.parcel-cache/02/de5b1a43d273d143949ff963b95d70.blob b/.parcel-cache/02/de5b1a43d273d143949ff963b95d70.blob new file mode 100644 index 0000000..490d9c9 --- /dev/null +++ b/.parcel-cache/02/de5b1a43d273d143949ff963b95d70.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/02/e47d2efce42ede0422cd7fd4568dcc.blob b/.parcel-cache/02/e47d2efce42ede0422cd7fd4568dcc.blob new file mode 100644 index 0000000..b706811 --- /dev/null +++ b/.parcel-cache/02/e47d2efce42ede0422cd7fd4568dcc.blob @@ -0,0 +1,509 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.underline::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.underline:hover::after, +.menu--open ~ .underline::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/02/f0ea41b0aecb88c230afb9e97cdcb5.v8 b/.parcel-cache/02/f0ea41b0aecb88c230afb9e97cdcb5.v8 new file mode 100644 index 0000000..eaceeb8 Binary files /dev/null and b/.parcel-cache/02/f0ea41b0aecb88c230afb9e97cdcb5.v8 differ diff --git a/.parcel-cache/03/3612489508eb84e31a25145330ac71.v8 b/.parcel-cache/03/3612489508eb84e31a25145330ac71.v8 new file mode 100644 index 0000000..cc7745d Binary files /dev/null and b/.parcel-cache/03/3612489508eb84e31a25145330ac71.v8 differ diff --git a/.parcel-cache/03/3922b508eaeae9f482caf7796a76e0.blob b/.parcel-cache/03/3922b508eaeae9f482caf7796a76e0.blob new file mode 100644 index 0000000..150ed88 --- /dev/null +++ b/.parcel-cache/03/3922b508eaeae9f482caf7796a76e0.blob @@ -0,0 +1,655 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + diff --git a/.parcel-cache/03/3dd472481e77c82ac121b5dac9eb59.v8 b/.parcel-cache/03/3dd472481e77c82ac121b5dac9eb59.v8 new file mode 100644 index 0000000..91bbbe1 Binary files /dev/null and b/.parcel-cache/03/3dd472481e77c82ac121b5dac9eb59.v8 differ diff --git a/.parcel-cache/03/ce638a7c23635e9d9563aa1631e8ec.blob b/.parcel-cache/03/ce638a7c23635e9d9563aa1631e8ec.blob new file mode 100644 index 0000000..16e7ed5 --- /dev/null +++ b/.parcel-cache/03/ce638a7c23635e9d9563aa1631e8ec.blob @@ -0,0 +1,88 @@ +var _parcelHelpers = require("@parcel/transformer-js/lib/esmodule-helpers.js"); +_parcelHelpers.defineInteropFlag(exports); +_parcelHelpers.export(exports, "TextLinesReveal", function () { + return TextLinesReveal; +}); +var _splitType = require('split-type'); +var _splitTypeDefault = _parcelHelpers.interopDefault(_splitType); +var _utils = require('./utils'); +var _gsap = require('gsap'); +class TextLinesReveal { + constructor(animationElems) { + this.DOM = { + animationElems: Array.isArray(animationElems) ? animationElems : [animationElems] + }; + // array of SplitType instances + this.SplitTypeInstances = []; + // array of all HTML .line + this.lines = []; + for (const el of this.DOM.animationElems) { + const SplitTypeInstance = new _splitTypeDefault.default(el, { + types: 'lines' + }); + // wrap the lines (div with class .oh) + // the inner child will be the one animating the transform + _utils.wrapLines(SplitTypeInstance.lines, 'div', 'oh'); + this.lines.push(SplitTypeInstance.lines); + // keep a reference to the SplitType instance + this.SplitTypeInstances.push(SplitTypeInstance); + } + this.initEvents(); + } + in() { + // lines are visible + this.isVisible = true; + // animation + _gsap.gsap.killTweensOf(this.lines); + return _gsap.gsap.timeline({ + defaults: { + duration: 1.2, + ease: 'expo' + } + }).set(this.lines, { + y: '150%', + rotate: 15 + }).to(this.lines, { + y: '0%', + rotate: 0, + stagger: 0.04 + }); + } + out() { + // lines are invisible + this.isVisible = false; + // animation + _gsap.gsap.killTweensOf(this.lines); + return _gsap.gsap.timeline({ + defaults: { + duration: 0.7, + ease: 'power2' + } + }).to(this.lines, { + y: '-150%', + rotate: -5, + stagger: 0.02 + }); + } + initEvents() { + window.addEventListener('resize', () => { + // empty the lines array + this.lines = []; + // re initialize the Split Text + for (const instance of this.SplitTypeInstances) { + // re-split text + // https://github.com/lukePeavey/SplitType#instancesplitoptions-void + instance.split(); + // need to wrap again the new lines elements (div with class .oh) + _utils.wrapLines(instance.lines, 'div', 'oh'); + this.lines.push(instance.lines); + } + // hide the lines + if (!this.isVisible) { + _gsap.gsap.set(this.lines, { + y: '-150%' + }); + } + }); + } +} diff --git a/.parcel-cache/04/02dc7fbcb8da0c35d8365eb9bdc763.blob b/.parcel-cache/04/02dc7fbcb8da0c35d8365eb9bdc763.blob new file mode 100644 index 0000000..283801d --- /dev/null +++ b/.parcel-cache/04/02dc7fbcb8da0c35d8365eb9bdc763.blob @@ -0,0 +1,505 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/04/3d32fe4d61ef096535fc846be3efce.blob b/.parcel-cache/04/3d32fe4d61ef096535fc846be3efce.blob new file mode 100644 index 0000000..8dc94e1 --- /dev/null +++ b/.parcel-cache/04/3d32fe4d61ef096535fc846be3efce.blob @@ -0,0 +1 @@ +*,:after,:before{box-sizing:border-box}:root{font-size:18px}body{margin:0;--color-text:#111;--color-bg:#f7f5f3;--color-link:#999;--color-link-hover:#000;--font-size-xlarge:2rem;--font-size-large:1.5rem;--font-size-medium:1.25rem;--font-size-small:1rem;--color-menu:#000;--color-menu-hover:#e93f33;color:var(--color-text);background-color:var(--color-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body #cdawrap{--cda-top:1.5rem;--cda-bottom:auto;--cda-left:1.5rem;--cda-width:360px;--cda-text-color:var(--color-menu);--cda-text-color-hover:var(--color-menu-hover);opacity:0;pointer-events:none;transition:opacity .4s}body.state-details #cdawrap{opacity:1;pointer-events:auto}.js .loading:after,.js .loading:before{content:"";position:fixed;z-index:1000}.js .loading:before{top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.js .loading:after{top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;opacity:.4;background:var(--color-link);animation:loaderAnim .7s linear infinite alternate forwards}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}a{text-decoration:underline;color:var(--color-link)}a,a:hover{outline:none}a:hover{text-decoration:none;color:var(--color-link-hover)}a:focus{outline:none;background:#d3d3d3}a:focus-visible,a:focus:not(:focus-visible){background:transparent}a:focus-visible{outline:2px solid red}.unbutton{background:none;border:0;padding:0;margin:0;cursor:pointer;font:inherit}.unbutton:focus{outline:none}main{padding:1.5rem;display:grid;height:100vh;align-content:space-between;grid-gap:.5rem;grid-template-columns:1fr auto;grid-template-areas:"frame menu" "heading heading" "content content" "content content" "deco deco" "footer footer"}.frame{grid-area:frame;color:var(--color-link);margin-bottom:1rem}.frame__title{font-size:1rem;margin:0;font-weight:400}.frame__links{display:block}.frame__links a:not(:last-child){margin-right:.5rem}.line{transform-origin:0 50%;padding-bottom:.35rem;white-space:nowrap;will-change:transform}.oh{overflow:hidden}.oh__inner{display:inline-block;transform-origin:0 50%;will-change:transform}.content{display:flex;flex-direction:column;width:100vw;height:calc(100vh - 13rem);position:relative;justify-content:flex-start;align-items:center}.heading{grid-area:heading;font-size:var(--font-size-large);margin:0 0 2rem;font-weight:400;align-self:start;line-height:1.4}.heading strong{font-weight:600}.content-primary{grid-area:content;line-height:1;font-size:var(--font-size-large)}.content-secondary{grid-area:footer;line-height:1;margin:0;align-self:end;font-size:var(--font-size-small);max-width:400px}.deco{grid-area:deco}.deco__img-wrap{position:relative;overflow:hidden;width:25vw;min-width:250px;max-width:400px;margin-bottom:1rem;will-change:transform}.deco__img-wrap--upper{height:5vh}.deco__img-wrap--lower{height:25vh}.deco__img{background:url(1.HASH_REF_537602dd51df256e213143fa5ff36b68.jpg) no-repeat 50% 0;width:100%;height:100%;will-change:transform}.deco__img--lower{background-position:50% -5vh}.menu-link{align-self:start;justify-self:end;line-height:1;grid-area:menu;overflow:hidden;position:relative;padding:0 0 5px;font-size:var(--font-size-medium)}.menu--open~.menu-link,.state-details .menu-link{pointer-events:none}.menu-link:after{content:"";position:absolute;bottom:0;left:0;height:7%;width:100%;background:currentColor;transition:transform .4s ease;transform-origin:100% 50%}.menu--open~.menu-link:after,.menu-link:hover:after,.state-details .menu-link:after{transform:scaleX(0);transform-origin:0 50%}.menu{position:fixed;pointer-events:none;z-index:100;opacity:0;top:0;left:0;width:100%;height:100vh;display:grid;grid-template-columns:auto auto auto;align-content:center;justify-content:center;counter-reset:menucounter}.menu--open{pointer-events:auto;opacity:1}.state-details .menu{pointer-events:none}.menu__item{grid-column:2;line-height:1;display:block;position:relative}.menu__item-link{text-decoration:none;line-height:1.25;margin-top:calc(var(--font-size-xlarge)*-0.15);font-size:var(--font-size-xlarge);cursor:pointer;position:relative;padding:0 calc(var(--font-size-xlarge)*0.45);color:var(--color-menu)}.menu__item-link:hover{color:var(--color-menu-hover)}.menu__item-link:before{position:absolute;left:0;top:18%;text-align:right;counter-increment:menucounter;content:counters(menucounter,".",decimal-leading-zero);opacity:0;line-height:1;padding-right:.5rem;display:grid;place-items:center;font-size:var(--font-size-small);color:var(--color-text);transform:scale3d(0,0,0)}.menu__item-link:hover:before{opacity:1;transform:scaleX(1)}.close{position:absolute;top:1rem;right:1.5rem;font-size:3rem;line-height:1;opacity:0;pointer-events:none}.close:hover{color:var(--color-menu)}.menu--open .close{opacity:1;pointer-events:auto}.state-details .close{pointer-events:none}.details,.details-wrap{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.details-wrap{overflow:hidden}.panel{position:absolute;width:100%;height:100%;top:0;left:0;display:grid;grid-template-columns:repeat(50,2%);grid-template-rows:repeat(50,2%);--grid-row:1;--grid-column:1;transform:rotate(-35deg);opacity:.5}.panel__img{grid-area:var(--grid-row)/var(--grid-column)/span 12/span 5;will-change:transform}.pos-1{--grid-row:10;--grid-column:1}.pos-2{--grid-row:1;--grid-column:18}.pos-3{--grid-row:1;--grid-column:29}.pos-4{--grid-row:15;--grid-column:12}.pos-5{--grid-row:17;--grid-column:25}.pos-6{--grid-row:20;--grid-column:43}.pos-7{--grid-row:35;--grid-column:5}.pos-8{--grid-row:40;--grid-column:14}.pos-9{--grid-row:37;--grid-column:29}.pos-10{--grid-row:35;--grid-column:42}.pos-11{--grid-row:7;--grid-column:46}.pos-12{--grid-row:32;--grid-column:20}.pos-13{--grid-row:22;--grid-column:2}.pos-14{--grid-row:9;--grid-column:38}.pos-15{--grid-row:4;--grid-column:7}.pos-16{--grid-row:28;--grid-column:36}.panel__img{width:100px}.details{display:grid;place-items:center;pointer-events:none;opacity:0}.details--open,.details--open~.close--details{pointer-events:auto;opacity:1}.details__content{padding:1.5rem;margin:0 auto;position:relative}.details__content-title{font-weight:400;margin:0;font-size:var(--font-size-xlarge)}.details__content-text{line-height:1;max-width:640px;font-size:var(--font-size-medium)}.details__content-link{position:relative;display:inline-block;font-size:var(--font-size-small);color:var(--color-text);cursor:pointer;text-decoration:none;font-weight:600}.details__content-link:hover{color:var(--color-menu-hover)}@media screen and (min-width:53em){body{overflow:hidden;--font-size-xlarge:11vh;--font-size-large:3.5vw;--font-size-medium:2.75vw;--font-size-small:1.65vw}main{grid-gap:0;height:100vh;grid-template-columns:45% 1fr;grid-template-areas:"heading menu" "content ..." "content deco" "... deco" "footer deco" "footer frame"}.line{padding-bottom:.5vw}.frame{margin:0;display:flex;flex-wrap:wrap;justify-content:flex-end}.frame__links{margin-left:2rem;display:inline-block}.deco{align-self:end;justify-self:end}.content{height:100vh;justify-content:center}.details__content{width:50%;padding:.5rem}} \ No newline at end of file diff --git a/.parcel-cache/04/7f2aa9a2a91622b83b6a793ec5e48d.blob b/.parcel-cache/04/7f2aa9a2a91622b83b6a793ec5e48d.blob new file mode 100644 index 0000000..2c82cb1 --- /dev/null +++ b/.parcel-cache/04/7f2aa9a2a91622b83b6a793ec5e48d.blob @@ -0,0 +1,502 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/04/a3bb1b26ca5112e7e9b6bd6655d31e.v8 b/.parcel-cache/04/a3bb1b26ca5112e7e9b6bd6655d31e.v8 new file mode 100644 index 0000000..8036ad1 Binary files /dev/null and b/.parcel-cache/04/a3bb1b26ca5112e7e9b6bd6655d31e.v8 differ diff --git a/.parcel-cache/04/c769c9c1b572bbbb089b6855b435b4.v8 b/.parcel-cache/04/c769c9c1b572bbbb089b6855b435b4.v8 new file mode 100644 index 0000000..ac7495b Binary files /dev/null and b/.parcel-cache/04/c769c9c1b572bbbb089b6855b435b4.v8 differ diff --git a/.parcel-cache/04/d698733d37a43a9fe72cf4ce7d80d1.blob b/.parcel-cache/04/d698733d37a43a9fe72cf4ce7d80d1.blob new file mode 100644 index 0000000..c5b3740 Binary files /dev/null and b/.parcel-cache/04/d698733d37a43a9fe72cf4ce7d80d1.blob differ diff --git a/.parcel-cache/05/1758743973323cb3abff48233d6119.v8 b/.parcel-cache/05/1758743973323cb3abff48233d6119.v8 new file mode 100644 index 0000000..50c2fd4 Binary files /dev/null and b/.parcel-cache/05/1758743973323cb3abff48233d6119.v8 differ diff --git a/.parcel-cache/05/55c4767f91ac308a05b8afcd097967.blob b/.parcel-cache/05/55c4767f91ac308a05b8afcd097967.blob new file mode 100644 index 0000000..b635654 --- /dev/null +++ b/.parcel-cache/05/55c4767f91ac308a05b8afcd097967.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/05/5e9334fa994b214009ceed9f54601e.v8 b/.parcel-cache/05/5e9334fa994b214009ceed9f54601e.v8 new file mode 100644 index 0000000..a6eea18 Binary files /dev/null and b/.parcel-cache/05/5e9334fa994b214009ceed9f54601e.v8 differ diff --git a/.parcel-cache/05/6df73b3f630dd1052e4cd1d84cb803.blob b/.parcel-cache/05/6df73b3f630dd1052e4cd1d84cb803.blob new file mode 100644 index 0000000..9048935 Binary files /dev/null and b/.parcel-cache/05/6df73b3f630dd1052e4cd1d84cb803.blob differ diff --git a/.parcel-cache/05/980bc6fd8c66f389989f287fd00911.blob b/.parcel-cache/05/980bc6fd8c66f389989f287fd00911.blob new file mode 100644 index 0000000..13dac89 Binary files /dev/null and b/.parcel-cache/05/980bc6fd8c66f389989f287fd00911.blob differ diff --git a/.parcel-cache/06/4142e8c9984375dbb97edc960508a9.blob b/.parcel-cache/06/4142e8c9984375dbb97edc960508a9.blob new file mode 100644 index 0000000..399e0f6 --- /dev/null +++ b/.parcel-cache/06/4142e8c9984375dbb97edc960508a9.blob @@ -0,0 +1,207 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + diff --git a/.parcel-cache/06/a99e341db61345ab2ca5491b43de97.blob b/.parcel-cache/06/a99e341db61345ab2ca5491b43de97.blob new file mode 100644 index 0000000..e82281e --- /dev/null +++ b/.parcel-cache/06/a99e341db61345ab2ca5491b43de97.blob @@ -0,0 +1,500 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.2; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + justify-items: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1; + font-size: 12vh; + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/07/0902857ad4e4cf0ab8f9da9efbccb2.blob b/.parcel-cache/07/0902857ad4e4cf0ab8f9da9efbccb2.blob new file mode 100644 index 0000000..fe70fa2 Binary files /dev/null and b/.parcel-cache/07/0902857ad4e4cf0ab8f9da9efbccb2.blob differ diff --git a/.parcel-cache/07/aea1672f574c52c570811f98bd9ffe.blob b/.parcel-cache/07/aea1672f574c52c570811f98bd9ffe.blob new file mode 100644 index 0000000..93bd440 --- /dev/null +++ b/.parcel-cache/07/aea1672f574c52c570811f98bd9ffe.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/08/0af0940f45a66cb2c3646b4b86d6fa.v8 b/.parcel-cache/08/0af0940f45a66cb2c3646b4b86d6fa.v8 new file mode 100644 index 0000000..a4cb34f Binary files /dev/null and b/.parcel-cache/08/0af0940f45a66cb2c3646b4b86d6fa.v8 differ diff --git a/.parcel-cache/08/374b0b7f12d11c890ca0f3e9e4980a.v8 b/.parcel-cache/08/374b0b7f12d11c890ca0f3e9e4980a.v8 new file mode 100644 index 0000000..98e2f01 Binary files /dev/null and b/.parcel-cache/08/374b0b7f12d11c890ca0f3e9e4980a.v8 differ diff --git a/.parcel-cache/08/b73d2d63ac25a1907f1346f15389ea.v8 b/.parcel-cache/08/b73d2d63ac25a1907f1346f15389ea.v8 new file mode 100644 index 0000000..16ce69b Binary files /dev/null and b/.parcel-cache/08/b73d2d63ac25a1907f1346f15389ea.v8 differ diff --git a/.parcel-cache/08/bb43977e67e875ec2e6ef054d59305.blob b/.parcel-cache/08/bb43977e67e875ec2e6ef054d59305.blob new file mode 100644 index 0000000..77ebfcf Binary files /dev/null and b/.parcel-cache/08/bb43977e67e875ec2e6ef054d59305.blob differ diff --git a/.parcel-cache/08/d816d3b47b296e9374fa946f228572.blob b/.parcel-cache/08/d816d3b47b296e9374fa946f228572.blob new file mode 100644 index 0000000..642bde6 --- /dev/null +++ b/.parcel-cache/08/d816d3b47b296e9374fa946f228572.blob @@ -0,0 +1,662 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + + diff --git a/.parcel-cache/08/f43d2af834a1d0ba4bf3eb9c2d88a1.v8 b/.parcel-cache/08/f43d2af834a1d0ba4bf3eb9c2d88a1.v8 new file mode 100644 index 0000000..1324235 Binary files /dev/null and b/.parcel-cache/08/f43d2af834a1d0ba4bf3eb9c2d88a1.v8 differ diff --git a/.parcel-cache/08/f7f410111ac455e5e652ad1ee11735.v8 b/.parcel-cache/08/f7f410111ac455e5e652ad1ee11735.v8 new file mode 100644 index 0000000..aa9ed5e Binary files /dev/null and b/.parcel-cache/08/f7f410111ac455e5e652ad1ee11735.v8 differ diff --git a/.parcel-cache/08/fef50f6594192de885696b33e9ee9b.blob b/.parcel-cache/08/fef50f6594192de885696b33e9ee9b.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/08/fef50f6594192de885696b33e9ee9b.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/09/0d0261c35a2b18d14746c7b1318ec2.blob b/.parcel-cache/09/0d0261c35a2b18d14746c7b1318ec2.blob new file mode 100644 index 0000000..199610f Binary files /dev/null and b/.parcel-cache/09/0d0261c35a2b18d14746c7b1318ec2.blob differ diff --git a/.parcel-cache/09/e613b9ea827d56482d09a6d2c80ae7.v8 b/.parcel-cache/09/e613b9ea827d56482d09a6d2c80ae7.v8 new file mode 100644 index 0000000..52423b2 Binary files /dev/null and b/.parcel-cache/09/e613b9ea827d56482d09a6d2c80ae7.v8 differ diff --git a/.parcel-cache/0a/010556b638ae96dfbcbb24913449f2.v8 b/.parcel-cache/0a/010556b638ae96dfbcbb24913449f2.v8 new file mode 100644 index 0000000..fd357db Binary files /dev/null and b/.parcel-cache/0a/010556b638ae96dfbcbb24913449f2.v8 differ diff --git a/.parcel-cache/0a/044ba8ceec23574f8b5084eca1e6d3.blob b/.parcel-cache/0a/044ba8ceec23574f8b5084eca1e6d3.blob new file mode 100644 index 0000000..72e2b4b Binary files /dev/null and b/.parcel-cache/0a/044ba8ceec23574f8b5084eca1e6d3.blob differ diff --git a/.parcel-cache/0a/174d77ddc3aa323ebc51c2a32a7c33.v8 b/.parcel-cache/0a/174d77ddc3aa323ebc51c2a32a7c33.v8 new file mode 100644 index 0000000..3eca32e Binary files /dev/null and b/.parcel-cache/0a/174d77ddc3aa323ebc51c2a32a7c33.v8 differ diff --git a/.parcel-cache/0a/1c6eede08328971c543c981c9beebe.blob b/.parcel-cache/0a/1c6eede08328971c543c981c9beebe.blob new file mode 100644 index 0000000..ec73772 Binary files /dev/null and b/.parcel-cache/0a/1c6eede08328971c543c981c9beebe.blob differ diff --git a/.parcel-cache/0a/65be72cfc9cf5d1da0afbba29ebcf0.blob b/.parcel-cache/0a/65be72cfc9cf5d1da0afbba29ebcf0.blob new file mode 100644 index 0000000..8587f61 Binary files /dev/null and b/.parcel-cache/0a/65be72cfc9cf5d1da0afbba29ebcf0.blob differ diff --git a/.parcel-cache/0a/9e5e9c9892614ed5a28bb82eca9930.blob b/.parcel-cache/0a/9e5e9c9892614ed5a28bb82eca9930.blob new file mode 100644 index 0000000..93bd440 --- /dev/null +++ b/.parcel-cache/0a/9e5e9c9892614ed5a28bb82eca9930.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/0a/9ea4b82d9be69c1fc490d1c22c49bb.blob b/.parcel-cache/0a/9ea4b82d9be69c1fc490d1c22c49bb.blob new file mode 100644 index 0000000..03100dd --- /dev/null +++ b/.parcel-cache/0a/9ea4b82d9be69c1fc490d1c22c49bb.blob @@ -0,0 +1,508 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.underline::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.underline:hover::after, +.menu--open ~ .underline::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/0a/a6e3c89659f965c89289528b81ccdf.blob b/.parcel-cache/0a/a6e3c89659f965c89289528b81ccdf.blob new file mode 100644 index 0000000..90929aa --- /dev/null +++ b/.parcel-cache/0a/a6e3c89659f965c89289528b81ccdf.blob @@ -0,0 +1,41 @@ +"use strict"; + +exports.interopDefault = function (a) { + return a && a.__esModule ? a : { + default: a + }; +}; + +exports.defineInteropFlag = function (a) { + Object.defineProperty(a, '__esModule', { + value: true + }); +}; + +exports.exportAll = function (source, dest) { + Object.keys(source).forEach(function (key) { + if (key === 'default' || key === '__esModule') { + return; + } // Skip duplicate re-exports when they have the same value. + + + if (key in dest && dest[key] === source[key]) { + return; + } + + Object.defineProperty(dest, key, { + enumerable: true, + get: function () { + return source[key]; + } + }); + }); + return dest; +}; + +exports.export = function (dest, destName, get) { + Object.defineProperty(dest, destName, { + enumerable: true, + get: get + }); +}; \ No newline at end of file diff --git a/.parcel-cache/0b/92089bd9a00d7b35ea2c7689052a7e.blob b/.parcel-cache/0b/92089bd9a00d7b35ea2c7689052a7e.blob new file mode 100644 index 0000000..58ec282 --- /dev/null +++ b/.parcel-cache/0b/92089bd9a00d7b35ea2c7689052a7e.blob @@ -0,0 +1,907 @@ +var define; +/** +* SplitType +* https://github.com/lukePeavey/SplitType +* @version 0.2.5 +* @author Luke Peavey +*/ +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : typeof define === 'function' && define.amd ? define(factory) : (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.SplitType = factory()); +})(this, function () { + "use strict"; + function _classCallCheck(instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } + } + function _defineProperties(target, props) { + for (var i = 0; i < props.length; i++) { + var descriptor = props[i]; + descriptor.enumerable = descriptor.enumerable || false; + descriptor.configurable = true; + if (("value" in descriptor)) descriptor.writable = true; + Object.defineProperty(target, descriptor.key, descriptor); + } + } + function _createClass(Constructor, protoProps, staticProps) { + if (protoProps) _defineProperties(Constructor.prototype, protoProps); + if (staticProps) _defineProperties(Constructor, staticProps); + return Constructor; + } + /** + * Shallow merges the properties of an object with the target object. Only + * includes properties that exist on the target object. Non-writable properties + * on the target object will not be over-written. + * + * @param {Object} target + * @param {Object} object + */ + function extend(target, object) { + return Object.getOwnPropertyNames(Object(target)).reduce(function (extended, key) { + var currentValue = Object.getOwnPropertyDescriptor(Object(target), key); + var newValue = Object.getOwnPropertyDescriptor(Object(object), key); + return Object.defineProperty(extended, key, newValue || currentValue); + }, {}); + } + /** + * Parses user supplied settings objects. + */ + function parseSettings(settings) { + var object = extend(settings); + if (object.types || object.split) { + // Support `split` as an alias for `types` + object.types = object.types || object.split; + } + if (object.absolute || object.position) { + // Support `position: absolute` as alias for `absolute: true` + object.absolute = object.absolute || (/absolute/).test(settings.position); + } + return object; + } + /** + * Returns true if `value` is a non-null object. + * @param {any} value + * @return {boolean} + */ + function isObject(value) { + return value !== null && typeof value === 'object'; + } + /** + * Checks if `value` is a valid array-like length. + * Original source: Lodash + * + * @param {*} value The value to check. + * @returns {boolean} Returns `true` if `value` is a valid length, else `false`. + * @example + * + * _.isLength(3) + * // => true + * + * _.isLength(Number.MIN_VALUE) + * // => false + * + * _.isLength(Infinity) + * // => false + * + * _.isLength('3') + * // => false + */ + function isLength(value) { + return typeof value === 'number' && value > -1 && value % 1 === 0; + } + /** + * Checks if `value` is an array-like object + * @param {any} value + * @return {boolean} true if `value` is array-like`, else `false` + * @example + * isArrayLike(new Array()) + * // => true + * + * isArrayLike(document.querySelectorAll('div')) + * // => true + * + * isArrayLike(document.getElementsByTagName('div')) + * // => true + * + * isArrayLike(() => {}) + * // => false + * + * isArrayLike({foo: 'bar'}) + * // => false + * + * * isArrayLike(null) + * // => false + */ + function isArrayLike(value) { + return isObject(value) && isLength(value.length); + } + /** + * Coerces `value` to an `Array`. + * + * @param {any} value + * @return {any[]} + * @example + * // If `value` is any `Array`, returns original `Array` + * let arr = [1, 2] + * toArray(arr) + * // => arr + * + * // If `value` is an `ArrayLike`, its equivalent to `Array.from(value)` + * let nodeList = document.querySelectorAll('div') + * toArray(nodeList) + * // => HTMLElement[] s + * + * // If value is falsy, returns empty array + * toArray(null) + * // => [] + * + * // For any other type of value, its equivalent to `Array.of(value)` + * let element = document.createElement('div') + * toArray(element) + * // => [element] + * + */ + function toArray(value) { + if (Array.isArray(value)) return value; + if (value == null) return []; + return isArrayLike(value) ? Array.prototype.slice.call(value) : [value]; + } + /** + * Returns true if `input` is one of the following: + * - `Element` + * - `Text` + * - `Document` + * - `DocumentFragment` + */ + function isNode(input) { + return isObject(input) && (/^(1|3|11)$/).test(input.nodeType); + } + /** + * Checks if given value is a string + * + * @param {any} value + * @return {boolean} `true` if `value` is a string, else `false` + */ + function isString(value) { + return typeof value === 'string'; + } + /** + * Flattens nested ArrayLike object (max 2 levels deep) + */ + function flatten(obj) { + return toArray(obj).reduce(function (result, item) { + return result.concat(toArray(item)); + }, []); + } + /** + * Processes target elements for the splitType function. `target` can any + * of the following types. + * 1. `string` - A css selector + * 2. `HTMLElement` - A single element + * 3. `ArrayLike` - A collection of elements (ie NodeList) + * 4. `Array>` - An array of elements + * and/or collections of elements + * + * Returns a flat array of HTML elements. If `target` does not contain any + * valid elements, returns an empty array. + * + * @param {any} target + * @returns {HTMLElement[]} A flat array HTML elements + * @example + * + * // Single Element + * const element = document.createElement('div') + * getTargetElements() + * // => [element] + * + * const nodeList = document.querySelectorAll('div') + * getTargetElements(nodeList) + * // => HTMLElement[] (all elements in `nodeList`) + * + * const nodeListA = document.querySelectorAll('div') + * const nodeListB = document.querySelectorAll('p') + * getTargetElements([nodeListA, nodeListB]) + * // => HTMLElement[] (all elements in `nodeListA` and `nodeListB`) + * + * // ID selector + * getTargetElements('#id') + * // => HTMLElement[] + * + * // Class selector + * getTargetElements('.text') + * // => HTMLElement[] + * + * // Non element object will not be returned + * getTargetElements({foo: bar}) + * // => [] + * + */ + function getTargetElements(target) { + var elements = target; + // If `target` is a selector string... + if (isString(target)) { + if ((/^(#[a-z]\w+)$/).test(target.trim())) { + // If `target` is an ID, use `getElementById` + elements = document.getElementById(target.trim().slice(1)); + } else { + // Else use `querySelectorAll` + elements = document.querySelectorAll(target); + } + } + return flatten(elements).filter(isNode); + } + /** + * Stores data associated with DOM elements. This is a simplified version of + * jQuery's data method. + */ + function Data(owner, key, value) { + var data = {}; + var id = null; + if (isObject(owner)) { + id = owner[Data.expando] || (owner[Data.expando] = ++Data.uid); + data = Data.cache[id] || (Data.cache[id] = {}); + } + // Get data + if (value === undefined) { + if (key === undefined) { + return data; + } + return data[key]; + // Set data +} else // Set data + if (key !== undefined) { + data[key] = value; + return value; + } + } + Data.expando = ("splitType").concat(new Date() * 1); + Data.cache = {}; + Data.uid = 0; + // Remove all data associated with the given element + function RemoveData(element) { + var id = element && element[Data.expando]; + if (id) { + delete element[id]; + delete Data.cache[id]; + } + } + /** + * Iterates values of an array or array-like object calling the provided + * `callback` for each item. Based on `array.forEach` + * @param {any} collection + * @param {function} callback + */ + function forEach(collection, callback) { + var arr = toArray(collection); + for (var len = arr.length, i = 0; i < len; i++) { + callback(arr[i], i, arr); + } + } + /** + * Splits a string into an array of words. + * + * @param {string} string + * @param {string | RegExp} [separator = ' '] + * @return {string[]} Array of words + */ + function toWords(string) { + var separator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ' '; + string = string ? String(string) : ''; + return string.split(separator); + } + /** + * Based on lodash#split + * Copyright jQuery Foundation and other contributors + * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & + * Editors + */ + var rsAstralRange = "\\ud800-\\udfff"; + var rsComboMarksRange = "\\u0300-\\u036f\\ufe20-\\ufe23"; + var rsComboSymbolsRange = "\\u20d0-\\u20f0"; + var rsVarRange = "\\ufe0e\\ufe0f"; + /** Used to compose unicode capture groups.*/ + var rsAstral = ("[").concat(rsAstralRange, "]"); + var rsCombo = ("[").concat(rsComboMarksRange).concat(rsComboSymbolsRange, "]"); + var rsFitz = "\\ud83c[\\udffb-\\udfff]"; + var rsModifier = ("(?:").concat(rsCombo, "|").concat(rsFitz, ")"); + var rsNonAstral = ("[^").concat(rsAstralRange, "]"); + var rsRegional = "(?:\\ud83c[\\udde6-\\uddff]){2}"; + var rsSurrPair = "[\\ud800-\\udbff][\\udc00-\\udfff]"; + var rsZWJ = "\\u200d"; + /** Used to compose unicode regexes.*/ + var reOptMod = ("").concat(rsModifier, "?"); + var rsOptVar = ("[").concat(rsVarRange, "]?"); + var rsOptJoin = '(?:' + rsZWJ + '(?:' + [rsNonAstral, rsRegional, rsSurrPair].join('|') + ')' + rsOptVar + reOptMod + ')*'; + var rsSeq = rsOptVar + reOptMod + rsOptJoin; + var rsSymbol = ("(?:").concat([("").concat(rsNonAstral).concat(rsCombo, "?"), rsCombo, rsRegional, rsSurrPair, rsAstral].join('|'), "\n)"); + /** Used to match [string symbols](https://mathiasbynens.be/notes/javascript-unicode).*/ + var reUnicode = RegExp(("").concat(rsFitz, "(?=").concat(rsFitz, ")|").concat(rsSymbol).concat(rsSeq), 'g'); + /** Used to detect strings with [zero-width joiners or code points from the astral planes](http://eev.ee/blog/2015/09/12/dark-corners-of-unicode/).*/ + var unicodeRange = [rsZWJ, rsAstralRange, rsComboMarksRange, rsComboSymbolsRange, rsVarRange]; + var reHasUnicode = RegExp(("[").concat(unicodeRange.join(''), "]")); + /** + * Converts an ASCII `string` to an array. + * + * @private + * @param {string} string The string to convert. + * @returns {Array} Returns the converted array. + */ + function asciiToArray(string) { + return string.split(''); + } + /** + * Checks if `string` contains Unicode symbols. + * + * @private + * @param {string} string The string to inspect. + * @returns {boolean} Returns `true` if a symbol is found, else `false`. + */ + function hasUnicode(string) { + return reHasUnicode.test(string); + } + /** + * Converts a Unicode `string` to an array. + * + * @private + * @param {string} string The string to convert. + * @returns {Array} Returns the converted array. + */ + function unicodeToArray(string) { + return string.match(reUnicode) || []; + } + /** + * Converts `string` to an array. + * + * @private + * @param {string} string The string to convert. + * @returns {Array} Returns the converted array. + */ + function stringToArray(string) { + return hasUnicode(string) ? unicodeToArray(string) : asciiToArray(string); + } + /** + * Converts `value` to a string. An empty string is returned for `null` + * and `undefined` values. + * + * @param {*} value The value to process. + * @returns {string} Returns the string. + * @example + * + * _.toString(null); + * // => '' + * + * _.toString([1, 2, 3]); + * // => '1,2,3' + */ + function toString(value) { + return value == null ? '' : String(value); + } + /** + * Splits `string` into an array of characters. If `separator` is omitted, + * it behaves likes split.split(''). + * + * Unlike native string.split(''), it can split strings that contain unicode + * characters like emojis and symbols. + * + * @param {string} [string=''] The string to split. + * @param {RegExp|string} [separator=''] The separator pattern to split by. + * @returns {Array} Returns the string segments. + * @example + * toChars('foo'); + * // => ['f', 'o', 'o'] + * + * toChars('foo bar'); + * // => ["f", "o", "o", " ", "b", "a", "r"] + * + * toChars('f😀o'); + * // => ['f', '😀', 'o'] + * + * toChars('f-😀-o', /-/); + * // => ['f', '😀', 'o'] + * + */ + function toChars(string) { + var separator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ''; + string = toString(string); + if (string && isString(string)) { + if (!separator && hasUnicode(string)) { + return stringToArray(string); + } + } + return string.split(separator); + } + /** + * Create an HTML element with the the given attributes + * + * attributes can include standard HTML attribute, as well as the following + * "special" properties: + * - children: HTMLElement | ArrayLike + * - textContent: string + * - innerHTML: string + * + * @param {string} name + * @param {Object} [attributes] + * @returns {HTMLElement} + */ + function createElement(name, attributes) { + var element = document.createElement(name); + if (!attributes) { + // When called without the second argument, its just return the result + // of `document.createElement` + return element; + } + Object.keys(attributes).forEach(function (attribute) { + var value = attributes[attribute]; + // Ignore attribute if value is `null` + if (value === null) return; + // Handle `textContent` and `innerHTML` + if (attribute === 'textContent' || attribute === 'innerHTML') { + element[attribute] = value; + // Handle `children` +} else // Handle `children` + if (attribute === 'children') { + forEach(value, function (child) { + if (isNode(child)) element.appendChild(child); + }); + // Handle standard HTML attributes +} else // Handle standard HTML attributes + { + element.setAttribute(attribute, String(value).trim()); + } + }); + return element; + } + /** + * Takes a comma separated list of `types` and returns an objet + * + * @param {string | string[]} value a comma separated list of split types + * @return {{lines: boolean, words: boolean, chars: boolean}} + */ + function parseTypes(value) { + var types = isString(value) || Array.isArray(value) ? String(value) : ''; + return { + lines: (/line/i).test(types), + words: (/word/i).test(types), + chars: (/(char)|(character)/i).test(types) + }; + } + /** + * Gets the text content of an HTML element. + * + * Optionally,
tags can be replaced with a unique string so they can be + * converted back HTML later on. + * + * @param {HTMLElement} element + * @param {string} BR_SYMBOL + * @return {string} the text content of the given element + */ + function getTextContent(element, LINE_BREAK_SYMBOL) { + var brTag = //g; + var textContent = element.textContent; + if (LINE_BREAK_SYMBOL) { + var innerHTML = element.innerHTML; + var tempDiv = document.createElement('div'); + tempDiv.innerHTML = innerHTML.replace(brTag, (" ").concat(LINE_BREAK_SYMBOL, " ")); + textContent = tempDiv.textContent; + } + // Remove extra white space + return textContent.replace(/\s+/g, ' ').trim(); + } + var defaults = { + splitClass: '', + lineClass: 'line', + wordClass: 'word', + charClass: 'char', + types: 'lines, words, chars', + absolute: false, + tagName: 'div' + }; + var createFragment = function createFragment() { + return document.createDocumentFragment(); + }; + var createTextNode = function createTextNode(str) { + return document.createTextNode(str); + }; + /** + * Splits the text content of a single element using the provided settings. + * There are three possible split types: lines, words, and characters. Each one + * is optional, so text can be split into any combination of the three types. + * + * @param {HTMLElement} element the target element + * @param {Object} settings + * @return {{ + * lines: HTMLElement[], + * words: HTMLElement[], + * chars: HTMLElement[] + * }} + */ + function splitSingleElement(element, settings) { + settings = extend(defaults, settings); + // The split types + var types = parseTypes(settings.types); + // the tag name for split text nodes + var TAG_NAME = settings.tagName; + // A unique string to temporarily replace
tags + var BR_SYMBOL = ("B").concat(new Date() * 1, "R"); + // (boolean) true if position is set to absolute + var isAbsolute = settings.position === 'absolute' || settings.absolute; + // The array of wrapped line elements + var lines = []; + // The array of wrapped words elements + var words = []; + // The array of wrapped character elements + var chars = []; + // The plain text content of the target element + var splitText; + /**------------------------------------------------ + ** SPLIT TEXT INTO WORDS AND CHARACTERS + **-----------------------------------------------*/ + // `splitText` is a wrapper to hold the HTML structure + splitText = types.lines ? createElement('div') : createFragment(); + // Get the element's text content. + var TEXT_CONTENT = getTextContent(element, BR_SYMBOL); + // Create an array of wrapped word elements. + words = toWords(TEXT_CONTENT).reduce(function (result, WORD, idx, arr) { + // Let `wordElement` be the wrapped element for the current word + var wordElement; + var characterElementsForCurrentWord; + // If the current word is a symbol representing a `
` tag, + // append a `
` tag to splitText and continue to the next word + if (WORD === BR_SYMBOL) { + splitText.appendChild(createElement('br')); + return result; + } + // If splitting text into characters... + if (types.chars) { + // Iterate through the characters in the current word + // TODO: support emojis in text + characterElementsForCurrentWord = toChars(WORD).map(function (CHAR) { + return createElement(TAG_NAME, { + class: ("").concat(settings.splitClass, " ").concat(settings.charClass), + style: 'display: inline-block;', + textContent: CHAR + }); + }); + // push the character nodes for this word onto the array of + // all character nodes + chars = chars.concat(characterElementsForCurrentWord); + } + // END IF; + if (types.words || types.lines) { + // | If Splitting Text Into Words... + // | Create an element (`wordElement`) to wrap the current word. + // | If we are also splitting text into characters, the word element + // | will contain the wrapped character nodes for this word. If not, + // | it will contain the `WORD` + wordElement = createElement(TAG_NAME, { + class: ("").concat(settings.wordClass, " ").concat(settings.splitClass), + style: ("display: inline-block; position: ").concat(types.words ? 'relative' : 'static'), + children: types.chars ? characterElementsForCurrentWord : null, + textContent: !types.chars ? WORD : null + }); + splitText.appendChild(wordElement); + } else { + // | If NOT splitting into words OR lines... + // | Append the characters elements directly to splitText. + forEach(characterElementsForCurrentWord, function (characterElement) { + splitText.appendChild(characterElement); + }); + } + if (idx !== arr.length - 1) { + // Add a space after the word. + splitText.appendChild(createTextNode(' ')); + } + // If we not splitting text into words, we return an empty array + return types.words ? result.concat(wordElement) : result; + }, []); + // 4. Replace the original HTML content of the element with the `splitText` + element.innerHTML = ''; + element.appendChild(splitText); + // Unless we are splitting text into lines or using + if (!isAbsolute && !types.lines) { + return { + chars: chars, + words: words, + lines: [] + }; + } + /**------------------------------------------------ + ** GET STYLES AND POSITIONS + **-----------------------------------------------*/ + // There is no built-in way to detect natural line breaks in text (when a + // block of text wraps to fit its container). To split text into lines, we + // have to detect line breaks by checking the top offset of words. This is + // why text was split into words first. To apply absolute + // positioning, its also necessary to record the size and position of every + // split node (lines, words, characters). + // To consolidate DOM getting/settings, this is all done at the same time, + // before actually splitting text into lines, which involves restructuring + // the DOM again. + var wordsInEachLine = []; + var wordsInCurrentLine = []; + var lineHeight; + var elementHeight; + var elementWidth; + var contentBox; + var lineOffsetY; + // TODO: Is it necessary to store `nodes` in the cache? + // nodes is a live HTML collection of the nodes in this element + var nodes = Data(element, 'nodes', element.getElementsByTagName(TAG_NAME)); + // Cache the element's parent and next sibling (for DOM removal). + var parent = element.parentElement; + var nextSibling = element.nextElementSibling; + // get the computed style object for the element + var cs = window.getComputedStyle(element); + var align = cs.textAlign; + // If using absolute position... + if (isAbsolute) { + // Let contentBox be an object containing the width and offset position of + // the element's content box (the area inside padding box). This is needed + // (for absolute positioning) to set the width and position of line + // elements, which have not been created yet. + contentBox = { + left: splitText.offsetLeft, + top: splitText.offsetTop, + width: splitText.offsetWidth + }; + // Let elementWidth and elementHeight equal the actual width/height of the + // element. Also check if the element has inline height or width styles + // already set. If it does, cache those values for later. + elementWidth = element.offsetWidth; + elementHeight = element.offsetHeight; + Data(element).cssWidth = element.style.width; + Data(element).cssHeight = element.style.height; + } + // Iterate over every split text node + forEach(nodes, function (node) { + if (node === splitText) return; + var isWord = node.parentElement === splitText; + var wordOffsetY; + // a. Detect line breaks by checking the top offset of word nodes. + // For each line, create an array (line) containing the words in that + // line. + if (types.lines && isWord) { + // wordOffsetY is the top offset of the current word. + wordOffsetY = Data(node, 'top', node.offsetTop); + // If wordOffsetY is different than the value of lineOffsetY... + // Then this word is the beginning of a new line. + // Set lineOffsetY to value of wordOffsetY. + // Create a new array (line) to hold the words in this line. + if (wordOffsetY !== lineOffsetY) { + lineOffsetY = wordOffsetY; + wordsInEachLine.push(wordsInCurrentLine = []); + } + // Add the current word node to the line array + wordsInCurrentLine.push(node); + } + // b. Get the size and position of all split text nodes. + if (isAbsolute) { + // The values are stored using the data method + // All split nodes have the same height (lineHeight). So its only + // retrieved once. + // If offset top has already been cached (step 11 a) use the stored value. + Data(node).top = wordOffsetY || node.offsetTop; + Data(node).left = node.offsetLeft; + Data(node).width = node.offsetWidth; + Data(node).height = lineHeight || (lineHeight = node.offsetHeight); + } + }); + // END LOOP + // Remove the element from the DOM + if (parent) { + parent.removeChild(element); + } + /**------------------------------------------------ + ** SPLIT LINES + **-----------------------------------------------*/ + if (types.lines) { + // Let splitText be a new document createFragment to hold the HTML + // structure. + splitText = createFragment(); + // Iterate over lines of text (see 11 b) + // Let `line` be the array of words in the current line. + // Return an array of the wrapped line elements (lineElements) + lines = wordsInEachLine.map(function (wordsInThisLine) { + // Create an element to wrap the current line. + var lineElement = createElement(TAG_NAME, { + class: ("").concat(settings.splitClass, " ").concat(settings.lineClass), + style: ("display: block; text-align: ").concat(align, "; width: 100%;") + }); + // Append the `lineElement` to `SplitText` + splitText.appendChild(lineElement); + // Store size/position values for the line element. + if (isAbsolute) { + Data(lineElement).type = 'line'; + // the offset top of the first word in the line + Data(lineElement).top = Data(wordsInThisLine[0]).top; + Data(lineElement).height = lineHeight; + } + // Iterate over the word elements in the current line. + forEach(wordsInThisLine, function (wordElement, idx, arr) { + if (types.words) { + // | If we are splitting text into words, + // | just append each wordElement to the lineElement. + lineElement.appendChild(wordElement); + } else if (types.chars) { + // | If splitting text into characters but not words... + // | Append the character elements directly to the line element + forEach(wordElement.children, function (charNode) { + lineElement.appendChild(charNode); + }); + } else { + // | If NOT splitting into words OR characters... + // | append the plain text content of the word to the line element + lineElement.appendChild(createTextNode(wordElement.textContent)); + } + // Add a space after the word + if (idx !== arr.length - 1) { + lineElement.appendChild(createTextNode(' ')); + } + }); + // END LOOP + return lineElement; + }); + // END LOOP + // 10. Insert the new splitText + element.replaceChild(splitText, element.firstChild); + } + /**------------------------------------------------ + ** SET ABSOLUTE POSITION + **-----------------------------------------------*/ + // Apply absolute positioning to all split text elements (lines, words, and + // characters). The size and relative position of split nodes has already + // been recorded. Now we use those values to set each element to absolute + // position. However, positions were logged before text was split into lines + // (step 13 - 15). So some values need to be recalculated to account for the + // modified DOM structure. + if (isAbsolute) { + // Set the width/height of the parent element, so it does not collapse + // when its child nodes are set to absolute position. + element.style.width = ("").concat(element.style.width || elementWidth, "px"); + element.style.height = ("").concat(elementHeight, "px"); + // Iterate over all split nodes. + forEach(nodes, function (node) { + var isLineNode = Data(node).type === 'line'; + var isChildOfLineNode = !isLineNode && Data(node.parentElement).type === 'line'; + // Set the top position of the current node. + // -> If its a line node, we use the top offset of its first child + // -> If its the child of line node, then its top offset is zero + node.style.top = ("").concat(isChildOfLineNode ? 0 : Data(node).top, "px"); + // Set the left position of the current node. + // -> If its a line node, this this is equal to the left offset of + // contentBox. + // -> If its the child of a line node, the cached valued must be + // recalculated so its relative to the line node (which didn't + // exist when value was initially checked). NOTE: the value is + // recalculated without querying the DOM again + node.style.left = isLineNode ? ("").concat(contentBox.left, "px") : ("").concat(Data(node).left - (isChildOfLineNode ? contentBox.left : 0), "px"); + // Set the height of the current node to the cached value. + node.style.height = ("").concat(Data(node).height, "px"); + // Set the width of the current node. + // If its a line element, width is equal to the width of the contentBox. + node.style.width = isLineNode ? ("").concat(contentBox.width, "px") : ("").concat(Data(node).width, "px"); + // Finally, set the node's position to absolute. + node.style.position = 'absolute'; + }); + } + // end if; + // 14. Re-attach the element to the DOM + if (parent) { + if (nextSibling) parent.insertBefore(element, nextSibling); else parent.appendChild(element); + } + return { + lines: lines, + words: types.words ? words : [], + chars: chars + }; + } + var _defaults = extend(defaults, {}); + var SplitType = /*#__PURE__*/(function () { + _createClass(SplitType, null, [{ + key: "defaults", + /** + * The default settings for all splitType instances + */ + get: function get() { + return _defaults; + }, + /** + * Sets the default settings for all SplitType instances. + * + * Setting `SplitType.defaults` to an object will merge that object with the + * existing defaults. + * + * @param {Object} settings an object containing the settings to override + * + * @example + * SplitType.defaults = { "position": "absolute" } + */ + set: function set(options) { + _defaults = extend(_defaults, parseSettings(options)); + } + }]); + function SplitType(target, options) { + _classCallCheck(this, SplitType); + this.isSplit = false; + this.settings = extend(_defaults, parseSettings(options)); + this.elements = getTargetElements(target) || []; + if (this.elements.length) { + // Store the original HTML content of each target element + this.originals = this.elements.map(function (element) { + return Data(element, 'html', Data(element).html || element.innerHTML); + }); + if (this.settings.types) { + // Initiate the split operation. + this.split(); + } + } + } + /** + * Splits the text in all target elements. This method is called + * automatically when a new SplitType instance is created. It can also be + * called manually to re-split text with new options. + * @param {Object} options + * @public + */ + _createClass(SplitType, [{ + key: "split", + value: function split(options) { + var _this = this; + // If any of the target elements have already been split, + // revert them back to their original content before splitting them. + this.revert(); + // Create arrays to hold the split lines, words, and characters + this.lines = []; + this.words = []; + this.chars = []; + // cache vertical scroll position before splitting + var scrollPos = [window.pageXOffset, window.pageYOffset]; + // If new options were passed into the `split()` method, update settings + if (options !== undefined) { + this.settings = extend(this.settings, parseSettings(options)); + } + // Split text in each target element + this.elements.forEach(function (element) { + // Add the split text nodes from this element to the arrays of all split + // text nodes for this instance. + var _split2 = splitSingleElement(element, _this.settings), lines = _split2.lines, words = _split2.words, chars = _split2.chars; + _this.lines = _this.lines.concat(lines); + _this.words = _this.words.concat(words); + _this.chars = _this.chars.concat(chars); + Data(element).isSplit = true; + }); + // Set isSplit to true for the SplitType instance + this.isSplit = true; + // Set scroll position to cached value. + window.scrollTo(scrollPos[0], scrollPos[1]); + // Clear data Cache + this.elements.forEach(function (element) { + var nodes = Data(element).nodes || []; + toArray(nodes).forEach(RemoveData); + }); + } + }, { + key: "revert", + value: function revert() { + var _this2 = this; + // Delete the arrays of split text elements + if (this.isSplit) { + this.lines = null; + this.words = null; + this.chars = null; + } + // Remove split text from target elements and restore original content + this.elements.forEach(function (element) { + if (Data(element).isSplit && Data(element).html) { + element.innerHTML = Data(element).html; + element.style.height = Data(element).cssHeight || ''; + element.style.width = Data(element).cssWidth || ''; + _this2.isSplit = false; + } + }); + } + }]); + return SplitType; + })(); + return SplitType; +}); diff --git a/.parcel-cache/0b/f98625c9af6a30979658681f1f3e40.blob b/.parcel-cache/0b/f98625c9af6a30979658681f1f3e40.blob new file mode 100644 index 0000000..1120e5c Binary files /dev/null and b/.parcel-cache/0b/f98625c9af6a30979658681f1f3e40.blob differ diff --git a/.parcel-cache/0c/0ca650043f015df5cfc009342535db.blob b/.parcel-cache/0c/0ca650043f015df5cfc009342535db.blob new file mode 100644 index 0000000..994ad85 --- /dev/null +++ b/.parcel-cache/0c/0ca650043f015df5cfc009342535db.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./%3Cinput%20css%20OWDOJQ%3E"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_eacc0ceee7547c8404559d17320bd6f3.css.map"} \ No newline at end of file diff --git a/.parcel-cache/0c/130e272d679e269b79abf174137834.blob b/.parcel-cache/0c/130e272d679e269b79abf174137834.blob new file mode 100644 index 0000000..307ee56 Binary files /dev/null and b/.parcel-cache/0c/130e272d679e269b79abf174137834.blob differ diff --git a/.parcel-cache/0c/5246647c96a06338982bb590a65410.blob b/.parcel-cache/0c/5246647c96a06338982bb590a65410.blob new file mode 100644 index 0000000..ff3d32d Binary files /dev/null and b/.parcel-cache/0c/5246647c96a06338982bb590a65410.blob differ diff --git a/.parcel-cache/0d/17961954d805dfb3992ff19c9e44ae.blob b/.parcel-cache/0d/17961954d805dfb3992ff19c9e44ae.blob new file mode 100644 index 0000000..b3feb6e --- /dev/null +++ b/.parcel-cache/0d/17961954d805dfb3992ff19c9e44ae.blob @@ -0,0 +1,556 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2rem; + --font-size-large: 1.5rem; + --font-size-medium: 1.25rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +body #cdawrap { + --cda-bottom: 1.5rem; + --cda-left: auto; + --cda-right: 1.5rem; + --cda-width: 235px; + --cda-text-color: var(--color-menu); + --cda-text-color-hover: var(--color-menu-hover); + --cda-footer-color: var(--color-menu); + --cda-footer-color-hover: var(--color-menu-hover); + opacity: 0; + pointer-events: none; + --cda-text-size: 13px; + --cda-footer-fontsize: 11px; + --cda-text-align: right; + --footer-align: end; + transition: opacity 0.3s; + border: 1px solid #000; + border-radius: 5px; + padding: 0.5rem 1rem 1rem; +} + +body.state-details #cdawrap { + opacity: 1; + pointer-events: auto; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-gap: 0.5rem; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(908c1417d06f899ac3fd6887fb3a9434) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.45 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.details-wrap { + overflow: hidden; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 1.5rem; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 640px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +.details__content-link:hover { + color: var(--color-menu-hover); +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + grid-gap: 0; + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } + .details__content { + width: 50%; + padding: 0.5rem; + } +} diff --git a/.parcel-cache/0d/2f9f649bd52f362788fc19f5a78415.blob b/.parcel-cache/0d/2f9f649bd52f362788fc19f5a78415.blob new file mode 100644 index 0000000..1d69d6b Binary files /dev/null and b/.parcel-cache/0d/2f9f649bd52f362788fc19f5a78415.blob differ diff --git a/.parcel-cache/0d/6f5880cdc82810a31423ba1f3e95d4.v8 b/.parcel-cache/0d/6f5880cdc82810a31423ba1f3e95d4.v8 new file mode 100644 index 0000000..0ab7c90 Binary files /dev/null and b/.parcel-cache/0d/6f5880cdc82810a31423ba1f3e95d4.v8 differ diff --git a/.parcel-cache/0d/8189bb8121e3ec4caa51bdbeb5e555.blob b/.parcel-cache/0d/8189bb8121e3ec4caa51bdbeb5e555.blob new file mode 100644 index 0000000..d64e498 --- /dev/null +++ b/.parcel-cache/0d/8189bb8121e3ec4caa51bdbeb5e555.blob @@ -0,0 +1,530 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2rem; + --font-size-large: 1.5rem; + --font-size-medium: 1.25rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-gap: 0.5rem; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(908c1417d06f899ac3fd6887fb3a9434) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.45 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.details-wrap { + overflow: hidden; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 1.5rem; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 640px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +.details__content-link:hover { + color: var(--color-menu-hover); +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + grid-gap: 0; + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } + .details__content { + width: 50%; + padding: 0.5rem; + } +} diff --git a/.parcel-cache/0d/badd6c4a500e44793f9c812bee4eba.v8 b/.parcel-cache/0d/badd6c4a500e44793f9c812bee4eba.v8 new file mode 100644 index 0000000..2b248dd Binary files /dev/null and b/.parcel-cache/0d/badd6c4a500e44793f9c812bee4eba.v8 differ diff --git a/.parcel-cache/0d/f62d84317b60214e7f6f718113d170.blob b/.parcel-cache/0d/f62d84317b60214e7f6f718113d170.blob new file mode 100644 index 0000000..23a7809 --- /dev/null +++ b/.parcel-cache/0d/f62d84317b60214e7f6f718113d170.blob @@ -0,0 +1,505 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + justify-items: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.25 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/0d/fe1428613ef5c9fd430b1848230fd8.blob b/.parcel-cache/0d/fe1428613ef5c9fd430b1848230fd8.blob new file mode 100644 index 0000000..9bc7047 Binary files /dev/null and b/.parcel-cache/0d/fe1428613ef5c9fd430b1848230fd8.blob differ diff --git a/.parcel-cache/0e/717ca20b3e78eac3958f9c1a63d221.blob b/.parcel-cache/0e/717ca20b3e78eac3958f9c1a63d221.blob new file mode 100644 index 0000000..3c12823 Binary files /dev/null and b/.parcel-cache/0e/717ca20b3e78eac3958f9c1a63d221.blob differ diff --git a/.parcel-cache/0e/81784413308620e43843993e8e556b.blob b/.parcel-cache/0e/81784413308620e43843993e8e556b.blob new file mode 100644 index 0000000..f718bc3 --- /dev/null +++ b/.parcel-cache/0e/81784413308620e43843993e8e556b.blob @@ -0,0 +1,517 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 600px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/0e/bd573aae72ad38aa6801aded3e3af4.blob b/.parcel-cache/0e/bd573aae72ad38aa6801aded3e3af4.blob new file mode 100644 index 0000000..98f036a Binary files /dev/null and b/.parcel-cache/0e/bd573aae72ad38aa6801aded3e3af4.blob differ diff --git a/.parcel-cache/0f/1ecbd104d459b7b17e016c5e6b1c03.blob b/.parcel-cache/0f/1ecbd104d459b7b17e016c5e6b1c03.blob new file mode 100644 index 0000000..9622d4e --- /dev/null +++ b/.parcel-cache/0f/1ecbd104d459b7b17e016c5e6b1c03.blob @@ -0,0 +1,654 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + diff --git a/.parcel-cache/0f/b945565c4f9070bea11464a9641231.blob b/.parcel-cache/0f/b945565c4f9070bea11464a9641231.blob new file mode 100644 index 0000000..0e7249a --- /dev/null +++ b/.parcel-cache/0f/b945565c4f9070bea11464a9641231.blob @@ -0,0 +1,519 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2rem; + --font-size-large: 1.5rem; + --font-size-medium: 1.25rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-gap: 0.5rem; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.5 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 640px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + grid-gap: 0; + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/0f/ffa6b84e4c8409bf260781cf5ce3b2.v8 b/.parcel-cache/0f/ffa6b84e4c8409bf260781cf5ce3b2.v8 new file mode 100644 index 0000000..3abed21 Binary files /dev/null and b/.parcel-cache/0f/ffa6b84e4c8409bf260781cf5ce3b2.v8 differ diff --git a/.parcel-cache/10/373e2a0d795a6b9dcb6a380d52d7d7.v8 b/.parcel-cache/10/373e2a0d795a6b9dcb6a380d52d7d7.v8 new file mode 100644 index 0000000..2589954 Binary files /dev/null and b/.parcel-cache/10/373e2a0d795a6b9dcb6a380d52d7d7.v8 differ diff --git a/.parcel-cache/10/d60a3079ba78636d991934a210a610.v8 b/.parcel-cache/10/d60a3079ba78636d991934a210a610.v8 new file mode 100644 index 0000000..3007a79 Binary files /dev/null and b/.parcel-cache/10/d60a3079ba78636d991934a210a610.v8 differ diff --git a/.parcel-cache/10/e70b8d94c0c6b755e07c81a8451066.blob b/.parcel-cache/10/e70b8d94c0c6b755e07c81a8451066.blob new file mode 100644 index 0000000..170415b Binary files /dev/null and b/.parcel-cache/10/e70b8d94c0c6b755e07c81a8451066.blob differ diff --git a/.parcel-cache/11/1284f8808794b2bceb53da05297afa.blob b/.parcel-cache/11/1284f8808794b2bceb53da05297afa.blob new file mode 100644 index 0000000..412cac9 --- /dev/null +++ b/.parcel-cache/11/1284f8808794b2bceb53da05297afa.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/12/02fb2fdd83052c7b9d876ae20b4e25.v8 b/.parcel-cache/12/02fb2fdd83052c7b9d876ae20b4e25.v8 new file mode 100644 index 0000000..0023e71 Binary files /dev/null and b/.parcel-cache/12/02fb2fdd83052c7b9d876ae20b4e25.v8 differ diff --git a/.parcel-cache/12/07225ef7de4424ed14bbdd959ff141.blob b/.parcel-cache/12/07225ef7de4424ed14bbdd959ff141.blob new file mode 100644 index 0000000..4f79d8e --- /dev/null +++ b/.parcel-cache/12/07225ef7de4424ed14bbdd959ff141.blob @@ -0,0 +1,215 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + + diff --git a/.parcel-cache/12/220e7108e7a2b1a63123cf89adafe7.blob b/.parcel-cache/12/220e7108e7a2b1a63123cf89adafe7.blob new file mode 100644 index 0000000..6b132fe Binary files /dev/null and b/.parcel-cache/12/220e7108e7a2b1a63123cf89adafe7.blob differ diff --git a/.parcel-cache/12/ce2b397efaf49a0aba2ae7b369100d.v8 b/.parcel-cache/12/ce2b397efaf49a0aba2ae7b369100d.v8 new file mode 100644 index 0000000..361577d Binary files /dev/null and b/.parcel-cache/12/ce2b397efaf49a0aba2ae7b369100d.v8 differ diff --git a/.parcel-cache/13/a782c6162ea7661fe31995394b7d31.blob b/.parcel-cache/13/a782c6162ea7661fe31995394b7d31.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/13/a782c6162ea7661fe31995394b7d31.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/14/013a87e4081f59e175ff409b99b03e.v8 b/.parcel-cache/14/013a87e4081f59e175ff409b99b03e.v8 new file mode 100644 index 0000000..765979f Binary files /dev/null and b/.parcel-cache/14/013a87e4081f59e175ff409b99b03e.v8 differ diff --git a/.parcel-cache/14/4e2644dc1a8b1b76f2aea439615972.v8 b/.parcel-cache/14/4e2644dc1a8b1b76f2aea439615972.v8 new file mode 100644 index 0000000..786e53f Binary files /dev/null and b/.parcel-cache/14/4e2644dc1a8b1b76f2aea439615972.v8 differ diff --git a/.parcel-cache/14/8782b44de52cb243d49f16b457c072.blob b/.parcel-cache/14/8782b44de52cb243d49f16b457c072.blob new file mode 100644 index 0000000..0a27a44 Binary files /dev/null and b/.parcel-cache/14/8782b44de52cb243d49f16b457c072.blob differ diff --git a/.parcel-cache/14/b534f8bb6de93820245519587cb0ea.blob b/.parcel-cache/14/b534f8bb6de93820245519587cb0ea.blob new file mode 100644 index 0000000..412cac9 --- /dev/null +++ b/.parcel-cache/14/b534f8bb6de93820245519587cb0ea.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/14/d75016b9af58b09ddc8ee23ee7a6a4.blob b/.parcel-cache/14/d75016b9af58b09ddc8ee23ee7a6a4.blob new file mode 100644 index 0000000..4e882d2 --- /dev/null +++ b/.parcel-cache/14/d75016b9af58b09ddc8ee23ee7a6a4.blob @@ -0,0 +1,655 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + diff --git a/.parcel-cache/15/00661ccc26e6a90e03755b686ca920.blob b/.parcel-cache/15/00661ccc26e6a90e03755b686ca920.blob new file mode 100644 index 0000000..ef9189b Binary files /dev/null and b/.parcel-cache/15/00661ccc26e6a90e03755b686ca920.blob differ diff --git a/.parcel-cache/15/2048d7e20ae11c6a0b00d2ed9fa629.blob b/.parcel-cache/15/2048d7e20ae11c6a0b00d2ed9fa629.blob new file mode 100644 index 0000000..e70630b Binary files /dev/null and b/.parcel-cache/15/2048d7e20ae11c6a0b00d2ed9fa629.blob differ diff --git a/.parcel-cache/15/3454b2d42925b5449f823a9b47d46d.v8 b/.parcel-cache/15/3454b2d42925b5449f823a9b47d46d.v8 new file mode 100644 index 0000000..5fee9f7 Binary files /dev/null and b/.parcel-cache/15/3454b2d42925b5449f823a9b47d46d.v8 differ diff --git a/.parcel-cache/15/71139ab49941803e6f6e926bd67989.blob b/.parcel-cache/15/71139ab49941803e6f6e926bd67989.blob new file mode 100644 index 0000000..980f0e2 --- /dev/null +++ b/.parcel-cache/15/71139ab49941803e6f6e926bd67989.blob @@ -0,0 +1,519 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2rem; + --font-size-large: 1.5rem; + --font-size-medium: 1.25rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.5 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 600px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/15/81fde73b7d174cbddf4d3bc6637161.v8 b/.parcel-cache/15/81fde73b7d174cbddf4d3bc6637161.v8 new file mode 100644 index 0000000..3936f72 Binary files /dev/null and b/.parcel-cache/15/81fde73b7d174cbddf4d3bc6637161.v8 differ diff --git a/.parcel-cache/15/a66208652e009ca14148073c203803.blob b/.parcel-cache/15/a66208652e009ca14148073c203803.blob new file mode 100644 index 0000000..494aa9f --- /dev/null +++ b/.parcel-cache/15/a66208652e009ca14148073c203803.blob @@ -0,0 +1,64 @@ +var _parcelHelpers = require("@parcel/transformer-js/lib/esmodule-helpers.js"); +_parcelHelpers.defineInteropFlag(exports); +_parcelHelpers.export(exports, "Details", function () { + return Details; +}); +var _textReveal = require('./textReveal'); +var _textLinesReveal = require('./textLinesReveal'); +var _gsap = require('gsap'); +var _gsapDefault = _parcelHelpers.interopDefault(_gsap); +class Details { + constructor(el, closeDetailsCtrl) { + this.DOM = { + el: el, + images: el.querySelectorAll('.panel > .panel__img'), + title: el.querySelector('.details__content > .details__content-title'), + text: el.querySelector('.details__content > .details__content-text'), + link: el.querySelector('.details__content > .details__content-link'), + closeDetailsCtrl: closeDetailsCtrl + }; + // textLinesReveal obj (this.DOM.text animation) + this.textLinesReveal = new _textLinesReveal.TextLinesReveal(this.DOM.text); + // TextReveal obj (this.DOM.title and this.DOM.link animation) + this.textReveal = new _textReveal.TextReveal([this.DOM.title, this.DOM.link, this.DOM.closeDetailsCtrl]); + } + open() { + this.DOM.el.classList.add('details--open'); + document.body.classList.add('state-details'); + this.textLinesReveal.in(); + this.textReveal.in(); + _gsapDefault.default.killTweensOf(this.DOM.images); + _gsapDefault.default.timeline({ + defaults: { + duration: 2, + ease: 'expo' + } + }).set(this.DOM.images, { + opacity: 0, + y: '150%' + }).to(this.DOM.images, { + opacity: 1, + y: '0%', + stagger: 0.02 + }); + } + close() { + this.textLinesReveal.out(); + this.textReveal.out(); + _gsapDefault.default.killTweensOf(this.DOM.images); + _gsapDefault.default.timeline({ + defaults: { + duration: 0.5, + ease: 'power2' + }, + onComplete: () => { + this.DOM.el.classList.remove('details--open'); + document.body.classList.remove('state-details'); + } + }).to(this.DOM.images, { + opacity: 0, + y: '-150%', + stagger: 0.01 + }); + } +} diff --git a/.parcel-cache/15/b7907536b8d5809294b137cd3f8ffb.blob b/.parcel-cache/15/b7907536b8d5809294b137cd3f8ffb.blob new file mode 100644 index 0000000..cbafc52 Binary files /dev/null and b/.parcel-cache/15/b7907536b8d5809294b137cd3f8ffb.blob differ diff --git a/.parcel-cache/15/c8293c0eda6cbce44c1501673efdfb.blob b/.parcel-cache/15/c8293c0eda6cbce44c1501673efdfb.blob new file mode 100644 index 0000000..3b62195 Binary files /dev/null and b/.parcel-cache/15/c8293c0eda6cbce44c1501673efdfb.blob differ diff --git a/.parcel-cache/15/f57b512143358b13bd198b069686da.blob b/.parcel-cache/15/f57b512143358b13bd198b069686da.blob new file mode 100644 index 0000000..98c686b Binary files /dev/null and b/.parcel-cache/15/f57b512143358b13bd198b069686da.blob differ diff --git a/.parcel-cache/16/52182b6158d0f8d84a29bbbc0417d9.blob b/.parcel-cache/16/52182b6158d0f8d84a29bbbc0417d9.blob new file mode 100644 index 0000000..efb072d Binary files /dev/null and b/.parcel-cache/16/52182b6158d0f8d84a29bbbc0417d9.blob differ diff --git a/.parcel-cache/16/60f0a75d250b4567b8b8d57d8a1ea4.blob b/.parcel-cache/16/60f0a75d250b4567b8b8d57d8a1ea4.blob new file mode 100644 index 0000000..9c44c8f --- /dev/null +++ b/.parcel-cache/16/60f0a75d250b4567b8b8d57d8a1ea4.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./node_modules/@parcel/runtime-browser-hmr/lib/HMRRuntime.js","./src/js/index.js","./src/js/utils.js","./node_modules/imagesloaded/imagesloaded.js","./node_modules/ev-emitter/ev-emitter.js","./node_modules/@parcel/transformer-js/lib/esmodule-helpers.js","./src/js/menu.js","./src/js/textReveal.js","./node_modules/gsap/dist/gsap.js","./src/js/details.js","./src/js/textLinesReveal.js","./node_modules/split-type/umd/index.js","./src/js/imgReveal.js"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null],"names":["HMR_HOST","HMR_PORT","HMR_SECURE","HMR_ENV_HASH","module","bundle","HMR_BUNDLE_ID","OVERLAY_ID","OldModule","Module","moduleName","call","hot","data","hotData","_acceptCallbacks","_disposeCallbacks","accept","fn","push","dispose","undefined","checkedAssets","acceptedAssets","assetsToAccept","location","protocol","indexOf","hostname","port","parent","isParcelRequire","WebSocket","getHostname","getPort","test","ws","onmessage","event","JSON","parse","type","removeErrorOverlay","assets","filter","asset","envHash","handled","forEach","didAccept","hmrAcceptCheck","root","id","depsByBundle","console","clear","hmrApply","i","length","hmrAcceptRun","window","reload","ansiDiagnostic","diagnostics","ansi","stack","codeframe","error","message","hints","join","overlay","createErrorOverlay","html","document","body","appendChild","onerror","e","onclose","warn","getElementById","remove","log","createElement","errorHTML","diagnostic","map","hint","innerHTML","modules","parents","k","d","dep","Array","isArray","concat","getParents","link","newLink","cloneNode","onload","parentNode","removeChild","setAttribute","getAttribute","split","Date","now","insertBefore","nextSibling","cssTimeout","setTimeout","links","querySelectorAll","href","servedFromHMRServer","RegExp","absolute","origin","updateLink","reloadCSS","deps","Function","output","cached","cache","some","v","cb","assetsToAlsoAccept","apply","DOM","frame","querySelector","menuCtrl","menuWrap","textContent","heading","primary","secondary","img","state","textLinesReveal","imgReveal","textReveal","menu","showContent","in","toggleFrame","hideContent","out","to","duration","ease","opacity","Number","addEventListener","open","closeCtrl","close","then","classList","preloadImages","wrapLines","imagesLoaded","require","selector","Promise","resolve","reject","background","elems","wrapType","wrapClass","char","wrapEl","factory","define","amd","EvEmitter","exports","$","jQuery","a","b","prop","arraySlice","prototype","slice","obj","isArrayLike","elem","options","onAlways","ImagesLoaded","queryElem","elements","makeArray","extend","on","getImages","jqDeferred","Deferred","check","bind","Object","create","images","addElementImages","nodeName","addImage","addElementBackgroundImages","nodeType","elementNodeTypes","childImgs","children","child","style","getComputedStyle","reURL","matches","exec","backgroundImage","url","addBackground","loadingImage","LoadingImage","Background","_this","progressedCount","hasAnyBroken","complete","image","progress","once","onProgress","isLoaded","emitEvent","notify","debug","eventName","isComplete","jqMethod","getIsImageComplete","confirm","naturalWidth","proxyImage","Image","src","handleEvent","method","unbindEvents","removeEventListener","element","makeJQueryPlugin","callback","instance","promise","global","proto","listener","events","_events","listeners","onceEvents","_onceEvents","onceListeners","off","index","splice","args","isOnce","allOff","constructor","el","items","detailsEl","item","substring","closeDetailsCtrl","detailsInstances","initEvents","add","pos","ev","preventDefault","openDetails","closeDetails","menuItemCurrent","outer","inner","outTimeline","isActive","kill","inTimeline","timeline","defaults","set","y","rotate","stagger","self","subClass","superClass","__proto__","ReferenceError","_config","autoSleep","force3D","nullTargetWarn","units","lineHeight","_defaults","overwrite","delay","_suppressOverwrites","_bigNum","_tinyNum","_2PI","Math","PI","_HALF_PI","_gsID","_sqrt","sqrt","_cos","cos","_sin","sin","_isString","value","_isFunction","_isNumber","_isUndefined","_isObject","_isNotFalse","_windowExists","_isFuncOrString","_isTypedArray","ArrayBuffer","isView","_isArray","_strictNumExp","_numExp","_numWithUnitExp","_complexStringNumExp","_relExp","_delimitedValueExp","_unitExp","_globalTimeline","_win","_coreInitted","_doc","_globals","_installScope","_coreReady","_install","scope","_merge","gsap","_missingPlugin","property","_warn","suppress","_addGlobal","name","_emptyFunc","_reservedProps","_lazyTweens","_lazyLookup","_lastRenderedFrame","_plugins","_effects","_nextGCFrame","_harnessPlugins","_callbackNames","_harness","targets","target","harnessPlugin","_gsap","harness","targetTest","GSCache","_getCache","toArray","_getProperty","_forEachName","names","func","_round","round","_arrayContainsAny","toSearch","toFind","l","_lazyRender","tween","_lazy","render","_lazySafeRender","animation","time","suppressEvents","force","_numericIfPossible","n","parseFloat","match","trim","_passThrough","p","_setDefaults","_setKeyframeDefaults","base","toMerge","_mergeDeep","_copyExcluding","excluding","copy","_inheritDefaults","vars","keyframes","inherit","_dp","_arraysMatch","a1","a2","_addLinkedListItem","firstProp","lastProp","sortBy","prev","t","_prev","_next","_removeLinkedListItem","next","_removeFromParent","onlyIfParentHasAutoRemove","autoRemoveChildren","_act","_uncache","_end","_dur","_start","_dirty","_recacheAncestors","totalDuration","_hasNoPausedAncestors","_ts","_elapsedCycleDuration","_repeat","_animationCycle","_tTime","_rDelay","tTime","cycleDuration","whole","floor","_parentToChildTotalTime","parentTime","_tDur","_setEnd","abs","_rts","_alignPlayhead","totalTime","smoothChildTiming","_time","_postAddChecks","_initted","rawTime","_clamp","_zTime","_addToTimeline","position","skipChecks","_parsePosition","_delay","timeScale","_sort","_isFromOrFromStart","_recent","_scrollTrigger","trigger","ScrollTrigger","_attemptInitTween","_initTween","_pt","lazy","_ticker","_parentPlayheadIsBeforeStart","_ref","_lock","_ref2","_renderZeroDurationTween","prevRatio","ratio","repeatDelay","pt","iteration","prevIteration","_yoyo","repeatRefresh","invalidate","_from","r","_startAt","_onUpdate","_callback","_prom","_findNextPauseTween","prevTime","_first","_last","_setDuration","skipUncache","leavePlayhead","repeat","dur","totalProgress","_onUpdateTotalDuration","Timeline","_zeroPosition","endTime","percentAnimation","labels","recent","clippedDuration","offset","isPercent","isNaN","charAt","substr","replace","_createTweenType","params","isLegacy","varsIndex","irVars","immediateRender","runBackwards","startAt","Tween","_conditionalReturn","min","max","getUnit","clamp","_slice","_isArrayLike","nonEmpty","_flatten","ar","leaveStrings","accumulator","_accumulator","_wake","current","nativeElement","shuffle","sort","random","distribute","each","_parseEase","from","isDecimal","ratios","axis","ratioX","ratioY","center","edges","end","distances","originX","originY","x","j","wrapAt","grid","getBoundingClientRect","left","amount","u","_invertEase","_roundModifier","pow","raw","snap","snapTo","radius","is2D","values","increment","closest","dx","dy","roundingIncrement","returnFunction","pipe","_len","arguments","functions","_key","reduce","f","unitize","unit","normalize","mapRange","_wrapArray","wrapper","wrap","range","wrapYoyo","total","_replaceRandom","s","nums","inMin","inMax","outMin","outMax","inRange","outRange","interpolate","start","mutate","isString","master","interpolators","il","_addPropTween","_renderPropTweens","_getLabelInDirection","fromTime","backward","distance","label","executeLazyFirst","callbackScope","_interrupt","scrollTrigger","_quickTween","_createPlugin","config","isFunc","Plugin","init","_props","instanceDefaults","_killPropTweensOf","modifier","_addPluginModifier","rawVars","statics","get","getSetter","_getSetter","aliases","register","toUpperCase","PropTween","_255","_colorLookup","aqua","lime","silver","black","maroon","teal","blue","navy","white","olive","yellow","orange","gray","purple","green","red","pink","cyan","transparent","_hue","h","m1","m2","splitColor","toHSL","forceAlpha","g","wasHSL","parseInt","_colorOrderData","c","_colorExp","_formatColors","orderMatchData","result","colors","shell","color","shift","_hslExp","_colorStringFilter","combined","lastIndex","_tickerActive","_getTime","_lagThreshold","_adjustedLag","_startTime","_lastUpdate","_gap","_nextTime","_listeners","_id","_req","_raf","_self","_delta","_i","_tick","elapsed","manual","overlap","dispatch","tick","deltaRatio","fps","wake","gsapVersions","version","GreenSockGlobals","requestAnimationFrame","sleep","cancelAnimationFrame","clearTimeout","lagSmoothing","threshold","adjustedLag","_fps","_easeMap","_customEaseExp","_quotesExp","_parseObjectInString","key","val","parsedVal","lastIndexOf","_valueInParentheses","nested","_configEaseFromString","_CE","_propagateYoyoEase","isYoyo","yoyoEase","_ease","_yEase","defaultEase","_insertEase","easeIn","easeOut","easeInOut","lowercaseName","toLowerCase","_easeInOutFromOut","_configElastic","amplitude","period","p1","p2","p3","asin","_configBack","overshoot","power","Linear","easeNone","none","n1","n2","n3","SteppedEase","steps","immediateStart","Animation","Infinity","yoyo","_proto","startTime","_totalTime","_ptLookup","_pTime","_ps","paused","includeRepeats","wrapRepeats","globalTime","seek","restart","includeDelay","play","reversed","reverse","pause","atTime","resume","eventCallback","onFulfilled","_resolve","_then","_Animation","_inheritsLoose","sortChildren","_assertThisInitialized","_proto2","fromTo","fromVars","toVars","delayedCall","staggerTo","onCompleteAll","onCompleteAllParams","onComplete","onCompleteParams","staggerFrom","staggerFromTo","tDur","crossingStart","prevPaused","pauseTween","prevStart","rewinding","doesWrap","onRepeat","_hasPause","_forcing","onUpdate","adjustedTime","_this2","addLabel","getChildren","tweens","timelines","ignoreBeforeTime","getById","animations","removeLabel","killTweensOf","_totalTime2","addPause","removePause","props","onlyActive","getTweensOf","_overwritingTween","parsedTargets","isGlobalTime","_targets","tweenTo","tl","_vars","_onStart","onStart","onStartParams","initted","tweenFromTo","fromPosition","toPosition","nextLabel","afterTime","previousLabel","beforeTime","currentLabel","shiftChildren","adjustLabels","includeLabels","updateRoot","_addComplexStringPropTween","setter","stringFilter","funcParam","_renderComplexString","matchIndex","startNums","endNum","chunk","startNum","hasRandom","m","fp","currentValue","parsedStart","_setterPlain","_setterFuncWithParam","_setterFunc","_renderBoolean","_renderPlain","_processVars","_parseFuncOrString","_checkPlugin","plugin","ptLookup","priority","onUpdateParams","autoRevert","prevStartAt","fullTargets","autoOverwrite","_overwrite","cleanVars","hasPriority","gsData","harnessVars","overwritten","_op","_sortPropTweensByPriority","_onInit","_addAliasesToVars","propertyAliases","_staggerTweenProps","_staggerPropsToSkip","_Animation2","skipInherit","_this3","_this3$vars","curTarget","staggerFunc","staggerVarsToMerge","_proto3","killingTargets","propTweenLookup","firstPT","overwrittenProps","curLookup","curOverwriteProps","onReverseComplete","onReverseCompleteParams","_setterAttribute","hasNonDependentRemaining","op","_setterWithModifier","mSet","mt","pt2","first","last","pr","change","renderer","_proto4","TweenMax","TweenLite","TimelineLite","TimelineMax","registerPlugin","_len2","_key2","getProperty","uncache","getter","format","quickSetter","setters","isTweening","registerEffect","_ref3","effect","plugins","extendTimeline","pluginName","registerEase","parseEase","exportRoot","includeDelayedCalls","utils","install","effects","ticker","globalTimeline","core","globals","getCache","suppressOverwrites","_getPluginPropTween","_addModifiers","modifiers","_buildModifierPlugin","temp","Power0","Power1","Power2","Power3","Power4","Quad","Cubic","Quart","Quint","Strong","Elastic","Back","Bounce","Sine","Expo","Circ","_win$1","_doc$1","_docElement","_pluginInitted","_tempDiv","_tempDivStyler","_recentSetterPlugin","_windowExists$1","_transformProps","_RAD2DEG","_DEG2RAD","_atan2","atan2","_bigNum$1","_capsExp","_horizontalExp","_complexExp","_propertyAliases","autoAlpha","scale","alpha","_renderCSSProp","_renderPropWithEnd","_renderCSSPropWithBeginning","_renderRoundedCSSProp","_renderNonTweeningValue","_renderNonTweeningValueOnlyAtEnd","_setterCSSStyle","_setterCSSProp","setProperty","_setterTransform","_setterScale","scaleX","scaleY","_setterScaleWithRender","renderTransform","_setterTransformWithRender","_transformProp","_transformOriginProp","_supports3D","_createElement","ns","createElementNS","_getComputedProperty","skipPrefixFallback","cs","getPropertyValue","_checkPropPrefix","_prefixes","preferPrefix","_initCore","documentElement","cssText","_getBBoxHack","swapIfPossible","svg","ownerSVGElement","oldParent","oldSibling","oldCSS","bbox","display","getBBox","_gsapBBox","_getAttributeFallbacks","attributesArray","hasAttribute","_getBBox","bounds","width","height","_isSVG","getCTM","_removeProperty","removeProperty","removeAttribute","_addNonTweeningPT","beginning","onlySetAtEnd","_nonConvertibleUnits","deg","rad","turn","_convertToUnit","curValue","curUnit","horizontal","isRootSVG","tagName","measureProperty","toPixels","toPercent","px","isSVG","_get","_parseTransform","_firstTwoOnly","zOrigin","_specialProps","_tweenComplexCSSString","startValues","startValue","endValue","endUnit","startUnit","relative","endValues","_keywordToPercent","top","bottom","right","_convertKeywordsToPercentages","_renderClearProps","clearTransforms","clearProps","_identity2DMatrix","_rotationalProperties","_isNullTransform","_getComputedTransformMatrixAsArray","matrixString","_getMatrix","force2D","matrix","addedToDOM","transform","baseVal","consolidate","offsetParent","_applySVGOrigin","originIsAbsolute","smooth","matrixArray","pluginToAddPropTweensTo","xOriginOld","xOrigin","yOriginOld","yOrigin","xOffsetOld","xOffset","yOffsetOld","yOffset","tx","ty","originSplit","determinant","invertedScaleX","z","rotation","rotationX","rotationY","skewX","skewY","perspective","angle","a12","a22","t1","t2","t3","a13","a23","a33","a42","a43","a32","forceCSS","xPercent","offsetWidth","yPercent","offsetHeight","transformPerspective","_renderSVGTransforms","_renderCSSTransforms","_renderNon3DTransforms","_addPxTranslate","_zeroDeg","_zeroPx","_endParenthesis","transforms","use3D","a11","a21","tan","_addRotationalPropTween","cap","finalValue","direction","_assign","source","_addRawTransformPTs","startCache","exclude","endCache","side","CSSPlugin","specialProp","isTransformRelated","transformPropTween","parseTransform","smoothOrigin","autoRound","checkPrefix","positionAndScale","others","all","gsapWithCSS","TweenMaxWithCSS","default","defineProperty","title","text","animationElems","SplitTypeInstances","lines","SplitTypeInstance","types","globalThis","SplitType","Constructor","TypeError","descriptor","enumerable","configurable","writable","protoProps","staticProps","_defineProperties","object","getOwnPropertyNames","extended","getOwnPropertyDescriptor","newValue","settings","isObject","isLength","input","flatten","isNode","owner","Data","expando","uid","collection","arr","len","string","separator","String","rsAstralRange","rsComboMarksRange","rsComboSymbolsRange","rsVarRange","rsAstral","rsCombo","rsFitz","rsModifier","rsNonAstral","rsRegional","rsSurrPair","rsZWJ","reOptMod","rsOptVar","rsOptJoin","rsSeq","rsSymbol","reUnicode","unicodeRange","reHasUnicode","hasUnicode","unicodeToArray","asciiToArray","toString","stringToArray","attributes","keys","attribute","words","chars","LINE_BREAK_SYMBOL","brTag","tempDiv","splitClass","lineClass","wordClass","charClass","createFragment","createDocumentFragment","createTextNode","str","parseTypes","TAG_NAME","BR_SYMBOL","isAbsolute","splitText","TEXT_CONTENT","getTextContent","toWords","WORD","idx","wordElement","characterElementsForCurrentWord","toChars","CHAR","class","characterElement","wordsInEachLine","wordsInCurrentLine","elementHeight","elementWidth","contentBox","lineOffsetY","nodes","getElementsByTagName","parentElement","nextElementSibling","align","textAlign","offsetLeft","offsetTop","cssWidth","cssHeight","node","isWord","wordOffsetY","wordsInThisLine","lineElement","charNode","replaceChild","firstChild","isLineNode","isChildOfLineNode","_createClass","parseSettings","_classCallCheck","isSplit","getTargetElements","originals","revert","scrollPos","pageXOffset","pageYOffset","_split2","splitSingleElement","scrollTo","RemoveData","outerImages","innerImages"],"version":3,"file":"index.HASH_REF_062e9a7565ca912a5f7d6b832142d36c.js.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/16/7c909f6e33cebf80d07c882e2a2e7a.v8 b/.parcel-cache/16/7c909f6e33cebf80d07c882e2a2e7a.v8 new file mode 100644 index 0000000..de0de2d Binary files /dev/null and b/.parcel-cache/16/7c909f6e33cebf80d07c882e2a2e7a.v8 differ diff --git a/.parcel-cache/16/93914a5f4830ad43d48983ba8ca274.blob b/.parcel-cache/16/93914a5f4830ad43d48983ba8ca274.blob new file mode 100644 index 0000000..0b796e6 --- /dev/null +++ b/.parcel-cache/16/93914a5f4830ad43d48983ba8ca274.blob @@ -0,0 +1,505 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + grid-column: 2; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/16/954ebd339b5c900188bb63e0de0e03.blob b/.parcel-cache/16/954ebd339b5c900188bb63e0de0e03.blob new file mode 100644 index 0000000..e3de04a --- /dev/null +++ b/.parcel-cache/16/954ebd339b5c900188bb63e0de0e03.blob @@ -0,0 +1,507 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.underline::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.underline:hover::after, +.menu--open ~ .underline::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/16/b530c581ee15e801d00d18e91beb83.blob b/.parcel-cache/16/b530c581ee15e801d00d18e91beb83.blob new file mode 100644 index 0000000..4443ad6 Binary files /dev/null and b/.parcel-cache/16/b530c581ee15e801d00d18e91beb83.blob differ diff --git a/.parcel-cache/17/055652a8d037243f3ab1d1ef224c34.blob b/.parcel-cache/17/055652a8d037243f3ab1d1ef224c34.blob new file mode 100644 index 0000000..80b2b63 Binary files /dev/null and b/.parcel-cache/17/055652a8d037243f3ab1d1ef224c34.blob differ diff --git a/.parcel-cache/17/43056962c82dda6c15cab2581e4c80.blob b/.parcel-cache/17/43056962c82dda6c15cab2581e4c80.blob new file mode 100644 index 0000000..0b896a6 --- /dev/null +++ b/.parcel-cache/17/43056962c82dda6c15cab2581e4c80.blob @@ -0,0 +1,517 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2rem; + --font-size-large: 1.5rem; + --font-size-medium: 1.25rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.5 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 640px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/17/6e0c6ac85f7db541f5237b4844b4b4.v8 b/.parcel-cache/17/6e0c6ac85f7db541f5237b4844b4b4.v8 new file mode 100644 index 0000000..bad6411 Binary files /dev/null and b/.parcel-cache/17/6e0c6ac85f7db541f5237b4844b4b4.v8 differ diff --git a/.parcel-cache/17/862e1b73e71ace3ef1d66b605c6487.v8 b/.parcel-cache/17/862e1b73e71ace3ef1d66b605c6487.v8 new file mode 100644 index 0000000..0a0dc28 Binary files /dev/null and b/.parcel-cache/17/862e1b73e71ace3ef1d66b605c6487.v8 differ diff --git a/.parcel-cache/17/b5935752a8dad2b861ded6f3a8451d.blob b/.parcel-cache/17/b5935752a8dad2b861ded6f3a8451d.blob new file mode 100644 index 0000000..25576d5 Binary files /dev/null and b/.parcel-cache/17/b5935752a8dad2b861ded6f3a8451d.blob differ diff --git a/.parcel-cache/18/0f14100b3c9cf3e0b1ef59b96eecb8.blob b/.parcel-cache/18/0f14100b3c9cf3e0b1ef59b96eecb8.blob new file mode 100644 index 0000000..4e2b67b Binary files /dev/null and b/.parcel-cache/18/0f14100b3c9cf3e0b1ef59b96eecb8.blob differ diff --git a/.parcel-cache/18/5950608c3fd675922286cb3287cddc.blob b/.parcel-cache/18/5950608c3fd675922286cb3287cddc.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/18/5950608c3fd675922286cb3287cddc.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/18/79b8c6545fb86d455098b473e3404c.blob b/.parcel-cache/18/79b8c6545fb86d455098b473e3404c.blob new file mode 100644 index 0000000..ba8c447 Binary files /dev/null and b/.parcel-cache/18/79b8c6545fb86d455098b473e3404c.blob differ diff --git a/.parcel-cache/18/a1a74d7efafc5886c0077e5ba58f93.v8 b/.parcel-cache/18/a1a74d7efafc5886c0077e5ba58f93.v8 new file mode 100644 index 0000000..ac8fa10 Binary files /dev/null and b/.parcel-cache/18/a1a74d7efafc5886c0077e5ba58f93.v8 differ diff --git a/.parcel-cache/18/b0bbe09a2784e6a547658567a79858.blob b/.parcel-cache/18/b0bbe09a2784e6a547658567a79858.blob new file mode 100644 index 0000000..6b132fe Binary files /dev/null and b/.parcel-cache/18/b0bbe09a2784e6a547658567a79858.blob differ diff --git a/.parcel-cache/18/c7d3cfa1de85237825c27747f9fcd6.blob b/.parcel-cache/18/c7d3cfa1de85237825c27747f9fcd6.blob new file mode 100644 index 0000000..ef5ce0f Binary files /dev/null and b/.parcel-cache/18/c7d3cfa1de85237825c27747f9fcd6.blob differ diff --git a/.parcel-cache/18/ec3b0cc65f01a16e0e25f3af23cd12.v8 b/.parcel-cache/18/ec3b0cc65f01a16e0e25f3af23cd12.v8 new file mode 100644 index 0000000..1f922d2 Binary files /dev/null and b/.parcel-cache/18/ec3b0cc65f01a16e0e25f3af23cd12.v8 differ diff --git a/.parcel-cache/19/6658dc186725d4c04daf6057e8ef19.blob b/.parcel-cache/19/6658dc186725d4c04daf6057e8ef19.blob new file mode 100644 index 0000000..1d69d6b Binary files /dev/null and b/.parcel-cache/19/6658dc186725d4c04daf6057e8ef19.blob differ diff --git a/.parcel-cache/19/c01dd50f6618db98ded780654b2789.blob b/.parcel-cache/19/c01dd50f6618db98ded780654b2789.blob new file mode 100644 index 0000000..20a9cc2 --- /dev/null +++ b/.parcel-cache/19/c01dd50f6618db98ded780654b2789.blob @@ -0,0 +1,502 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/19/f7c37e39b430224fe9653af761c119.v8 b/.parcel-cache/19/f7c37e39b430224fe9653af761c119.v8 new file mode 100644 index 0000000..e7dd7dd Binary files /dev/null and b/.parcel-cache/19/f7c37e39b430224fe9653af761c119.v8 differ diff --git a/.parcel-cache/1a/0daa8b81660babc00534b47da9adcb.blob b/.parcel-cache/1a/0daa8b81660babc00534b47da9adcb.blob new file mode 100644 index 0000000..baffef5 --- /dev/null +++ b/.parcel-cache/1a/0daa8b81660babc00534b47da9adcb.blob @@ -0,0 +1 @@ +Content Preview and Menu Animation | Codrops

Content Preview and Menu Animation

We are Super.fluid

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image

Velocity

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ Read the story
Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image

Projectiles

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ Read the story
Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image

Gravity

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ Read the story
Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image

Quasimodo

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ Read the story
Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image

Hyperbolic

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ Read the story
Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image

Ganymede

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ Read the story
\ No newline at end of file diff --git a/.parcel-cache/1a/501eecac989b0d1a3453b3daca7bb8.v8 b/.parcel-cache/1a/501eecac989b0d1a3453b3daca7bb8.v8 new file mode 100644 index 0000000..e95cb5b Binary files /dev/null and b/.parcel-cache/1a/501eecac989b0d1a3453b3daca7bb8.v8 differ diff --git a/.parcel-cache/1a/7ac17d29c509e16af10c2dd18e3704.blob b/.parcel-cache/1a/7ac17d29c509e16af10c2dd18e3704.blob new file mode 100644 index 0000000..9ed6bcb Binary files /dev/null and b/.parcel-cache/1a/7ac17d29c509e16af10c2dd18e3704.blob differ diff --git a/.parcel-cache/1a/fbcc4669d11b7a66e387621ed8cae1.blob b/.parcel-cache/1a/fbcc4669d11b7a66e387621ed8cae1.blob new file mode 100644 index 0000000..199610f Binary files /dev/null and b/.parcel-cache/1a/fbcc4669d11b7a66e387621ed8cae1.blob differ diff --git a/.parcel-cache/1b/1d2a91ba130bb13a34af36a20db976.v8 b/.parcel-cache/1b/1d2a91ba130bb13a34af36a20db976.v8 new file mode 100644 index 0000000..8919415 Binary files /dev/null and b/.parcel-cache/1b/1d2a91ba130bb13a34af36a20db976.v8 differ diff --git a/.parcel-cache/1b/22d9bf53658faba68c0605ed1a94cc.blob b/.parcel-cache/1b/22d9bf53658faba68c0605ed1a94cc.blob new file mode 100644 index 0000000..aa788af Binary files /dev/null and b/.parcel-cache/1b/22d9bf53658faba68c0605ed1a94cc.blob differ diff --git a/.parcel-cache/1b/72ff690acf4ff23b965b11999cd585.v8 b/.parcel-cache/1b/72ff690acf4ff23b965b11999cd585.v8 new file mode 100644 index 0000000..9a659c6 Binary files /dev/null and b/.parcel-cache/1b/72ff690acf4ff23b965b11999cd585.v8 differ diff --git a/.parcel-cache/1b/7cd9db92cae5b5daf5501ba4ccfd99.blob b/.parcel-cache/1b/7cd9db92cae5b5daf5501ba4ccfd99.blob new file mode 100644 index 0000000..b92412d Binary files /dev/null and b/.parcel-cache/1b/7cd9db92cae5b5daf5501ba4ccfd99.blob differ diff --git a/.parcel-cache/1b/a1200d50605985ff405a6703126fea.v8 b/.parcel-cache/1b/a1200d50605985ff405a6703126fea.v8 new file mode 100644 index 0000000..8a55fbd Binary files /dev/null and b/.parcel-cache/1b/a1200d50605985ff405a6703126fea.v8 differ diff --git a/.parcel-cache/1b/ad9d4725d7d5b14a48142783413e10.blob b/.parcel-cache/1b/ad9d4725d7d5b14a48142783413e10.blob new file mode 100644 index 0000000..6fd1e35 Binary files /dev/null and b/.parcel-cache/1b/ad9d4725d7d5b14a48142783413e10.blob differ diff --git a/.parcel-cache/1b/cc95dd22aebe7bcc03a83e88a04e41.blob b/.parcel-cache/1b/cc95dd22aebe7bcc03a83e88a04e41.blob new file mode 100644 index 0000000..73d89fd --- /dev/null +++ b/.parcel-cache/1b/cc95dd22aebe7bcc03a83e88a04e41.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/1c/00faf5adf5d42c4eb38e84c3b8af7a.blob b/.parcel-cache/1c/00faf5adf5d42c4eb38e84c3b8af7a.blob new file mode 100644 index 0000000..de2b066 Binary files /dev/null and b/.parcel-cache/1c/00faf5adf5d42c4eb38e84c3b8af7a.blob differ diff --git a/.parcel-cache/1c/552b92bf0e27d0637b89ada384ccee.v8 b/.parcel-cache/1c/552b92bf0e27d0637b89ada384ccee.v8 new file mode 100644 index 0000000..3598250 Binary files /dev/null and b/.parcel-cache/1c/552b92bf0e27d0637b89ada384ccee.v8 differ diff --git a/.parcel-cache/1c/681bc1b3c960f8d1b30b929d824b07.blob b/.parcel-cache/1c/681bc1b3c960f8d1b30b929d824b07.blob new file mode 100644 index 0000000..905d774 --- /dev/null +++ b/.parcel-cache/1c/681bc1b3c960f8d1b30b929d824b07.blob @@ -0,0 +1 @@ +{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAAIA,WAAW;IAASC,WAAW;IAASC,aAAa;IAAUC,eAAe;AAAmCC,OAAOC,OAAOC,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqC/IC,aAAa;IAEbC,YAAYJ,OAAOC,OAAOI;AAE9B,gBAAgBC;EACdF,UAAUG,KAAK,MAAMD;EACrB,KAAKE;IACHC,MAAMT,OAAOC,OAAOS;IACpBC;IACAC;IACAC,QAAQ,UAASC;MACf,KAAKH,iBAAiBI,KAAKD,OAAM;;IAEnCE,SAAS,UAASF;MAChB,KAAKF,kBAAkBG,KAAKD;;;EAGhCd,OAAOC,OAAOS,UAAUO;;AAE1BjB,OAAOC,OAAOI,SAASA;IAEnBa;AACFC;;AACAC;AAEF;SAEIxB,aACCyB,SAASC,SAASC,QAAQ,YAAY,IAAIF,SAASG,WAAW;;AAInE;SACS3B,YAAYwB,SAASI;;;IAI1BC,SAAS1B,OAAOC,OAAOyB;MACrBA,WAAWA,OAAOC,2BAA2BC,cAAc;MAC3DJ,WAAWK;MACXJ,OAAOK;MACPR,WACFxB,cACCuB,SAASC,YAAY,cACnB,+BAA8BS,KAAKP,YAClC,QACA;MACFQ,SAASJ,UACXN,WAAW,QAAQE,YAAYC,OAAO,MAAMA,OAAO,MAAM;;EAG3DO,GAAGC,YAAY,UAASC;;IACtBhB;;;IACAC;;;IACAC;QAEIX;IAAyB0B,KAAKC,MAAMF,MAAMzB;QAE1CA,KAAK4B,SAAS;;MAEhBC;UAEIC,SAAS9B,KAAK8B,OAAOC,OAAO,AAAAC,SAASA,MAAMC,YAAY3C;;UAGvD4C,UAAU;MACdJ,OAAOK,QAAQ,AAAAH;YACTI,YACFJ,MAAMJ,SAAS,SACdI,MAAMJ,SAAS,QACdS,eAAe9C,OAAOC,OAAO8C,MAAMN,MAAMO,IAAIP,MAAMQ;YACnDJ;UACFF,UAAU;;;UAIVA;QACFO,QAAQC;QAERZ,OAAOK,QAAQ,UAASH;UACtBW,SAASpD,OAAOC,OAAO8C,MAAMN;;iBAGtBY,IAAI,GAAGA,IAAIjC,eAAekC,QAAQD;cACrCL,KAAK5B,eAAeiC,GAAG;eACtBlC,eAAe6B;YAClBO,aAAanC,eAAeiC,GAAG,IAAIL;;;;QAIvCQ,OAAOnC,SAASoC;;;QAIhBhD,KAAK4B,SAAS;;eAEPqB,kBAAkBjD,KAAKkD,YAAYC;YACtCC,QAAQH,eAAeI,YACvBJ,eAAeI,YACfJ,eAAeG;QAEnBX,QAAQa,MACN,kBACEL,eAAeM,UACf,OACAH,QACA,SACAH,eAAeO,MAAMC,KAAK;;;MAKhC5B;UACI6B,UAAUC,mBAAmB3D,KAAKkD,YAAYU;;MAElDC,SAASC,KAAKC,YAAYL;;;EAG9BnC,GAAGyC,UAAU,UAASC;IACpBxB,QAAQa,MAAMW,EAAEV;;EAElBhC,GAAG2C,UAAU,UAASD;sBACiB;MACnCxB,QAAQ0B,KAAK;;;;AAKnB;MACMT,UAAUG,SAASO,eAAe1E;MAClCgE;IACFA,QAAQW;IACR5B,QAAQ6B,IAAI;;;AAIhB,4BAA4BpB;MACtBQ,UAAUG,SAASU,cAAc;EACrCb,QAAQnB,KAAK7C;MAET8E,YACF;WAEOC,cAAcvB;QACjBE,QAAQqB,WAAWpB,YAAYoB,WAAWpB,YAAYoB,WAAWrB;IAErEoB,cAAc;;;eAGHC,WAAWlB,QAAQ;;;YAGtBH,MAAM;;;YAGNqB,WAAWjB,MAAMkB,IAAI,AAAAC,QAAQ,UAAUA,OAAO,UAAUlB,KAAK,IAAI;;;;;EAM3Ee,aAAa;EAEbd,QAAQkB,YAAYJ;SAEbd;;AAGT,oBAAoBlE,QAAQ+C;;MACtBsC,UAAUrF,OAAOqF;OAChBA;;;MAIDC;MACAC,GAAGC,GAAGC;OAELF,KAAKF;SACHG,KAAKH,QAAQE,GAAG;MACnBE,MAAMJ,QAAQE,GAAG,GAAGC;UAEhBC,QAAQ1C,MAAO2C,MAAMC,QAAQF,QAAQA,IAAIA,IAAIpC,SAAS,OAAON;QAC/DuC,QAAQxE,MAAMd,QAAQuF;;;;MAKxBvF,OAAOyB;IACT6D,UAAUA,QAAQM,OAAOC,WAAW7F,OAAOyB,QAAQsB;;SAG9CuC;;AAGT,oBAAoBQ;MACdC,UAAUD,KAAKE;EACnBD,QAAQE,SAAS;QACXH,KAAKI,eAAe;;MAEtBJ,KAAKI,WAAWC,YAAYL;;;EAGhCC,QAAQK,aACN;EAEAN,KAAKO,aAAa,QAAQC,MAAM,KAAK,KAAK,MAAMC,KAAKC;;EAGvDV,KAAKI,WAAWO,aAAaV,SAASD,KAAKY;;IAGzCC,aAAa;AACjB;MACMA;;;EAIJA,aAAaC,WAAW;QAClBC,QAAQxC,SAASyC,iBAAiB;aAC7B1D,IAAI,GAAGA,IAAIyD,MAAMxD,QAAQD;;UAE5B2D;MAAqBF,MAAMzD,GAAGiD,aAAa;UAC3C9E,WAAWK;UACXoF,sBACFzF,aAAa,kBACL0F,OACF,mDAAmDpF,WACnDC,KAAKiF,QACPA,KAAKzF,QAAQC,WAAW,MAAMM;UAChCqF,YACF,iBAAgBpF,KAAKiF,SACrBA,KAAKzF,QAAQiC,OAAOnC,SAAS+F,YAAY,MACxCH;WACEE;QACHE,WAAWP,MAAMzD;;;IAIrBuD,aAAa;KACZ;;AAGL,kBAAkB3G;AAA6BwC;;MACzC6C,UAAUrF,OAAOqF;OAChBA;;;MAID7C,MAAMJ,SAAS;IACjBiF;;;MAIEC,OAAO9E,MAAMQ,aAAahD,OAAOC;MACjCqH;QACEzG,SAAS0G,SAAS,WAAW,UAAU,WAAW/E,MAAMgF;IAC5DnC,QAAQ7C,MAAMO,OAAOlC,IAAIyG;aAChBtH,OAAOyB;IAChB0B,SAASnD,OAAOyB,QAAQe;;;AAI5B,wBACExC;AACA+C;;AACAC;;MAEIqC,UAAUrF,OAAOqF;OAChBA;;;MAIDrC,iBAAiBA,aAAahD,OAAOC;;;SAGlCD,OAAOyB;aACH;;WAGFoB,eAAe7C,OAAOyB,QAAQsB,IAAIC;;MAGvC/B,cAAc8B;;;EAIlB9B,cAAc8B,MAAM;MAEhB0E,SAASzH,OAAO0H,MAAM3E;EAE1B5B,eAAeL,MAAMd,QAAQ+C;MAEzB0E,UAAUA,OAAOlH,OAAOkH,OAAOlH,IAAIG,iBAAiB2C;WAC/C;;SAGFwC,WAAW9F,OAAOC,OAAO8C,MAAMC,IAAI4E,KAAK,UAASC;WAC/C/E,eAAe+E,EAAE,IAAIA,EAAE,IAAI;;;AAItC,sBAAsB5H;AAA6B+C;;MAC7C0E,SAASzH,OAAO0H,MAAM3E;EAC1B/C,OAAOS;MACHgH,UAAUA,OAAOlH;IACnBkH,OAAOlH,IAAIC,OAAOR,OAAOS;;MAGvBgH,UAAUA,OAAOlH,OAAOkH,OAAOlH,IAAII,kBAAkB0C;IACvDoE,OAAOlH,IAAII,kBAAkBgC,QAAQ,UAASkF;MAC5CA,GAAG7H,OAAOS;;;SAIPT,OAAO0H,MAAM3E;EACpB/C,OAAO+C;EAEP0E,SAASzH,OAAO0H,MAAM3E;MAClB0E,UAAUA,OAAOlH,OAAOkH,OAAOlH,IAAIG,iBAAiB2C;IACtDoE,OAAOlH,IAAIG,iBAAiBiC,QAAQ,UAASkF;UACvCC,qBAAqBD,GAAG;eACnBhC,WAAW9F,OAAOC,OAAO8C,MAAMC;;UAEpC+E,sBAAsB3G,eAAekC;QACvClC,eAAeL,KAAKiH,MAAM5G,gBAAgB2G;;;;EAIhD5G,eAAe6B,MAAM;;;;qBC7WO;oBACT;0BACM;+BACK;yBACN;oBACL;;IAGjBiF;EACAC,OAAO5D,SAAS6D,cAAc;;;AAGlCF,IAAIG,WAAW9D,SAAS6D,cAAc;;AAEtCF,IAAII,WAAW/D,SAAS6D,cAAc;;AAEtCF,IAAIK;EACAC,SAASjE,SAAS6D,cAAc;EAChCK,SAASlE,SAAS6D,cAAc;EAChCM,WAAWnE,SAAS6D,cAAc;;;AAGtCF,IAAIS,MAAMpE,SAAS6D,cAAc;;IAG7BQ,QAAQ;;MAGNC,wDAAuCX,IAAIK,YAAYE,SAASP,IAAIK,YAAYG;;MAGhFI,qCAA0BZ,IAAIS;;MAG9BI,yCAA6Bb,IAAIK,YAAYC,SAASN,IAAIG;;MAG1DW,sBAAgBd,IAAII;;MAIpBW,cAAc;EAChBF,WAAWG;;EAEXL,gBAAgBK;;EAEhBJ,UAAUI;;EAEVC;;;MAIEC,cAAc;;EAEhBL,WAAWM;;EAEXR,gBAAgBQ;;EAEhBP,UAAUO;;EAEVF;;MAGEA,cAAc;aACXG,GAAGpB,IAAIC;IACRoB,UAAU;IACVC,MAAM;IACNC,SAASC,QAAQd;;;;AAKzBV,IAAIG,SAASsB,iBAAiB,SAAS;MAC9Bf,UAAU;EACfA,QAAQ;EACRQ;EACAJ,KAAKY;;AAGTZ,KAAKd,IAAI2B,UAAUF,iBAAiB,SAAS;MACpCf,UAAU;EACfA,QAAQ;EACRK;EACAD,KAAKc;;;uBAIOC,KAAK;;EAEjBxF,SAASC,KAAKwF,UAAUjF,OAAO;;EAE/BkE;;;;;;;SCpEIgB;;;SAAeC;;MAvBjBC,eAAeC,QAAQ;;MAGvBH,gBAAgB,AAACI;aACRC,QAAQ,CAACC,SAASC;IACzBL,aAAa5F,SAASyC,iBAAiBqD;MAAYI,YAAY;OAAOF;;;;;;;MAQxEL,YAAY,CAACQ,OAAOC,UAAUC;EAChCF,MAAM7H,QAAQ,AAAAgI;;UAEFC,SAASvG,SAASU,cAAc0F;IACtCG,OAAOd,YAAYY;IACnBC,KAAKzE,WAAW3B,YAAYqG;IAC5BA,OAAOrG,YAAYoG;;;;;;;;;;;CCb3B,UAAUpH,QAAQsH;EAAY;;;aAKlBC,UAAU,cAAcA,OAAOC;;IAEzCD,QACE,0BACC,UAAUE;aACJH,QAAStH,QAAQyH;;oBAETjL,UAAU,YAAYA,OAAOkL;;IAE9ClL,OAAOkL,UAAUJ,QACftH,QACA2G,QAAQ;;;IAIV3G,OAAO0G,eAAeY,QACpBtH,QACAA,OAAOyH;;UAIFzH,WAAW,cAAcA,SAAS;AAI7C,iBAAkBA,QAAQyH;EAE1B;MAEIE,IAAI3H,OAAO4H;MACXlI,UAAUM,OAAON;;;EAKrB,gBAAiBmI,GAAGC;aACRC,QAAQD;MAChBD,EAAGE,QAASD,EAAGC;;WAEVF;;MAGLG,aAAa7F,MAAM8F,UAAUC;;EAGjC,mBAAoBC;QACbhG,MAAMC,QAAS+F;;aAEXA;;QAGLC,qBAAqBD,OAAO,mBAAmBA,IAAIrI,UAAU;QAC5DsI;;aAEIJ,WAAWjL,KAAMoL;;;YAIjBA;;;;;;;;EAUX,sBAAuBE,MAAMC,SAASC;;UAE5B,gBAAgBC;iBACXA,aAAcH,MAAMC,SAASC;;;QAGtCE,YAAYJ;eACJA,QAAQ;MAClBI,YAAY3H,SAASyC,iBAAkB8E;;;SAGnCI;MACJ/I,QAAQa,MAAO,mCAAoCkI,aAAaJ;;;IAIlE,KAAKK,WAAWC,UAAWF;IAC3B,KAAKH,UAAUM,WAAY,KAAKN;;eAEpBA,WAAW;MACrBC,WAAWD;;MAEXM,OAAQ,KAAKN,SAASA;;QAGnBC;MACH,KAAKM,GAAI,UAAUN;;IAGrB,KAAKO;QAEAnB;;MAEH,KAAKoB,iBAAiBpB,EAAEqB;;;IAI1B3F,WAAY,KAAK4F,MAAMC,KAAM;;EAG/BV,aAAaP,YAAYkB,OAAOC,OAAQ3B,UAAUQ;EAElDO,aAAaP,UAAUK;EAEvBE,aAAaP,UAAUa,YAAY;IACjC,KAAKO;;IAGL,KAAKX,SAAStJ,QAAS,KAAKkK,kBAAkB;;;;;EAMhDd,aAAaP,UAAUqB,mBAAmB,UAAUjB;;QAE7CA,KAAKkB,YAAY;MACpB,KAAKC,SAAUnB;;;QAGZ,KAAKC,QAAQtB,eAAe;MAC/B,KAAKyC,2BAA4BpB;;;;QAK/BqB,WAAWrB,KAAKqB;SACdA,aAAaC,iBAAkBD;;;QAGjCE,YAAYvB,KAAK9E,iBAAiB;;aAE5B1D,IAAE,GAAGA,IAAI+J,UAAU9J,QAAQD;UAC/BqF,MAAM0E,UAAU/J;MACpB,KAAK2J,SAAUtE;;;eAIL,KAAKoD,QAAQtB,cAAc;UACjC6C,WAAWxB,KAAK9E,iBAAkB,KAAK+E,QAAQtB;WAC7CnH,IAAE,GAAGA,IAAIgK,SAAS/J,QAAQD;YAC1BiK,QAAQD,SAAShK;QACrB,KAAK4J,2BAA4BK;;;;MAKnCH;IACF,GAAG;IACH,GAAG;IACH,IAAI;;EAGNnB,aAAaP,UAAUwB,6BAA6B,UAAUpB;QACxD0B,QAAQC,iBAAkB3B;SACxB0B;;;;;QAKFE,QAAQ;QACRC,UAAUD,MAAME,KAAMJ,MAAMK;WACxBF,YAAY;UACdG,MAAMH,WAAWA,QAAQ;UACxBG;QACH,KAAKC,cAAeD,KAAKhC;;MAE3B6B,UAAUD,MAAME,KAAMJ,MAAMK;;;;;;EAOhC5B,aAAaP,UAAUuB,WAAW,UAAUtE;QACtCqF,mBAAmBC,aAActF;IACrC,KAAKmE,OAAO9L,KAAMgN;;EAGpB/B,aAAaP,UAAUqC,gBAAgB,UAAUD,KAAKhC;QAChDrB,iBAAiByD,WAAYJ,KAAKhC;IACtC,KAAKgB,OAAO9L,KAAMyJ;;EAGpBwB,aAAaP,UAAUgB,QAAQ;QACzByB,QAAQ;IACZ,KAAKC,kBAAkB;IACvB,KAAKC,eAAe;;SAEd,KAAKvB,OAAOvJ;MAChB,KAAK+K;;;IAIP,oBAAqBC,OAAOzC,MAAM7H;;MAEhC6C,WAAY;QACVqH,MAAMK,SAAUD,OAAOzC,MAAM7H;;;IAIjC,KAAK6I,OAAOjK,QAAS,UAAUmL;MAC7BA,aAAaS,KAAM,YAAYC;MAC/BV,aAAatB;;;EAIjBT,aAAaP,UAAU8C,WAAW,UAAUD,OAAOzC,MAAM7H;IACvD,KAAKmK;IACL,KAAKC,eAAe,KAAKA,iBAAiBE,MAAMI;;IAEhD,KAAKC,UAAW,aAAc,MAAML,OAAOzC;QACtC,KAAKU,cAAc,KAAKA,WAAWqC;MACtC,KAAKrC,WAAWqC,OAAQ,MAAMN;;;QAG3B,KAAKH,mBAAmB,KAAKtB,OAAOvJ;MACvC,KAAK+K;;QAGF,KAAKvC,QAAQ+C,SAAS3L;MACzBA,QAAQ6B,IAAK,eAAef,SAASsK,OAAOzC;;;EAIhDG,aAAaP,UAAU4C,WAAW;QAC5BS,YAAY,KAAKV,eAAe,SAAS;IAC7C,KAAKW,aAAa;IAClB,KAAKJ,UAAWG,YAAa;IAC7B,KAAKH,UAAW,WAAY;QACvB,KAAKpC;UACJyC,WAAW,KAAKZ,eAAe,WAAW;MAC9C,KAAK7B,WAAYyC,UAAY;;;;EAMjC,sBAAuBtG;IACrB,KAAKA,MAAMA;;EAGbsF,aAAavC,YAAYkB,OAAOC,OAAQ3B,UAAUQ;EAElDuC,aAAavC,UAAUgB,QAAQ;;;QAGzBsC,aAAa,KAAKE;QACjBF;;MAEH,KAAKG,QAAS,KAAKxG,IAAIyG,iBAAiB,GAAG;;;;IAK7C,KAAKC,iBAAiBC;IACtB,KAAKD,WAAW1F,iBAAkB,QAAQ;IAC1C,KAAK0F,WAAW1F,iBAAkB,SAAS;;IAE3C,KAAKhB,IAAIgB,iBAAkB,QAAQ;IACnC,KAAKhB,IAAIgB,iBAAkB,SAAS;IACpC,KAAK0F,WAAWE,MAAM,KAAK5G,IAAI4G;;EAGjCtB,aAAavC,UAAUwD,qBAAqB;;;WAGnC,KAAKvG,IAAI2F,YAAY,KAAK3F,IAAIyG;;EAGvCnB,aAAavC,UAAUyD,UAAU,UAAUR,UAAU1K;IACnD,KAAK0K,WAAWA;IAChB,KAAKC,UAAW,aAAc,MAAM,KAAKjG,KAAK1E;;;;EAMhDgK,aAAavC,UAAU8D,cAAc,UAAUrN;QACzCsN,SAAS,OAAOtN,MAAMG;QACrB,KAAMmN;MACT,KAAMA,QAAUtN;;;EAIpB8L,aAAavC,UAAUvF,SAAS;IAC9B,KAAKgJ,QAAS,MAAM;IACpB,KAAKO;;EAGPzB,aAAavC,UAAUhH,UAAU;IAC/B,KAAKyK,QAAS,OAAO;IACrB,KAAKO;;EAGPzB,aAAavC,UAAUgE,eAAe;IACpC,KAAKL,WAAWM,oBAAqB,QAAQ;IAC7C,KAAKN,WAAWM,oBAAqB,SAAS;IAC9C,KAAKhH,IAAIgH,oBAAqB,QAAQ;IACtC,KAAKhH,IAAIgH,oBAAqB,SAAS;;;EAKzC,oBAAqB7B,KAAK8B;IACxB,KAAK9B,MAAMA;IACX,KAAK8B,UAAUA;IACf,KAAKjH,UAAU2G;;;EAIjBpB,WAAWxC,YAAYkB,OAAOC,OAAQoB,aAAavC;EAEnDwC,WAAWxC,UAAUgB,QAAQ;IAC3B,KAAK/D,IAAIgB,iBAAkB,QAAQ;IACnC,KAAKhB,IAAIgB,iBAAkB,SAAS;IACpC,KAAKhB,IAAI4G,MAAM,KAAKzB;;QAEhBkB,aAAa,KAAKE;QACjBF;MACH,KAAKG,QAAS,KAAKxG,IAAIyG,iBAAiB,GAAG;MAC3C,KAAKM;;;EAITxB,WAAWxC,UAAUgE,eAAe;IAClC,KAAK/G,IAAIgH,oBAAqB,QAAQ;IACtC,KAAKhH,IAAIgH,oBAAqB,SAAS;;EAGzCzB,WAAWxC,UAAUyD,UAAU,UAAUR,UAAU1K;IACjD,KAAK0K,WAAWA;IAChB,KAAKC,UAAW,aAAc,MAAM,KAAKgB,SAAS3L;;;EAKpDgI,aAAa4D,mBAAmB,UAAUxE;IACxCA,SAASA,UAAU5H,OAAO4H;SACpBA;;;;IAIND,IAAIC;;IAEJD,EAAErK,GAAGoJ,eAAe,UAAU4B,SAAS+D;UACjCC,eAAe9D,aAAc,MAAMF,SAAS+D;aACzCC,SAASvD,WAAWwD,QAAS5E,EAAE;;;;EAI1Ca,aAAa4D;;SAIN5D;;;;;;;;;;;CC9WL,UAAUgE,QAAQlF;;;;aAGNC,UAAU,cAAcA,OAAOC;;IAEzCD,OAAQD;oBACS9K,UAAU,YAAYA,OAAOkL;;IAE9ClL,OAAOkL,UAAUJ;;;IAGjBkF,OAAO/E,YAAYH;;UAGbtH,UAAU,cAAcA,SAAS,MAAM;EAEjD;EAEA;MAEIyM,QAAQhF,UAAUQ;EAEtBwE,MAAM5D,KAAK,UAAUyC,WAAWoB;SACxBpB,cAAcoB;;;;QAIhBC,SAAS,KAAKC,UAAU,KAAKA;;QAE7BC,YAAYF,OAAQrB,aAAcqB,OAAQrB;;QAEzCuB,UAAU9O,QAAS2O,cAAe;MACrCG,UAAUtP,KAAMmP;;WAGX;;EAGTD,MAAMzB,OAAO,UAAUM,WAAWoB;SAC1BpB,cAAcoB;;;;IAIpB,KAAK7D,GAAIyC,WAAWoB;;;QAGhBI,aAAa,KAAKC,cAAc,KAAKA;;QAErCC,gBAAgBF,WAAYxB,aAAcwB,WAAYxB;;IAE1D0B,cAAeN,YAAa;WAErB;;EAGTD,MAAMQ,MAAM,UAAU3B,WAAWoB;QAC3BG,YAAY,KAAKD,WAAW,KAAKA,QAAStB;SACxCuB,cAAcA,UAAU/M;;;QAG1BoN,QAAQL,UAAU9O,QAAS2O;QAC1BQ,UAAU;MACbL,UAAUM,OAAQD,OAAO;;WAGpB;;EAGTT,MAAMtB,YAAY,UAAUG,WAAW8B;QACjCP,YAAY,KAAKD,WAAW,KAAKA,QAAStB;SACxCuB,cAAcA,UAAU/M;;;;IAI9B+M,YAAYA,UAAU3E,MAAM;IAC5BkF,OAAOA;;QAEHJ,gBAAgB,KAAKD,eAAe,KAAKA,YAAazB;aAEhDzL,IAAE,GAAGA,IAAIgN,UAAU/M,QAAQD;UAC/B6M,WAAWG,UAAUhN;UACrBwN,SAASL,iBAAiBA,cAAeN;UACxCW;;;QAGH,KAAKJ,IAAK3B,WAAWoB;;eAEdM,cAAeN;;;MAGxBA,SAASlI,MAAO,MAAM4I;;WAGjB;;EAGTX,MAAMa,SAAS;WACN,KAAKV;WACL,KAAKG;;SAGPtF;;;;AC7GP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;0BCvC2B;uBACH;AAEjB;EACH8F,YAAYC;IACR,KAAK/I;MACD+I,IAAIA;MACJC,WAAWD,GAAGjK,iBAAiB;MAC/BD,WAAWkK,GAAGjK,iBAAiB;MAC/B6C,WAAWoH,GAAG7I,cAAc;;MAE5B+I,eAAeF,GAAGjK,iBAAiB,qBAAqB5B,IAAI,AAAAgM,QAAQ7M,SAAS6D,cAAcgJ,KAAKnK,KAAKoK,UAAUD,KAAKnK,KAAKzF,QAAQ;;MAEjI8P,kBAAkB/M,SAAS6D,cAAc;;;IAG7C,KAAKW,yCAA6B,KAAKb,IAAI2B,cAAa,KAAK3B,IAAIgJ;;IAEjE,KAAKK;IACL,KAAKrJ,IAAIiJ,UAAUtO,QAAQ,AAAAsO,aAAa,KAAKI,iBAAiBvQ,0BAAiBmQ,WAAW,KAAKjJ,IAAIoJ;IACnG,KAAKE;;;EAGT5H;IACI,KAAK1B,IAAI+I,GAAGjH,UAAUyH,IAAI;;IAE1B,KAAK1I,WAAWG;;;EAGpBY;IACI,KAAKf,WAAWM,MAAMU,KAAK,MAAM,KAAK7B,IAAI+I,GAAGjH,UAAUjF,OAAO;;EAElEyM;;IAEI,KAAKtJ,IAAInB,MAAMlE,QAAQ,CAACmD,MAAM0L;MAC1B1L,KAAK2D,iBAAiB,SAAS,AAAAgI;QAC3BA,GAAGC;QACH,KAAKC,YAAYH;;;IAIzB,KAAKxJ,IAAIoJ,iBAAiB3H,iBAAiB,SAAS,MAAM,KAAKmI;;EAEnED,YAAYH;;IAER,KAAKK,kBAAkBL;;IAGvB,KAAK5H;IAEL,KAAKyH,iBAAiB,KAAKQ,iBAAiBnI;;EAEhDkI;QACS,KAAKC,qBAAqB;;IAG/B,KAAKnI;IAEL,KAAK2H,iBAAiB,KAAKQ,iBAAiBjI;;IAG5C,KAAKiI,mBAAmB;;;;;;;;;;oBC7DX;AAEd;EACHf,YAAYC;IACR,KAAK/I;MACD8J,OAAOf;MACPgB,OAAOrM,MAAMC,QAAQoL,MAAMA,GAAG7L,IAAI,AAAA4M,SAASA,MAAM5J,cAAc,iBAAiB6I,GAAG7I,cAAc;;;EAGzGc;QACS,KAAKgJ,eAAe,KAAKA,YAAYC;MACtC,KAAKD,YAAYE;;IAGrB,KAAKC,wBAAkBC;MAAUC;QAAWhJ,UAAU;QAAKC,MAAM;;OAChEgJ,IAAI,KAAKtK,IAAI+J;MACVQ,GAAG;MACHC,QAAQ;OAEXpJ,GAAG,KAAKpB,IAAI+J;MACTQ,GAAG;MACHC,QAAQ;MACRC,SAAS;;WAEN,KAAKN;;EAEhBhJ;QACS,KAAKgJ,cAAc,KAAKA,WAAWF;MACpC,KAAKE,WAAWD;;IAGpB,KAAKF,yBAAmBI;MAAUC;QAAWhJ,UAAU;QAAKC,MAAM;;OACjEF,GAAG,KAAKpB,IAAI+J;MACTQ,GAAG;MACHC,SAAS;MACTC,SAAS;;WAEN,KAAKT;;;;;;CCrCnB,UAAUjC,QAAQlF;SACVI,YAAY,mBAAmBlL,WAAW,cAAc8K,QAAQI,kBAChEH,WAAW,cAAcA,OAAOC,MAAMD,QAAQ,YAAYD,YAChEkF,SAASA,UAAU2C,MAAM7H,QAAQkF,OAAOxM,SAASwM,OAAOxM;GACzD,MAAO,UAAU0H;EAAW;EAE5B,wBAAwB0H,UAAUC;IAChCD,SAASnH,YAAYkB,OAAOC,OAAOiG,WAAWpH;IAC9CmH,SAASnH,UAAUsF,cAAc6B;IACjCA,SAASE,YAAYD;;EAGvB,gCAAgCF;QAC1BA,cAAc;gBACNI,eAAe;;WAGpBJ;;;;;;;;;;;MAYLK;IACFC,WAAW;IACXC,SAAS;IACTC,gBAAgB;IAChBC;MACEC,YAAY;;KAGZC;IACFhK,UAAU;IACViK,WAAW;IACXC,OAAO;KAELC,qBACAC,UAAU,KACVC,WAAW,IAAID,SACfE,OAAOC,KAAKC,KAAK,GACjBC,WAAWH,OAAO,GAClBI,QAAQ,GACRC,QAAQJ,KAAKK,MACbC,OAAON,KAAKO,KACZC,OAAOR,KAAKS,KACZC,YAAY,mBAAmBC;kBACnBA,UAAU;KAEtBC,cAAc,qBAAqBD;kBACvBA,UAAU;KAEtBE,YAAY,mBAAmBF;kBACnBA,UAAU;KAEtBG,eAAe,sBAAsBH;kBACzBA,UAAU;KAEtBI,YAAY,mBAAmBJ;kBACnBA,UAAU;KAEtBK,cAAc,qBAAqBL;WAC9BA,UAAU;KAEfM,gBAAgB;kBACJtR,WAAW;KAEvBuR,kBAAkB,yBAAyBP;WACtCC,YAAYD,UAAUD,UAAUC;KAErCQ,uBAAuBC,gBAAgB,cAAcA,YAAYC,WAAU,iBAC3EC,WAAWxP,MAAMC,SACjBwP,gBAAgB,qBAChBC,UAAU,oCACVC,kBAAkB,+BAClBC,uBAAuB,oCACvBC,UAAU,iBACVC,qBAAqB,mBACrBC,WAAW,4BACXC,iBACAC,MACAC,cACAC,MACAC,eACAC,oBACAC,YACAC,WAAW,kBAAkBC;YACvBH,gBAAgBI,OAAOD,OAAOJ,cAAcM;KAElDC,iBAAiB,wBAAwBC,UAAU/B;WAC9CtR,QAAQ0B,KAAK,oBAAoB2R,UAAU,UAAU/B,OAAO;KAEjEgC,QAAQ,eAAexS,SAASyS;YAC1BA,YAAYvT,QAAQ0B,KAAKZ;KAE/B0S,aAAa,oBAAoBC,MAAMhL;WAClCgL,SAASZ,SAASY,QAAQhL,QAAQqK,kBAAkBA,cAAcW,QAAQhL,QAAQoK;KAEvFa,aAAa;WACR;KAELC,qBACAC,kBACAC,kBACAC,oBACAC,eACAC,eACAC,eAAe,IACfC,sBACAC,iBAAiB,IACjBC,WAAW,kBAAkBC;QAC3BC,SAASD,QAAQ,IACjBE,eACApU;IACJuR,UAAU4C,WAAW/C,YAAY+C,YAAYD,WAAWA;UAElDE,iBAAiBD,OAAOE,eAAaC;MACzCtU,IAAI+T,gBAAgB9T;aAEbD,QAAQ+T,gBAAgB/T,GAAGuU,WAAWJ;MAE7CC,gBAAgBL,gBAAgB/T;;IAGlCA,IAAIkU,QAAQjU;WAELD;MACLkU,QAAQlU,OAAOkU,QAAQlU,GAAGqU,UAAUH,QAAQlU,GAAGqU,YAAYG,QAAQN,QAAQlU,IAAIoU,oBAAoBF,QAAQ5G,OAAOtN,GAAG;;WAGhHkU;KAELO,YAAY,mBAAmBN;WAC1BA,OAAOE,SAASJ,SAASS,QAAQP,SAAS,GAAGE;KAElDM,eAAe,sBAAsBR,QAAQjB,UAAU1O;YACjDA,IAAI2P,OAAOjB,cAAc9B,YAAY5M,KAAK2P,OAAOjB,cAAc5B,aAAa9M,MAAM2P,OAAOlR,gBAAgBkR,OAAOlR,aAAaiQ,aAAa1O;KAEhJoQ,eAAe,sBAAsBC,OAAOC;YACtCD,QAAQA,MAAM3R,MAAM,MAAM3D,QAAQuV,SAASD;KAEjDE,SAAS,gBAAgB5D;WACpBX,KAAKwE,MAAM7D,QAAQ,UAAU,UAAU;KAE5C8D,oBAAoB,2BAA2BC,UAAUC;QACvDC,IAAID,OAAOlV,QACXD,IAAI;WAEDkV,SAAShX,QAAQiX,OAAOnV,MAAM,OAAOA,IAAIoV;WAEzCpV,IAAIoV;KAETC,cAAc;QACZD,IAAI3B,YAAYxT,QAChB+H,IAAIyL,YAAYpL,MAAM,IACtBrI,GACAsV;IAEJ5B;IACAD,YAAYxT,SAAS;SAEhBD,IAAI,GAAGA,IAAIoV,GAAGpV;MACjBsV,QAAQtN,EAAEhI;MACVsV,SAASA,MAAMC,UAAUD,MAAME,OAAOF,MAAMC,MAAM,IAAID,MAAMC,MAAM,IAAI,MAAMA,QAAQ;;KAGpFE,kBAAkB,yBAAyBC,WAAWC,MAAMC,gBAAgBC;IAC9EpC,YAAYxT,UAAUoV;IACtBK,UAAUF,OAAOG,MAAMC,gBAAgBC;IACvCpC,YAAYxT,UAAUoV;KAEpBS,qBAAqB,4BAA4B3E;QAC/C4E,IAAIC,WAAW7E;YACX4E,KAAKA,MAAM,OAAO5E,QAAQ,IAAI8E,MAAM7D,oBAAoBnS,SAAS,IAAI8V,IAAI7E,UAAUC,SAASA,MAAM+E,SAAS/E;KAEjHgF,eAAe,sBAAsBC;WAChCA;KAELC,eAAe,sBAAsB/N,KAAK2G;aACnCmH,KAAKnH;OACZmH,KAAK9N,SAAQA,IAAI8N,KAAKnH,SAASmH;;WAG1B9N;KAELgO,uBAAuB,8BAA8BhO,KAAK2G;aACnDmH,KAAKnH;OACZmH,KAAK9N,QAAO8N,MAAM,cAAcA,MAAM,WAAW9N,IAAI8N,KAAKnH,SAASmH;;KAGnErD,SAAS,gBAAgBwD,MAAMC;aACxBJ,KAAKI;MACZD,KAAKH,KAAKI,QAAQJ;;WAGbG;KAELE,aAAa,oBAAoBF,MAAMC;aAChCJ,KAAKI;MACZJ,MAAM,eAAeA,MAAM,iBAAiBA,MAAM,gBAAgBG,KAAKH,KAAK7E,UAAUiF,QAAQJ,MAAMK,WAAWF,KAAKH,OAAOG,KAAKH,UAAUI,QAAQJ,MAAMI,QAAQJ;;WAG3JG;KAELG,iBAAiB,wBAAwBpO,KAAKqO;QAC5CC,WACAR;SAECA,KAAK9N;OACR8N,KAAKO,eAAcC,KAAKR,KAAK9N,IAAI8N;;WAG5BQ;KAELC,mBAAmB,0BAA0BC;QAC3CzY,SAASyY,KAAKzY,UAAUiU,iBACxBwC,OAAOgC,KAAKC,YAAYT,uBAAuBD;QAE/C7E,YAAYsF,KAAKE;aACZ3Y;QACLyW,KAAKgC,MAAMzY,OAAOyY,KAAK7H;QACvB5Q,SAASA,OAAOA,UAAUA,OAAO4Y;;;WAI9BH;KAELI,eAAe,sBAAsBC,IAAIC;QACvCpX,IAAImX,GAAGlX,QACPgW,QAAQjW,MAAMoX,GAAGnX;WAEdgW,SAASjW,OAAOmX,GAAGnX,OAAOoX,GAAGpX;WAE7BA,IAAI;KAETqX,qBAAqB,4BAA4BhZ,QAAQ4L,OAAOqN,WAAWC,UAAUC;QACnFF,mBAAmB;MACrBA,YAAY;;QAGVC,kBAAkB;MACpBA,WAAW;;QAGTE,OAAOpZ,OAAOkZ,WACdG;QAEAF;MACFE,IAAIzN,MAAMuN;aAEHC,QAAQA,KAAKD,UAAUE;QAC5BD,OAAOA,KAAKE;;;QAIZF;MACFxN,MAAM2N,QAAQH,KAAKG;MACnBH,KAAKG,QAAQ3N;;MAEbA,MAAM2N,QAAQvZ,OAAOiZ;MACrBjZ,OAAOiZ,aAAarN;;QAGlBA,MAAM2N;MACR3N,MAAM2N,MAAMD,QAAQ1N;;MAEpB5L,OAAOkZ,YAAYtN;;IAGrBA,MAAM0N,QAAQF;IACdxN,MAAM5L,SAAS4L,MAAMgN,MAAM5Y;WACpB4L;KAEL4N,wBAAwB,+BAA+BxZ,QAAQ4L,OAAOqN,WAAWC;QAC/ED,mBAAmB;MACrBA,YAAY;;QAGVC,kBAAkB;MACpBA,WAAW;;QAGTE,OAAOxN,MAAM0N,OACbG,OAAO7N,MAAM2N;QAEbH;MACFA,KAAKG,QAAQE;eACJzZ,OAAOiZ,eAAerN;MAC/B5L,OAAOiZ,aAAaQ;;QAGlBA;MACFA,KAAKH,QAAQF;eACJpZ,OAAOkZ,cAActN;MAC9B5L,OAAOkZ,YAAYE;;IAGrBxN,MAAM2N,QAAQ3N,MAAM0N,QAAQ1N,MAAM5L,SAAS;KAEzC0Z,oBAAoB,2BAA2B9N,OAAO+N;IACxD/N,MAAM5L,YAAY2Z,6BAA6B/N,MAAM5L,OAAO4Z,uBAAuBhO,MAAM5L,OAAOoD,OAAOwI;IACvGA,MAAMiO,OAAO;KAEXC,WAAW,kBAAkBzC,WAAWzL;QACtCyL,eAAezL,SAASA,MAAMmO,OAAO1C,UAAU2C,QAAQpO,MAAMqO,SAAS;UACpEtQ,IAAI0N;aAED1N;QACLA,EAAEuQ,SAAS;QACXvQ,IAAIA,EAAE3J;;;WAIHqX;KAEL8C,oBAAoB,2BAA2B9C;QAC7CrX,SAASqX,UAAUrX;WAEhBA,UAAUA,OAAOA;MACtBA,OAAOka,SAAS;MAChBla,OAAOoa;MACPpa,SAASA,OAAOA;;WAGXqX;KAELgD,wBAAwB,+BAA+BhD;YACjDA,aAAaA,UAAUiD,OAAOD,sBAAsBhD,UAAUrX;KAEpEua,wBAAwB,+BAA+BlD;WAClDA,UAAUmD,UAAUC,gBAAgBpD,UAAUqD,QAAQrD,YAAYA,UAAUzP,aAAayP,UAAUsD,WAAWtD,YAAY;KAE/HoD,kBAAkB,yBAAyBG,OAAOC;QAChDC,QAAQ3I,KAAK4I,MAAMH,SAASC;WACzBD,SAASE,UAAUF,QAAQE,QAAQ,IAAIA;KAE5CE,0BAA0B,iCAAiCC,YAAYrP;YACjEqP,aAAarP,MAAMqO,UAAUrO,MAAM0O,OAAO1O,MAAM0O,OAAO,IAAI,IAAI1O,MAAMsO,SAAStO,MAAMwO,kBAAkBxO,MAAMsP;KAElHC,UAAU,iBAAiB9D;WACtBA,UAAU0C,OAAOrD,OAAOW,UAAU4C,UAAU5C,UAAU6D,QAAQ/I,KAAKiJ,IAAI/D,UAAUiD,OAAOjD,UAAUgE,QAAQpJ,aAAa;KAE5HqJ,iBAAiB,wBAAwBjE,WAAWkE;QAClDvb,SAASqX,UAAUuB;QAEnB5Y,UAAUA,OAAOwb,qBAAqBnE,UAAUiD;MAClDjD,UAAU4C,SAASvD,OAAO1W,OAAOyb,SAASpE,UAAUiD,MAAM,IAAIiB,YAAYlE,UAAUiD,QAAQjD,UAAU6C,SAAS7C,UAAU+C,kBAAkB/C,UAAU6D,SAASK,cAAclE,UAAUiD;MAEtLa,QAAQ9D;MAERrX,OAAOka,UAAUJ,SAAS9Z,QAAQqX;;WAG7BA;KAELqE,iBAAiB,wBAAwB/K,UAAU/E;QACjDyN;QAEAzN,MAAM6P,SAAS7P,MAAM+P,aAAa/P,MAAMoO;MAC1CX,IAAI2B,wBAAwBrK,SAASiL,WAAWhQ;WAE3CA,MAAMoO,QAAQ6B,OAAO,GAAGjQ,MAAMwO,iBAAiBf,KAAKzN,MAAM8O,SAASzI;QACtErG,MAAMuL,OAAOkC,GAAG;;;QAIhBS,SAASnJ,UAAU/E,OAAOgN,OAAOjI,SAASgL,YAAYhL,SAAS8K,SAAS9K,SAASqJ,QAAQrJ,SAAS2J;UAChG3J,SAASqJ,OAAOrJ,SAAS/I;QAC3ByR,IAAI1I;eAEG0I,EAAET;UACPS,EAAEuC,aAAa,KAAKvC,EAAEkC,UAAUlC,EAAEqB;UAClCrB,IAAIA,EAAET;;;MAIVjI,SAASmL,UAAU7J;;KAGnB8J,iBAAiB,wBAAwBpL,UAAU/E,OAAOoQ,UAAUC;IACtErQ,MAAM5L,UAAU0Z,kBAAkB9N;IAClCA,MAAMqO,SAASvD,QAAQ1D,UAAUgJ,YAAYA,WAAWA,YAAYrL,aAAasD,kBAAkBiI,eAAevL,UAAUqL,UAAUpQ,SAAS+E,SAAS8K,SAAS7P,MAAMuQ;IACvKvQ,MAAMmO,OAAOrD,OAAO9K,MAAMqO,UAAUrO,MAAMwO,kBAAkBjI,KAAKiJ,IAAIxP,MAAMwQ,gBAAgB;IAE3FpD,mBAAmBrI,UAAU/E,OAAO,UAAU,SAAS+E,SAAS0L,QAAQ,WAAW;IAEnFC,mBAAmB1Q,WAAW+E,SAAS4L,UAAU3Q;IACjDqQ,cAAcP,eAAe/K,UAAU/E;WAChC+E;KAEL6L,iBAAiB,wBAAwBnF,WAAWoF;YAC9CpI,SAASqI,iBAAiB9H,eAAe,iBAAiB6H,aAAapI,SAASqI,cAAcxR,OAAOuR,SAASpF;KAEpHsF,oBAAoB,2BAA2B1F,OAAOsE,WAAW/D,OAAOD;IAC1EqF,WAAW3F,OAAOsE;SAEbtE,MAAM0E;aACF;;SAGJnE,SAASP,MAAM4F,QAAQ5F,MAAM+C,QAAQ/C,MAAMwB,KAAKqE,SAAS,UAAU7F,MAAM+C,QAAQ/C,MAAMwB,KAAKqE,SAASxH,uBAAuByH,QAAQvW;MACvI4O,YAAY/V,KAAK4X;MAEjBA,MAAMC,SAASqE,WAAWhE;aACnB;;KAGPyF,+BAA+B,sCAAsCC;QACnEjd,SAASid,KAAKjd;WACXA,UAAUA,OAAOsa,OAAOta,OAAO2b,aAAa3b,OAAOkd,UAAUld,OAAO4b,YAAY,KAAKoB,6BAA6Bhd;KAEvHsc,qBAAqB,4BAA4Ba;QAC/Cpe,OAAOoe,MAAMpe;WACVA,SAAS,iBAAiBA,SAAS;KAExCqe,2BAA2B,kCAAkCnG,OAAOsE,WAAWhE,gBAAgBC;QAC7F6F,YAAYpG,MAAMqG,OAClBA,QAAQ/B,YAAY,MAAMA,eAAetE,MAAMgD,UAAU+C,6BAA6B/F,aAAaA,MAAM0E,YAAYW,mBAAmBrF,YAAYA,MAAMqD,MAAM,KAAKrD,MAAM2B,IAAI0B,MAAM,OAAOgC,mBAAmBrF,UAAU,IAAI,GAC7NsG,cAActG,MAAM0D,SACpBC,QAAQ,GACR4C,IACAC,WACAC;QAEAH,eAAetG,MAAMuD;MACvBI,QAAQiB,OAAO,GAAG5E,MAAMiE,OAAOK;MAC/BkC,YAAYhD,gBAAgBG,OAAO2C;MACnCG,gBAAgBjD,gBAAgBxD,MAAMyD,QAAQ6C;MAC9CtG,MAAM0G,SAASF,YAAY,MAAMH,QAAQ,IAAIA;UAEzCG,cAAcC;QAChBL,YAAY,IAAIC;QAChBrG,MAAMwB,KAAKmF,iBAAiB3G,MAAM0E,YAAY1E,MAAM4G;;;QAIpDP,UAAUD,aAAa7F,SAASP,MAAM6E,WAAW7J,aAAasJ,aAAatE,MAAM6E;WAC9E7E,MAAM0E,YAAYgB,kBAAkB1F,OAAOsE,WAAW/D,OAAOD;;;MAIlEmG,gBAAgBzG,MAAM6E;MACtB7E,MAAM6E,SAASP,cAAchE,iBAAiBtF,WAAW;MACzDsF,mBAAmBA,iBAAiBgE,cAAcmC;MAClDzG,MAAMqG,QAAQA;MACdrG,MAAM6G,UAAUR,QAAQ,IAAIA;MAC5BrG,MAAMwE,QAAQ;MACdxE,MAAMyD,SAASE;MACf4C,KAAKvG,MAAM4F;aAEJW;QACLA,GAAGO,EAAET,OAAOE,GAAGzZ;QACfyZ,KAAKA,GAAGjE;;MAGVtC,MAAM+G,YAAYzC,YAAY,KAAKtE,MAAM+G,SAAS7G,OAAOoE,WAAW,MAAM;MAC1EtE,MAAMgH,cAAc1G,kBAAkB2G,UAAUjH,OAAO;MACvD2D,SAAS3D,MAAMuD,YAAYjD,kBAAkBN,MAAMjX,UAAUke,UAAUjH,OAAO;WAEzEsE,aAAatE,MAAMiE,SAASK,YAAY,MAAMtE,MAAMqG,UAAUA;QACjEA,SAAS5D,kBAAkBzC,OAAO;aAE7BM;UACH2G,UAAUjH,OAAOqG,QAAQ,eAAe,qBAAqB;UAE7DrG,MAAMkH,SAASlH,MAAMkH;;;gBAGflH,MAAM6E;MAChB7E,MAAM6E,SAASP;;KAGf6C,sBAAsB,6BAA6B/G,WAAWgH,UAAU/G;QACtE1L;QAEA0L,OAAO+G;MACTzS,QAAQyL,UAAUiH;aAEX1S,SAASA,MAAMqO,UAAU3C;aACzB1L,MAAMoO,QAAQpO,MAAM7M,SAAS,aAAa6M,MAAMqO,SAASoE;iBACrDzS;;QAGTA,QAAQA,MAAM2N;;;MAGhB3N,QAAQyL,UAAUkH;aAEX3S,SAASA,MAAMqO,UAAU3C;aACzB1L,MAAMoO,QAAQpO,MAAM7M,SAAS,aAAa6M,MAAMqO,SAASoE;iBACrDzS;;QAGTA,QAAQA,MAAM0N;;;KAIhBkF,eAAe,sBAAsBnH,WAAWzP,UAAU6W,aAAaC;QACrEC,SAAStH,UAAUmD,SACnBoE,MAAMlI,OAAO9O,aAAa,GAC1BiX,gBAAgBxH,UAAUqD,SAASrD,UAAU6D;IACjD2D,kBAAkBH,kBAAkBrH,UAAUoE,SAASmD,MAAMvH,UAAU2C;IACvE3C,UAAU2C,OAAO4E;IACjBvH,UAAU6D,SAASyD,SAASC,MAAMD,SAAS,IAAI,OAAOjI,OAAOkI,OAAOD,SAAS,KAAKtH,UAAUsD,UAAUgE;IACtGE,kBAAkBH,gBAAgBpD,eAAejE,WAAWA,UAAUqD,SAASrD,UAAU6D,QAAQ2D,iBAAiBxH,UAAUrX,UAAUmb,QAAQ9D;IAC9IoH,eAAe3E,SAASzC,UAAUrX,QAAQqX;WACnCA;KAELyH,yBAAyB,gCAAgCzH;WACpDA,qBAAqB0H,WAAWjF,SAASzC,aAAamH,aAAanH,WAAWA,UAAU2C;KAE7FgF;IACF/E,QAAQ;IACRgF,SAAS/J;IACTkF,eAAelF;KAEbgH,iBAAiB,wBAAwB7E,WAAW2E,UAAUkD;QAC5DC,SAAS9H,UAAU8H,QACnBC,SAAS/H,UAAUkF,WAAWyC,eAC9BK,kBAAkBhI,UAAUzP,cAAcoK,UAAUoN,OAAOH,QAAQ,SAAS5H,UAAU2C,MACtFrY,GACA2d,QACAC;QAEA1M,UAAUmJ,cAAcwD,MAAMxD,cAAaA,YAAYmD;MACzDG,SAAStD,SAASyD,OAAO;MACzBF,YAAYvD,SAAS0D,QAAQ,OAAO;MACpC/d,IAAIqa,SAASnc,QAAQ;UAEjByf,WAAW,OAAOA,WAAW;QAC/B3d,KAAK,MAAMqa,WAAWA,SAAS2D,QAAQ,KAAK;gBACpCL,WAAW,MAAMF,OAAOnF,SAASmF,OAAOH,QAAQG,OAAO5E,WAAW,OAAO7C,WAAWqE,SAAS0D,OAAO,OAAO,MAAMH,aAAa5d,IAAI,IAAIyd,SAASF,kBAAkB9E,kBAAkB,MAAM;;UAG/LzY,IAAI;SACNqa,YAAYmD,YAAWA,OAAOnD,YAAYqD;eACnCF,OAAOnD;;MAGhBsD,SAAS3H,WAAWqE,SAASyD,OAAO9d,IAAI,KAAKqa,SAAS0D,OAAO/d,IAAI;UAE7D4d,aAAaL;QACfI,SAASA,SAAS,OAAO7L,SAASyL,oBAAoBA,iBAAiB,KAAKA,kBAAkB9E;;aAGzFzY,IAAI,IAAIua,eAAe7E,WAAW2E,SAAS0D,OAAO,GAAG/d,IAAI,IAAIud,oBAAoBI,SAASD,kBAAkBC;;WAG9GtD,YAAY,OAAOqD,mBAAmBrD;KAE3C4D,mBAAmB,0BAA0Bjf,MAAMkf,QAAQlP;QACzDmP,WAAW9M,UAAU6M,OAAO,KAC5BE,aAAaD,WAAW,IAAI,MAAMnf,OAAO,IAAI,IAAI,IACjD8X,OAAOoH,OAAOE,YACdC,QACAhgB;IAEJ8f,aAAarH,KAAK7Q,WAAWiY,OAAO;IACpCpH,KAAKzY,SAAS2Q;QAEVhQ;MACFqf,SAASvH;MACTzY,SAAS2Q;aAEF3Q,aAAY,qBAAqBggB;QACtCA,SAAShgB,OAAOyY,KAAK7H;QACrB5Q,SAASmT,YAAYnT,OAAOyY,KAAKE,YAAY3Y,OAAOA;;MAGtDyY,KAAKwH,kBAAkB9M,YAAY6M,OAAOC;MAC1Ctf,OAAO,IAAI8X,KAAKyH,eAAe,IAAIzH,KAAK0H,UAAUN,OAAOE,YAAY;;eAG5DK,MAAMP,OAAO,IAAIpH,MAAMoH,OAAOE,YAAY;KAEnDM,qBAAqB,4BAA4BvN,OAAO2D;WACnD3D,SAASA,UAAU,IAAI2D,KAAK3D,SAAS2D;KAE1CoF,SAAS,gBAAgByE,KAAKC,KAAKzN;WAC9BA,QAAQwN,MAAMA,MAAMxN,QAAQyN,MAAMA,MAAMzN;KAE7C0N,UAAU,iBAAiB1N;eAClBA,UAAU;aACZ;;QAGL3M,IAAI6N,SAAS/H,KAAK6G;WAEf3M,IAAI2M,MAAM4M,OAAOvZ,EAAE6I,QAAQ7I,EAAE,GAAGvE,UAAU;KAE/C6e,QAAQ,eAAeH,KAAKC,KAAKzN;WAC5BuN,mBAAmBvN,OAAO,UAAU3M;aAClC0V,OAAOyE,KAAKC,KAAKpa;;KAGxBua,YAAY1W,OACZ2W,eAAe,sBAAsB7N,OAAO8N;WACvC9N,SAASI,UAAUJ,WAAU,YAAYA,YAAW8N,aAAa9N,MAAMlR,WAAUkR,MAAMlR,SAAS,KAAKkR,UAASI,UAAUJ,MAAM,SAASA,MAAMtH,YAAYsH,UAAUoB;KAExK2M,WAAW,kBAAkBC,IAAIC,cAAcC;QAC7CA,qBAAqB;MACvBA;;WAGKF,GAAG5f,QAAQ,UAAU4R;UACtBmO;aAEGpO,UAAUC,WAAWiO,gBAAgBJ,aAAa7N,OAAO,MAAMmO,eAAeD,aAAa3hB,KAAKiH,MAAM2a,cAAc5K,QAAQvD,UAAUkO,YAAY3hB,KAAKyT;UAC1JkO;KAEJ3K,UAAU,iBAAiBvD,OAAO2B,OAAOsM;WACpClO,UAAUC,WAAWiO,iBAAiB5M,iBAAiB+M,WAAWR,OAAO7hB,MAAM4V,SAASL,MAAM/O,iBAAiByN,QAAQ,KAAKW,SAASX,SAAS+N,SAAS/N,OAAOiO,gBAAgBJ,aAAa7N,SAAS4N,OAAO7hB,KAAKiU,OAAO,KAAKA,SAASA;KAE1OpK,WAAW,kBAAkBoK;IAC/BA,QAAQuD,QAAQvD,OAAO,MAAMgC,MAAM;WAC5B,UAAU3O;UACXmJ,KAAKwD,MAAMqO,WAAWrO,MAAMsO,iBAAiBtO;aAC1CuD,QAAQlQ,GAAGmJ,GAAGjK,mBAAmBiK,KAAKA,OAAOwD,QAAQgC,MAAM,oBAAoBV,KAAK9Q,cAAc,SAASwP;;KAGlHuO,UAAU,iBAAiB1X;WACtBA,EAAE2X,KAAK;aACL,KAAKnP,KAAKoP;;KAGjBC,aAAa,oBAAoBrb;QAC/B4M,YAAY5M;aACPA;;QAGLsS,OAAOvF,UAAU/M,KAAKA;MACxBsb,MAAMtb;OAEJ0B,OAAO6Z,WAAWjJ,KAAK5Q,OACvB8Z,OAAOlJ,KAAKkJ,QAAQ,GACpBzJ,OAAOP,WAAWc,KAAKP,SAAS,GAChCjS,YACA2b,YAAYD,OAAO,KAAKA,OAAO,GAC/BE,SAASrC,MAAMmC,SAASC,WACxBE,OAAOrJ,KAAKqJ,MACZC,SAASJ,MACTK,SAASL;QAET9O,UAAU8O;MACZI,SAASC;QACPC,QAAQ;QACRC,OAAO;QACPC,KAAK;SACLR,SAAS;gBACDC,aAAaC;MACvBE,SAASJ,KAAK;MACdK,SAASL,KAAK;;WAGT,UAAUhgB,GAAGmU,QAAQnM;UACtBoN,KAAKpN,KAAK8O,MAAM7W,QAChBwgB,YAAYnc,MAAM8Q,IAClBsL,SACAC,SACAC,GACAzR,GACA/M,GACAye,GACAjC,KACAD,KACAmC;WAECL;QACHK,SAAShK,KAAKiK,SAAS,SAAS,KAAKjK,KAAKiK,SAAS,GAAG1Q,UAAU;aAE3DyQ;UACHlC,OAAOvO;iBAEAuO,OAAOA,MAAM5W,EAAE8Y,UAAUE,wBAAwBC,SAASH,SAAS1L;UAE1E0L;;QAGFL,YAAYnc,MAAM8Q;QAClBsL,UAAUR,SAAS1P,KAAKmO,IAAImC,QAAQ1L,KAAKgL,SAAS,KAAKJ,OAAOc;QAC9DH,UAAUT,SAAS9K,IAAIiL,SAASS,SAAS,KAAKd,OAAOc,SAAS;QAC9DlC,MAAM;QACND,MAAMtO;aAEDwQ,IAAI,GAAGA,IAAIzL,GAAGyL;UACjBD,IAAIC,IAAIC,SAASJ;UACjBvR,IAAIwR,WAAWE,IAAIC,SAAS;UAC5BL,UAAUI,KAAKze,KAAK+d,OAAOvP,MAAMgQ,IAAIA,IAAIzR,IAAIA,KAAKqB,KAAKiJ,IAAI0G,SAAS,MAAMhR,IAAIyR;UAC9Exe,IAAIwc,QAAQA,MAAMxc;UAClBA,IAAIuc,QAAQA,MAAMvc;;QAGpB4d,SAAS,YAAYN,QAAQe;QAC7BA,UAAU7B,MAAMA,MAAMD;QACtB8B,UAAU9B,MAAMA;QAChB8B,UAAUjc,IAAI4Q,KAAKY,WAAWc,KAAKoK,WAAWlL,WAAWc,KAAKgJ,SAASgB,SAAS1L,IAAIA,IAAI,KAAK+K,OAAO3P,KAAKoO,IAAIkC,QAAQ1L,IAAI0L,UAAUX,SAAS,MAAM/K,IAAI0L,SAASA,WAAW,MAAMd,SAAS,WAAW,IAAI;QACxMS,UAAUxY,IAAImN,IAAI,IAAImB,OAAOnB,IAAImB;QACjCkK,UAAUU,IAAItC,QAAQ/H,KAAKoK,UAAUpK,KAAKgJ,SAAS;QACnD5Z,OAAOA,QAAQkP,IAAI,IAAIgM,YAAYlb,QAAQA;;MAG7CkP,KAAKqL,UAAUzgB,KAAKygB,UAAU9B,OAAO8B,UAAU7B,OAAO;aAC/C7J,OAAO0L,UAAUxY,KAAK/B,OAAOA,KAAKkP,KAAKA,KAAKqL,UAAUjc,KAAKic,UAAUU;;KAG5EE,iBAAiB,wBAAwB7c;QACvC4R,IAAI5R,IAAI,IAAIgM,KAAK8Q,IAAI,KAAK9c,IAAI,IAAIvE,SAAS,KAAK;WAC7C,UAAUshB;UACXxL,IAAIvF,KAAKwE,MAAMgB,WAAWuL,OAAO/c,KAAKA,IAAI4R;cACtCL,IAAIA,IAAI,KAAKK,KAAK/E,UAAUkQ,OAAO,IAAI1C,QAAQ0C;;KAGvDC,OAAO,cAAcC,QAAQtQ;QAC3B5O,UAAUuP,SAAS2P,SACnBC,QACAC;SAECpf,WAAWgP,UAAUkQ;MACxBC,SAASnf,UAAUkf,OAAOC,UAAUrR;UAEhCoR,OAAOG;QACTH,SAAS/M,QAAQ+M,OAAOG;YAEpBD,QAAQtQ,UAAUoQ,OAAO;UAC3BC,UAAUA;;;QAGZD,SAASJ,eAAeI,OAAOI;;;WAI5BnD,mBAAmBvN,QAAQ5O,UAAU8e,eAAeI,UAAUrQ,YAAYqQ,UAAU,UAAUF;MACnGI,OAAOF,OAAOF;aACP/Q,KAAKiJ,IAAIkI,OAAOJ,QAAQG,SAASC,OAAOJ;QAC7C,UAAUA;UACRX,IAAI5K,WAAW2L,OAAOJ,IAAIX,IAAIW,MAC9BpS,IAAI6G,WAAW2L,OAAOJ,IAAIpS,IAAI,IAC9BwP,MAAMtO,SACNyR,UAAU,GACV9hB,IAAIyhB,OAAOxhB,QACX8hB,IACAC;aAEGhiB;YACD2hB;UACFI,KAAKN,OAAOzhB,GAAG4gB,IAAIA;UACnBoB,KAAKP,OAAOzhB,GAAGmP,IAAIA;UACnB4S,KAAKA,KAAKA,KAAKC,KAAKA;;UAEpBD,KAAKvR,KAAKiJ,IAAIgI,OAAOzhB,KAAK4gB;;YAGxBmB,KAAKpD;UACPA,MAAMoD;UACND,UAAU9hB;;;MAId8hB,WAAWJ,UAAU/C,OAAO+C,SAASD,OAAOK,WAAWP;aAChDI,QAAQG,YAAYP,OAAOlQ,UAAUkQ,OAAOO,UAAUA,UAAUjD,QAAQ0C;;KAG/E3B,SAAS,gBAAgBjB,KAAKC,KAAKqD,mBAAmBC;WACjDxD,mBAAmB5M,SAAS6M,QAAQC,MAAMqD,sBAAsB,UAAUA,oBAAoB,MAAMC,gBAAgB;aAClHpQ,SAAS6M,OAAOA,OAAOnO,KAAKoP,WAAWjB,IAAI1e,YAAYgiB,oBAAoBA,qBAAqB,UAAUC,iBAAiBD,oBAAoB,IAAIzR,KAAK8Q,IAAI,KAAKW,oBAAoB,IAAIhiB,SAAS,KAAK,MAAMuQ,KAAK4I,MAAM5I,KAAKwE,OAAO2J,MAAMsD,oBAAoB,IAAIzR,KAAKoP,YAAYhB,MAAMD,MAAMsD,oBAAoB,QAAQA,qBAAqBA,oBAAoBC,kBAAkBA;;KAG7XC,OAAO;aACAC,OAAOC,UAAUpiB,QAAQqiB,gBAAgBhgB,MAAM8f,OAAOG,OAAO,GAAGA,OAAOH,MAAMG;MACpFD,UAAUC,QAAQF,UAAUE;;WAGvB,UAAUpR;aACRmR,UAAUE,OAAO,UAAUhe,GAAGie;eAC5BA,EAAEje;SACR2M;;KAGHuR,UAAU,iBAAiB5N,MAAM6N;WAC5B,UAAUxR;aACR2D,KAAKkB,WAAW7E,WAAWwR,QAAQ9D,QAAQ1N;;KAGlDyR,YAAY,mBAAmBjE,KAAKC,KAAKzN;WACpC0R,SAASlE,KAAKC,KAAK,GAAG,GAAGzN;KAE9B2R,aAAa,oBAAoB9a,GAAG+a,SAAS5R;WACxCuN,mBAAmBvN,OAAO,UAAU9D;aAClCrF,IAAI+a,QAAQ1V;;KAGnB2V,OAAO,cAAcrE,KAAKC,KAAKzN;QAC7B8R,QAAQrE,MAAMD;WACX7M,SAAS6M,OAAOmE,WAAWnE,KAAKqE,KAAK,GAAGrE,IAAI1e,SAAS2e,OAAOF,mBAAmBvN,OAAO,UAAUA;cAC7F8R,SAAS9R,QAAQwN,OAAOsE,SAASA,QAAQtE;;KAGjDuE,WAAW,kBAAkBvE,KAAKC,KAAKzN;QACrC8R,QAAQrE,MAAMD,KACdwE,QAAQF,QAAQ;WACbnR,SAAS6M,OAAOmE,WAAWnE,KAAKuE,SAAS,GAAGvE,IAAI1e,SAAS,IAAI2e,OAAOF,mBAAmBvN,OAAO,UAAUA;MAC7GA,SAASgS,SAAShS,QAAQwN,OAAOwE,SAASA,SAAS;aAC5CxE,OAAOxN,QAAQ8R,QAAQE,QAAQhS,QAAQA;;KAG9CiS,iBAAiB,wBAAwBjS;QACvCsG,OAAO,GACP4L,IAAI,IACJrjB,GACAsjB,MACA9C,KACAje;aAEKvC,IAAImR,MAAMjT,QAAQ,WAAWuZ;MACpC+I,MAAMrP,MAAMjT,QAAQ,KAAK8B;MACzBuC,UAAU4O,MAAM2M,OAAO9d,IAAI,OAAO;MAClCsjB,OAAOnS,MAAM4M,OAAO/d,IAAI,GAAGwgB,MAAMxgB,IAAI,GAAGiW,MAAM1T,UAAU6P,qBAAqBL;MAC7EsR,KAAKlS,MAAM4M,OAAOtG,MAAMzX,IAAIyX,QAAQmI,OAAOrd,UAAU+gB,QAAQA,KAAK,IAAI/gB,UAAU,KAAK+gB,KAAK,KAAKA,KAAK,MAAM;MAC1G7L,OAAO+I,MAAM;;WAGR6C,IAAIlS,MAAM4M,OAAOtG,MAAMtG,MAAMlR,SAASwX;KAE3CoL,WAAW,kBAAkBU,OAAOC,OAAOC,QAAQC,QAAQvS;QACzDwS,UAAUH,QAAQD,OAClBK,WAAWF,SAASD;WACjB/E,mBAAmBvN,OAAO,UAAUA;aAClCsS,WAAWtS,QAAQoS,SAASI,UAAUC,YAAY;;KAGzDC,cAAc,qBAAqBC,OAAOtD,KAAKtV,UAAU6Y;QACvDjP,OAAO+I,MAAMiG,QAAQtD,OAAO,IAAI,UAAUpK;cACpC,IAAIA,KAAK0N,QAAQ1N,IAAIoK;;SAG1B1L;UACCkP,WAAW9S,UAAU4S,QACrBG,aACA7N,GACApW,GACAkkB,eACA9O,GACA+O;MAEJjZ,aAAa,SAAS6Y,SAAS,OAAO7Y,WAAW;UAE7C8Y;QACFF;UACE1N,GAAG0N;;QAELtD;UACEpK,GAAGoK;;iBAEI1O,SAASgS,WAAWhS,SAAS0O;QACtC0D;QACA9O,IAAI0O,MAAM7jB;QACVkkB,KAAK/O,IAAI;aAEJpV,IAAI,GAAGA,IAAIoV,GAAGpV;UACjBkkB,cAAcxmB,KAAKmmB,YAAYC,MAAM9jB,IAAI,IAAI8jB,MAAM9jB;;QAGrDoV;QAEAN,OAAO,cAAcsB;UACnBA,KAAKhB;cACDpV,IAAIwQ,KAAKmO,IAAIwF,MAAM/N;iBAChB8N,cAAclkB,GAAGoW,IAAIpW;;QAG9BkL,WAAWsV;kBACDuD;QACVD,QAAQ/Q,OAAOjB,SAASgS,kBAAkBA;;WAGvCI;aACE9N,KAAKoK;UACR4D,cAAclnB,KAAK+mB,QAAQH,OAAO1N,GAAG,OAAOoK,IAAIpK;;QAGlDtB,OAAO,cAAcsB;iBACZiO,kBAAkBjO,GAAG6N,YAAYD,WAAWF,MAAM1N,IAAI0N;;;;WAK5DpF,mBAAmBxT,UAAU4J;KAElCwP,uBAAuB,8BAA8BtV,UAAUuV,UAAUC;QACvEhH,SAASxO,SAASwO,QAClBmB,MAAMtO,SACN+F,GACAqO,UACAC;SAECtO,KAAKoH;MACRiH,WAAWjH,OAAOpH,KAAKmO;UAEnBE,WAAW,QAAQD,YAAYC,YAAY9F,OAAO8F,WAAWjU,KAAKiJ,IAAIgL;QACxEC,QAAQtO;QACRuI,MAAM8F;;;WAIHC;KAELnI,YAAY,mBAAmB7G,WAAW1W,MAAM2lB;QAC9CngB,IAAIkR,UAAUoB,MACdtK,WAAWhI,EAAExF,OACbkf,QACApL;SAECtG;;;IAIL0R,SAAS1Z,EAAExF,OAAO;IAClB8T,QAAQtO,EAAEogB,iBAAiBlP;IAC3BiP,oBAAoBlR,YAAYxT,UAAUoV;WACnC6I,SAAS1R,SAAS7H,MAAMmO,OAAOoL,UAAU1R,SAAStP,KAAK4V;KAE5D+R,aAAa,oBAAoBnP;IACnCqC,kBAAkBrC;IAElBA,UAAUoP,iBAAiBpP,UAAUoP,cAAchW,KAAK;IACxD4G,UAAUxK,aAAa,KAAKqR,UAAU7G,WAAW;WAC1CA;KAELqP,aACAC,gBAAgB,uBAAuBC;IACzCA,UAAUA,OAAO3R,QAAQ2R,OAAO,cAAcA;QAE1C3R,OAAO2R,OAAO3R,MACd4R,SAAS9T,YAAY6T,SACrBE,SAAS7R,SAAS4R,UAAUD,OAAOG,OAAO;MAC5C,KAAKC;QACHJ,QACAK;MACFF,MAAM7R;MACNiC,QAAQ6O;MACRlW,KAAKiW;MACLtV,MAAMyW;MACNC,UAAUC;MACVC,SAAS;OAEPC;MACFpR,YAAY;MACZqR,KAAK;MACLC,WAAWC;MACXC;MACAC,UAAU;;IAGZzG;QAEI0F,WAAWE;UACTvR,SAASN;;;MAIb+C,aAAa8O,QAAQ9O,aAAaK,eAAeuO,QAAQK,mBAAmBK;MAE5E5S,OAAOoS,OAAO/c,WAAW2K,OAAOuS,kBAAkB5O,eAAeuO,QAAQU;MAEzE/R,SAASuR,OAAOjd,OAAOoL,QAAQ6R;UAE3BF,OAAO1Q;QACTR,gBAAgBrW,KAAKynB;QAErB3R,eAAeF,QAAQ;;MAGzBA,QAAQA,SAAS,QAAQ,QAAQA,KAAKwK,OAAO,GAAGmI,gBAAgB3S,KAAKyK,OAAO,MAAM;;IAGpF1K,WAAWC,MAAM6R;IAEjBF,OAAOe,YAAYf,OAAOe,SAAShT,MAAMmS,QAAQe;KAE/CC,OAAO,KACPC;IACFC,OAAO,GAAGF,MAAMA;IAChBG,OAAO,GAAGH,MAAM;IAChBI,SAAS,KAAK,KAAK;IACnBC,QAAQ,GAAG,GAAG;IACdC,SAAS,KAAK,GAAG;IACjBC,OAAO,GAAG,KAAK;IACfC,OAAO,GAAG,GAAGR;IACbS,OAAO,GAAG,GAAG;IACbC,QAAQV,MAAMA,MAAMA;IACpBW,QAAQ,KAAK,KAAK;IAClBC,SAASZ,MAAMA,MAAM;IACrBa,SAASb,MAAM,KAAK;IACpBc,OAAO,KAAK,KAAK;IACjBC,SAAS,KAAK,GAAG;IACjBC,QAAQ,GAAG,KAAK;IAChBC,MAAMjB,MAAM,GAAG;IACfkB,OAAOlB,MAAM,KAAK;IAClBmB,OAAO,GAAGnB,MAAMA;IAChBoB,cAAcpB,MAAMA,MAAMA,MAAM;KAE9BqB,OAAO,cAAcC,GAAGC,IAAIC;IAC9BF,IAAIA,IAAI,IAAIA,IAAI,IAAIA,IAAI,IAAIA,IAAI,IAAIA;YAC5BA,IAAI,IAAI,IAAIC,MAAMC,KAAKD,MAAMD,IAAI,IAAIA,IAAI,KAAKE,KAAKF,IAAI,IAAI,IAAIC,MAAMC,KAAKD,OAAO,IAAI,IAAID,KAAK,IAAIC,MAAMvB,OAAO,KAAK;KAE1HyB,aAAa,oBAAoBpjB,GAAGqjB,OAAOC;QACzC9f,KAAKxD,IAAI4hB,aAAaI,QAAQnV,UAAU7M,MAAMA,KAAK,IAAIA,KAAK,IAAI2hB,MAAM3hB,IAAI2hB,QAAQ,GAClF/J,GACA2L,GACA9f,GACAwf,GACApE,GACAjO,GACAwJ,KACAD,KACAvc,GACA4lB;SAEChgB;UACCxD,EAAEuZ,QAAQ,OAAO;QACnBvZ,IAAIA,EAAEuZ,OAAO,GAAGvZ,EAAEvE,SAAS;;UAGzBmmB,aAAa5hB;QACfwD,IAAIoe,aAAa5hB;iBACRA,EAAEsZ,OAAO,OAAO;YACrBtZ,EAAEvE,SAAS;UACbmc,IAAI5X,EAAEsZ,OAAO;UACbiK,IAAIvjB,EAAEsZ,OAAO;UACb7V,IAAIzD,EAAEsZ,OAAO;UACbtZ,IAAI,MAAM4X,IAAIA,IAAI2L,IAAIA,IAAI9f,IAAIA,KAAKzD,EAAEvE,WAAW,IAAIuE,EAAEsZ,OAAO,KAAKtZ,EAAEsZ,OAAO,KAAK;;YAG9EtZ,EAAEvE,WAAW;UACf+H,IAAIigB,SAASzjB,EAAEuZ,OAAO,GAAG,IAAI;kBACrB/V,KAAK,IAAIA,KAAK,IAAIme,MAAMne,IAAIme,MAAM8B,SAASzjB,EAAEuZ,OAAO,IAAI,MAAM;;QAGxEvZ,IAAIyjB,SAASzjB,EAAEuZ,OAAO,IAAI;QAC1B/V,KAAKxD,KAAK,IAAIA,KAAK,IAAI2hB,MAAM3hB,IAAI2hB;iBACxB3hB,EAAEuZ,OAAO,GAAG,OAAO;QAC5B/V,IAAIggB,SAASxjB,EAAEyR,MAAMlE;aAEhB8V;UACHJ,KAAKzf,EAAE,KAAK,MAAM;UAClBqb,KAAKrb,EAAE,KAAK;UACZoN,KAAKpN,EAAE,KAAK;UACZ+f,IAAI3S,KAAK,KAAKA,KAAKiO,IAAI,KAAKjO,IAAIiO,IAAIjO,IAAIiO;UACxCjH,IAAIhH,IAAI,IAAI2S;UACZ/f,EAAE/H,SAAS,MAAM+H,EAAE,MAAM;UACzBA,EAAE,KAAKwf,KAAKC,IAAI,IAAI,GAAGrL,GAAG2L;UAC1B/f,EAAE,KAAKwf,KAAKC,GAAGrL,GAAG2L;UAClB/f,EAAE,KAAKwf,KAAKC,IAAI,IAAI,GAAGrL,GAAG2L;oBAChBvjB,EAAEtG,QAAQ;UACpB8J,IAAIxD,EAAEyR,MAAMjE;UACZ8V,cAAc9f,EAAE/H,SAAS,MAAM+H,EAAE,KAAK;iBAC/BA;;;QAGTA,IAAIxD,EAAEyR,MAAMlE,kBAAkBqU,aAAamB;;MAG7Cvf,IAAIA,EAAElG,IAAIsE;;QAGRyhB,UAAUG;MACZ5L,IAAIpU,EAAE,KAAKme;MACX4B,IAAI/f,EAAE,KAAKme;MACXle,IAAID,EAAE,KAAKme;MACXvH,MAAMpO,KAAKoO,IAAIxC,GAAG2L,GAAG9f;MACrB0W,MAAMnO,KAAKmO,IAAIvC,GAAG2L,GAAG9f;MACrBmN,KAAKwJ,MAAMD,OAAO;UAEdC,QAAQD;QACV8I,IAAIpE,IAAI;;QAERjhB,IAAIwc,MAAMD;QACV0E,IAAIjO,IAAI,MAAMhT,KAAK,IAAIwc,MAAMD,OAAOvc,KAAKwc,MAAMD;QAC/C8I,IAAI7I,QAAQxC,KAAK2L,IAAI9f,KAAK7F,KAAK2lB,IAAI9f,IAAI,IAAI,KAAK2W,QAAQmJ,KAAK9f,IAAImU,KAAKha,IAAI,KAAKga,IAAI2L,KAAK3lB,IAAI;QAC5FqlB,KAAK;;MAGPzf,EAAE,QAAQyf,IAAI;MACdzf,EAAE,QAAQqb,IAAI,MAAM;MACpBrb,EAAE,QAAQoN,IAAI,MAAM;;IAGtB0S,cAAc9f,EAAE/H,SAAS,MAAM+H,EAAE,KAAK;WAC/BA;KAELkgB,kBAAkB,yBAAyB1jB;QACzCod,aACAuG,QACAnoB,KAAK;IACTwE,EAAEtB,MAAMklB,WAAW7oB,QAAQ,UAAUiF;UAC/BwD,IAAIxD,EAAEyR,MAAMhE;MAChB2P,OAAOlkB,KAAKiH,MAAMid,QAAQ5Z;MAC1BmgB,EAAEzqB,KAAKsC,KAAKgI,EAAE/H,SAAS;;IAEzB2hB,OAAOuG,IAAIA;WACJvG;KAELyG,gBAAgB,uBAAuBhF,GAAGwE,OAAOS;QAC/CC,SAAS,IACTC,UAAUnF,IAAIkF,QAAQtS,MAAMmS,YAC5BppB,OAAO6oB,QAAQ,UAAU,SACzB7nB,IAAI,GACJmoB,GACAM,OACArmB,GACAgT;SAECoT;aACInF;;IAGTmF,SAASA,OAAO1mB,IAAI,UAAU4mB;cACpBA,QAAQd,WAAWc,OAAOb,OAAO,OAAO7oB,QAAQ6oB,QAAQa,MAAM,KAAK,MAAMA,MAAM,KAAK,OAAOA,MAAM,KAAK,OAAOA,MAAM,KAAKA,MAAM7nB,KAAK,QAAQ;;QAGjJynB;MACFlmB,IAAI8lB,gBAAgB7E;MACpB8E,IAAIG,eAAeH;UAEfA,EAAEtnB,KAAK0nB,YAAYnmB,EAAE+lB,EAAEtnB,KAAK0nB;QAC9BE,QAAQpF,EAAErF,QAAQoK,WAAW,KAAKllB,MAAM+O;QACxCmD,IAAIqT,MAAMxoB,SAAS;eAEZD,IAAIoV,GAAGpV;UACZuoB,UAAUE,MAAMzoB,OAAOmoB,EAAEjqB,QAAQ8B,KAAKwoB,OAAOG,WAAW3pB,OAAO,cAAcoD,EAAEnC,SAASmC,IAAIomB,OAAOvoB,SAASuoB,SAASF,gBAAgBK;;;;SAKtIF;MACHA,QAAQpF,EAAEngB,MAAMklB;MAChBhT,IAAIqT,MAAMxoB,SAAS;aAEZD,IAAIoV,GAAGpV;QACZuoB,UAAUE,MAAMzoB,KAAKwoB,OAAOxoB;;;WAIzBuoB,SAASE,MAAMrT;KAEpBgT,aAAY;QACV/E,IAAI,0EACJjN;SAECA,KAAKgQ;MACR/C,KAAK,MAAMjN,IAAI;;eAGNvS,OAAOwf,IAAI,KAAK;QAEzBuF,UAAU,aACVC,qBAAqB,4BAA4B7gB;QAC/C8gB,WAAW9gB,EAAEnH,KAAK,MAClBgnB;IACJO,UAAUW,YAAY;QAElBX,UAAU1pB,KAAKoqB;MACjBjB,QAAQe,QAAQlqB,KAAKoqB;MACrB9gB,EAAE,KAAKqgB,cAAcrgB,EAAE,IAAI6f;MAC3B7f,EAAE,KAAKqgB,cAAcrgB,EAAE,IAAI6f,OAAOK,gBAAgBlgB,EAAE;aAC7C;;KAGPghB,eACA5N,WAAU;QACR6N,WAAW9lB,KAAKC,KAChB8lB,gBAAgB,KAChBC,eAAe,IACfC,aAAaH,YACbI,cAAcD,YACdE,OAAO,OAAO,KACdC,YAAYD,MACZE,iBACAC,KACAC,MACAC,MACAC,OACAC,QACAC,IACAC,QAAQ,eAAevlB;UACrBwlB,UAAUf,aAAaI,aACvBY,SAASzlB,MAAM,MACf0lB,SACAC,UACAxU,MACA9Q;MAEJmlB,UAAUd,kBAAkBE,cAAcY,UAAUb;MACpDE,eAAeW;MACfrU,OAAO0T,cAAcD;MACrBc,UAAUvU,OAAO4T;UAEbW,UAAU,KAAKD;QACjBplB,UAAU+kB,MAAM/kB;QAChBglB,SAASlU,OAAOiU,MAAMjU,OAAO;QAC7BiU,MAAMjU,OAAOA,OAAOA,OAAO;QAC3B4T,aAAaW,WAAWA,WAAWZ,OAAO,IAAIA,OAAOY;QACrDC,WAAW;;MAGbF,WAAWR,MAAMC,KAAKK;UAElBI;aACGL,KAAK,GAAGA,KAAKN,WAAWvpB,QAAQ6pB;UACnCN,WAAWM,IAAInU,MAAMkU,QAAQhlB,OAAOL;;;;IAK1ColB;MACEjU,MAAM;MACN9Q,OAAO;MACPulB,MAAM;QACJL,MAAM;;MAERM,YAAY,oBAAoBC;eACvBT,UAAU,QAAQS,OAAO;;MAElCC,MAAM;YACA3X;eACGJ,gBAAgBf;YACnBc,OAAOC,eAAerS;YACtBsS,OAAOF,KAAKtR;YACZyR,SAASM,OAAOA;aACfT,KAAKiY,iBAAiBjY,KAAKiY,oBAAoB9sB,KAAKsV,KAAKyX;YAE1D5X,SAASF,iBAAiBJ,KAAKmY,qBAAqBnY,KAAKS,QAAQT;YAEjEoX,OAAOpX,KAAKoY;;UAGdlB,OAAOG,MAAMgB;UAEblB,OAAOC,SAAQ,UAAUlH;mBAChBjf,WAAWif,GAAG8G,YAAYK,MAAMjU,OAAO,OAAO,IAAI;;UAG3DqT,gBAAgB;UAEhBe,MAAM;;;MAGVa,OAAO;SACJjB,OAAOpX,KAAKsY,uBAAuBC,cAAcrB;QAClDT,gBAAgB;QAChBU,OAAOnW;;MAETwX,cAAc,sBAAsBC,WAAWC;QAC7C/B,gBAAgB8B,aAAa,IAAI1a;QACjC6Y,eAAe3Y,KAAKmO,IAAIsM,aAAa/B,eAAe;;MAEtDoB,KAAK,aAAaY;QAChB5B,OAAO,QAAQ4B,QAAQ;QACvB3B,YAAYK,MAAMjU,OAAO,OAAO2T;;MAElCnb,KAAK,aAAa3B;QAChBgd,WAAWtrB,QAAQsO,YAAY,KAAKgd,WAAW9rB,KAAK8O;QAEpD+S;;MAEF9d,QAAQ,gBAAgB+K;YAClBxM;UACFA,IAAIwpB,WAAWtrB,QAAQsO,cAAcgd,WAAWlc,OAAOtN,GAAG,MAAM8pB,MAAM9pB,KAAK8pB;;MAE/EN,YAAYA;;WAEPI;QAELrK,QAAQ;YACFyJ,iBAAiB5N,QAAQmP;KAE/BY,eACAC,iBAAiB,uBACjBC,aAAa,SACbC,uBAAuB,8BAA8Bna;QACnD7I,UACApF,QAAQiO,MAAM4M,OAAO,GAAG5M,MAAMlR,SAAS,GAAGiD,MAAM,MAChDqoB,MAAMroB,MAAM,IACZlD,IAAI,GACJoV,IAAIlS,MAAMjD,QACVoN,OACAme,KACAC;WAEGzrB,IAAIoV,GAAGpV;MACZwrB,MAAMtoB,MAAMlD;MACZqN,QAAQrN,MAAMoV,IAAI,IAAIoW,IAAIE,YAAY,OAAOF,IAAIvrB;MACjDwrB,YAAYD,IAAIzN,OAAO,GAAG1Q;MAC1B/E,IAAIijB,OAAO1N,MAAM4N,aAAaA,UAAUzN,QAAQqN,YAAY,IAAInV,UAAUuV;MAC1EF,MAAMC,IAAIzN,OAAO1Q,QAAQ,GAAG6I;;WAGvB5N;KAELqjB,sBAAsB,6BAA6Bxa;QACjD7K,OAAO6K,MAAMjT,QAAQ,OAAO,GAC5BsI,QAAQ2K,MAAMjT,QAAQ,MACtB0tB,SAASza,MAAMjT,QAAQ,KAAKoI;WACzB6K,MAAMpD,UAAUzH,OAAOslB,UAAUA,SAASplB,QAAQ2K,MAAMjT,QAAQ,KAAKsI,QAAQ,KAAKA;KAEvFqlB,wBAAwB,+BAA+BvY;QACrDpQ,SAASoQ,OAAO,IAAIpQ,MAAM,MAC1BgD,OAAOilB,SAASjoB,MAAM;WACnBgD,QAAQhD,MAAMjD,SAAS,KAAKiG,KAAK+e,SAAS/e,KAAK+e,OAAOtgB,MAAM,OAAO2O,KAAKpV,QAAQ,QAAQotB,qBAAqBpoB,MAAM,OAAOyoB,oBAAoBrY,MAAMpQ,MAAM,KAAKpB,IAAIgU,uBAAuBqV,SAASW,OAAOV,eAAe1sB,KAAK4U,QAAQ6X,SAASW,IAAI,IAAIxY,QAAQpN;KAEpQkb,cAAc,qBAAqBlb;WAC9B,UAAUkQ;aACR,IAAIlQ,KAAK,IAAIkQ;;KAGpB2V,qBAAqB,4BAA4B/c,UAAUgd;QACzD/hB,QAAQ+E,SAAS2N,QACjBzW;WAEG+D;UACDA,iBAAiBmT;QACnB2O,mBAAmB9hB,OAAO+hB;iBACjB/hB,MAAM6M,KAAKmV,cAAchiB,MAAM+R,UAAU/R,MAAM4O,YAAY5O,MAAM+R,UAAUgQ;YAChF/hB,MAAM+E;UACR+c,mBAAmB9hB,MAAM+E,UAAUgd;;UAEnC9lB,OAAO+D,MAAMiiB;UACbjiB,MAAMiiB,QAAQjiB,MAAMkiB;UACpBliB,MAAMkiB,SAASjmB;UACf+D,MAAM+R,QAAQgQ;;;MAIlB/hB,QAAQA,MAAM2N;;KAGdmI,aAAa,oBAAoB7Z,MAAMkmB;YACjClmB,OAAOkmB,eAAehb,YAAYlL,QAAQA,OAAOilB,SAASjlB,SAAS2lB,sBAAsB3lB,UAAUkmB;KAEzGC,cAAc,qBAAqBxX,OAAOyX,QAAQC,SAASC;QACzDD,iBAAiB;MACnBA,UAAU,iBAAiBnW;eAClB,IAAIkW,OAAO,IAAIlW;;;QAItBoW,mBAAmB;MACrBA,YAAY,mBAAmBpW;eACtBA,IAAI,KAAKkW,OAAOlW,IAAI,KAAK,IAAI,IAAIkW,QAAQ,IAAIlW,KAAK,KAAK;;;QAI9DlQ;MACFomB,QAAQA;MACRC,SAASA;MACTC,WAAWA;OAETC;IAEJ7X,aAAaC,OAAO,UAAUvB;MAC5B6X,SAAS7X,QAAQZ,SAASY,QAAQpN;MAClCilB,SAASsB,gBAAgBnZ,KAAKoZ,iBAAiBH;eAEtCnW,KAAKlQ;QACZilB,SAASsB,iBAAiBrW,MAAM,WAAW,QAAQA,MAAM,YAAY,SAAS,aAAa+U,SAAS7X,OAAO,MAAM8C,KAAKlQ,KAAKkQ;;;WAIxHlQ;KAELymB,oBAAoB,2BAA2BJ;WAC1C,UAAUnW;aACRA,IAAI,MAAM,IAAImW,QAAQ,IAAInW,IAAI,MAAM,IAAI,KAAKmW,SAASnW,IAAI,MAAM,KAAK;;KAG5EwW,iBAAiB,wBAAwB5tB,MAAM6tB,WAAWC;QACxDC,KAAKF,aAAa,IAAIA,YAAY,GAClCG,MAAMF,WAAW9tB,OAAO,KAAK,SAAS6tB,YAAY,IAAIA,YAAY,IAClEI,KAAKD,KAAKzc,QAAQC,KAAK0c,KAAK,IAAIH,OAAO,IACvCR,UAAU,iBAAiBnW;aACtBA,MAAM,IAAI,IAAI2W,KAAKvc,KAAK8Q,IAAI,IAAI,KAAKlL,KAAKpF,MAAMoF,IAAI6W,MAAMD,MAAM;OAErE9mB,OAAOlH,SAAS,QAAQutB,UAAUvtB,SAAS,OAAO,UAAUoX;aACvD,IAAImW,QAAQ,IAAInW;QACrBuW,kBAAkBJ;IAEtBS,KAAKzc,OAAOyc;IAEZ9mB,KAAK+e,SAAS,UAAU4H,WAAWC;aAC1BF,eAAe5tB,MAAM6tB,WAAWC;;WAGlC5mB;KAELinB,cAAc,qBAAqBnuB,MAAMouB;QACvCA,mBAAmB;MACrBA,YAAY;;QAGVb,UAAU,iBAAiBnW;aACtBA,MAAMA,IAAIA,MAAMgX,YAAY,KAAKhX,IAAIgX,aAAa,IAAI;OAE3DlnB,OAAOlH,SAAS,QAAQutB,UAAUvtB,SAAS,OAAO,UAAUoX;aACvD,IAAImW,QAAQ,IAAInW;QACrBuW,kBAAkBJ;IAEtBrmB,KAAK+e,SAAS,UAAUmI;aACfD,YAAYnuB,MAAMouB;;WAGpBlnB;;EAGT0O,aAAa,wCAAwC,UAAUtB,MAAMtT;QAC/DqtB,QAAQrtB,IAAI,IAAIA,IAAI,IAAIA;IAE5BqsB,YAAY/Y,OAAO,YAAY+Z,QAAQ,IAAIrtB,IAAI,UAAUoW;aAChD5F,KAAK8Q,IAAIlL,GAAGiX;QACjB,UAAUjX;aACLA;OACN,UAAUA;aACJ,IAAI5F,KAAK8Q,IAAI,IAAIlL,GAAGiX;OAC1B,UAAUjX;aACJA,IAAI,KAAK5F,KAAK8Q,IAAIlL,IAAI,GAAGiX,SAAS,IAAI,IAAI7c,KAAK8Q,KAAK,IAAIlL,KAAK,GAAGiX,SAAS;;;EAIpFlC,SAASmC,OAAOC,WAAWpC,SAASqC,OAAOrC,SAASmC,OAAOhB;EAE3DD,YAAY,WAAWO,eAAe,OAAOA,eAAe,QAAQA;GAEnE,UAAU7W,GAAGoS;QACRsF,KAAK,IAAItF,GACTuF,KAAK,IAAID,IACTE,KAAK,MAAMF,IACXlB,UAAU,iBAAiBnW;aACtBA,IAAIqX,KAAK1X,IAAIK,IAAIA,IAAIA,IAAIsX,KAAK3X,IAAIvF,KAAK8Q,IAAIlL,IAAI,MAAM+R,GAAG,KAAK,MAAM/R,IAAIuX,KAAK5X,KAAKK,KAAK,OAAO+R,KAAK/R,IAAI,QAAQL,IAAIvF,KAAK8Q,IAAIlL,IAAI,QAAQ+R,GAAG,KAAK;;IAGxJkE,YAAY,UAAU,UAAUjW;aACvB,IAAImW,QAAQ,IAAInW;OACtBmW;KACF,QAAQ;EAEXF,YAAY,QAAQ,UAAUjW;WACrBA,IAAI5F,KAAK8Q,IAAI,GAAG,MAAMlL,IAAI,MAAM;;EAGzCiW,YAAY,QAAQ,UAAUjW;aACnBxF,MAAM,IAAIwF,IAAIA,KAAK;;EAG9BiW,YAAY,QAAQ,UAAUjW;WACrBA,MAAM,IAAI,KAAKtF,KAAKsF,IAAI1F,YAAY;;EAG7C2b,YAAY,QAAQc,YAAY,OAAOA,YAAY,QAAQA;EAE3DhC,SAASyC,cAAczC,SAAS0C,QAAQnb,SAASkb;IAC/C3I,QAAQ,gBAAgB4I,OAAOC;UACzBD,eAAe;QACjBA,QAAQ;;UAGNd,KAAK,IAAIc,OACTb,KAAKa,SAASC,iBAAiB,IAAI,IACnCb,KAAKa,iBAAiB,IAAI,GAC1BlP,MAAM,IAAItO;aACP,UAAU8F;iBACN4W,KAAK9S,OAAO,GAAG0E,KAAKxI,KAAK,KAAK6W,MAAMF;;;;EAInD9c,UAAU/J,OAAOilB,SAAS;EAE1BvW,aAAa,sEAAsE,UAAUtB;WACpFU,kBAAkBV,OAAO,MAAMA,OAAO;;MAG3CkB,UAAU,iBAAiBL,QAAQG;IACrC,KAAK3U,KAAKgR;IACVwD,OAAOE,QAAQ;IACf,KAAKF,SAASA;IACd,KAAKG,UAAUA;IACf,KAAKsR,MAAMtR,UAAUA,QAAQsR,MAAMjR;IACnC,KAAKzF,MAAMoF,UAAUA,QAAQuR,YAAYC;;MAEvCiI,aAAY;IACd,mBAAmBjX;MACjB,KAAKA,OAAOA;MACZ,KAAK0D,UAAU1D,KAAK3G,SAAS;UAEzB,KAAK0I,UAAU/B,KAAKkG,WAAWgR,YAAY,IAAIlX,KAAKkG,UAAU;QAChE,KAAKhE,UAAUlC,KAAK8E,eAAe;QACnC,KAAKI,UAAUlF,KAAKmX,UAAUnX,KAAKmV;;MAGrC,KAAKtT,MAAM;MAEXkE,aAAa,OAAO/F,KAAK7Q,UAAU,GAAG;MAEtC,KAAK7I,OAAO0Z,KAAK1Z;MACjB4rB,iBAAiB5N,QAAQmP;;QAGvB2D,SAASH,UAAU3lB;IAEvB8lB,OAAO/d,QAAQ,eAAegB;UACxBA,SAASA,UAAU;QACrB,KAAK9S,UAAU,KAAKA,OAAOwb,qBAAqB,KAAKsU,UAAU,KAAK7V,SAASnH,QAAQ,KAAKqJ;QAC1F,KAAKA,SAASrJ;eACP;;aAGF,KAAKqJ;;IAGd0T,OAAOjoB,WAAW,kBAAkBkL;aAC3BkR,UAAUpiB,SAAS,KAAKwY,cAAc,KAAKI,UAAU,IAAI1H,SAASA,QAAQ,KAAK6H,WAAW,KAAKH,UAAU1H,SAAS,KAAKsH,mBAAmB,KAAKJ;;IAGxJ6V,OAAOzV,gBAAgB,uBAAuBtH;WACvCkR,UAAUpiB;eACN,KAAKsZ;;MAGd,KAAKhB,SAAS;aACPsE,aAAa,MAAM,KAAKhE,UAAU,IAAI1H,SAASA,QAAQ,KAAK0H,UAAU,KAAKG,YAAY,KAAKH,UAAU;;IAG/GqV,OAAOtU,YAAY,mBAAmBwU,YAAYxY;MAChD2J;WAEK8C,UAAUpiB;eACN,KAAK8Y;;UAGV1a,SAAS,KAAK4Y;UAEd5Y,UAAUA,OAAOwb,qBAAqB,KAAKlB;QAC7CgB,eAAe,MAAMyU;SAEpB/vB,OAAO4Y,OAAO5Y,OAAOA,UAAU0b,eAAe1b,QAAQ;eAEhDA,OAAOA;cACRA,OAAOA,OAAOyb,UAAUzb,OAAOia,UAAUja,OAAOsa,OAAO,IAAIta,OAAO0a,SAAS1a,OAAOsa,OAAOta,OAAOoa,kBAAkBpa,OAAO0a,WAAW1a,OAAOsa;YAC7Ita,OAAOub,UAAUvb,OAAO0a,QAAQ;;UAGlC1a,SAASA,OAAOA;;aAGb,KAAKA,UAAU,KAAK4Y,IAAIgB,uBAAuB,KAAKU,MAAM,KAAKyV,aAAa,KAAK7U,SAAS,KAAKZ,MAAM,KAAKyV,aAAa,MAAM,KAAK7U,UAAU6U;UAC/IhU,eAAe,KAAKnD,KAAK,MAAM,KAAKqB,SAAS,KAAKkC;;;UAIlD,KAAKzB,WAAWqV,eAAe,KAAK/V,SAASzC,kBAAkB,KAAKoE,YAAYxJ,KAAKiJ,IAAI,KAAKU,YAAY7J,aAAa8d,eAAe,KAAKpU,aAAa,KAAK7L,OAAO,KAAKkgB;QAC3K,KAAK1V,QAAQ,KAAK2V,SAASF;QAE3B3Y,gBAAgB,MAAM2Y,YAAYxY;;aAG7B;;IAGTsY,OAAOvY,OAAO,cAAcxE,OAAOyE;aAC1ByM,UAAUpiB,SAAS,KAAK2Z,UAAUpJ,KAAKmO,IAAI,KAAKlG,iBAAiBtH,QAAQyH,sBAAsB,UAAU,KAAKP,OAAO,KAAKW,aAAa7H,QAAQ,KAAKkH,OAAO,IAAIzC,kBAAkB,KAAKkE;;IAG/LoU,OAAOhR,gBAAgB,uBAAuB/L,OAAOyE;aAC5CyM,UAAUpiB,SAAS,KAAK2Z,UAAU,KAAKnB,kBAAkBtH,OAAOyE,kBAAkB,KAAK6C,kBAAkBjI,KAAKmO,IAAI,GAAG,KAAK5F,SAAS,KAAKQ,SAAS,KAAKoC;;IAG/JuS,OAAOhjB,WAAW,kBAAkBiG,OAAOyE;aAClCyM,UAAUpiB,SAAS,KAAK2Z,UAAU,KAAK3T,cAAc,KAAK+V,WAAW,KAAKF,cAAc,KAAK,IAAI3K,QAAQA,SAASyH,sBAAsB,OAAOhD,kBAAkB,KAAK3P,aAAauK,KAAKmO,IAAI,GAAG,KAAK7E,QAAQ,KAAKzB,QAAQ,KAAKsD;;IAGvOuS,OAAOpS,YAAY,mBAAmB3K,OAAOyE;UACvCsD,gBAAgB,KAAKjT,aAAa,KAAK+S;aAEpCqJ,UAAUpiB,SAAS,KAAK2Z,UAAU,KAAKE,SAAS3I,QAAQ,KAAK+H,eAAetD,kBAAkB,KAAKiD,UAAUC,gBAAgB,KAAKC,QAAQG,iBAAiB,IAAI;;IAGxKgV,OAAOzT,YAAY,mBAAmBtJ;WAC/BkR,UAAUpiB;eACN,KAAKyZ,UAAUpJ,WAAW,IAAI,KAAKoJ;;UAGxC,KAAKA,SAASvI;eACT;;UAGL8H,QAAQ,KAAK5a,UAAU,KAAKsa,MAAMU,wBAAwB,KAAKhb,OAAOyb,OAAO,QAAQ,KAAKf;MAC9F,KAAKW,QAAQvI,SAAS;MACtB,KAAKwH,MAAM,KAAK4V,OAAOpd,WAAWb,WAAW,IAAI,KAAKoJ;aAC/ClB,kBAAkB,KAAKoB,UAAUM,QAAQ,KAAKM,QAAQ,KAAKjB,OAAON,QAAQ;;IAGnFiV,OAAOM,SAAS,gBAAgBrd;WACzBkR,UAAUpiB;eACN,KAAKsuB;;UAGV,KAAKA,QAAQpd;QACf,KAAKod,MAAMpd;YAEPA;UACF,KAAKmd,SAAS,KAAKvV,UAAUvI,KAAKoO,KAAK,KAAKpE,QAAQ,KAAKP;UACzD,KAAKtB,MAAM,KAAKT,OAAO;;UAEvBqH;UAEA,KAAK5G,MAAM,KAAKe;UAChB,KAAKE,UAAU,KAAKvb,WAAW,KAAKA,OAAOwb,oBAAoB,KAAKI,YAAY,KAAKlB,UAAU,KAAKuV,QAAQ,KAAKpjB,eAAe,KAAKsF,KAAKiJ,IAAI,KAAKU,YAAY7J,aAAa,KAAKyI,UAAUzI;;;aAIxL;;IAGT4d,OAAOC,YAAY,mBAAmBhd;UAChCkR,UAAUpiB;QACZ,KAAKqY,SAASnH;YACV9S,SAAS,KAAKA,UAAU,KAAK4Y;QACjC5Y,WAAWA,OAAOqc,UAAU,KAAKrc,WAAW+b,eAAe/b,QAAQ,MAAM8S,QAAQ,KAAKqJ;eAC/E;;aAGF,KAAKlC;;IAGd4V,OAAO5Q,UAAU,iBAAiBmR;aACzB,KAAKnW,UAAU9G,YAAYid,kBAAkB,KAAKhW,kBAAkB,KAAKxS,cAAcuK,KAAKiJ,IAAI,KAAKd;;IAG9GuV,OAAOjU,UAAU,iBAAiByU;UAC5BrwB,SAAS,KAAKA,UAAU,KAAK4Y;cACzB5Y,SAAS,KAAK0a,SAAS2V,iBAAiB,KAAK/V,OAAO,KAAKE,WAAW,KAAKiB,SAAS,KAAKoD,kBAAkB,KAAK,KAAKnE,UAAU,KAAKV,OAAO,KAAKW,YAAY,KAAKL,MAAM,KAAKI,SAASM,wBAAwBhb,OAAO4b,QAAQyU,cAAc;;IAGlPR,OAAOS,aAAa,oBAAoB1U;UAClCvE,YAAY,MACZC,OAAO0M,UAAUpiB,SAASga,UAAUvE,UAAUuE;aAE3CvE;QACLC,OAAOD,UAAU4C,SAAS3C,QAAQD,UAAUiD,OAAO;QACnDjD,YAAYA,UAAUuB;;aAGjBtB;;IAGTuY,OAAOlR,SAAS,gBAAgB7L;UAC1BkR,UAAUpiB;QACZ,KAAK4Y,UAAU1H,UAAU6c,YAAY,IAAI7c;eAClCgM,uBAAuB;;aAGzB,KAAKtE,aAAa,IAAImV,WAAW,KAAKnV;;IAG/CqV,OAAOtS,cAAc,qBAAqBzK;UACpCkR,UAAUpiB;YACR0V,OAAO,KAAKmE;QAChB,KAAKd,UAAU7H;QAEfgM,uBAAuB;eAEhBxH,OAAO,KAAKA,KAAKA,QAAQ;;aAG3B,KAAKqD;;IAGdkV,OAAOD,OAAO,cAAc9c;UACtBkR,UAAUpiB;QACZ,KAAK+b,QAAQ7K;eACN;;aAGF,KAAK6K;;IAGdkS,OAAOU,OAAO,cAAcvU,UAAUzE;aAC7B,KAAKgE,UAAUW,eAAe,MAAMF,WAAW7I,YAAYoE;;IAGpEsY,OAAOW,UAAU,iBAAiBC,cAAclZ;aACvC,KAAKmZ,OAAOnV,UAAUkV,gBAAgB,KAAKtU,SAAS,GAAGhJ,YAAYoE;;IAG5EsY,OAAOa,OAAO,cAAc/O,MAAMpK;MAChCoK,QAAQ,QAAQ,KAAK4O,KAAK5O,MAAMpK;aACzB,KAAKoZ,SAAS,OAAOR,OAAO;;IAGrCN,OAAOe,UAAU,iBAAiBjP,MAAMpK;MACtCoK,QAAQ,QAAQ,KAAK4O,KAAK5O,QAAQ,KAAKvH,iBAAiB7C;aACjD,KAAKoZ,SAAS,MAAMR,OAAO;;IAGpCN,OAAOgB,QAAQ,eAAeC,QAAQvZ;MACpCuZ,UAAU,QAAQ,KAAKP,KAAKO,QAAQvZ;aAC7B,KAAK4Y,OAAO;;IAGrBN,OAAOkB,SAAS;aACP,KAAKZ,OAAO;;IAGrBN,OAAOc,WAAW,kBAAkB7d;UAC9BkR,UAAUpiB;UACVkR,UAAU,KAAK6d,cAAc,KAAKvU,WAAW,KAAKf,SAASvI,SAASb,WAAW;eAC1E;;aAGF,KAAKoJ,OAAO;;IAGrBwU,OAAOhS,aAAa;MAClB,KAAKlC,WAAW,KAAK9B,OAAO;MAC5B,KAAKiC,UAAU7J;aACR;;IAGT4d,OAAOrf,WAAW;UACZxQ,SAAS,KAAKA,UAAU,KAAK4Y,KAC7B6M,QAAQ,KAAKxL,QACb2B;iBACO5b,UAAU,KAAKsa,OAAO,KAAKqB,YAAY3b,OAAOwQ,eAAeoL,UAAU5b,OAAO4b,QAAQ,UAAU6J,SAAS7J,UAAU,KAAKqD,QAAQ,QAAQhN;;IAGrJ4d,OAAOmB,gBAAgB,uBAAuBrwB,MAAMwN,UAAU0R;UACxDpH,OAAO,KAAKA;UAEZuL,UAAUpiB,SAAS;aAChBuM;iBACIsK,KAAK9X;;UAEZ8X,KAAK9X,QAAQwN;UACb0R,WAAWpH,KAAK9X,OAAO,YAAYkf;UACnClf,SAAS,eAAe,KAAKsd,YAAY9P;;eAGpC;;aAGFsK,KAAK9X;;IAGdkvB,OAAOznB,OAAO,cAAc6oB;UACtBhgB,OAAO;iBACAtI,QAAQ,UAAUC;YACvBwb,IAAIrR,YAAYke,eAAeA,cAAcnZ,cAC7CoZ,WAAW;cACTC,QAAQlgB,KAAK7I;UACjB6I,KAAK7I,OAAO;UACZ2K,YAAYqR,OAAOA,IAAIA,EAAEnT,WAAWmT,EAAEhc,QAAQgc,MAAMnT,UAAUA,KAAK7I,OAAO+oB;UAC1EvoB,QAAQwb;UACRnT,KAAK7I,OAAO+oB;;YAGVlgB,KAAK0K,YAAY1K,KAAK4N,oBAAoB,KAAK5N,KAAKqJ,OAAO,MAAMrJ,KAAKyJ,UAAUzJ,KAAKqJ,MAAM;UAC7F4W;;UAEAjgB,KAAKkN,QAAQ+S;;;;IAKnBrB,OAAOpf,OAAO;MACZ+V,WAAW;;WAGNkJ;;EAGT1X,aAAa0X,UAAU3lB;IACrB0R,OAAO;IACPxB,QAAQ;IACRF,MAAM;IACNW,QAAQ;IACRQ,OAAO;IACPhB,QAAQ;IACRM,SAAS;IACTmD,OAAO;IACP3d,QAAQ;IACR2b,UAAU;IACVhB,SAAS;IACTL,KAAK;IACL1B,KAAK;IACL0E,OAAO;IACPxB,SAAS7J;IACTkM,OAAO;IACP+R,KAAK;IACL7U,MAAM;;MAGJ0D,YAAW,UAAUqS;IACvBC,eAAetS,UAAUqS;IAEzB,kBAAkB3Y,MAAMuD;UAClBxP;UAEAiM,cAAc;QAChBA;;MAGFjM,QAAQ4kB,WAAWvyB,KAAK,MAAM4Z,SAAS;MACvCjM,MAAM2S;MACN3S,MAAMgP,sBAAsB/C,KAAK+C;MACjChP,MAAMoN,uBAAuBnB,KAAKmB;MAClCpN,MAAM6P,QAAQlJ,YAAYsF,KAAK6Y;MAC/Brd,mBAAmB8H,eAAetD,KAAKzY,UAAUiU,iBAAiBsd,uBAAuB/kB,QAAQwP;MACjGvD,KAAKkY,YAAYnkB,MAAMokB;MACvBnY,KAAK0X,UAAU3jB,MAAM2jB,OAAO;MAC5B1X,KAAKgO,iBAAiBjK,eAAe+U,uBAAuB/kB,QAAQiM,KAAKgO;aAClEja;;QAGLglB,UAAUzS,SAAShV;IAEvBynB,QAAQ7pB,KAAK,YAAYkO,SAAS4C,MAAMuD;MACtC4D,iBAAiB,GAAGoE,WAAW;aAExB;;IAGTwN,QAAQ7P,OAAO,cAAc9L,SAAS4C,MAAMuD;MAC1C4D,iBAAiB,GAAGoE,WAAW;aAExB;;IAGTwN,QAAQC,SAAS,gBAAgB5b,SAAS6b,UAAUC,QAAQ3V;MAC1D4D,iBAAiB,GAAGoE,WAAW;aAExB;;IAGTwN,QAAQ3gB,MAAM,aAAagF,SAAS4C,MAAMuD;MACxCvD,KAAK7Q,WAAW;MAChB6Q,KAAKzY,SAAS;MACdwY,iBAAiBC,MAAM8E,gBAAgB9E,KAAKkG,SAAS;MACrDlG,KAAKwH,oBAAoBxH,KAAKwH;UAC1BG,MAAMvK,SAAS4C,MAAMyD,eAAe,MAAMF,WAAW;aAClD;;IAGTwV,QAAQ3yB,OAAO,cAAcsP,UAAU0R,QAAQ7D;aACtCD,eAAe,MAAMqE,MAAMwR,YAAY,GAAGzjB,UAAU0R,SAAS7D;;IAGtEwV,QAAQK,YAAY,mBAAmBhc,SAASjO,UAAU6Q,MAAMzH,SAASgL,UAAU8V,eAAeC;MAChGtZ,KAAK7Q,WAAWA;MAChB6Q,KAAKzH,UAAUyH,KAAKzH,WAAWA;MAC/ByH,KAAKuZ,aAAaF;MAClBrZ,KAAKwZ,mBAAmBF;MACxBtZ,KAAKzY,SAAS;UACVogB,MAAMvK,SAAS4C,MAAMyD,eAAe,MAAMF;aACvC;;IAGTwV,QAAQU,cAAc,qBAAqBrc,SAASjO,UAAU6Q,MAAMzH,SAASgL,UAAU8V,eAAeC;MACpGtZ,KAAKyH,eAAe;MACpB1H,iBAAiBC,MAAMwH,kBAAkB9M,YAAYsF,KAAKwH;aACnD,KAAK4R,UAAUhc,SAASjO,UAAU6Q,MAAMzH,SAASgL,UAAU8V,eAAeC;;IAGnFP,QAAQW,gBAAgB,uBAAuBtc,SAASjO,UAAU8pB,UAAUC,QAAQ3gB,SAASgL,UAAU8V,eAAeC;MACpHJ,OAAOxR,UAAUuR;MACjBlZ,iBAAiBmZ,QAAQ1R,kBAAkB9M,YAAYwe,OAAO1R;aACvD,KAAK4R,UAAUhc,SAASjO,UAAU+pB,QAAQ3gB,SAASgL,UAAU8V,eAAeC;;IAGrFP,QAAQra,SAAS,gBAAgBoE,WAAWhE,gBAAgBC;UACtD6G,WAAW,KAAK5C,OAChB2W,OAAO,KAAKlY,SAAS,KAAKE,kBAAkB,KAAKc,OACjD0D,MAAM,KAAK5E,MACXY,QAAQ,SAAS3G,mBAAmBsH,YAAY6W,OAAOngB,YAAYsJ,aAAa,IAAI6W,OAAO7W,YAAYtJ,WAAW,IAAIsJ,WACtH8W,gBAAgB,KAAKvW,SAAS,MAAMP,YAAY,MAAM,KAAKI,aAAaiD,MACxEtH,MACA1L,OACA6N,MACAgE,WACA5C,eACAyX,YACAC,YACAnW,WACAoW,WACA9U,eACAkS,MACAjC;UAEA/S,UAAU,KAAKF,UAAUlD,SAAS6a;YAChChU,aAAa,KAAK5C,SAASmD;UAC7BhE,SAAS,KAAKa,QAAQ4C;UACtB9C,aAAa,KAAKE,QAAQ4C;;QAG5B/G,OAAOsD;QACP4X,YAAY,KAAKvY;QACjBmC,YAAY,KAAK9B;QACjBgY,cAAclW;YAEViW;UACFzT,QAAQP,WAAW,KAAKvC;WACvBP,cAAchE,oBAAoB,KAAKuE,SAASP;;YAG/C,KAAKf;UACPoV,OAAO,KAAKjS;UACZ9C,gBAAgB+D,MAAM,KAAKjE;cAEvB,KAAKH,WAAW,KAAKe,YAAY;mBAC5B,KAAKA,UAAUV,gBAAgB,MAAMU,WAAWhE,gBAAgBC;;UAGzEF,OAAOZ,OAAOkE,QAAQC;cAElBD,UAAUwX;YACZ3U,YAAY,KAAKjD;YACjBlD,OAAOsH;;YAEPnB,eAAe7C,QAAQC;gBAEnB4C,aAAaA,cAAc7C,QAAQC;cACrCvD,OAAOsH;cACPnB;;YAGFnG,OAAOsH,QAAQtH,OAAOsH;;UAGxBlB,gBAAgBjD,gBAAgB,KAAKC,QAAQG;WAC5CwD,YAAY,KAAK3D,UAAUgD,kBAAkBD,cAAcC,gBAAgBD;cAExEmS,QAAQnS,YAAY;YACtBnG,OAAOsH,MAAMtH;YACbqW,SAAS;;cAGPlQ,cAAcC,kBAAkB,KAAKR;gBACnCuV,YAAY7C,QAAQlS,gBAAgB,GACpCgV,WAAWD,eAAe7C,QAAQnS,YAAY;YAClDA,YAAYC,kBAAkB+U,aAAaA;YAC3CpU,WAAWoU,YAAY,IAAI7T;YAC3B,KAAK1B,QAAQ;YACb,KAAK/F,OAAOkH,aAAasP,SAAS,IAAIjX,OAAO+G,YAAY5C,iBAAiBtD,iBAAiBqH,KAAK1B,QAAQ;YACxG,KAAKxC,SAASE;aACbrD,kBAAkB,KAAKvX,UAAUke,UAAU,MAAM;YAClD,KAAKzF,KAAKmF,kBAAkB+P,WAAW,KAAK9P,aAAaX,QAAQ;gBAE7DmB,YAAYA,aAAa,KAAK5C,SAAS6W,gBAAgB,KAAKhY,OAAO,KAAK7B,KAAKka,aAAa,KAAK3yB,WAAW,KAAK6Z;qBAC1G;;YAGT+E,MAAM,KAAK5E;YACXoY,OAAO,KAAKlX;gBAERwX;cACF,KAAKxV,QAAQ;cACbmB,WAAWoU,YAAY7T,OAAO;cAC9B,KAAKzH,OAAOkH,UAAU;cACtB,KAAK5F,KAAKmF,kBAAkB+P,UAAU,KAAK9P;;YAG7C,KAAKX,QAAQ;iBAER,KAAK5C,QAAQgY;qBACT;;YAGT5E,mBAAmB,MAAMC;;;YAIzB,KAAKiF,cAAc,KAAKC,YAAY,KAAK3V,QAAQ;UACnDqV,aAAanU,oBAAoB,MAAM1H,OAAO2H,WAAW3H,OAAOY;cAE5Dib;YACF3X,SAAStD,QAAQA,OAAOib,WAAWtY;;;QAIvC,KAAKS,SAASE;QACd,KAAKa,QAAQnE;QACb,KAAKuC,QAAQuC;aAER,KAAKT;UACR,KAAKsC,YAAY,KAAKxF,KAAKqa;UAC3B,KAAKnX,WAAW;UAChB,KAAKG,SAASP;UACd8C,WAAW;;aAGRA,YAAY/G,SAASC;UACxB2G,UAAU,MAAM;cAEZ,KAAKxD,WAAWE;mBACX;;;YAIPtD,QAAQ+G,YAAY9C,aAAa;UACnC3P,QAAQ,KAAK0S;iBAEN1S;YACL6N,OAAO7N,MAAM2N;iBAER3N,MAAMiO,QAAQvC,QAAQ1L,MAAMqO,WAAWrO,MAAM0O,OAAOiY,eAAe3mB;kBAClEA,MAAM5L,WAAW;uBACZ,KAAKmX,OAAOoE,WAAWhE,gBAAgBC;;cAGhD5L,MAAMuL,OAAOvL,MAAM0O,MAAM,KAAKhD,OAAO1L,MAAMqO,UAAUrO,MAAM0O,OAAO1O,MAAMsO,SAAStO,MAAMwO,kBAAkBxO,MAAMsP,UAAU5D,OAAO1L,MAAMqO,UAAUrO,MAAM0O,KAAK/C,gBAAgBC;kBAEvKF,SAAS,KAAKmE,UAAU,KAAKnB,QAAQgY;gBACvCC,aAAa;gBACb9Y,SAASmB,SAAS,KAAKkB,UAAU7J;;;;YAKrCrG,QAAQ6N;;;UAGV7N,QAAQ,KAAK2S;cACTwU,eAAexX,YAAY,IAAIA,YAAYjE;iBAExC1L;YACL6N,OAAO7N,MAAM0N;iBAER1N,MAAMiO,QAAQkZ,gBAAgBnnB,MAAMmO,SAASnO,MAAM0O,OAAOiY,eAAe3mB;kBACxEA,MAAM5L,WAAW;uBACZ,KAAKmX,OAAOoE,WAAWhE,gBAAgBC;;cAGhD5L,MAAMuL,OAAOvL,MAAM0O,MAAM,KAAKyY,eAAennB,MAAMqO,UAAUrO,MAAM0O,OAAO1O,MAAMsO,SAAStO,MAAMwO,kBAAkBxO,MAAMsP,UAAU6X,eAAennB,MAAMqO,UAAUrO,MAAM0O,KAAK/C,gBAAgBC;kBAEvLF,SAAS,KAAKmE,UAAU,KAAKnB,QAAQgY;gBACvCC,aAAa;gBACb9Y,SAASmB,SAAS,KAAKkB,SAASiX,gBAAgB9gB,WAAWA;;;;YAK/DrG,QAAQ6N;;;YAIR8Y,eAAehb;UACjB,KAAKsZ;UACL0B,WAAWpb,OAAOG,QAAQ+G,WAAW,KAAKpM,UAAU6J,SAASxE,QAAQ+G,WAAW,KAAK;cAEjF,KAAK/D;YACP,KAAKL,SAASuY;YAEdrX,QAAQ;mBAED,KAAKhE,OAAOoE,WAAWhE,gBAAgBC;;;QAIlD,KAAKyG,cAAc1G,kBAAkB2G,UAAU,MAAM,YAAY;YAC7DtD,UAAUwX,QAAQA,QAAQ,KAAKhY,oBAAoBQ,SAASyD,cAAcmU,cAAc,KAAKvY,UAAU9H,KAAKiJ,IAAIgB,eAAejK,KAAKiJ,IAAI,KAAKd,WAAW,KAAK4C;WAC9J3B,cAAcqD,SAAShE,UAAUwX,QAAQ,KAAK9X,MAAM,MAAMM,SAAS,KAAKN,MAAM,MAAMZ,kBAAkB,MAAM;eAExGnC,oBAAoBgE,YAAY,MAAM8C,cAAczD,SAASyD,aAAa+T;YAC7ElU,UAAU,MAAMtD,UAAUwX,QAAQ7W,aAAa,IAAI,eAAe,qBAAqB;YAEvF,KAAK4C,WAAWvD,QAAQwX,QAAQ,KAAKhW,cAAc,MAAM,KAAK+B;;;;aAK7D;;IAGTqT,QAAQ1hB,MAAM,aAAalE,OAAOoQ;UAC5BgX,SAAS;MAEbhgB,UAAUgJ,cAAcA,WAAWE,eAAe,MAAMF,UAAUpQ;YAE5DA,iBAAiB8jB;YACjBjc,SAAS7H;UACXA,MAAM1K,QAAQ,UAAU+I;mBACf+oB,OAAOljB,IAAI7F,KAAK+R;;iBAElB;;YAGLnJ,UAAUjH;iBACL,KAAKqnB,SAASrnB,OAAOoQ;;YAG1BjJ,YAAYnH;UACdA,QAAQwU,MAAMwR,YAAY,GAAGhmB;;iBAEtB;;;aAIJ,SAASA,QAAQmQ,eAAe,MAAMnQ,OAAOoQ,YAAY;;IAGlEwV,QAAQ0B,cAAc,qBAAqB3F,QAAQ4F,QAAQC,WAAWC;UAChE9F,gBAAgB;QAClBA,SAAS;;UAGP4F,gBAAgB;QAClBA,SAAS;;UAGPC,mBAAmB;QACrBA,YAAY;;UAGVC,0BAA0B;QAC5BA,oBAAoBrhB;;UAGlBrI,QACAiC,QAAQ,KAAK0S;aAEV1S;YACDA,MAAMqO,UAAUoZ;cACdznB,iBAAiBwU;YACnB+S,UAAUxpB,EAAEtK,KAAKuM;;YAEjBwnB,aAAazpB,EAAEtK,KAAKuM;YACpB2hB,UAAU5jB,EAAEtK,KAAKiH,MAAMqD,GAAGiC,MAAMsnB,YAAY,MAAMC,QAAQC;;;QAI9DxnB,QAAQA,MAAM2N;;aAGT5P;;IAGT6nB,QAAQ8B,UAAU,iBAAiBhyB;UAC7BiyB,aAAa,KAAKL,YAAY,GAAG,GAAG,IACpCvxB,IAAI4xB,WAAW3xB;aAEZD;YACD4xB,WAAW5xB,GAAG8W,KAAKnX,OAAOA;iBACrBiyB,WAAW5xB;;;;IAKxB6vB,QAAQpuB,SAAS,gBAAgBwI;UAC3BiH,UAAUjH;eACL,KAAK4nB,YAAY5nB;;UAGtBmH,YAAYnH;eACP,KAAK6nB,aAAa7nB;;MAG3B4N,sBAAsB,MAAM5N;UAExBA,UAAU,KAAK2Q;QACjB,KAAKA,UAAU,KAAKgC;;aAGfzE,SAAS;;IAGlB0X,QAAQjW,YAAY,mBAAmBmY,aAAanc;WAC7CyM,UAAUpiB;eACN,KAAK8Y;;MAGd,KAAKmY,WAAW;WAEX,KAAKja,OAAO,KAAK0B;QACpB,KAAKL,SAASvD,OAAOqG,QAAQzF,QAAQ,KAAKgD,MAAM,IAAIoZ,cAAc,KAAKpZ,OAAO,KAAKF,kBAAkBsZ,gBAAgB,KAAKpZ;;MAG5H8W,WAAWrnB,UAAUwR,UAAU1c,KAAK,MAAM60B,aAAanc;MAEvD,KAAKsb,WAAW;aACT;;IAGTrB,QAAQyB,WAAW,kBAAkB5M,OAAOrK;MAC1C,KAAKmD,OAAOkH,SAASnK,eAAe,MAAMF;aACnC;;IAGTwV,QAAQgC,cAAc,qBAAqBnN;aAClC,KAAKlH,OAAOkH;aACZ;;IAGTmL,QAAQmC,WAAW,kBAAkB3X,UAAU7N,UAAU0R;UACnDxG,IAAI+G,MAAMwR,YAAY,GAAGzjB,YAAY+G,YAAY2K;MACrDxG,EAAEta,OAAO;MACT,KAAK6zB,YAAY;aACV7W,eAAe,MAAM1C,GAAG6C,eAAe,MAAMF;;IAGtDwV,QAAQoC,cAAc,qBAAqB5X;UACrCpQ,QAAQ,KAAK0S;MACjBtC,WAAWE,eAAe,MAAMF;aAEzBpQ;YACDA,MAAMqO,WAAW+B,YAAYpQ,MAAM7M,SAAS;UAC9C2a,kBAAkB9N;;QAGpBA,QAAQA,MAAM2N;;;IAIlBiY,QAAQiC,eAAe,sBAAsB5d,SAASge,OAAOC;UACvDX,SAAS,KAAKY,YAAYle,SAASie,aACnCnyB,IAAIwxB,OAAOvxB;aAERD;QACLqyB,sBAAsBb,OAAOxxB,MAAMwxB,OAAOxxB,GAAG8O,KAAKoF,SAASge;;aAGtD;;IAGTrC,QAAQuC,cAAc,qBAAqBle,SAASie;UAC9CnqB,QACAsqB,gBAAgB5d,QAAQR,UACxBjK,QAAQ,KAAK0S,QACb4V,eAAelhB,UAAU8gB,aACzBnoB;aAEGC;YACDA,iBAAiBwU;cACfxJ,kBAAkBhL,MAAMuoB,UAAUF,mBAAmBC,iBAAiBF,qBAAqBpoB,MAAM+P,YAAY/P,MAAM0O,QAAQ1O,MAAM0kB,WAAW,MAAMwD,cAAcloB,MAAM0kB,WAAW1kB,MAAMwO,mBAAmB0Z,cAAcA,cAAcloB,MAAM4E;YAC9O7G,EAAEtK,KAAKuM;;oBAECD,WAAWC,MAAMmoB,YAAYE,eAAeH,aAAalyB;UACnE+H,EAAEtK,KAAKiH,MAAMqD,GAAGgC;;QAGlBC,QAAQA,MAAM2N;;aAGT5P;;IAGT6nB,QAAQ4C,UAAU,iBAAiBpY,UAAUvD;MAC3CA,OAAOA;UAEH4b,KAAK,MACLpV,UAAU/C,eAAemY,IAAIrY,WAC7BsY,QAAQ7b,MACR0H,UAAUmU,MAAMnU,SAChBoU,WAAWD,MAAME,SACjBC,gBAAgBH,MAAMG,eACtBxU,kBAAkBqU,MAAMrU,iBACxByU,SACAzd,QAAQmJ,MAAMzY,GAAG0sB,IAAIrc;QACvBnQ,MAAM4Q,KAAK5Q,QAAQ;QACnBiV,MAAM;QACNmD,iBAAiB;QACjB3I,MAAM2H;QACNpN,WAAW;QACXjK,UAAU6Q,KAAK7Q,YAAYuK,KAAKiJ,KAAK6D,WAAWkB,YAAW,UAAUA,WAAUA,QAAQ7I,OAAO+c,GAAG5Y,UAAU4Y,GAAGjY,gBAAgBnK;QAC9HuiB,SAAS;UACPH,GAAGxD;eAEE6D;gBACC9sB,WAAW6Q,KAAK7Q,YAAYuK,KAAKiJ,KAAK6D,WAAWkB,YAAW,UAAUA,WAAUA,QAAQ7I,OAAO+c,GAAG5Y,UAAU4Y,GAAGjY;YACnHnF,MAAM+C,SAASpS,YAAY4W,aAAavH,OAAOrP,UAAU,GAAG,GAAGuP,OAAOF,MAAMwE,OAAO,MAAM;YACzFiZ,UAAU;;UAGZH,YAAYA,SAASjuB,MAAM2Q,OAAOwd;;SAEnChc;aAEIwH,kBAAkBhJ,MAAME,OAAO,KAAKF;;IAG7Cua,QAAQmD,cAAc,qBAAqBC,cAAcC,YAAYpc;aAC5D,KAAK2b,QAAQS,YAAY7c;QAC9BmI;UACE7I,MAAM4E,eAAe,MAAM0Y;;SAE5Bnc;;IAGL+Y,QAAQpS,SAAS;aACR,KAAK7C;;IAGdiV,QAAQsD,YAAY,mBAAmBC;UACjCA,mBAAmB;QACrBA,YAAY,KAAKtZ;;aAGZwK,qBAAqB,MAAM/J,eAAe,MAAM6Y;;IAGzDvD,QAAQwD,gBAAgB,uBAAuBC;UACzCA,oBAAoB;QACtBA,aAAa,KAAKxZ;;aAGbwK,qBAAqB,MAAM/J,eAAe,MAAM+Y,aAAa;;IAGtEzD,QAAQ0D,eAAe,sBAAsBpiB;aACpCkR,UAAUpiB,SAAS,KAAK2uB,KAAKzd,OAAO,QAAQ,KAAKkiB,cAAc,KAAKvZ,QAAQxJ;;IAGrFuf,QAAQ2D,gBAAgB,uBAAuBtS,QAAQuS,cAAc/B;UAC/DA,0BAA0B;QAC5BA,mBAAmB;;UAGjBznB,QAAQ,KAAK0S,QACba,SAAS,KAAKA,QACdpH;aAEGnM;YACDA,MAAMqO,UAAUoZ;UAClBznB,MAAMqO,UAAU4I;UAChBjX,MAAMmO,QAAQ8I;;QAGhBjX,QAAQA,MAAM2N;;UAGZ6b;aACGrd,KAAKoH;cACJA,OAAOpH,MAAMsb;YACflU,OAAOpH,MAAM8K;;;;aAKZ/I,SAAS;;IAGlB0X,QAAQ3T,aAAa;UACfjS,QAAQ,KAAK0S;MACjB,KAAKpB,QAAQ;aAENtR;QACLA,MAAMiS;QACNjS,QAAQA,MAAM2N;;aAGT6X,WAAWrnB,UAAU8T,WAAWhf,KAAK;;IAG9C2yB,QAAQ/vB,QAAQ,eAAe4zB;UACzBA,uBAAuB;QACzBA,gBAAgB;;UAGdzpB,QAAQ,KAAK0S,QACb7E;aAEG7N;QACL6N,OAAO7N,MAAM2N;QACb,KAAKnW,OAAOwI;QACZA,QAAQ6N;;MAGV,KAAKb,QAAQ,KAAK6C,QAAQ,KAAKf,SAAS,KAAKuV,SAAS;MACtDoF,kBAAkB,KAAKlW;aAChBrF,SAAS;;IAGlB0X,QAAQpX,gBAAgB,uBAAuBtH;UACzCyN,MAAM,GACNtP,OAAO,MACPrF,QAAQqF,KAAKsN,OACbiU,YAAYxgB,SACZoH,MACAqM,OACAzlB;UAEAgkB,UAAUpiB;eACLqP,KAAKmL,WAAWnL,KAAKuJ,UAAU,IAAIvJ,KAAKrJ,aAAaqJ,KAAKmJ,oBAAoBnJ,KAAK0f,cAAc7d,QAAQA;;UAG9G7B,KAAKiJ;QACPla,SAASiR,KAAKjR;eAEP4L;UACLwN,OAAOxN,MAAM0N;UACb1N,MAAMsO,UAAUtO,MAAMwO;UACtBqL,QAAQ7Z,MAAMqO;cAEVwL,QAAQ+M,aAAavhB,KAAKoL,SAASzQ,MAAM0O,QAAQrJ,KAAKiM;YACxDjM,KAAKiM,QAAQ;YACbnB,eAAe9K,MAAMrF,OAAO6Z,QAAQ7Z,MAAMuQ,QAAQ,GAAGe,QAAQ;;YAE7DsV,YAAY/M;;cAGVA,QAAQ,KAAK7Z,MAAM0O;YACrBiG,OAAOkF;iBAEFzlB,WAAWiR,KAAK2H,OAAO5Y,UAAUA,OAAOwb;cAC3CvK,KAAKgJ,UAAUwL,QAAQxU,KAAKqJ;cAC5BrJ,KAAKwK,SAASgK;cACdxU,KAAKyJ,UAAU+K;;YAGjBxU,KAAKkkB,eAAe1P,OAAO,QAAQ;YACnC+M,YAAY;;UAGd5mB,MAAMmO,OAAOwG,OAAO3U,MAAM0O,QAAQiG,MAAM3U,MAAMmO;UAC9CnO,QAAQwN;;QAGVoF,aAAavN,MAAMA,SAASgD,mBAAmBhD,KAAKwK,QAAQ8E,MAAMtP,KAAKwK,QAAQ8E,KAAK,GAAG;QAEvFtP,KAAKiJ,SAAS;;aAGTjJ,KAAKiK;;IAGd6D,SAASuW,aAAa,oBAAoBhe;UACpCrD,gBAAgBqG;QAClBlD,gBAAgBnD,iBAAiB+G,wBAAwB1D,MAAMrD;QAE/DqB,qBAAqByH,QAAQvW;;UAG3BuW,QAAQvW,SAASiP;QACnBA,gBAAgBnE,QAAQC,aAAa;YACjC3F,QAAQqI,gBAAgBqK;aACvB1S,UAAUA,MAAM0O,SAAShJ,QAAQC,aAAawL,QAAQoO,WAAWvpB,SAAS;iBACtEgK,UAAUA,MAAM0O;YACrB1O,QAAQA,MAAM2N;;UAGhB3N,SAASmR,QAAQwP;;;;WAKhBxN;KACP2Q;EAEF1X,aAAa+G,SAAShV;IACpBmT,OAAO;IACP0V,WAAW;IACXC,UAAU;;MAGR0C,6BAA6B,oCAAoCzf,QAAQjM,MAAM4b,OAAOtD,KAAKqT,QAAQC,cAAcC;QAC/GlY,SAASqK,UAAU,KAAKhL,KAAK/G,QAAQjM,MAAM,GAAG,GAAG8rB,sBAAsB,MAAMH,SAC7ExmB,QAAQ,GACR4mB,aAAa,GACb1L,QACA2L,WACAxL,OACAyL,QACAC,OACAC,UACAC,WACAtsB;IACJ6T,GAAG5T,IAAI6b;IACPjI,GAAGxa,IAAImf;IACPsD,SAAS;IACTtD,OAAO;QAEH8T,aAAa9T,IAAItiB,QAAQ;MAC3BsiB,MAAM4C,eAAe5C;;QAGnBsT;MACF9rB,KAAK8b,OAAOtD;MACZsT,aAAa9rB,GAAGmM,QAAQjM;MACxB4b,QAAQ9b,EAAE;MACVwY,MAAMxY,EAAE;;IAGVksB,YAAYpQ,MAAM7N,MAAM/D;WAEjBqW,SAASrW,qBAAqB5H,KAAKkW;MACxC2T,SAAS5L,OAAO;MAChB6L,QAAQ5T,IAAIzS,UAAUV,OAAOkb,OAAOlb;UAEhCqb;QACFA,SAASA,QAAQ,KAAK;iBACb0L,MAAMrW,QAAQ,OAAO;QAC9B2K,QAAQ;;UAGNyL,WAAWD,UAAUD;QACvBI,WAAWre,WAAWke,UAAUD,aAAa,OAAO;QACpDpY,GAAGX;UACDtD,OAAOiE,GAAGX;UACV9E,GAAGge,SAASH,eAAe,IAAIG,QAAQ;UACvC/Q,GAAGgR;UACHlM,GAAGgM,OAAOrW,OAAO,OAAO,MAAM9H,WAAWme,OAAOpW,OAAO,OAAOoW,OAAOrW,OAAO,OAAO,OAAO,IAAI,KAAK9H,WAAWme,UAAUE;UACxHE,GAAG7L,SAASA,QAAQ,IAAIlY,KAAKwE,QAAQ;;QAEvC3H,QAAQ6E,qBAAqB6W;;;IAIjClN,GAAGsM,IAAI9a,QAAQmT,IAAIvgB,SAASugB,IAAIzS,UAAUV,OAAOmT,IAAIvgB,UAAU;IAC/D4b,GAAG2Y,KAAKT;QAEJ5hB,QAAQzT,KAAK8hB,QAAQ8T;MACvBzY,GAAGxa,IAAI;;IAGT,KAAK6Z,MAAMW;WACJA;KAELuI,gBAAgB,uBAAuBjQ,QAAQjM,MAAM4b,OAAOtD,KAAKnT,OAAO6G,SAASsR,UAAUsO,cAAcC;IAC3G3iB,YAAYoP,SAASA,MAAMA,IAAInT,SAAS,GAAG8G,QAAQD;QAC/CugB,eAAetgB,OAAOjM,OACtBwsB,cAAc5Q,UAAU,QAAQA,SAAS1S,YAAYqjB,gBAAgBA,eAAeV,YAAY5f,OAAOjM,KAAKhK,QAAQ,WAAWkT,YAAY+C,OAAO,QAAQjM,KAAK6V,OAAO,OAAO7V,OAAO,QAAQA,KAAK6V,OAAO,IAAIgW,aAAa5f,OAAOjM,SAChO2rB,UAAUziB,YAAYqjB,gBAAgBE,eAAeZ,YAAYa,uBAAuBC,aACxFhZ;QAEA3K,UAAUsP;WACPA,IAAItiB,QAAQ;QACfsiB,MAAM4C,eAAe5C;;UAGnBA,IAAI1C,OAAO,OAAO;QACpBjC,KAAK7F,WAAW0e,eAAe1e,WAAWwK,IAAIzC,OAAO,OAAOyC,IAAI1C,OAAO,OAAO,OAAO,IAAI,MAAMe,QAAQ6V,gBAAgB;YAEnH7Y,MAAMA,OAAO;UACf2E,MAAM3E;;;;QAKR6Y,gBAAgBlU;WACb3C,MAAM6W,cAAclU,QAAQA,QAAQ;QACvC3E,SAASqK,UAAU,KAAKhL,KAAK/G,QAAQjM,OAAOwsB,eAAe,GAAGlU,OAAOkU,eAAe,WAAWD,iBAAiB,YAAYK,iBAAiBC,cAAc,GAAGlB;QAC9JE,cAAclY,GAAG2Y,KAAKT;QACtBvO,YAAY3J,GAAG2J,SAASA,UAAU,MAAMrR;eACjC,KAAK+G,MAAMW;;OAGnB4Y,mBAAkBvsB,QAAQiM,YAAWlB,eAAe/K,MAAMsY;aACpDoT,2BAA2B12B,KAAK,MAAMiX,QAAQjM,MAAMwsB,aAAalU,KAAKqT,QAAQC,gBAAgBnkB,QAAQmkB,cAAcC;;KAG3HiB,eAAe,sBAAsBle,MAAMzJ,OAAO8G,QAAQD,SAASoB;IACrElE,YAAY0F,UAAUA,OAAOme,mBAAmBne,MAAMxB,OAAOjI,OAAO8G,QAAQD;SAEvE3C,UAAUuF,SAASA,KAAK5M,SAAS4M,KAAKjN,YAAYiI,SAASgF,SAASnF,cAAcmF;aAC9E5F,UAAU4F,QAAQme,mBAAmBne,MAAMxB,OAAOjI,OAAO8G,QAAQD,WAAW4C;;QAGjFF,WACAR;SAECA,KAAKU;MACRF,KAAKR,KAAK6e,mBAAmBne,KAAKV,IAAId,OAAOjI,OAAO8G,QAAQD;;WAGvD0C;KAELse,eAAe,sBAAsBhiB,UAAU4D,MAAMxB,OAAOjI,OAAO8G,QAAQD;QACzEihB,QAAQtZ,IAAIuZ,UAAUp1B;QAEtB4T,SAASV,cAAciiB,aAAavhB,SAASV,aAAakS,KAAKjR,QAAQghB,OAAOzP,UAAU5O,KAAK5D,YAAY8hB,aAAale,KAAK5D,WAAW7F,OAAO8G,QAAQD,SAASoB,QAAQA,OAAOjI,OAAO6G,aAAa;MACnMoB,MAAM4F,MAAMW,SAASqK,UAAU5Q,MAAM4F,KAAK/G,QAAQjB,UAAU,GAAG,GAAGiiB,OAAO3f,QAAQ2f,QAAQ,GAAGA,OAAOE;UAE/F/f,UAAUyP;QACZqQ,WAAW9f,MAAM+Y,UAAU/Y,MAAMkd,SAASt0B,QAAQiW;QAClDnU,IAAIm1B,OAAO9P,OAAOplB;eAEXD;UACLo1B,SAASD,OAAO9P,OAAOrlB,MAAM6b;;;;WAK5BsZ;KAEL9C,mBACApX,aAAa,oBAAoB3F,OAAOK;QACtCmB,OAAOxB,MAAMwB,MACb5Q,OAAO4Q,KAAK5Q,MACZsY,UAAU1H,KAAK0H,SACfF,kBAAkBxH,KAAKwH,iBACvBnD,OAAOrE,KAAKqE,MACZgW,WAAWra,KAAKqa,UAChBmE,iBAAiBxe,KAAKwe,gBACtB1Q,gBAAgB9N,KAAK8N,eACrBrG,eAAezH,KAAKyH,cACpB0N,WAAWnV,KAAKmV,UAChBlV,YAAYD,KAAKC,WACjBwe,aAAaze,KAAKye,YAClBtY,MAAM3H,MAAM+C,MACZmd,cAAclgB,MAAM+G,UACpBnI,UAAUoB,MAAMkd,UAChBn0B,SAASiX,MAAMjX,QACfo3B,cAAcp3B,UAAUA,OAAOjB,SAAS,WAAWiB,OAAOA,OAAOm0B,WAAWte,SAC5EwhB,gBAAgBpgB,MAAMqgB,eAAe,WAAWvlB,qBAChDsiB,KAAKpd,MAAMtG,UACX4mB,WACA51B,GACAoW,GACAyF,IACA1H,QACA0hB,aACAC,QACAxhB,SACA6gB,QACAC,UACA/nB,OACA0oB,aACAC;IACJtD,QAAQ3b,cAAc7Q,UAAUA,OAAO;IACvCoP,MAAM4W,QAAQnM,WAAW7Z,MAAM+J,UAAU/J;IACzCoP,MAAM6W,SAASF,WAAW7K,YAAYrB,WAAWkM,aAAa,OAAO/lB,OAAO+lB,UAAUhc,UAAU/J,SAAS;QAErG+lB,YAAY3W,MAAM0G,UAAU1G,MAAMuD;MACpCoT,WAAW3W,MAAM6W;MACjB7W,MAAM6W,SAAS7W,MAAM4W;MACrB5W,MAAM4W,QAAQD;;IAGhB3W,MAAM6G,SAASuW,QAAQ5b,KAAKyH;SAEvBmU;MACHpe,UAAUJ,QAAQ,KAAKO,UAAUP,QAAQ,IAAII,UAAU;MACvDyhB,cAAczhB,WAAWwC,KAAKxC,QAAQpM;MACtC0tB,YAAYlf,eAAeI,MAAMtD;MACjCgiB,eAAeA,YAAYhgB,QAAQ,GAAG,MAAM1G;UAExC0P;QACFzG,kBAAkBzC,MAAM+G,WAAWoC,MAAMvP,IAAIgF,SAASmC;UACpDjZ,MAAM;UACN8S,WAAW;UACX7R,QAAQA;UACRigB,iBAAiB;UACjBnD,MAAM3J,YAAY2J;UAClBqD,SAAS;UACTrO,OAAO;UACPghB,UAAUA;UACVmE,gBAAgBA;UAChB1Q,eAAeA;UACfvV,SAAS;WACRmP;QAEH7I,OAAO,MAAM2I,oBAAoBiX,cAAcjgB,MAAM+G,SAAS7G,QAAQ,GAAG;YAErE8I;UACF3I,OAAO,MAAM4f,eAAejgB,MAAM+G,WAAW;cAEzCY,OAAOtH,QAAQ;YACjBA,SAASL,MAAM6E,SAASxE;;;mBAGjB4f,eAAe;UACxBjgB,MAAM+G,WAAW;;iBAEVkC,gBAAgBtB;YACrBuY;WACDD,eAAejgB,MAAM+G,WAAW;;UAEjC1G,SAAS2I,kBAAkB;UAC3BlI,IAAIC;YACFnG,WAAW;YACX9S,MAAM;YACN+d,MAAMmD,mBAAmB9M,YAAY2J;YACrCmD,iBAAiBA;YACjBjP,SAAS;YACThR,QAAQA;aACPu3B;UACHG,gBAAgB3f,EAAE9B,QAAQpM,QAAQ6tB;UAElChe,kBAAkBzC,MAAM+G,WAAWoC,MAAMvP,IAAIgF,SAASkC;UAEtDT,OAAO,KAAKL,MAAM+G,SAAS7G,QAAQ,GAAG;eAEjC8I;YACHrD,WAAW3F,MAAM+G,UAAU/L;sBACjBqF;;;;;MAMhBL,MAAM4F,MAAM;MACZC,OAAO8B,OAAOzL,YAAY2J,SAASA,SAAS8B;WAEvCjd,IAAI,GAAGA,IAAIkU,QAAQjU,QAAQD;QAC9BmU,SAASD,QAAQlU;QACjB81B,SAAS3hB,OAAOE,SAASJ,SAASC,SAASlU,GAAGqU;QAC9CiB,MAAM+Y,UAAUruB,KAAKo1B;QACrB1hB,YAAYoiB,OAAOn2B,OAAO8T,YAAYxT,UAAUoV;QAChDhI,QAAQooB,gBAAgBvhB,UAAUlU,IAAIy1B,YAAYv3B,QAAQiW;YAEtDG,YAAY6gB,aAAa7gB,WAAW8Q,KAAKjR,QAAQ4hB,eAAeH,WAAWtgB,OAAOjI,OAAOooB,iBAAiB;UAC5GngB,MAAM4F,MAAMW,SAASqK,UAAU5Q,MAAM4F,KAAK/G,QAAQghB,OAAO7hB,MAAM,GAAG,GAAG6hB,OAAO3f,QAAQ2f,QAAQ,GAAGA,OAAOE;UAEtGF,OAAO9P,OAAO9lB,QAAQ,UAAU+T;YAC9B8hB,SAAS9hB,QAAQuI;;UAGnBsZ,OAAOE,aAAaQ,cAAc;;aAG/BvhB,WAAWyhB;eACT3f,KAAKwf;gBACJhiB,SAASwC,OAAO+e,SAASD,aAAa9e,GAAGwf,WAAWtgB,OAAOjI,OAAO8G,QAAQshB;cAC5EN,OAAOE,aAAaQ,cAAc;;cAElCT,SAAShf,KAAKyF,KAAKuI,cAAclnB,KAAKoY,OAAOnB,QAAQiC,GAAG,OAAOwf,UAAUxf,IAAI/I,OAAOooB,aAAa,GAAG3e,KAAKgd;;;;QAK/Gxe,MAAM2gB,OAAO3gB,MAAM2gB,IAAIj2B,MAAMsV,MAAMxG,KAAKqF,QAAQmB,MAAM2gB,IAAIj2B;YAEtD01B,iBAAiBpgB,MAAM4F;UACzBmX,oBAAoB/c;UAEpBhD,gBAAgBwf,aAAa3d,QAAQihB,UAAU9f,MAAMqZ,WAAW;UAEhEqH,eAAe1gB,MAAMjX;UACrBg0B,oBAAoB;;QAGtB/c,MAAM4F,OAAOC,SAASzH,YAAYoiB,OAAOn2B,MAAM;;MAGjDk2B,eAAeK,0BAA0B5gB;MACzCA,MAAM6gB,WAAW7gB,MAAM6gB,QAAQ7gB;;IAGjCA,MAAMgH,YAAY6U;IAClB7b,MAAM0E,aAAa1E,MAAM2gB,OAAO3gB,MAAM4F,SAAS8a;KAE7CI,oBAAoB,2BAA2BliB,SAAS4C;QACtDxC,UAAUJ,QAAQ,KAAKO,UAAUP,QAAQ,IAAII,UAAU,GACvD+hB,kBAAkB/hB,WAAWA,QAAQyR,SACrCnP,MACAR,GACApW,GACA+lB;SAECsQ;aACIvf;;IAGTF,OAAO7D,WAAW+D;SAEbV,KAAKigB;WACJjgB,KAAKQ;QACPmP,UAAUsQ,gBAAgBjgB,GAAGlT,MAAM;QACnClD,IAAI+lB,QAAQ9lB;eAELD;UACL4W,KAAKmP,QAAQ/lB,MAAM4W,KAAKR;;;;WAKvBQ;KAELqe,qBAAqB,4BAA4B9jB,OAAOmE,OAAOtV,GAAGmU,QAAQD;WACrE9C,YAAYD,SAASA,MAAMjU,KAAKoY,OAAOtV,GAAGmU,QAAQD,WAAWhD,UAAUC,WAAWA,MAAMjT,QAAQ,aAAaklB,eAAejS,SAASA;KAE1ImlB,qBAAqBtiB,iBAAiB,kDACtCuiB,uBAAuBD,qBAAqB,mDAAmDpzB,MAAM;MAErGub,SAAQ,UAAU+X;IACpB9G,eAAejR,OAAO+X;IAEtB,eAAetiB,SAAS4C,MAAMuD,UAAUoc;UAClCC;iBAEO5f,SAAS;QAClBuD,SAASpU,WAAW6Q;QACpBA,OAAOuD;QACPA,WAAW;;MAGbqc,SAASF,YAAYt5B,KAAK,MAAMu5B,cAAc3f,OAAOD,iBAAiBC,UAAU;UAC5E6f,cAAcD,OAAO5f,MACrB7Q,WAAW0wB,YAAY1wB,UACvBkK,QAAQwmB,YAAYxmB,OACpBmO,kBAAkBqY,YAAYrY,iBAC9BjP,UAAUsnB,YAAYtnB,SACtBa,YAAYymB,YAAYzmB,WACxB6G,YAAY4f,YAAY5f,WACxB9H,WAAW0nB,YAAY1nB,UACvB6V,gBAAgB6R,YAAY7R,eAC5BmH,WAAW0K,YAAY1K,UACvB5tB,SAASyY,KAAKzY,UAAUiU,iBACxBggB,iBAAiBxgB,SAASoC,YAAYvC,cAAcuC,WAAW7C,UAAU6C,QAAQ,OAAM,YAAY4C,UAAS5C,WAAWQ,QAAQR,UAC/Hwe,IACA1yB,GACA4W,MACAxB,GACAgB,GACAwgB,WACAC,aACAC;MACJJ,OAAOlE,WAAWF,cAAcryB,SAASgU,SAASqe,iBAAiBnf,MAAM,iBAAiBe,UAAU,sCAAsCvE,QAAQG;MAClJ4mB,OAAOrI;MACPqI,OAAOf,aAAazlB;UAEhB6G,aAAa1H,WAAWqC,gBAAgBzL,aAAayL,gBAAgBvB;QACvE2G,OAAO4f,OAAO5f;QACd4b,KAAKgE,OAAO1nB,eAAeoO;UACzBhgB,MAAM;UACN6R,UAAUA;;QAEZyjB,GAAG5jB;QACH4jB,GAAGr0B,SAASq0B,GAAGzb,MAAM2Y,uBAAuB8G;QAC5ChE,GAAGpa,SAAS;YAERvB;UACFV,aAAaqc,GAAG5b,KAAK7H;YACnB/I,MAAM;;UAGRmJ,UAAUijB,cAAc/yB,QAAQ,UAAUmY,GAAG1X;mBACpC+W,UAAUxX,QAAQ,UAAUsF,OAAOgc;qBACjC6R,GAAG1sB,GAAG0R,GAAG7S,OAAOgc,IAAI,MAAM7gB,IAAIqP;;eAEpC0H,UAAUxX,QAAQ,UAAUsF;mBACxB6tB,GAAG1sB,GAAGssB,eAAeztB,OAAO;;;UAGrCuQ,IAAIkd,cAAcryB;UAClB42B,cAAcxnB,UAAUwQ,WAAWxQ,WAAWkE;cAE1ChC,UAAUlC;iBACP+G,KAAK/G;mBACHinB,mBAAmBp4B,QAAQkY;gBAC9B0gB,uBAAuBA;gBACvBA,mBAAmB1gB,KAAK/G,QAAQ+G;;;;eAKjCpW,IAAI,GAAGA,IAAIoV,GAAGpV;YACjB4W;iBAEKR,KAAKU;kBACJyf,oBAAoBr4B,QAAQkY,KAAK;gBACnCQ,KAAKR,KAAKU,KAAKV;;;YAInBQ,KAAKvH,UAAU;YACf4c,aAAarV,KAAKqV,WAAWA;YAC7B6K,sBAAsB/jB,OAAO6D,MAAMkgB;YACnCF,YAAYtE,cAActyB;YAC1B4W,KAAK3Q,YAAYgvB,mBAAmBhvB,UAAU2pB,uBAAuB8G,SAAS12B,GAAG42B,WAAWtE;YAC5F1b,KAAKzG,UAAU8kB,mBAAmB9kB,OAAOyf,uBAAuB8G,SAAS12B,GAAG42B,WAAWtE,kBAAkB,KAAKoE,OAAOlc;iBAEhHnL,WAAW+F,MAAM,KAAKwB,KAAKzG;cAC9BumB,OAAOlc,SAASrK,QAAQyG,KAAKzG;cAC7BumB,OAAOpe,UAAUnI;cACjByG,KAAKzG,QAAQ;;YAGfuiB,GAAG1sB,GAAG4wB,WAAWhgB,MAAMigB,YAAY72B,GAAG42B,WAAWtE;;UAGnDI,GAAGzsB,aAAaA,WAAWkK,QAAQ,IAAIumB,OAAO1nB,WAAW;;QAG3D/I,YAAYywB,OAAOzwB,SAASA,WAAWysB,GAAGzsB;;QAE1CywB,OAAO1nB,WAAW;;UAGhBkB,cAAc,SAASE;QACzBiiB,oBAAoBzC,uBAAuB8G;QAE3CpkB,gBAAgBwf,aAAaQ;QAE7BD,oBAAoB;;MAGtBjY,eAAe/b,QAAQuxB,uBAAuB8G,SAASrc;MAEvDvD,KAAKkY,YAAY0H,OAAOzH;MACxBnY,KAAK0X,UAAUkI,OAAOlI,OAAO;UAEzBlQ,oBAAoBrY,aAAa8Q,aAAa2f,OAAOpe,WAAWvD,OAAO1W,OAAOyb,UAAUtI,YAAY8M,oBAAoB5F,sBAAsBkX,uBAAuB8G,YAAYr4B,OAAOjB,SAAS;QACnMs5B,OAAO3d,UAAUzI;QAEjBomB,OAAOlhB,OAAOhF,KAAKoO,IAAI,IAAIzO;;MAG7B2U,iBAAiBjK,eAAe+U,uBAAuB8G,SAAS5R;aACzD4R;;QAGLK,UAAUtY,MAAMrW;IAEpB2uB,QAAQvhB,SAAS,gBAAgBoE,WAAWhE,gBAAgBC;UACtD6G,WAAW,KAAK5C,OAChB2W,OAAO,KAAKlX,OACZ0D,MAAM,KAAK5E,MACXY,QAAQW,YAAY6W,OAAOngB,YAAYsJ,aAAa,IAAI6W,OAAO7W,YAAYtJ,WAAW,IAAIsJ,WAC1FjE,MACAkG,IACAC,WACA5C,eACA6C,eACAiQ,QACArQ,OACA3M,UACAid;WAEChP;QACHxB,yBAAyB,MAAM7B,WAAWhE,gBAAgBC;iBACjDoD,UAAU,KAAKF,WAAWa,aAAa/D,UAAU,KAAKmE,YAAY,KAAKjB,UAAU,KAAKsD,YAAY,KAAKlC,SAAS,MAAMP,YAAY;QAC3IjE,OAAOsD;QACPjK,WAAW,KAAKA;YAEZ,KAAK6J;UACPK,gBAAgB+D,MAAM,KAAKjE;cAEvB,KAAKH,WAAW,KAAKe,YAAY;mBAC5B,KAAKA,UAAUV,gBAAgB,MAAMU,WAAWhE,gBAAgBC;;UAGzEF,OAAOZ,OAAOkE,QAAQC;cAElBD,UAAUwX;YACZ3U,YAAY,KAAKjD;YACjBlD,OAAOsH;;YAEPnB,eAAe7C,QAAQC;gBAEnB4C,aAAaA,cAAc7C,QAAQC;cACrCvD,OAAOsH;cACPnB;;YAGFnG,OAAOsH,QAAQtH,OAAOsH;;UAGxB+O,SAAS,KAAKhQ,SAASF,YAAY;cAE/BkQ;YACFC,WAAW,KAAKE;YAChBxW,OAAOsH,MAAMtH;;UAGfoG,gBAAgBjD,gBAAgB,KAAKC,QAAQG;cAEzCvD,SAAS+G,aAAa7G,SAAS,KAAKmE;mBAC/B;;cAGL8B,cAAcC;YAChB/M,YAAY,KAAKmd,UAAUJ,mBAAmB/c,UAAUgd;gBAEpD,KAAKlV,KAAKmF,kBAAkB+P,WAAW,KAAKzQ;cAC9C,KAAKA,QAAQ1F,QAAQ;cACrB,KAAKL,OAAOT,OAAOmE,gBAAgB4C,YAAY,MAAMI,aAAaX,QAAQ;;;;aAK3E,KAAKvB;cACJgB,kBAAkB,MAAMpB,YAAY,IAAIA,YAAYjE,MAAME,OAAOD;YACnE,KAAKmD,SAAS;mBACP;;cAGLkE,QAAQ,KAAK5E;mBACR,KAAK7C,OAAOoE,WAAWhE,gBAAgBC;;;QAIlD,KAAKkD,SAASE;QACd,KAAKa,QAAQnE;aAER,KAAKuC,QAAQ,KAAKS;UACrB,KAAKT,OAAO;UACZ,KAAK3C,QAAQ;;QAGf,KAAKoG,QAAQA,SAASsQ,YAAY,KAAKC,OAAOvW,OAAOsH;YAEjD,KAAKd;UACP,KAAKR,QAAQA,QAAQ,IAAIA;;YAGvBhG,SAAS+G,aAAa9G;UACxB2G,UAAU,MAAM;cAEZ,KAAKxD,WAAWE;mBACX;;;QAIX4C,KAAK,KAAKX;eAEHW;UACLA,GAAGO,EAAET,OAAOE,GAAGzZ;UACfyZ,KAAKA,GAAGjE;;QAGV5I,YAAYA,SAASwG,OAAOoE,YAAY,IAAIA,aAAajE,QAAQqW,UAAU1b,WAAWtB,SAASqJ,OAAOsD,OAAO/F,gBAAgBC,UAAU,KAAKwG,aAAa,KAAKlC,SAASP;YAEnK,KAAK0C,cAAc1G;UACrBgE,YAAY,KAAK,KAAKyC,YAAY,KAAKA,SAAS7G,OAAOoE,WAAW,MAAM/D;UAExE0G,UAAU,MAAM;;QAGlB,KAAK1D,WAAWiD,cAAcC,iBAAiB,KAAKjF,KAAKka,aAAapb,kBAAkB,KAAKvX,UAAUke,UAAU,MAAM;aAElHtD,UAAU,KAAKM,UAAUN,UAAU,KAAKF,WAAWE;UACtDW,YAAY,KAAK,KAAKyC,aAAa,KAAKC,aAAa,KAAKD,SAAS7G,OAAOoE,WAAW,MAAM;WAC1FA,cAAcqD,SAAShE,UAAU,KAAKM,SAAS,KAAKZ,MAAM,MAAMM,SAAS,KAAKN,MAAM,MAAMZ,kBAAkB,MAAM;eAE9GnC,oBAAoBgE,YAAY,MAAM8C,cAAczD,SAASyD;YAChEH,UAAU,MAAMtD,UAAUwX,OAAO,eAAe,qBAAqB;YAErE,KAAKjU,WAAWvD,QAAQwX,QAAQ,KAAKhW,cAAc,MAAM,KAAK+B;;;;aAK7D;;IAGTua,QAAQ7iB,UAAU;aACT,KAAKse;;IAGduE,QAAQ7a,aAAa;MACnB,KAAKhB,MAAM,KAAK+a,MAAM,KAAK5Z,WAAW,KAAKC,YAAY,KAAK/G,QAAQ,KAAKoG,QAAQ;MACjF,KAAK0S;MACL,KAAKrf,YAAY,KAAKA,SAASkN;aACxBsa,YAAYpuB,UAAU8T,WAAWhf,KAAK;;IAG/C65B,QAAQjoB,OAAO,cAAcoF,SAAS4C;UAChCA,cAAc;QAChBA,OAAO;;WAGJ5C,aAAa4C,QAAQA,SAAS;QACjC,KAAKvB,QAAQ,KAAK2F,MAAM;eACjB,KAAK7c,SAASwmB,WAAW,QAAQ;;UAGtC,KAAK7V;YACHyhB,OAAO,KAAKzhB,SAASyJ;QACzB,KAAKzJ,SAAS8iB,aAAa5d,SAAS4C,MAAMub,qBAAqBA,kBAAkBvb,KAAK5G,cAAc,MAAMyM,UAAUkI,WAAW;QAC/H,KAAKxmB,UAAUoyB,SAAS,KAAKzhB,SAASyJ,mBAAmBoE,aAAa,MAAM,KAAKxE,OAAO,KAAKrJ,SAASuK,QAAQkX,MAAM,GAAG;eAChH;;UAGL6B,gBAAgB,KAAKE,UACrBwE,iBAAiB9iB,UAAUQ,QAAQR,WAAWoe,eAC9C2E,kBAAkB,KAAK5I,WACvB6I,UAAU,KAAKhc,KACfic,kBACAC,WACAC,mBACAnF,OACA9b,GACAyF,IACA7b;YAEE8W,QAAQA,SAAS,UAAUI,aAAaob,eAAe0E;QAC3DlgB,SAAS,UAAU,KAAKoE,MAAM;eACvB2J,WAAW;;MAGpBsS,mBAAmB,KAAKlB,MAAM,KAAKA;UAE/Bnf,SAAS;YACP5F,UAAU4F;UACZV;UAEAxB,aAAakC,MAAM,UAAUxD;mBACpB8C,EAAE9C,QAAQ;;UAGnBwD,OAAOV;;QAGTU,OAAOsf,kBAAkB9D,eAAexb;;MAG1C9W,IAAIsyB,cAAcryB;aAEXD;aACAg3B,eAAe94B,QAAQo0B,cAActyB;UACxCo3B,YAAYH,gBAAgBj3B;cAExB8W,SAAS;YACXqgB,iBAAiBn3B,KAAK8W;YACtBob,QAAQkF;YACRC;;YAEAA,oBAAoBF,iBAAiBn3B,KAAKm3B,iBAAiBn3B;YAC3DkyB,QAAQpb;;eAGLV,KAAK8b;YACRrW,KAAKub,aAAaA,UAAUhhB;gBAExByF;qBACI,UAAUA,GAAGzZ,OAAMyZ,GAAGzZ,EAAE0M,KAAKsH,OAAO;gBACxCyB,sBAAsB,MAAMgE,IAAI;;qBAG3Bub,UAAUhhB;;gBAGfihB,sBAAsB;cACxBA,kBAAkBjhB,KAAK;;;;;MAM/B,KAAK4D,aAAa,KAAKkB,OAAOgc,WAAWrS,WAAW;aAC7C;;IAGTpG,MAAMzY,KAAK,YAAYkO,SAAS4C;iBACnB2H,MAAMvK,SAAS4C,MAAMuL,UAAU;;IAG5C5D,MAAMuB,OAAO,cAAc9L,SAAS4C;aAC3BmH,iBAAiB,GAAGoE;;IAG7B5D,MAAMwR,cAAc,qBAAqB9f,OAAO3D,UAAU0R,QAAQpL;iBACrD2L,MAAMjS,UAAU;QACzB8R,iBAAiB;QACjBnD,MAAM;QACNjL,WAAW;QACXC,OAAOA;QACPkgB,YAAY7jB;QACZ8qB,mBAAmB9qB;QACnB8jB,kBAAkBpS;QAClBqZ,yBAAyBrZ;QACzB0G,eAAe9R;;;IAInB2L,MAAMqR,SAAS,gBAAgB5b,SAAS6b,UAAUC;aACzC/R,iBAAiB,GAAGoE;;IAG7B5D,MAAMvP,MAAM,aAAagF,SAAS4C;MAChCA,KAAK7Q,WAAW;MAChB6Q,KAAK8E,gBAAgB9E,KAAKkG,SAAS;iBACxByB,MAAMvK,SAAS4C;;IAG5B2H,MAAMqT,eAAe,sBAAsB5d,SAASge,OAAOC;aAClD7f,gBAAgBwf,aAAa5d,SAASge,OAAOC;;WAG/C1T;KACPsP;EAEF1X,aAAaoI,MAAMrW;IACjBoqB;IACAjd,OAAO;IACP8G,UAAU;IACV4Z,KAAK;IACLE,SAAS;;EAGXvhB,aAAa,uCAAuC,UAAUtB;IAC5DmL,MAAMnL,QAAQ;UACRof,SAAStV,YACTc,SAASa,OAAO7hB,KAAKmlB,WAAW;MAEpCnE,OAAO5Q,OAAOgG,SAAS,kBAAkB,IAAI,GAAG,GAAG;aAC5Cof,GAAGpf,MAAM3O,MAAM+tB,IAAIxU;;;MAI1ByW,eAAe,sBAAsBxgB,QAAQjB,UAAU/B;WAClDgD,OAAOjB,YAAY/B;KAExB0jB,cAAc,qBAAqB1gB,QAAQjB,UAAU/B;WAChDgD,OAAOjB,UAAU/B;KAEtByjB,uBAAuB,8BAA8BzgB,QAAQjB,UAAU/B,OAAO/T;WACzE+W,OAAOjB,UAAU9V,KAAKo3B,IAAIrjB;KAE/BqmB,mBAAmB,0BAA0BrjB,QAAQjB,UAAU/B;WAC1DgD,OAAOnR,aAAakQ,UAAU/B;KAEnC2U,aAAa,oBAAoB3R,QAAQjB;WACpC9B,YAAY+C,OAAOjB,aAAa2hB,cAAcvjB,aAAa6C,OAAOjB,cAAciB,OAAOnR,eAAew0B,mBAAmB7C;KAE9HI,eAAe,sBAAsBpZ,OAAOve;WACvCA,KAAK8R,IAAI9R,KAAKsa,GAAGta,KAAKgZ,GAAG5F,KAAKwE,OAAO5X,KAAKimB,IAAIjmB,KAAK+qB,IAAIxM,SAAS,WAAW,SAASve;KAEzF03B,iBAAiB,wBAAwBnZ,OAAOve;WAC3CA,KAAK8R,IAAI9R,KAAKsa,GAAGta,KAAKgZ,MAAMhZ,KAAKimB,IAAIjmB,KAAK+qB,IAAIxM,QAAQve;KAE3D42B,uBAAuB,8BAA8BrY,OAAOve;QAC1Dye,KAAKze,KAAK8d,KACVmI,IAAI;SAEH1H,SAASve,KAAK6K;MACjBob,IAAIjmB,KAAK6K;eACA0T,UAAU,KAAKve,KAAKiE;MAC7BgiB,IAAIjmB,KAAKiE;;aAEFwa;QACLwH,IAAIxH,GAAGzF,KAAKyF,GAAG0Y,IAAI1Y,GAAG0Y,EAAE1Y,GAAGwH,IAAIxH,GAAGsM,IAAIxM,SAASnL,KAAKwE,OAAO6G,GAAGwH,IAAIxH,GAAGsM,IAAIxM,SAAS,SAAS,SAAS0H;QACpGxH,KAAKA,GAAGjE;;MAGVyL,KAAKjmB,KAAK+qB;;IAGZ/qB,KAAK8R,IAAI9R,KAAKsa,GAAGta,KAAKgZ,GAAGiN,GAAGjmB;KAE1BinB,oBAAoB,2BAA2B1I,OAAOve;QACpDye,KAAKze,KAAK8d;WAEPW;MACLA,GAAGO,EAAET,OAAOE,GAAGzZ;MACfyZ,KAAKA,GAAGjE;;KAGR6N,qBAAqB,4BAA4BD,UAAUlQ,OAAOnB,QAAQjB;QACxE2I,KAAK,KAAKX,KACVpD;WAEG+D;MACL/D,OAAO+D,GAAGjE;MACViE,GAAGzF,MAAMlD,YAAY2I,GAAG2J,SAASA,UAAUlQ,OAAOnB;MAClD0H,KAAK/D;;KAGLyN,oBAAoB,2BAA2BrS;QAC7C2I,KAAK,KAAKX,KACVuc,0BACA3f;WAEG+D;MACL/D,OAAO+D,GAAGjE;UAENiE,GAAGzF,MAAMlD,aAAa2I,GAAG6b,MAAM7b,GAAG6b,OAAOxkB;QAC3C2E,sBAAsB,MAAMgE,IAAI;kBACtBA,GAAGxZ;QACbo1B,2BAA2B;;MAG7B5b,KAAK/D;;YAGC2f;KAENE,sBAAsB,6BAA6BxjB,QAAQjB,UAAU/B,OAAO/T;IAC9EA,KAAKw6B,KAAKzjB,QAAQjB,UAAU9V,KAAKm3B,EAAEr3B,KAAKE,KAAKkY,OAAOnE,OAAO/T,KAAKy6B,KAAKz6B;KAEnE84B,4BAA4B,mCAAmC73B;QAC7Dwd,KAAKxd,OAAO6c,KACZpD,MACAggB,KACAC,OACAC;WAEGnc;MACL/D,OAAO+D,GAAGjE;MACVkgB,MAAMC;aAECD,OAAOA,IAAIG,KAAKpc,GAAGoc;QACxBH,MAAMA,IAAIlgB;;UAGRiE,GAAGlE,QAAQmgB,MAAMA,IAAIngB,QAAQqgB;QAC/Bnc,GAAGlE,MAAMC,QAAQiE;;QAEjBkc,QAAQlc;;UAGNA,GAAGjE,QAAQkgB;QACbA,IAAIngB,QAAQkE;;QAEZmc,OAAOnc;;MAGTA,KAAK/D;;IAGPzZ,OAAO6c,MAAM6c;;MAGX7R,aAAY;IACd,mBAAmBpO,MAAM3D,QAAQjM,MAAM4b,OAAOoU,QAAQC,UAAU/6B,MAAMy2B,QAAQwB;MAC5E,KAAK3d,IAAIvD;MACT,KAAKkP,IAAIS;MACT,KAAKqE,IAAI+P;MACT,KAAK9hB,IAAIlO;MACT,KAAKkU,IAAI+b,YAAYpD;MACrB,KAAK3yB,IAAIhF,QAAQ;MACjB,KAAK8R,MAAM2kB,UAAUc;MACrB,KAAKsD,KAAK5C,YAAY;MACtB,KAAKzd,QAAQE;UAETA;QACFA,KAAKH,QAAQ;;;QAIbygB,UAAUlS,UAAU9d;IAExBgwB,QAAQ5S,WAAW,kBAAkB1Q,MAAMQ,OAAOnB;MAChD,KAAKyjB,OAAO,KAAKA,QAAQ,KAAK1oB;MAC9B,KAAKA,MAAMyoB;MACX,KAAKpD,IAAIzf;MACT,KAAK+iB,KAAK1jB;MACV,KAAKmB,QAAQA;;WAGR4Q;;EAGTtR,aAAaZ,iBAAiB,uOAAuO,UAAUV;WACtQE,eAAeF,QAAQ;;EAGhCZ,SAAS2lB,WAAW3lB,SAAS4lB,YAAY7Z;EACzC/L,SAAS6lB,eAAe7lB,SAAS8lB,cAAcpb;EAC/C9K,sBAAsB8K;IACpBuS,cAAc;IACd1gB,UAAUgB;IACVgI,oBAAoB;IACpBtY,IAAI;IACJka,mBAAmB;;EAErBlK,QAAQmkB,eAAejL;MACnBxU;IACFokB,gBAAgB;eACLC,QAAQrW,UAAUpiB,QAAQsN,WAAWjL,MAAMo2B,QAAQC,QAAQ,GAAGA,QAAQD,OAAOC;QACpFprB,KAAKorB,SAAStW,UAAUsW;;MAG1BprB,KAAKhO,QAAQ,UAAU0lB;eACdD,cAAcC;;;IAGzBjW,UAAU,kBAAkB8H;iBACfsG,SAAStG;;IAEtBsb,aAAa,qBAAqBle,SAASie;aAClC7f,gBAAgB8f,YAAYle,SAASie;;IAE9CyG,aAAa,qBAAqBzkB,QAAQjB,UAAUyP,MAAMkW;MACxD3nB,UAAUiD,YAAYA,SAASO,QAAQP,QAAQ;UAE3C2kB,SAASrkB,UAAUN,gBAAcyR,KACjCmT,SAASpW,OAAOxM,eAAeL;MAEnC6M,SAAS,aAAaA,OAAO;cACrBxO,SAASA,UAAUjB,WAAW,UAAUA,UAAUyP,MAAMkW;eACvDE,QAAQnlB,SAASV,aAAaU,SAASV,UAAU0S,OAAOkT,QAAQ3kB,QAAQjB,UAAUyP,MAAMkW;UAC7FE,QAAQnlB,SAASV,aAAaU,SAASV,UAAU0S,OAAOkT,QAAQ3kB,QAAQjB,UAAUyP,MAAMkW;;IAE9FG,aAAa,qBAAqB7kB,QAAQjB,UAAUyP;MAClDxO,SAASO,QAAQP;UAEbA,OAAOlU,SAAS;YACdg5B,UAAU9kB,OAAOrS,IAAI,UAAU4V;iBAC1B1E,KAAKgmB,YAAYthB,GAAGxE,UAAUyP;YAEnCvN,IAAI6jB,QAAQh5B;eACT,UAAUkR;cACXnR,IAAIoV;iBAEDpV;YACLi5B,QAAQj5B,GAAGmR;;;;MAKjBgD,SAASA,OAAO;UAEZgR,SAASvR,SAASV,WAClB5O,QAAQmQ,UAAUN,SAClBiC,IAAI9R,MAAMgQ,YAAYhQ,MAAMgQ,QAAQyR,iBAAe7S,aAAaA,UAChE2gB,SAAS1O,SAAS,UAAUhU;YAC1BiF,QAAQ+O;QACZJ,YAAY7J,MAAM;QAClB9E,EAAEgP,KAAKjR,QAAQwO,OAAOxR,QAAQwR,OAAOxR,OAAO4T,aAAa,IAAI5Q;QAC7DiC,EAAEZ,OAAO,GAAGY;QACZ2O,YAAY7J,OAAOmJ,kBAAkB,GAAGU;UACtCzgB,MAAM4K,IAAIiF,QAAQiC;aAEf+O,SAAS0O,SAAS,UAAU1iB;eAC1B0iB,OAAO1f,QAAQiC,GAAGuM,OAAOxR,QAAQwR,OAAOxR,OAAO7M,OAAO;;;IAGjE40B,YAAY,oBAAoBhlB;aACvB5B,gBAAgB8f,YAAYle,SAAS,MAAMjU,SAAS;;IAE7DgP,UAAU,kBAAkBkC;MAC1BA,SAASA,MAAMjL,SAASiL,MAAMjL,OAAO6Z,WAAW5O,MAAMjL,MAAM+J,UAAU/J;aAC/DuQ,WAAWxG,WAAWkB;;IAE/B8T,QAAQ,gBAAgB9T;aACfsF,WAAW9G,SAASwB;;IAE7BgoB,gBAAgB,wBAAwBC;UAClC9lB,OAAO8lB,MAAM9lB,MACb+lB,SAASD,MAAMC,QACfC,UAAUF,MAAME,SAChBrqB,WAAWmqB,MAAMnqB,UACjBsqB,iBAAiBH,MAAMG;OAC1BD,WAAW,IAAIp2B,MAAM,KAAK3D,QAAQ,UAAUi6B;eACpCA,eAAe5lB,SAAS4lB,gBAAgB9mB,SAAS8mB,eAAermB,MAAMG,OAAO,sBAAsBkmB,aAAa;;MAGzH3lB,SAASP,QAAQ,UAAUY,SAAS4C,MAAM4b;eACjC2G,OAAO3kB,QAAQR,UAAUmC,aAAaS,cAAY7H,WAAWyjB;;UAGlE6G;QACFnc,SAAShV,UAAUkL,QAAQ,UAAUY,SAAS4C,MAAMuD;iBAC3C,KAAKlM,IAAI0F,SAASP,MAAMY,SAAS3C,UAAUuF,QAAQA,QAAQuD,WAAWvD,eAAa,OAAOuD;;;;IAIvGof,cAAc,sBAAsBnmB,MAAMpN;MACxCilB,SAAS7X,QAAQyM,WAAW7Z;;IAE9BwzB,WAAW,mBAAmBxzB,MAAMkmB;aAC3B/J,UAAUpiB,SAAS8f,WAAW7Z,MAAMkmB,eAAejB;;IAE5DwG,SAAS,iBAAiBhyB;aACjB2S,gBAAgBqf,QAAQhyB;;IAEjCg6B,YAAY,oBAAoB7iB,MAAM8iB;UAChC9iB,cAAc;QAChBA;;UAGE4b,SAAStV,SAAStG,OAClB7M,OACA6N;MACJ4a,GAAG7Y,oBAAoBrI,YAAYsF,KAAK+C;MAExCvH,gBAAgB7Q,OAAOixB;MAEvBA,GAAGzb,MAAM;MACTyb,GAAG5Y,QAAQ4Y,GAAG3Z,SAASzG,gBAAgBwH;MACvC7P,QAAQqI,gBAAgBqK;aAEjB1S;QACL6N,OAAO7N,MAAM2N;YAETgiB,0BAA0B3vB,MAAMoO,QAAQpO,iBAAiBwU,SAASxU,MAAM6M,KAAKuZ,eAAepmB,MAAMuoB,SAAS;UAC7GpY,eAAesY,IAAIzoB,OAAOA,MAAMqO,SAASrO,MAAMuQ;;QAGjDvQ,QAAQ6N;;MAGVsC,eAAe9H,iBAAiBogB,IAAI;aAE7BA;;IAETmH;MACE7W,MAAMA;MACNE,UAAUA;MACVrD,YAAYA;MACZD,QAAQA;MACR4B,MAAMA;MACNoB,WAAWA;MACX/D,SAASA;MACTC,OAAOA;MACP8I,YAAYA;MACZlT,SAASA;MACT3N,UAAUA;MACV8b,UAAUA;MACVV,MAAMA;MACNO,SAASA;MACTmB,aAAaA;MACbnE,SAASA;;IAEXoa,SAASjnB;IACTknB,SAASlmB;IACTmmB,QAAQ5e;IACRuY,YAAYvW,SAASuW;IACrB2F,SAAS1lB;IACTqmB,gBAAgB3nB;IAChB4nB;MACEhU,WAAWA;MACXiU,SAAS9mB;MACToL,OAAOA;MACPrB,UAAUA;MACV2Q,WAAWA;MACXqM,UAAU3lB;MACVoD,uBAAuBA;MACvBwiB,oBAAoB,4BAA4BlpB;eACvCf,sBAAsBe;;;;EAKnCyD,aAAa,+CAA+C,UAAUtB;WAC7De,MAAMf,QAAQmL,MAAMnL;;EAG7B8H,QAAQjN,IAAIiP,SAASuW;EAErB5O,cAAc1Q,MAAMrO;IAClBC,UAAU;;MAGRq0B,sBAAsB,6BAA6BnF,QAAQjtB;QACzD2T,KAAKsZ,OAAOja;WAETW,MAAMA,GAAGzF,MAAMlO,QAAQ2T,GAAG6b,OAAOxvB,QAAQ2T,GAAG2Y,OAAOtsB;MACxD2T,KAAKA,GAAGjE;;WAGHiE;KAEL0e,gBAAgB,uBAAuBjlB,OAAOklB;QAC5CtmB,UAAUoB,MAAMkd,UAChBpc,GACApW,GACA6b;SAECzF,KAAKokB;MACRx6B,IAAIkU,QAAQjU;aAELD;QACL6b,KAAKvG,MAAM+Y,UAAUruB,GAAGoW;YAEpByF,OAAOA,KAAKA,GAAGzZ;cACbyZ,GAAGX;YACLW,KAAKye,oBAAoBze,IAAIzF;;UAG/ByF,MAAMA,GAAG2J,YAAY3J,GAAG2J,SAASgV,UAAUpkB,IAAId,OAAOpB,QAAQlU,IAAIoW;;;;KAKtEqkB,uBAAuB,8BAA8BnnB,MAAMkS;;MAE3DlS,MAAMA;MACNoS,SAAS;MACTN,MAAM,cAAcjR,QAAQ2C,MAAMxB;QAChCA,MAAM6gB,UAAU,UAAU7gB;cACpBolB,MAAMtkB;cAENlF,UAAU4F;YACZ4jB;YAEA9lB,aAAakC,MAAM,UAAUxD;qBACpBonB,KAAKpnB,QAAQ;;YAGtBwD,OAAO4jB;;cAGLlV;YACFkV;iBAEKtkB,KAAKU;cACR4jB,KAAKtkB,KAAKoP,SAAS1O,KAAKV;;YAG1BU,OAAO4jB;;UAGTH,cAAcjlB,OAAOwB;;;;;MAMzB9D,OAAOqB,MAAMokB;IACfnlB,MAAM;IACN8R,MAAM,cAAcjR,QAAQ2C,MAAMxB,OAAOjI,OAAO6G;UAC1CkC,GAAGyF;WAEFzF,KAAKU;QACR+E,KAAK,KAAK1N,IAAIgG,QAAQ,iBAAiBA,OAAOlR,aAAamT,MAAM,KAAK,IAAIU,KAAKV,IAAI/I,OAAO6G,SAAS,GAAG,GAAGkC;QACzGyF,OAAOA,GAAG6b,KAAKthB;QAEf,KAAKiP,OAAO3nB,KAAK0Y;;;;IAIrB9C,MAAM;IACN8R,MAAM,cAAcjR,QAAQhD;UACtBnR,IAAImR,MAAMlR;aAEPD;QACL,KAAKmO,IAAIgG,QAAQnU,GAAGmU,OAAOnU,MAAM,GAAGmR,MAAMnR;;;KAG7Cy6B,qBAAqB,cAAcpZ,iBAAiBoZ,qBAAqB,cAAcA,qBAAqB,QAAQjZ,UAAUnN;EACjIoK,MAAMgM,UAAUrN,SAASqN,UAAUzX,KAAKyX,UAAU;EAClD7X,aAAa;EACbnB,mBAAmB8N;MACfob,SAASxP,SAASwP,QAClBC,SAASzP,SAASyP,QAClBC,SAAS1P,SAAS0P,QAClBC,SAAS3P,SAAS2P,QAClBC,SAAS5P,SAAS4P,QAClBzN,SAASnC,SAASmC,QAClB0N,OAAO7P,SAAS6P,MAChBC,QAAQ9P,SAAS8P,OACjBC,QAAQ/P,SAAS+P,OACjBC,QAAQhQ,SAASgQ,OACjBC,SAASjQ,SAASiQ,QAClBC,UAAUlQ,SAASkQ,SACnBC,OAAOnQ,SAASmQ,MAChB1N,cAAczC,SAASyC,aACvB2N,SAASpQ,SAASoQ,QAClBC,OAAOrQ,SAASqQ,MAChBC,OAAOtQ,SAASsQ,MAChBC,OAAOvQ,SAASuQ;MAEhBC,QACAC,QACAC,aACAC,gBACAC,UACAC,gBACAC,qBACAC,kBAAkB;kBACN/7B,WAAW;KAEvBg8B,sBACAC,WAAW,MAAM5rB,KAAKC,IACtB4rB,WAAW7rB,KAAKC,KAAK,KACrB6rB,SAAS9rB,KAAK+rB,OACdC,YAAY,KACZC,WAAW,YACXC,iBAAiB,0CACjBC,cAAc,aACdC;IACFC,WAAW;IACXC,OAAO;IACPC,OAAO;KAELC,iBAAiB,wBAAwBrhB,OAAOve;WAC3CA,KAAK8R,IAAI9R,KAAKsa,GAAGta,KAAKgZ,GAAG5F,KAAKwE,OAAO5X,KAAKimB,IAAIjmB,KAAK+qB,IAAIxM,SAAS,SAAS,QAAQve,KAAK+jB,GAAG/jB;KAE9F6/B,qBAAqB,4BAA4BthB,OAAOve;WACnDA,KAAK8R,IAAI9R,KAAKsa,GAAGta,KAAKgZ,GAAGuF,UAAU,IAAIve,KAAKiE,IAAImP,KAAKwE,OAAO5X,KAAKimB,IAAIjmB,KAAK+qB,IAAIxM,SAAS,SAAS,QAAQve,KAAK+jB,GAAG/jB;KAErH8/B,8BAA8B,qCAAqCvhB,OAAOve;WACrEA,KAAK8R,IAAI9R,KAAKsa,GAAGta,KAAKgZ,GAAGuF,QAAQnL,KAAKwE,OAAO5X,KAAKimB,IAAIjmB,KAAK+qB,IAAIxM,SAAS,SAAS,QAAQve,KAAK+jB,IAAI/jB,KAAK6K,GAAG7K;KAE/G+/B,wBAAwB,+BAA+BxhB,OAAOve;QAC5D+T,QAAQ/T,KAAKimB,IAAIjmB,KAAK+qB,IAAIxM;IAC9Bve,KAAK8R,IAAI9R,KAAKsa,GAAGta,KAAKgZ,MAAMjF,SAASA,QAAQ,KAAK,KAAK,OAAO/T,KAAK+jB,GAAG/jB;KAEpEggC,0BAA0B,iCAAiCzhB,OAAOve;WAC7DA,KAAK8R,IAAI9R,KAAKsa,GAAGta,KAAKgZ,GAAGuF,QAAQve,KAAKiE,IAAIjE,KAAK6K,GAAG7K;KAEvDigC,mCAAmC,0CAA0C1hB,OAAOve;WAC/EA,KAAK8R,IAAI9R,KAAKsa,GAAGta,KAAKgZ,GAAGuF,UAAU,IAAIve,KAAK6K,IAAI7K,KAAKiE,GAAGjE;KAE7DkgC,kBAAkB,yBAAyBnpB,QAAQjB,UAAU/B;WACxDgD,OAAOjK,MAAMgJ,YAAY/B;KAE9BosB,iBAAiB,wBAAwBppB,QAAQjB,UAAU/B;WACtDgD,OAAOjK,MAAMszB,YAAYtqB,UAAU/B;KAExCssB,mBAAmB,0BAA0BtpB,QAAQjB,UAAU/B;WAC1DgD,OAAOE,MAAMnB,YAAY/B;KAE9BusB,eAAe,sBAAsBvpB,QAAQjB,UAAU/B;WAClDgD,OAAOE,MAAMspB,SAASxpB,OAAOE,MAAMupB,SAASzsB;KAEjD0sB,yBAAyB,gCAAgC1pB,QAAQjB,UAAU/B,OAAO/T,MAAMue;QACtFrX,QAAQ6P,OAAOE;IACnB/P,MAAMq5B,SAASr5B,MAAMs5B,SAASzsB;IAC9B7M,MAAMw5B,gBAAgBniB,OAAOrX;KAE3By5B,6BAA6B,oCAAoC5pB,QAAQjB,UAAU/B,OAAO/T,MAAMue;QAC9FrX,QAAQ6P,OAAOE;IACnB/P,MAAM4O,YAAY/B;IAClB7M,MAAMw5B,gBAAgBniB,OAAOrX;KAE3B05B,iBAAiB,aACjBC,uBAAuBD,iBAAiB,UACxCE,aACAC,iBAAiB,wBAAwBn/B,MAAMo/B;QAC7C/8B,IAAIu6B,OAAOyC,kBAAkBzC,OAAOyC,iBAAiBD,MAAM,gCAAgCpgB,QAAQ,UAAU,SAAShf,QAAQ48B,OAAOj6B,cAAc3C;WAChJqC,EAAE6I,QAAQ7I,IAAIu6B,OAAOj6B,cAAc3C;KAExCs/B,uBAAuB,8BAA8BnqB,QAAQjB,UAAUqrB;QACrEC,KAAKr0B,iBAAiBgK;WACnBqqB,GAAGtrB,aAAasrB,GAAGC,iBAAiBvrB,SAAS8K,QAAQye,UAAU,OAAO/P,kBAAkB8R,GAAGC,iBAAiBvrB,cAAcqrB,sBAAsBD,qBAAqBnqB,QAAQuqB,iBAAiBxrB,aAAaA,UAAU,MAAM;KAEhOyrB,aAAY,sBAAqBz7B,MAAM,MACvCw7B,mBAAmB,0BAA0BxrB,UAAU5G,SAASsyB;QAC9Dv9B,IAAIiL,WAAWyvB,UACf1Y,IAAIhiB,EAAE6I,OACNlK,IAAI;SAEJkT,YAAYmQ,OAAMub;aACb1rB;;IAGTA,WAAWA,SAAS4K,OAAO,GAAGmI,gBAAgB/S,SAAS6K,OAAO;WAEvD/d,UAAS2+B,UAAU3+B,KAAKkT,YAAYmQ;WAEpCrjB,IAAI,IAAI,QAAQA,MAAM,IAAI,OAAOA,KAAK,IAAI2+B,UAAU3+B,KAAK,MAAMkT;KAEpE2rB,YAAY;QACV3C,qBAAqB/7B,OAAOc;MAC9B06B,SAASx7B;MACTy7B,SAASD,OAAO16B;MAChB46B,cAAcD,OAAOkD;MACrB/C,WAAWoC,eAAe;QACxBj0B;;MAEF8xB,iBAAiBmC,eAAe;MAChCH,iBAAiBU,iBAAiBV;MAClCC,uBAAuBD,iBAAiB;MACxCjC,SAAS7xB,MAAM60B,UAAU;MACzBb,gBAAgBQ,iBAAiB;MACjC5C,iBAAiB;;KAGjBkD,eAAe,sBAAsBC;QACnCC,MAAMf,eAAe,OAAO,KAAKgB,mBAAmB,KAAKA,gBAAgBl8B,aAAa,YAAY,+BAClGm8B,YAAY,KAAKt8B,YACjBu8B,aAAa,KAAK/7B,aAClBg8B,SAAS,KAAKp1B,MAAM60B,SACpBQ;IAEJ1D,YAAY16B,YAAY+9B;IAExBA,IAAI/9B,YAAY;IAChB,KAAK+I,MAAMs1B,UAAU;QAEjBP;;QAEAM,OAAO,KAAKE;QACZ,KAAKC,YAAY,KAAKD;QACtB,KAAKA,UAAUT;eACR39B;eACA,KAAKq+B;MACdH,OAAO,KAAKG;;QAGVN;UACEC;QACFD,UAAU/7B,aAAa,MAAMg8B;;QAE7BD,UAAUj+B,YAAY;;;IAI1B06B,YAAY94B,YAAYm8B;IAExB,KAAKh1B,MAAM60B,UAAUO;WACdC;KAELI,yBAAyB,gCAAgCxrB,QAAQyrB;QAC/D5/B,IAAI4/B,gBAAgB3/B;WAEjBD;UACDmU,OAAO0rB,aAAaD,gBAAgB5/B;eAC/BmU,OAAOlR,aAAa28B,gBAAgB5/B;;;KAI7C8/B,WAAW,kBAAkB3rB;QAC3B4rB;;MAGFA,SAAS5rB,OAAOsrB;aACT/+B;MACPq/B,SAASf,aAAa9hC,KAAKiX,QAAQ;;IAGrC4rB,WAAWA,OAAOC,SAASD,OAAOE,WAAW9rB,OAAOsrB,YAAYT,iBAAiBe,SAASf,aAAa9hC,KAAKiX,QAAQ;WAC7G4rB,WAAWA,OAAOC,UAAUD,OAAOnf,MAAMmf,OAAO5wB;MACrDyR,IAAI+e,uBAAuBxrB,SAAS,KAAK,MAAM,UAAU;MACzDhF,IAAIwwB,uBAAuBxrB,SAAS,KAAK,MAAM,UAAU;MACzD6rB,OAAO;MACPC,QAAQ;QACNF;KAEFG,SAAS,gBAAgB7+B;cACjBA,EAAE8+B,YAAY9+B,EAAEyB,cAAczB,EAAE89B,oBAAoBW,SAASz+B;KAErE++B,kBAAkB,yBAAyBjsB,QAAQjB;QACjDA;UACEhJ,QAAQiK,OAAOjK;WAEfgJ,YAAYipB,oBAAmBjpB,aAAa+qB;QAC9C/qB,WAAW8qB;;UAGT9zB,MAAMm2B;YACJntB,SAAS6K,OAAO,GAAG,OAAO,QAAQ7K,SAAS6K,OAAO,GAAG,OAAO;UAC9D7K,WAAW,MAAMA;;QAGnBhJ,MAAMm2B,eAAentB,SAAS8K,QAAQye,UAAU,OAAO/P;;QAEvDxiB,MAAMo2B,gBAAgBptB;;;KAIxBqtB,oBAAoB,2BAA2BpL,QAAQhhB,QAAQjB,UAAUstB,WAAWhgB,KAAKigB;QACvF5kB,SAASqK,UAAUiP,OAAOja,KAAK/G,QAAQjB,UAAU,GAAG,GAAGutB,eAAepD,mCAAmCD;IAC7GjI,OAAOja,MAAMW;IACbA,GAAG5T,IAAIu4B;IACP3kB,GAAGxa,IAAImf;IAEP2U,OAAO9P,OAAO3nB,KAAKwV;WAEZ2I;KAEL6kB;IACFC,KAAK;IACLC,KAAK;IACLC,MAAM;KAEJC,iBAAiB,wBAAwB3sB,QAAQjB,UAAU/B,OAAOwR;QAChEoe,WAAW/qB,WAAW7E,UAAU,GAChC6vB,WAAW7vB,QAAQ,IAAI+E,OAAO6H,QAAQgjB,WAAW,IAAI9gC,WAAW,MAChEiK,QAAQ6xB,SAAS7xB,OACjB+2B,aAAavE,eAAeh+B,KAAKwU,WACjCguB,YAAY/sB,OAAOgtB,QAAQzU,kBAAkB,OAC7C0U,mBAAmBF,YAAY,WAAW,aAAaD,aAAa,UAAU,WAC9E/f,SAAS,KACTmgB,WAAW1e,SAAS,MACpB2e,YAAY3e,SAAS,KACrB4e,IACAljC,QACAiG,OACAk9B;QAEA7e,SAASqe,YAAYD,YAAYL,qBAAqB/d,SAAS+d,qBAAqBM;aAC/ED;;IAGTC,YAAY,SAASK,aAAaN,WAAWD,eAAe3sB,QAAQjB,UAAU/B,OAAO;IACrFqwB,QAAQrtB,OAAOgsB,UAAUD,OAAO/rB;SAE3BmtB,aAAaN,YAAY,SAAS7E,gBAAgBjpB,cAAcA,SAAShV,QAAQ;MACpFqjC,KAAKC,QAAQrtB,OAAOsrB,UAAUwB,aAAa,UAAU,YAAY9sB,OAAOitB;aACjErsB,OAAOusB,YAAYP,WAAWQ,KAAKrgB,SAAS6f,WAAW,MAAMQ;;IAGtEr3B,MAAM+2B,aAAa,UAAU,YAAY/f,UAAUmgB,WAAWL,UAAUre;IACxEtkB,UAAU6U,SAAShV,QAAQ,YAAYykB,SAAS,QAAQxO,OAAOhT,gBAAgB+/B,YAAY/sB,SAASA,OAAOrR;QAEvG0+B;MACFnjC,UAAU8V,OAAOgrB,yBAAuBr8B;;SAGrCzE,UAAUA,WAAWu9B,WAAWv9B,OAAO8C;MAC1C9C,SAASu9B,OAAO16B;;IAGlBoD,QAAQjG,OAAOgW;QAEX/P,SAASg9B,aAAah9B,MAAM07B,SAASiB,cAAc38B,MAAMqR,SAASyF,QAAQzF;aACrEZ,OAAOgsB,WAAWz8B,MAAM07B,QAAQ9e;;OAEtCogB,aAAaN,YAAY,SAAS92B,MAAMmQ,WAAWikB,qBAAqBnqB,QAAQ;MACjF9V,WAAW8V,WAAWjK,MAAMmQ,WAAW;MACvChc,OAAO8C,YAAY46B;MACnBwF,KAAKxF,SAASqF;MACd/iC,OAAO0E,YAAYg5B;MACnB7xB,MAAMmQ,WAAW;UAEb4mB,cAAcK;QAChBh9B,QAAQmQ,UAAUpW;QAClBiG,MAAMqR,OAAOyF,QAAQzF;QACrBrR,MAAM07B,QAAQ3hC,OAAO+iC;;;WAIlBrsB,OAAOssB,WAAWE,KAAKR,WAAW7f,SAASqgB,MAAMR,WAAW7f,SAASqgB,KAAKR,WAAW;KAE1FU,OAAO,cAActtB,QAAQjB,UAAUyP,MAAMkW;QAC3C1nB;IACJ2qB,kBAAkB+C;SAEd3rB,YAAY0pB,qBAAoB1pB,aAAa;MAC/CA,WAAW0pB,iBAAiB1pB;WAEvBA,SAAShV,QAAQ;QACpBgV,WAAWA,SAAShQ,MAAM,KAAK;;;QAI/Bi5B,gBAAgBjpB,aAAaA,aAAa;MAC5C/B,QAAQuwB,gBAAgBvtB,QAAQ0kB;MAChC1nB,QAAQ+B,aAAa,oBAAoB/B,MAAM+B,YAAY/B,MAAM+tB,MAAM/tB,MAAMpN,SAAS49B,cAAcrD,qBAAqBnqB,QAAQ8pB,yBAAyB,MAAM9sB,MAAMywB,UAAU;;MAEhLzwB,QAAQgD,OAAOjK,MAAMgJ;WAEhB/B,SAASA,UAAU,UAAU0nB,aAAa1nB,QAAQ,IAAIjT,QAAQ;QACjEiT,QAAQ0wB,cAAc3uB,aAAa2uB,cAAc3uB,UAAUiB,QAAQjB,UAAUyP,SAAS2b,qBAAqBnqB,QAAQjB,aAAayB,aAAaR,QAAQjB,cAAcA,aAAa,YAAY,IAAI;;;WAI7LyP,WAAWxR,QAAQ,IAAI+E,OAAOhY,QAAQ,OAAO4iC,eAAe3sB,QAAQjB,UAAU/B,OAAOwR,QAAQA,OAAOxR;KAEzG2wB,yBAAyB,gCAAgC3tB,QAAQjM,MAAM4b,OAAOtD;SAC3EsD,SAASA,UAAU;UAClB1N,IAAIsoB,iBAAiBx2B,MAAMiM,QAAQ,IACnCkP,IAAIjN,KAAKkoB,qBAAqBnqB,QAAQiC,GAAG;UAEzCiN,KAAKA,MAAMS;QACb5b,OAAOkO;QACP0N,QAAQT;iBACCnb,SAAS;QAClB4b,QAAQwa,qBAAqBnqB,QAAQ;;;QAIrC0H,SAASqK,UAAU,KAAKhL,KAAK/G,OAAOjK,OAAOhC,MAAM,GAAG,GAAG8rB,uBACvD3mB,QAAQ,GACR4mB,aAAa,GACbjsB,GACAugB,QACAwZ,aACA1N,UACA3L,OACAsZ,YACAC,UACA9N,QACAC,OACA8N,SACAC,WACAC,UACAC;IACJxmB,GAAG5T,IAAI6b;IACPjI,GAAGxa,IAAImf;IACPsD,SAAS;IACTtD,OAAO;QAEHA,QAAQ;MACVrM,OAAOjK,MAAMhC,QAAQsY;MACrBA,MAAM8d,qBAAqBnqB,QAAQjM,SAASsY;MAC5CrM,OAAOjK,MAAMhC,QAAQ4b;;IAGvB9b,KAAK8b,OAAOtD;IAEZqI,mBAAmB7gB;IAEnB8b,QAAQ9b,EAAE;IACVwY,MAAMxY,EAAE;IACR+5B,cAAcje,MAAM7N,MAAMhE;IAC1BowB,YAAY7hB,IAAIvK,MAAMhE;QAElBowB,UAAUpiC;aACLsoB,SAAStW,gBAAgB3H,KAAKkW;QACnCyhB,WAAW1Z,OAAO;QAClB6L,QAAQ5T,IAAIzS,UAAUV,OAAOkb,OAAOlb;YAEhCqb;UACFA,SAASA,QAAQ,KAAK;mBACb0L,MAAMrW,QAAQ,OAAO,WAAWqW,MAAMrW,QAAQ,OAAO;UAC9D2K,QAAQ;;YAGNuZ,cAAcD,aAAaD,YAAY9N,iBAAiB;UAC1DI,WAAWre,WAAWgsB,eAAe;UACrCG,YAAYH,WAAWjkB,QAAQsW,WAAW,IAAIp0B;UAC9CmiC,WAAWH,SAASnkB,OAAO,OAAO,QAAQmkB,SAASnkB,OAAO,KAAK,OAAO;cAElEskB;YACFH,WAAWA,SAASlkB,OAAO;;UAG7BoW,SAASne,WAAWisB;UACpBC,UAAUD,SAASlkB,QAAQoW,SAAS,IAAIl0B;UACxCoN,QAAQ4E,gBAAgB8W,YAAYmZ,QAAQjiC;eAEvCiiC;YACHA,UAAUA,WAAWvyB,QAAQI,MAAM7H,SAASi6B;gBAExC90B,UAAUmT,IAAIvgB;cAChBugB,OAAO0hB;cACPrmB,GAAGxa,KAAK6gC;;;cAIRC,cAAcD;YAChB7N,WAAWyM,eAAe3sB,QAAQjM,MAAM85B,YAAYE,YAAY;;UAGlErmB,GAAGX;YACDtD,OAAOiE,GAAGX;YACV9E,GAAGge,SAASH,eAAe,IAAIG,QAAQ;YACvC/Q,GAAGgR;YACHlM,GAAGia,WAAWA,WAAWjO,SAASA,SAASE;YAC3CE,GAAG7L,SAASA,QAAQ,KAAKxgB,SAAS,WAAWsI,KAAKwE,QAAQ;;;;MAKhE6G,GAAGsM,IAAI9a,QAAQmT,IAAIvgB,SAASugB,IAAIzS,UAAUV,OAAOmT,IAAIvgB,UAAU;;MAE/D4b,GAAGO,IAAIlU,SAAS,aAAasY,QAAQ,SAAS6c,mCAAmCD;;IAGnFjrB,QAAQzT,KAAK8hB,SAAS3E,GAAGxa,IAAI;IAC7B,KAAK6Z,MAAMW;WACJA;KAELymB;IACFC,KAAK;IACLC,QAAQ;IACRvhB,MAAM;IACNwhB,OAAO;IACPniB,QAAQ;KAENoiB,gCAAgC,uCAAuCvxB;QACrEjO,QAAQiO,MAAMjO,MAAM,MACpB0d,IAAI1d,MAAM,IACViM,IAAIjM,MAAM,MAAM;QAEhB0d,MAAM,SAASA,MAAM,YAAYzR,MAAM,UAAUA,MAAM;MACzDgC,QAAQyP;MACRA,IAAIzR;MACJA,IAAIgC;;IAGNjO,MAAM,KAAKo/B,kBAAkB1hB,MAAMA;IACnC1d,MAAM,KAAKo/B,kBAAkBnzB,MAAMA;WAC5BjM,MAAMrC,KAAK;KAEhB8hC,oBAAoB,2BAA2BhnB,OAAOve;QACpDA,KAAKkY,SAASlY,KAAKkY,MAAMwE,UAAU1c,KAAKkY,MAAM+C;UAC5ClE,SAAS/W,KAAKsa,GACdxN,QAAQiK,OAAOjK,OACfgoB,QAAQ90B,KAAK+jB,GACb7c,QAAQ6P,OAAOE,OACfnM,MACA06B,iBACA5iC;UAEAkyB,UAAU,SAASA,UAAU;QAC/BhoB,MAAM60B,UAAU;QAChB6D,kBAAkB;;QAElB1Q,QAAQA,MAAMhvB,MAAM;QACpBlD,IAAIkyB,MAAMjyB;iBAEDD,KAAK;UACZkI,OAAOgqB,MAAMlyB;cAETm8B,gBAAgBj0B;YAClB06B,kBAAkB;YAClB16B,OAAOA,SAAS,oBAAoB+1B,uBAAuBD;;UAG7DoC,gBAAgBjsB,QAAQjM;;;UAIxB06B;QACFxC,gBAAgBjsB,QAAQ6pB;YAEpB15B;UACFA,MAAM46B,OAAO/qB,OAAOmsB,gBAAgB;UAEpCoB,gBAAgBvtB,QAAQ;UAExB7P,MAAMu0B,UAAU;;;;KAKpBgJ;IACFgB,YAAY,oBAAoB1N,QAAQhhB,QAAQjB,UAAU+uB,UAAU3sB;UAC9DA,MAAMlY,SAAS;YACbye,KAAKsZ,OAAOja,UAAUgL,UAAUiP,OAAOja,KAAK/G,QAAQjB,UAAU,GAAG,GAAGyvB;QACxE9mB,GAAGsF,IAAI8gB;QACPpmB,GAAGoc,MAAM;QACTpc,GAAGvG,QAAQA;QAEX6f,OAAO9P,OAAO3nB,KAAKwV;eAEZ;;;KAIT4vB,qBAAqB,GAAG,GAAG,GAAG,GAAG,GAAG,IACpCC,4BACAC,mBAAmB,0BAA0B7xB;WACxCA,UAAU,8BAA8BA,UAAU,WAAWA;KAElE8xB,qCAAqC,4CAA4C9uB;QAC/E+uB,eAAe5E,qBAAqBnqB,QAAQ6pB;WAEzCgF,iBAAiBE,gBAAgBJ,oBAAoBI,aAAanlB,OAAO,GAAG9H,MAAMjE,SAASlQ,IAAIiT;KAEpGouB,aAAa,oBAAoBhvB,QAAQivB;QACvC9+B,QAAQ6P,OAAOE,SAASI,UAAUN,SAClCjK,QAAQiK,OAAOjK,OACfm5B,SAASJ,mCAAmC9uB,SAC5C9V,QACAiF,aACAo3B,MACA4I;QAEAh/B,MAAM46B,OAAO/qB,OAAOlR,aAAa;MACnCy3B,OAAOvmB,OAAOovB,UAAUC,QAAQC,cAAcJ;MAC9CA,UAAU3I,KAAK1yB,GAAG0yB,KAAKzyB,GAAGyyB,KAAKvS,GAAGuS,KAAKt4B,GAAGs4B,KAAKr5B,GAAGq5B,KAAKjY;aAChD4gB,OAAOxiC,KAAK,SAAS,gBAAgBiiC,oBAAoBO;eACvDA,WAAWP,sBAAsB3uB,OAAOuvB,gBAAgBvvB,WAAW0nB,gBAAgBv3B,MAAM46B;MAClGxE,OAAOxwB,MAAMs1B;MACbt1B,MAAMs1B,UAAU;MAChBnhC,SAAS8V,OAAOrR;WAEXzE,WAAW8V,OAAOuvB;QACrBJ,aAAa;QACbhgC,cAAc6Q,OAAO7Q;QAErBu4B,YAAY16B,YAAYgT;;MAG1BkvB,SAASJ,mCAAmC9uB;MAC5CumB,OAAOxwB,MAAMs1B,UAAU9E,OAAO0F,gBAAgBjsB,QAAQ;UAElDmvB;QACFhgC,cAAcjF,OAAOgF,aAAa8Q,QAAQ7Q,eAAejF,SAASA,OAAO8C,YAAYgT,UAAU0nB,YAAY94B,YAAYoR;;;WAIpHivB,WAAWC,OAAOpjC,SAAS,KAAKojC,OAAO,IAAIA,OAAO,IAAIA,OAAO,IAAIA,OAAO,IAAIA,OAAO,KAAKA,OAAO,OAAOA;KAE3GM,kBAAkB,yBAAyBxvB,QAAQpQ,QAAQ6/B,kBAAkBC,QAAQC,aAAaC;QAChGz/B,QAAQ6P,OAAOE,OACfgvB,SAASS,eAAeX,WAAWhvB,QAAQ,OAC3C6vB,aAAa1/B,MAAM2/B,WAAW,GAC9BC,aAAa5/B,MAAM6/B,WAAW,GAC9BC,aAAa9/B,MAAM+/B,WAAW,GAC9BC,aAAahgC,MAAMigC,WAAW,GAC9Bv8B,IAAIq7B,OAAO,IACXp7B,IAAIo7B,OAAO,IACXlb,IAAIkb,OAAO,IACXjhC,IAAIihC,OAAO,IACXmB,KAAKnB,OAAO,IACZoB,KAAKpB,OAAO,IACZqB,cAAc3gC,OAAOb,MAAM,MAC3B+gC,UAAUjuB,WAAW0uB,YAAY,OAAO,GACxCP,UAAUnuB,WAAW0uB,YAAY,OAAO,GACxC3E,QACA4E,aACA/jB,GACAzR;SAECy0B;MACH7D,SAASD,SAAS3rB;MAClB8vB,UAAUlE,OAAOnf,MAAM8jB,YAAY,GAAGxmC,QAAQ,OAAO+lC,UAAU,MAAMlE,OAAOC,QAAQiE;MACpFE,UAAUpE,OAAO5wB,OAAOu1B,YAAY,MAAMA,YAAY,IAAIxmC,QAAQ,OAAOimC,UAAU,MAAMpE,OAAOE,SAASkE;eAChGd,WAAWP,sBAAsB6B,cAAc38B,IAAI5F,IAAI6F,IAAIkgB;MACpEvH,IAAIqjB,WAAW7hC,IAAIuiC,eAAeR,YAAYhc,IAAIwc,gBAAgBxc,IAAIsc,KAAKriC,IAAIoiC,MAAMG;MACrFx1B,IAAI80B,YAAYh8B,IAAI08B,eAAeR,WAAWn8B,IAAI28B,gBAAgB38B,IAAIy8B,KAAKx8B,IAAIu8B,MAAMG;MACrFV,UAAUrjB;MACVujB,UAAUh1B;;QAGR00B,UAAUA,WAAW,SAASv/B,MAAMu/B;MACtCW,KAAKP,UAAUD;MACfS,KAAKN,UAAUD;MACf5/B,MAAM+/B,UAAUD,cAAcI,KAAKx8B,IAAIy8B,KAAKtc,KAAKqc;MACjDlgC,MAAMigC,UAAUD,cAAcE,KAAKv8B,IAAIw8B,KAAKriC,KAAKqiC;;MAEjDngC,MAAM+/B,UAAU//B,MAAMigC,UAAU;;IAGlCjgC,MAAM2/B,UAAUA;IAChB3/B,MAAM6/B,UAAUA;IAChB7/B,MAAMu/B,WAAWA;IACjBv/B,MAAMP,SAASA;IACfO,MAAMs/B,qBAAqBA;IAC3BzvB,OAAOjK,MAAM+zB,wBAAwB;QAEjC8F;MACFxD,kBAAkBwD,yBAAyBz/B,OAAO,WAAW0/B,YAAYC;MAEzE1D,kBAAkBwD,yBAAyBz/B,OAAO,WAAW4/B,YAAYC;MAEzE5D,kBAAkBwD,yBAAyBz/B,OAAO,WAAW8/B,YAAY9/B,MAAM+/B;MAE/E9D,kBAAkBwD,yBAAyBz/B,OAAO,WAAWggC,YAAYhgC,MAAMigC;;IAGjFpwB,OAAOnR,aAAa,mBAAmBihC,UAAU,MAAME;KAErDzC,kBAAkB,yBAAyBvtB,QAAQ0kB;QACjDv0B,QAAQ6P,OAAOE,aAAaG,QAAQL;SAEpC,OAAO7P,WAAUu0B,YAAYv0B,MAAMu0B;aAC9Bv0B;;QAGL4F,QAAQiK,OAAOjK,OACf06B,iBAAiBtgC,MAAMq5B,SAAS,GAChC4D,KAAK,MACLZ,MAAM,OACN58B,SAASu6B,qBAAqBnqB,QAAQ8pB,yBAAyB,KAC/Drd,GACAzR,GACA01B,GACAlH,QACAC,QACAkH,UACAC,WACAC,WACAC,OACAC,OACAC,aACAlB,SACAE,SACAd,QACA+B,OACAr0B,KACAE,KACAjJ,GACAC,GACAkgB,GACA/lB,GACAijC,KACAC,KACAC,IACAC,IACAC,IACAC,KACAC,KACAC,KACAC,KACAC,KACAC;IACJnlB,IAAIzR,IAAI01B,IAAIC,WAAWC,YAAYC,YAAYC,QAAQC,QAAQC,cAAc;IAC7ExH,SAASC,SAAS;IAClBt5B,MAAM46B,SAAS/qB,OAAOgsB,UAAUD,OAAO/rB;IACvCkvB,SAASF,WAAWhvB,QAAQ7P,MAAM46B;QAE9B56B,MAAM46B;MACRqG,OAAOjhC,MAAMu0B,WAAW90B,WAAW,eAAe80B,WAAW1kB,OAAOlR,aAAa;MAEjF0gC,gBAAgBxvB,QAAQoxB,MAAMxhC,UAAUwhC,MAAMjhC,MAAMs/B,kBAAkBt/B,MAAMu/B,WAAW,OAAOR;;IAGhGY,UAAU3/B,MAAM2/B,WAAW;IAC3BE,UAAU7/B,MAAM6/B,WAAW;QAEvBd,WAAWP;MACb96B,IAAIq7B,OAAO;MACXp7B,IAAIo7B,OAAO;MACXlb,IAAIkb,OAAO;MACXjhC,IAAIihC,OAAO;MACXziB,IAAIykB,MAAMhC,OAAO;MACjBl0B,IAAIm2B,MAAMjC,OAAO;UAEbA,OAAOpjC,WAAW;QACpB09B,SAASntB,KAAKK,KAAK7I,IAAIA,IAAIC,IAAIA;QAC/B21B,SAASptB,KAAKK,KAAKzO,IAAIA,IAAI+lB,IAAIA;QAC/B2c,WAAW98B,KAAKC,IAAIq0B,OAAOr0B,GAAGD,KAAKo0B,WAAW;QAC9C6I,QAAQ9c,KAAK/lB,IAAIk6B,OAAOnU,GAAG/lB,KAAKg6B,WAAW0I,WAAW;QACtDG,UAAUrH,UAAUptB,KAAKiJ,IAAIjJ,KAAKO,IAAIk0B,QAAQ5I;YAE1C/3B,MAAM46B;UACRte,KAAKqjB,WAAWA,UAAUj8B,IAAIm8B,UAAUhc;UACxChZ,KAAKg1B,WAAWF,UAAUh8B,IAAIk8B,UAAU/hC;;;QAG1C2jC,MAAM1C,OAAO;QACbwC,MAAMxC,OAAO;QACbqC,MAAMrC,OAAO;QACbsC,MAAMtC,OAAO;QACbuC,MAAMvC,OAAO;QACbyC,MAAMzC,OAAO;QACbziB,IAAIyiB,OAAO;QACXl0B,IAAIk0B,OAAO;QACXwB,IAAIxB,OAAO;QACX+B,QAAQ9I,OAAOyJ,KAAKH;QACpBb,YAAYK,QAAQhJ;YAEhBgJ;UACFr0B,MAAMP,KAAKO,KAAKq0B;UAChBn0B,MAAMT,KAAKS,KAAKm0B;UAChBG,KAAKF,MAAMt0B,MAAM20B,MAAMz0B;UACvBu0B,KAAKF,MAAMv0B,MAAM40B,MAAM10B;UACvBw0B,KAAKM,MAAMh1B,MAAM60B,MAAM30B;UACvBy0B,MAAML,OAAOp0B,MAAMy0B,MAAM30B;UACzB40B,MAAML,OAAOr0B,MAAM00B,MAAM50B;UACzB60B,MAAMG,OAAO90B,MAAM20B,MAAM70B;UACzB+0B,MAAMD,OAAO50B,MAAM60B,MAAM/0B;UACzBs0B,MAAME;UACND,MAAME;UACNO,MAAMN;;QAGRL,QAAQ9I,QAAQnU,GAAGyd;QACnBZ,YAAYI,QAAQhJ;YAEhBgJ;UACFr0B,MAAMP,KAAKO,KAAKq0B;UAChBn0B,MAAMT,KAAKS,KAAKm0B;UAChBG,KAAKv9B,IAAI+I,MAAM20B,MAAMz0B;UACrBu0B,KAAKv9B,IAAI8I,MAAM40B,MAAM10B;UACrBw0B,KAAKtd,IAAIpX,MAAM60B,MAAM30B;UACrB60B,MAAM1jC,IAAI6O,MAAM60B,MAAM/0B;UACtB/I,IAAIu9B;UACJt9B,IAAIu9B;UACJrd,IAAIsd;;QAGNL,QAAQ9I,OAAOr0B,GAAGD;QAClB88B,WAAWM,QAAQhJ;YAEfgJ;UACFr0B,MAAMP,KAAKO,IAAIq0B;UACfn0B,MAAMT,KAAKS,IAAIm0B;UACfG,KAAKv9B,IAAI+I,MAAM9I,IAAIgJ;UACnBu0B,KAAKH,MAAMt0B,MAAMu0B,MAAMr0B;UACvBhJ,IAAIA,IAAI8I,MAAM/I,IAAIiJ;UAClBq0B,MAAMA,MAAMv0B,MAAMs0B,MAAMp0B;UACxBjJ,IAAIu9B;UACJF,MAAMG;;YAGJT,aAAav0B,KAAKiJ,IAAIsrB,aAAav0B,KAAKiJ,IAAIqrB,YAAY;UAC1DC,YAAYD,WAAW;UACvBE,YAAY,MAAMA;;QAGpBrH,SAAS5oB,OAAOvE,KAAKK,KAAK7I,IAAIA,IAAIC,IAAIA,IAAIkgB,IAAIA;QAC9CyV,SAAS7oB,OAAOvE,KAAKK,KAAKy0B,MAAMA,MAAMS,MAAMA;QAC5CX,QAAQ9I,OAAO+I,KAAKC;QACpBL,QAAQz0B,KAAKiJ,IAAI2rB,SAAS,SAASA,QAAQhJ,WAAW;QACtD+I,cAAcW,MAAM,KAAKA,MAAM,KAAKA,MAAMA,OAAO;;UAG/CxhC,MAAM46B;QACRqG,KAAKpxB,OAAOlR,aAAa;QACzBqB,MAAM0hC,WAAW7xB,OAAOnR,aAAa,aAAa,QAAQggC,iBAAiB1E,qBAAqBnqB,QAAQ6pB;QACxGuH,MAAMpxB,OAAOnR,aAAa,aAAauiC;;;QAIvC/0B,KAAKiJ,IAAIwrB,SAAS,MAAMz0B,KAAKiJ,IAAIwrB,SAAS;UACxCL;QACFjH,WAAW;QACXsH,SAASH,YAAY,IAAI,OAAO;QAChCA,YAAYA,YAAY,IAAI,OAAO;;QAEnClH,WAAW;QACXqH,SAASA,SAAS,IAAI,OAAO;;;IAIjC3gC,MAAMsc,IAAIA,MAAMtc,MAAM2hC,WAAWrlB,MAAMtc,MAAM2hC,aAAaz1B,KAAKwE,MAAMb,OAAO+xB,cAAc,OAAO11B,KAAKwE,OAAO4L,MAAM,KAAK,OAAOzM,OAAO+xB,cAAc5hC,MAAM2hC,WAAW,MAAM,KAAK1E;IAChLj9B,MAAM6K,IAAIA,MAAM7K,MAAM6hC,WAAWh3B,MAAM7K,MAAM6hC,aAAa31B,KAAKwE,MAAMb,OAAOiyB,eAAe,OAAO51B,KAAKwE,OAAO7F,MAAM,KAAK,OAAOgF,OAAOiyB,eAAe9hC,MAAM6hC,WAAW,MAAM,KAAK5E;IAClLj9B,MAAMugC,IAAIA,IAAItD;IACdj9B,MAAMq5B,SAAS5oB,OAAO4oB;IACtBr5B,MAAMs5B,SAAS7oB,OAAO6oB;IACtBt5B,MAAMwgC,WAAW/vB,OAAO+vB,YAAYnE;IACpCr8B,MAAMygC,YAAYhwB,OAAOgwB,aAAapE;IACtCr8B,MAAM0gC,YAAYjwB,OAAOiwB,aAAarE;IACtCr8B,MAAM2gC,QAAQA,QAAQtE;IACtBr8B,MAAM4gC,QAAQA,QAAQvE;IACtBr8B,MAAM+hC,uBAAuBlB,cAAc5D;QAEvCj9B,MAAMs9B,UAAU5rB,WAAWjS,OAAOb,MAAM,KAAK,OAAO;MACtDgH,MAAM+zB,wBAAwB0D,cAAc59B;;IAG9CO,MAAM+/B,UAAU//B,MAAMigC,UAAU;IAChCjgC,MAAMuL,UAAUF,QAAQE;IACxBvL,MAAMw5B,kBAAkBx5B,MAAM46B,MAAMoH,uBAAuBpI,cAAcqI,uBAAuBC;IAChGliC,MAAMu0B,UAAU;WACTv0B;KAELq9B,gBAAgB,uBAAuBxwB;YACjCA,QAAQA,MAAMjO,MAAM,MAAM,KAAK,MAAMiO,MAAM;KAEjDs1B,kBAAkB,yBAAyBtyB,QAAQ2P,OAAO3S;QACxDwR,OAAO9D,QAAQiF;WACZ/O,OAAOiB,WAAW8N,SAAS9N,WAAW8qB,eAAe3sB,QAAQ,KAAKhD,QAAQ,MAAMwR,UAAUA;KAE/F6jB,yBAAyB,gCAAgC7qB,OAAOrX;IAClEA,MAAMugC,IAAI;IACVvgC,MAAM0gC,YAAY1gC,MAAMygC,YAAY;IACpCzgC,MAAMuL,UAAU;IAEhB02B,qBAAqB5qB,OAAOrX;KAE1BoiC,WAAW,QACXC,UAAU,OACVC,kBAAkB,MAClBL,uBAAuB,8BAA8B5qB,OAAOrX;QAC1DgX,OAAOhX,SAAS,MAChB2hC,WAAW3qB,KAAK2qB,UAChBE,WAAW7qB,KAAK6qB,UAChBvlB,IAAItF,KAAKsF,GACTzR,IAAImM,KAAKnM,GACT01B,IAAIvpB,KAAKupB,GACTC,WAAWxpB,KAAKwpB,UAChBE,YAAY1pB,KAAK0pB,WACjBD,YAAYzpB,KAAKypB,WACjBE,QAAQ3pB,KAAK2pB,OACbC,QAAQ5pB,KAAK4pB,OACbvH,SAASriB,KAAKqiB,QACdC,SAAStiB,KAAKsiB,QACdyI,uBAAuB/qB,KAAK+qB,sBAC5Bx2B,UAAUyL,KAAKzL,SACfsE,SAASmH,KAAKnH,QACdytB,UAAUtmB,KAAKsmB,SACfiF,aAAa,IACbC,QAAQj3B,YAAY,UAAU8L,SAASA,UAAU,KAAK9L,YAAY;QAElE+xB,YAAYmD,cAAc2B,YAAY1B,cAAc0B;UAClDtB,QAAQpvB,WAAWgvB,aAAa3I,UAChCqJ,MAAMl1B,KAAKS,IAAIm0B,QACfQ,MAAMp1B,KAAKO,IAAIq0B,QACfr0B;MAEJq0B,QAAQpvB,WAAW+uB,aAAa1I;MAChCtrB,MAAMP,KAAKO,IAAIq0B;MACfxkB,IAAI6lB,gBAAgBtyB,QAAQyM,GAAG8kB,MAAM30B,OAAO6wB;MAC5CzyB,IAAIs3B,gBAAgBtyB,QAAQhF,IAAIqB,KAAKS,IAAIm0B,UAAUxD;MACnDiD,IAAI4B,gBAAgBtyB,QAAQ0wB,GAAGe,MAAM70B,OAAO6wB,UAAUA;;QAGpDyE,yBAAyBM;MAC3BE,cAAc,iBAAiBR,uBAAuBO;;QAGpDX,YAAYE;MACdU,cAAc,eAAeZ,WAAW,QAAQE,WAAW;;QAGzDW,SAASlmB,MAAM+lB,WAAWx3B,MAAMw3B,WAAW9B,MAAM8B;MACnDE,cAAchC,MAAM8B,WAAWG,QAAQ,iBAAiBlmB,IAAI,OAAOzR,IAAI,OAAO01B,IAAI,OAAO,eAAejkB,IAAI,OAAOzR,IAAIy3B;;QAGrH9B,aAAa4B;MACfG,cAAc,YAAY/B,WAAW8B;;QAGnC5B,cAAc0B;MAChBG,cAAc,aAAa7B,YAAY4B;;QAGrC7B,cAAc2B;MAChBG,cAAc,aAAa9B,YAAY6B;;QAGrC3B,UAAUyB,YAAYxB,UAAUwB;MAClCG,cAAc,UAAU5B,QAAQ,OAAOC,QAAQ0B;;QAG7CjJ,WAAW,KAAKC,WAAW;MAC7BiJ,cAAc,WAAWlJ,SAAS,OAAOC,SAASgJ;;IAGpDzyB,OAAOjK,MAAM8zB,kBAAkB6I,cAAc;KAE3CP,uBAAuB,8BAA8B3qB,OAAOrX;QAC1DkX,QAAQlX,SAAS,MACjB2hC,WAAWzqB,MAAMyqB,UACjBE,WAAW3qB,MAAM2qB,UACjBvlB,IAAIpF,MAAMoF,GACVzR,IAAIqM,MAAMrM,GACV21B,WAAWtpB,MAAMspB,UACjBG,QAAQzpB,MAAMypB,OACdC,QAAQ1pB,MAAM0pB,OACdvH,SAASniB,MAAMmiB,QACfC,SAASpiB,MAAMoiB,QACfzpB,SAASqH,MAAMrH,QACf8vB,UAAUzoB,MAAMyoB,SAChBE,UAAU3oB,MAAM2oB,SAChBE,UAAU7oB,MAAM6oB,SAChBE,UAAU/oB,MAAM+oB,SAChByB,WAAWxqB,MAAMwqB,UACjBxB,KAAKxuB,WAAW4K,IAChB6jB,KAAKzuB,WAAW7G,IAChB43B,KACAC,KACA3B,KACAC,KACA5K;IAEJoK,WAAW9uB,WAAW8uB;IACtBG,QAAQjvB,WAAWivB;IACnBC,QAAQlvB,WAAWkvB;QAEfA;MACFA,QAAQlvB,WAAWkvB;MACnBD,SAASC;MACTJ,YAAYI;;QAGVJ,YAAYG;MACdH,YAAYzI;MACZ4I,SAAS5I;MACT0K,MAAMv2B,KAAKO,IAAI+zB,YAAYnH;MAC3BqJ,MAAMx2B,KAAKS,IAAI6zB,YAAYnH;MAC3B0H,MAAM70B,KAAKS,IAAI6zB,WAAWG,UAAUrH;MACpC0H,MAAM90B,KAAKO,IAAI+zB,WAAWG,SAASrH;UAE/BqH;QACFC,SAAS7I;QACT3B,OAAOlqB,KAAKy2B,IAAIhC,QAAQC;QACxBxK,OAAOlqB,KAAKK,KAAK,IAAI6pB,OAAOA;QAC5B2K,OAAO3K;QACP4K,OAAO5K;YAEHwK;UACFxK,OAAOlqB,KAAKy2B,IAAI/B;UAChBxK,OAAOlqB,KAAKK,KAAK,IAAI6pB,OAAOA;UAC5BqM,OAAOrM;UACPsM,OAAOtM;;;MAIXqM,MAAMhyB,OAAOgyB;MACbC,MAAMjyB,OAAOiyB;MACb3B,MAAMtwB,OAAOswB;MACbC,MAAMvwB,OAAOuwB;;MAEbyB,MAAMpJ;MACN2H,MAAM1H;MACNoJ,MAAM3B,MAAM;;QAGVb,SAAS5jB,IAAI,IAAI1iB,QAAQ,SAASumC,SAASt1B,IAAI,IAAIjR,QAAQ;MAC7DsmC,KAAK1D,eAAe3sB,QAAQ,KAAKyM,GAAG;MACpC6jB,KAAK3D,eAAe3sB,QAAQ,KAAKhF,GAAG;;QAGlC80B,WAAWE,WAAWE,WAAWE;MACnCC,KAAKzvB,OAAOyvB,KAAKP,WAAWA,UAAU8C,MAAM5C,UAAUkB,OAAOhB;MAC7DI,KAAK1vB,OAAO0vB,KAAKN,WAAWF,UAAU+C,MAAM7C,UAAUmB,OAAOf;;QAG3D0B,YAAYE;MACdzL,OAAOvmB,OAAOsrB;MACd+E,KAAKzvB,OAAOyvB,KAAKyB,WAAW,MAAMvL,KAAKsF;MACvCyE,KAAK1vB,OAAO0vB,KAAK0B,WAAW,MAAMzL,KAAKuF;;IAGzCvF,OAAO,YAAYqM,MAAM,MAAMC,MAAM,MAAM3B,MAAM,MAAMC,MAAM,MAAMd,KAAK,MAAMC,KAAK;IACnFtwB,OAAOnR,aAAa,aAAa03B;IACjCsL,aAAa7xB,OAAOjK,MAAM8zB,kBAAkBtD;KAE1CwM,0BAA0B,iCAAiC/R,QAAQhhB,QAAQjB,UAAUmhB,UAAU4N,UAAUG;QACvG+E,MAAM,KACNnjB,WAAW9S,UAAU+wB,WACrB9N,SAASne,WAAWisB,aAAaje,aAAaie,SAAS/jC,QAAQ,SAASk+B,WAAW,IACnFlE,SAASkK,WAAWjO,SAASiO,WAAWjO,SAASE,UACjD+S,aAAa/S,WAAW6D,SAAS,OACjCmP,WACAxrB;QAEAmI;MACFqjB,YAAYpF,SAAS/+B,MAAM,KAAK;UAE5BmkC,cAAc;QAChBnP,UAAUiP;YAENjP,WAAWA,UAAUiP,MAAM;UAC7BjP,UAAUA,SAAS,IAAIiP,OAAOA;;;UAI9BE,cAAc,QAAQnP,SAAS;QACjCA,UAAUA,SAASiP,MAAM3K,aAAa2K,SAASjP,SAASiP,OAAOA;iBACtDE,cAAc,SAASnP,SAAS;QACzCA,UAAUA,SAASiP,MAAM3K,aAAa2K,SAASjP,SAASiP,OAAOA;;;IAInEhS,OAAOja,MAAMW,SAASqK,UAAUiP,OAAOja,KAAK/G,QAAQjB,UAAUmhB,UAAU6D,QAAQ+E;IAChFphB,GAAGxa,IAAI+lC;IACPvrB,GAAGsF,IAAI;IAEPgU,OAAO9P,OAAO3nB,KAAKwV;WAEZ2I;KAELyrB,UAAU,iBAAiBnzB,QAAQozB;aAC5BnxB,KAAKmxB;MACZpzB,OAAOiC,KAAKmxB,OAAOnxB;;WAGdjC;KAELqzB,sBAAsB,6BAA6BrS,QAAQ0R,YAAY1yB;QACrEszB,aAAaH,YAAYnzB,OAAOE,QAChCqzB,UAAU,iDACVx9B,QAAQiK,OAAOjK,OACfy9B,UACAvxB,GACA4rB,YACAC,UACA5N,UACAF,QACAgO,WACAD;QAEAuF,WAAWvI;MACb8C,aAAa7tB,OAAOlR,aAAa;MACjCkR,OAAOnR,aAAa,aAAa;MACjCkH,MAAM8zB,kBAAkB6I;MACxBc,WAAWjG,gBAAgBvtB,QAAQ;MAEnCisB,gBAAgBjsB,QAAQ6pB;MAExB7pB,OAAOnR,aAAa,aAAag/B;;MAEjCA,aAAa73B,iBAAiBgK,QAAQ6pB;MACtC9zB,MAAM8zB,kBAAkB6I;MACxBc,WAAWjG,gBAAgBvtB,QAAQ;MACnCjK,MAAM8zB,kBAAkBgE;;SAGrB5rB,KAAK+lB;MACR6F,aAAayF,WAAWrxB;MACxB6rB,WAAW0F,SAASvxB;UAEhB4rB,eAAeC,YAAYyF,QAAQxpC,QAAQkY,KAAK;QAClD+rB,YAAYtjB,QAAQmjB;QACpBE,UAAUrjB,QAAQojB;QAClB5N,WAAW8N,cAAcD,UAAUpB,eAAe3sB,QAAQiC,GAAG4rB,YAAYE,WAAWlsB,WAAWgsB;QAC/F7N,SAASne,WAAWisB;QACpB9M,OAAOja,UAAUgL,UAAUiP,OAAOja,KAAKysB,UAAUvxB,GAAGie,UAAUF,SAASE,UAAU2I;QACjF7H,OAAOja,IAAIiG,IAAI+gB,WAAW;QAE1B/M,OAAO9P,OAAO3nB,KAAK0Y;;;IAIvBkxB,QAAQK,UAAUF;;EAGpB7yB,aAAa,+BAA+B,UAAUtB,MAAMjG;QACtDqK,IAAI,OACJ0E,IAAI,SACJnU,IAAI,UACJmN,IAAI,QACJ8c,SAAS7kB,QAAQ,KAAKqK,GAAG0E,GAAGnU,GAAGmN,MAAMsC,IAAItC,GAAGsC,IAAI0E,GAAGnU,IAAImU,GAAGnU,IAAImN,IAAItT,IAAI,UAAU8lC;aAC3Ev6B,QAAQ,IAAIiG,OAAOs0B,OAAO,WAAWA,OAAOt0B;;IAGrDuuB,cAAcx0B,QAAQ,IAAI,WAAWiG,OAAOA,QAAQ,UAAU6hB,QAAQhhB,QAAQjB,UAAU+uB,UAAU3sB;UAC5FtN,GAAG8O;UAEHuL,UAAUpiB,SAAS;QACrB+H,IAAIkqB,MAAMpwB,IAAI,UAAUoG;iBACfu5B,KAAKtM,QAAQjtB,MAAMgL;;QAE5B4D,OAAO9O,EAAEnH,KAAK;eACPiW,KAAK5T,MAAM8E,EAAE,IAAI/H,WAAW,IAAI+H,EAAE,KAAK8O;;MAGhD9O,KAAKi6B,WAAW,IAAI/+B,MAAM;MAC1B4T;MACAob,MAAM3yB,QAAQ,UAAU2I,MAAMlI;eACrB8W,KAAK5O,QAAQF,EAAEhI,KAAKgI,EAAEhI,MAAMgI,GAAGhI,IAAI,KAAK,IAAI;;MAErDm1B,OAAO/P,KAAKjR,QAAQ2C,MAAMxB;;;MAI1BuyB;IACFv0B,MAAM;IACN0S,UAAU6Y;IACVtqB,YAAY,oBAAoBJ;aACvBA,OAAOjK,SAASiK,OAAOtK;;IAEhCub,MAAM,cAAcjR,QAAQ2C,MAAMxB,OAAOjI,OAAO6G;UAC1Cge,QAAQ,KAAK7M,QACbnb,QAAQiK,OAAOjK,OACfsU,UAAUlJ,MAAMwB,KAAK0H,SACrBwjB,YACAC,UACA9N,QACAE,UACAr1B,MACA8oC,aACA1xB,GACA+rB,WACAD,SACAE,UACA2F,oBACAC,oBACA1jC,OACAu/B,QACAhO;MACJiG,kBAAkB+C;WAEbzoB,KAAKU;YACJV,MAAM;;;QAIV6rB,WAAWnrB,KAAKV;YAEZxC,SAASwC,MAAM8e,aAAa9e,GAAGU,MAAMxB,OAAOjI,OAAO8G,QAAQD;;;QAI/DlV,cAAcijC;QACd6F,cAAcjG,cAAczrB;YAExBpX,SAAS;UACXijC,WAAWA,SAAS/kC,KAAKoY,OAAOjI,OAAO8G,QAAQD;UAC/ClV,cAAcijC;;YAGZjjC,SAAS,aAAaijC,SAAS/jC,QAAQ;UACzC+jC,WAAW7e,eAAe6e;;YAGxB6F;UACFA,YAAY,MAAM3zB,QAAQiC,GAAG6rB,UAAU3sB,WAAWugB,cAAc;mBACvDzf,EAAE2H,OAAO,GAAG,OAAO;UAC5BikB,cAAc73B,iBAAiBgK,QAAQsqB,iBAAiBroB,KAAK,IAAIF;UACjE+rB,YAAY;UACZ7Z,UAAUW,YAAY;eAEjBX,UAAU1pB,KAAKsjC;YAClBG,YAAYtjB,QAAQmjB;YACpBE,UAAUrjB,QAAQojB;;UAGpBC,UAAUC,cAAcD,YAAYF,aAAalB,eAAe3sB,QAAQiC,GAAG4rB,YAAYE,WAAWA,WAAWC,cAAcF,YAAYE;UACvI,KAAKh0B,IAAIjE,OAAO,eAAe83B,YAAYC,UAAU50B,OAAO6G,SAAS,GAAG,GAAGkC;UAC3E8b,MAAMx0B,KAAK0Y;mBACFpX,SAAS;cACdwf,YAAWpI,KAAKoI;YAClBwjB,oBAAoBxjB,QAAQpI,OAAO,aAAaoI,QAAQpI,GAAGlZ,KAAKoY,OAAOjI,OAAO8G,QAAQD,WAAWsK,QAAQpI;aACzGA,KAAKzG,QAAQI,WAAU8O,QAAQmjB,gBAAgBA,cAAcryB,QAAQI,MAAMqG;aAC1E4rB,aAAa,IAAIlkB,OAAO,OAAO,QAAQkkB,aAAaP,KAAKttB,QAAQiC;;YAElE4rB,aAAaP,KAAKttB,QAAQiC;;UAG5Bie,WAAWre,WAAWgsB;UACtBI,WAAWpjC,SAAS,YAAYijC,SAASnkB,OAAO,OAAO,QAAQmkB,SAASnkB,OAAO,KAAK,OAAO;UAC3FskB,aAAaH,WAAWA,SAASlkB,OAAO;UACxCoW,SAASne,WAAWisB;eAEhB7rB,KAAKwmB;gBACHxmB,MAAM;kBACJie,aAAa,KAAKoN,KAAKttB,QAAQ,kBAAkB,YAAYggB;gBAC/DE,WAAW;;cAGbkM,kBAAkB,MAAMr2B,OAAO,cAAcmqB,WAAW,YAAY,UAAUF,SAAS,YAAY,WAAWA;;gBAG5G/d,MAAM,WAAWA,MAAM;cACzBA,IAAIwmB,iBAAiBxmB;eACpBA,EAAElY,QAAQ,SAASkY,IAAIA,EAAElT,MAAM,KAAK;;;UAIzC6kC,sBAAqB3xB,KAAK+lB;cAEtB4L;iBACGC;cACH1jC,QAAQ6P,OAAOE;cACf/P,MAAMw5B,oBAAoBhnB,KAAKmxB,kBAAkBvG,gBAAgBvtB,QAAQ2C,KAAKmxB;cAC9EpE,SAAS/sB,KAAKoxB,iBAAiB,SAAS5jC,MAAMu/B;cAC9CmE,qBAAqB,KAAK9sB,UAAUgL,UAAU,KAAKhL,KAAKhR,OAAO8zB,gBAAgB,GAAG,GAAG15B,MAAMw5B,iBAAiBx5B,OAAO,IAAI;cACvH0jC,mBAAmB3lC,MAAM;;gBAGvB+T,MAAM;cACR,KAAK8E,UAAUgL,UAAU,KAAKhL,KAAK5W,OAAO,UAAUA,MAAMs5B,SAASwE,WAAWA,WAAWjO,SAASA,SAAS7vB,MAAMs5B,WAAW;cAC5H1L,MAAMx0B,KAAK,UAAU0Y;cACrBA,KAAK;uBACIA,MAAM;cACf6rB,WAAWS,8BAA8BT;kBAErC39B,MAAM46B;gBACRyE,gBAAgBxvB,QAAQ8tB,UAAU,GAAG4B,QAAQ,GAAG;;gBAEhD3B,UAAUlsB,WAAWisB,SAAS/+B,MAAM,KAAK,OAAO;gBAChDg/B,YAAY59B,MAAMs9B,WAAWrB,kBAAkB,MAAMj8B,OAAO,WAAWA,MAAMs9B,SAASM;gBAEtF3B,kBAAkB,MAAMr2B,OAAOkM,GAAGurB,cAAcK,aAAaL,cAAcM;;;uBAIpE7rB,MAAM;cACfutB,gBAAgBxvB,QAAQ8tB,UAAU,GAAG4B,QAAQ,GAAG;;wBAGvCztB,KAAK2sB;cACdmE,wBAAwB,MAAM5iC,OAAO8R,GAAGie,UAAU4N,UAAUG;;uBAGnDhsB,MAAM;cACfmqB,kBAAkB,MAAMj8B,OAAO,UAAUA,MAAMu/B,QAAQ5B;;uBAG9C7rB,MAAM;cACf9R,MAAM8R,KAAK6rB;;uBAEF7rB,MAAM;cACfoxB,oBAAoB,MAAMvF,UAAU9tB;;;wBAI3BiC,KAAKlM;YAChBkM,IAAIsoB,iBAAiBtoB,MAAMA;;cAGzB2xB,uBAAuB5T,UAAUA,WAAW,OAAOE,YAAYA,aAAa,OAAOsI,YAAYj+B,KAAKujC,cAAa7rB,KAAKlM;YACxHi4B,aAAaH,aAAa,IAAIjkB,QAAQsW,WAAW,IAAIp0B;YACrDk0B,WAAWA,SAAS;YACpB+N,UAAUrjB,QAAQojB,eAAc7rB,KAAKzG,QAAQI,SAAQJ,QAAQI,MAAMqG,KAAK+rB;YACxEA,cAAcD,YAAY7N,WAAWyM,eAAe3sB,QAAQiC,GAAG4rB,YAAYE;YAC3E,KAAKhnB,UAAUgL,UAAU,KAAKhL,KAAK6sB,qBAAqBzjC,QAAQ4F,OAAOkM,GAAGie,UAAU+N,WAAWA,WAAWjO,SAASA,SAASE,WAAW0T,uBAAuB7F,YAAY,QAAQ9rB,MAAM,aAAaU,KAAKqxB,cAAc,QAAQhL,wBAAwBH;YACxP,KAAK9hB,IAAIiG,IAAI+gB,WAAW;gBAEpBC,cAAcD;cAChB,KAAKhnB,IAAIjT,IAAI+5B;cACb,KAAK9mB,IAAIkB,IAAI8gB;;wBAEJ9mB,KAAKlM;iBACZkM,KAAKjC;cACP,KAAKhG,IAAIgG,QAAQiC,GAAG4rB,cAAc7tB,OAAOiC,IAAI6rB,UAAU50B,OAAO6G;;cAE9DjB,eAAemD,GAAG6rB;;;;YAKpBH,uBAAuB5kC,KAAK,MAAMiX,QAAQiC,GAAG4rB,YAAYC;;UAG3D/P,MAAMx0B,KAAK0Y;;;MAIfyf,eAAeK,0BAA0B;;IAE3CtQ,KAAK6b;IACL1b,SAAS6W;IACT/W,WAAW,mBAAmB1R,QAAQjB,UAAUiiB;UAC1C/e,IAAIwmB,iBAAiB1pB;MACzBkD,KAAKA,EAAElY,QAAQ,OAAO,MAAMgV,WAAWkD;cAChClD,YAAYipB,oBAAmBjpB,aAAa+qB,yBAAyB9pB,OAAOE,MAAMuM,KAAK6gB,KAAKttB,QAAQ,QAAQghB,UAAU8G,wBAAwB9G,SAASjiB,aAAa,UAAUwqB,eAAeD,oBAAoBxB,sBAAsB9G,oBAAkBjiB,aAAa,UAAU2qB,yBAAyBE,8BAA8B5pB,OAAOjK,UAAUoH,aAAa6C,OAAOjK,MAAMgJ,aAAaoqB,mBAAmBpqB,SAAShV,QAAQ,OAAOq/B,iBAAiBzX,WAAW3R,QAAQjB;;IAEvdgnB;MACEkG,iBAAiBA;MACjB+C,YAAYA;;;EAGhBnwB,KAAK6mB,MAAMuO,cAAc1J;GAExB,UAAU2J,kBAAkBvD,UAAUwD,QAAQviB;QACzCwiB,MAAM3zB,aAAayzB,mBAAmB,MAAMvD,WAAW,MAAMwD,QAAQ,UAAUh1B;MACjF6oB,gBAAgB7oB,QAAQ;;IAG1BsB,aAAakwB,UAAU,UAAUxxB;MAC/B3D,QAAQI,MAAMuD,QAAQ;MACtByvB,sBAAsBzvB,QAAQ;;IAGhCspB,iBAAiB2L,IAAI,OAAOF,mBAAmB,MAAMvD;IAErDlwB,aAAamR,SAAS,UAAUzS;UAC1BpQ,QAAQoQ,KAAKpQ,MAAM;MACvB05B,iBAAiB15B,MAAM,MAAMqlC,IAAIrlC,MAAM;;KAExC,+CAA+C,4CAA4C,iFAAiF;EAE/K0R,aAAa,gFAAgF,UAAUtB;IACrG3D,QAAQI,MAAMuD,QAAQ;;EAGxBN,KAAKylB,eAAeoP;MAEhBW,cAAcx1B,KAAKylB,eAAeoP,cAAc70B,MAChDy1B,kBAAkBD,YAAYtO,KAAKzb;EAEvC5W,QAAQyzB,OAAOA;EACfzzB,QAAQ0zB,SAASA;EACjB1zB,QAAQggC,YAAYA;EACpBhgC,QAAQ6zB,OAAOA;EACf7zB,QAAQozB,QAAQA;EAChBpzB,QAAQwzB,UAAUA;EAClBxzB,QAAQ4zB,OAAOA;EACf5zB,QAAQylB,SAASA;EACjBzlB,QAAQ8yB,SAASA;EACjB9yB,QAAQ+yB,SAASA;EACjB/yB,QAAQgzB,SAASA;EACjBhzB,QAAQizB,SAASA;EACjBjzB,QAAQkzB,SAASA;EACjBlzB,QAAQmzB,OAAOA;EACfnzB,QAAQqzB,QAAQA;EAChBrzB,QAAQszB,QAAQA;EAChBtzB,QAAQ2zB,OAAOA;EACf3zB,QAAQ+lB,cAAcA;EACtB/lB,QAAQuzB,SAASA;EACjBvzB,QAAQ0wB,eAAenb;EACvBvV,QAAQ2wB,cAAcpb;EACtBvV,QAAQywB,YAAY7Z;EACpB5W,QAAQwwB,WAAWoQ;EACnB5gC,QAAQ6gC,UAAUF;EAClB3gC,QAAQmL,OAAOw1B;aAEJroC,WAAY,eAAeA,WAAW0H;IAAUyB,OAAOq/B,eAAe9gC,SAAS;MAAgBsJ,OAAO;;;WAAuBhR,OAAOuoC;;;;;;;;;;0BCh1JtH;+BACK;oBACf;;AAEV;EACHh7B,YAAYC,IAAIK;IACZ,KAAKpJ;MACD+I,IAAIA;MACJnE,QAAQmE,GAAGjK,iBAAiB;MAC5BklC,OAAOj7B,GAAG7I,cAAc;MACxB+jC,MAAMl7B,GAAG7I,cAAc;MACvBpC,MAAMiL,GAAG7I,cAAc;MACvBkJ,kBAAkBA;;;IAItB,KAAKzI,uDAAsC,KAAKX,IAAIikC;;IAEpD,KAAKpjC,yCAA6B,KAAKb,IAAIgkC,OAAO,KAAKhkC,IAAIlC,MAAM,KAAKkC,IAAIoJ;;EAE9E1H;IACI,KAAK1B,IAAI+I,GAAGjH,UAAUyH,IAAI;IAC1BlN,SAASC,KAAKwF,UAAUyH,IAAI;IAE5B,KAAK5I,gBAAgBK;IACrB,KAAKH,WAAWG;yBAEXksB,aAAa,KAAKltB,IAAI4E;yBACtBwF;MAAUC;QAAWhJ,UAAU;QAAGC,MAAM;;OAC5CgJ,IAAI,KAAKtK,IAAI4E;MACVrD,SAAS;MACTgJ,GAAG;OAENnJ,GAAG,KAAKpB,IAAI4E;MACTrD,SAAS;MACTgJ,GAAG;MACHE,SAAS;;;EAGjB7I;IACI,KAAKjB,gBAAgBQ;IACrB,KAAKN,WAAWM;yBAEX+rB,aAAa,KAAKltB,IAAI4E;yBACtBwF;MACDC;QAAWhJ,UAAU;QAAKC,MAAM;;MAChCmqB,YAAY;QACR,KAAKzrB,IAAI+I,GAAGjH,UAAUjF,OAAO;QAC7BR,SAASC,KAAKwF,UAAUjF,OAAO;;OAGtCuE,GAAG,KAAKpB,IAAI4E;MACTrD,SAAS;MACTgJ,GAAG;MACHE,SAAS;;;;;;;;;;;yBCtDC;;qBACI;oBACL;AAEd;EACH3B,YAAYo7B;IACR,KAAKlkC;MACDkkC,gBAAgBxmC,MAAMC,QAAQumC,kBAAkBA,kBAAkBA;;;IAItE,KAAKC;;IAEL,KAAKC;eAEMr7B,MAAM,KAAK/I,IAAIkkC;YAChBG,kDAAkCt7B;QAAMu7B,OAAO;;;;uBAG3CD,kBAAkBD,OAAO,OAAO;MAC1C,KAAKA,MAAMtrC,KAAKurC,kBAAkBD;;MAElC,KAAKD,mBAAmBrrC,KAAKurC;;IAGjC,KAAK/6B;;EAETtI;eACSksB,aAAa,KAAKkX;sBACXh6B;MAAUC;QAAWhJ,UAAU;QAAKC,MAAM;;OACrDgJ,IAAI,KAAK85B;MACN75B,GAAG;MACHC,QAAQ;OAEXpJ,GAAG,KAAKgjC;MACL75B,GAAG;MACHC,QAAQ;MACRC,SAAS;;;EAGjBtJ;eACS+rB,aAAa,KAAKkX;sBACXh6B;MACRC;QAAWhJ,UAAU;QAAKC,MAAM;;OAEnCF,GAAG,KAAKgjC;MACL75B,GAAG;MACHC,SAAS;MACTC,SAAS;;;EAGjBnB;IACI/N,OAAOkG,iBAAiB,UAAU;;MAE9B,KAAK2iC;;iBAEMv8B,YAAY,KAAKs8B;;;QAGxBt8B,SAASvJ;;yBAGCuJ,SAASu8B,OAAO,OAAO;QACjC,KAAKA,MAAMtrC,KAAK+O,SAASu8B;;;;;;;;;;;;;;CCxDxC,UAAUr8B,QAAQlF;SACVI,YAAY,mBAAmBlL,WAAW,cAAcA,OAAOkL,UAAUJ,mBACzEC,WAAW,cAAcA,OAAOC,MAAMD,OAAOD,YACnDkF,gBAAgBw8B,eAAe,cAAcA,aAAax8B,UAAU2C,MAAM3C,OAAOy8B,YAAY3hC;GAC9F,MAAO;EAAc;EAErB,yBAAyBgF,UAAU48B;UAC3B58B,oBAAoB48B;gBACdC,UAAU;;;EAIxB,2BAA2Bn1B,QAAQ+d;aACxBlyB,IAAI,GAAGA,IAAIkyB,MAAMjyB,QAAQD;UAC5BupC,aAAarX,MAAMlyB;MACvBupC,WAAWC,aAAaD,WAAWC,cAAc;MACjDD,WAAWE,eAAe;WACtB,WAAWF,aAAYA,WAAWG,WAAW;MACjDpgC,OAAOq/B,eAAex0B,QAAQo1B,WAAWhe,KAAKge;;;EAIlD,sBAAsBF,aAAaM,YAAYC;QACzCD,YAAYE,kBAAkBR,YAAYjhC,WAAWuhC;QACrDC,aAAaC,kBAAkBR,aAAaO;WACzCP;;;;;;;;;;EAWT,gBAAgBl1B,QAAQ21B;WACfxgC,OAAOygC,oBAAoBzgC,OAAO6K,SAASqO,OAAO,UAAUwnB,UAAUze;UACvEkJ,eAAenrB,OAAO2gC,yBAAyB3gC,OAAO6K,SAASoX;UAC/D2e,WAAW5gC,OAAO2gC,yBAAyB3gC,OAAOwgC,SAASve;aACxDjiB,OAAOq/B,eAAeqB,UAAUze,KAAK2e,YAAYzV;;;;;;EAQ5D,uBAAuB0V;QACjBL,SAAS/gC,OAAOohC;QAEhBL,OAAOZ,SAASY,OAAO5mC;;MAEzB4mC,OAAOZ,QAAQY,OAAOZ,SAASY,OAAO5mC;;QAGpC4mC,OAAOhmC,YAAYgmC,OAAOzvB;;MAE5ByvB,OAAOhmC,WAAWgmC,OAAOhmC,aAAY,YAAWpF,KAAKyrC,SAAS9vB;;WAGzDyvB;;;;;;;EAQT,kBAAkB34B;WACTA,UAAU,eAAeA,UAAU;;;;;;;;;;;;;;;;;;;;;;EAwB5C,kBAAkBA;kBACFA,UAAU,YAAYA,SAAS,KAAKA,QAAQ,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;EA2BlE,qBAAqBA;WACZi5B,SAASj5B,UAAUk5B,SAASl5B,MAAMlR;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8B3C,iBAAiBkR;QACX7O,MAAMC,QAAQ4O,eAAeA;QAC7BA,SAAS;WACN5I,YAAY4I,SAAS7O,MAAM8F,UAAUC,MAAMnL,KAAKiU,UAAUA;;;;;;;;;EAWnE,gBAAgBm5B;WACPF,SAASE,WAAU,cAAa5rC,KAAK4rC,MAAMzgC;;;;;;;;EASpD,kBAAkBsH;kBACFA,UAAU;;;;;EAO1B,iBAAiB7I;WACRoM,QAAQpM,KAAKka,OAAO,UAAU+F,QAAQza;aACpCya,OAAO/lB,OAAOkS,QAAQ5G;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgDjC,2BAA2BqG;QACrBtL,WAAWsL;;QAEX6P,SAAS7P;WACP,iBAAgBzV,KAAKyV,OAAO+B;;QAE9BrN,WAAW5H,SAASO,eAAe2S,OAAO+B,OAAO7N,MAAM;;;QAGvDQ,WAAW5H,SAASyC,iBAAiByQ;;;WAIlCo2B,QAAQ1hC,UAAU1J,OAAOqrC;;;;;;EAQlC,cAAcC,OAAOlf,KAAKpa;QACpB/T;QACAuC,KAAK;QAELyqC,SAASK;MACX9qC,KAAK8qC,MAAMC,KAAKC,aAAaF,MAAMC,KAAKC,aAAaD,KAAKE;MAC1DxtC,OAAOstC,KAAKpmC,MAAM3E,QAAQ+qC,KAAKpmC,MAAM3E;;;QAInCwR,UAAUvT;UACR2tB,QAAQ3tB;eACHR;;aAGFA,KAAKmuB;;;QAELA,QAAQ3tB;MACbR,KAAKmuB,OAAOpa;aACLA;;;EAGbu5B,KAAKC,WAAU,aAAYnoC,WAAWW,SAAS;EAC/CunC,KAAKpmC;EACLomC,KAAKE,MAAM;;EAEX,oBAAoBt+B;QACd3M,KAAK2M,WAAWA,QAAQo+B,KAAKC;QAE7BhrC;aACK2M,QAAQ3M;aACR+qC,KAAKpmC,MAAM3E;;;;;;;;;EAWtB,iBAAiBkrC,YAAYr+B;QACvBs+B,MAAMp2B,QAAQm2B;aAETE,MAAMD,IAAI7qC,QAAQD,IAAI,GAAGA,IAAI+qC,KAAK/qC;MACzCwM,SAASs+B,IAAI9qC,IAAIA,GAAG8qC;;;;;;;;;;EAWxB,iBAAiBE;QACXC,YAAY5oB,UAAUpiB,SAAS,KAAKoiB,UAAU,OAAOzkB,YAAYykB,UAAU,KAAK;IACpF2oB,SAASA,SAASE,OAAOF,UAAU;WAC5BA,OAAO9nC,MAAM+nC;;;;;;;;MASlBE,gBAAgB;MAChBC,oBAAoB;MACpBC,sBAAsB;MACtBC,aAAa;;MAGbC,YAAW,KAAI/oC,OAAO2oC,eAAe;MACrCK,WAAU,KAAIhpC,OAAO4oC,mBAAmB5oC,OAAO6oC,qBAAqB;MACpEI,SAAS;MACTC,cAAa,OAAMlpC,OAAOgpC,SAAS,KAAKhpC,OAAOipC,QAAQ;MACvDE,eAAc,MAAKnpC,OAAO2oC,eAAe;MACzCS,aAAa;MACbC,aAAa;MACbC,QAAQ;;MAGRC,YAAW,IAAGvpC,OAAOkpC,YAAY;MACjCM,YAAW,KAAIxpC,OAAO8oC,YAAY;MAClCW,YAAY,QAAQH,QAAQ,SAASH,aAAaC,YAAYC,YAAYhrC,KAAK,OAAO,MAAMmrC,WAAWD,WAAW;MAClHG,QAAQF,WAAWD,WAAWE;MAC9BE,YAAW,OAAM3pC,SAAQ,IAAGA,OAAOmpC,aAAanpC,OAAOgpC,SAAS,MAAMA,SAASI,YAAYC,YAAYN,UAAU1qC,KAAK,MAAM;;MAG5HurC,YAAYvoC,QAAO,IAAGrB,OAAOipC,QAAQ,OAAOjpC,OAAOipC,QAAQ,MAAMjpC,OAAO2pC,UAAU3pC,OAAO0pC,QAAQ;;MAGjGG,gBAAgBP,OAAOX,eAAeC,mBAAmBC,qBAAqBC;MAC9EgB,eAAezoC,QAAO,KAAIrB,OAAO6pC,aAAaxrC,KAAK,KAAK;;;;;;;;EAS5D,sBAAsBmqC;WACbA,OAAO9nC,MAAM;;;;;;;;;EAWtB,oBAAoB8nC;WACXsB,aAAa5tC,KAAKssC;;;;;;;;;EAW3B,wBAAwBA;WACfA,OAAO/0B,MAAMm2B;;;;;;;;;EAWtB,uBAAuBpB;WACduB,WAAWvB,UAAUwB,eAAexB,UAAUyB,aAAazB;;;;;;;;;;;;;;;;EAiBpE,kBAAkB75B;WACTA,SAAS,OAAO,KAAK+5B,OAAO/5B;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BrC,iBAAiB65B;QACXC,YAAY5oB,UAAUpiB,SAAS,KAAKoiB,UAAU,OAAOzkB,YAAYykB,UAAU,KAAK;IACpF2oB,SAAS0B,SAAS1B;QAEdA,UAAUhnB,SAASgnB;WAChBC,aAAasB,WAAWvB;eACpB2B,cAAc3B;;;WAIlBA,OAAO9nC,MAAM+nC;;;;;;;;;;;;;;;EAiBtB,uBAAuB33B,MAAMs5B;QACvBtgC,UAAUrL,SAASU,cAAc2R;SAEhCs5B;;;aAGItgC;;IAGThD,OAAOujC,KAAKD,YAAYrtC,QAAQ,UAAUutC;UACpC37B,QAAQy7B,WAAWE;;UAEnB37B,UAAU;;UAEV27B,cAAc,iBAAiBA,cAAc;QAC/CxgC,QAAQwgC,aAAa37B;;;UAEd27B,cAAc;QACnBvtC,QAAQ4R,OAAO,UAAUlH;cACnBugC,OAAOvgC,QAAQqC,QAAQnL,YAAY8I;;;;;QAIvCqC,QAAQtJ,aAAa8pC,WAAW5B,OAAO/5B,OAAO+E;;;WAG/C5J;;;;;;;;EAUT,oBAAoB6E;QACd+3B,QAAQllB,SAAS7S,UAAU7O,MAAMC,QAAQ4O,SAAS+5B,OAAO/5B,SAAS;;MAEpE63B,QAAO,SAAQtqC,KAAKwqC;MACpB6D,QAAO,SAAQruC,KAAKwqC;MACpB8D,QAAO,uBAAsBtuC,KAAKwqC;;;;;;;;;;;;;EActC,wBAAwB58B,SAAS2gC;QAC3BC,QAAQ;QACRjoC,cAAcqH,QAAQrH;QAEtBgoC;UACEjrC,YAAYsK,QAAQtK;UACpBmrC,UAAUlsC,SAASU,cAAc;MACrCwrC,QAAQnrC,YAAYA,UAAUgc,QAAQkvB,QAAO,KAAI1qC,OAAOyqC,mBAAmB;MAC3EhoC,cAAckoC,QAAQloC;;;WAIjBA,YAAY+Y,QAAQ,QAAQ,KAAK9H;;MAGtCjH;IACFm+B,YAAY;IACZC,WAAW;IACXC,WAAW;IACXC,WAAW;IACXrE,OAAO;IACPplC,UAAU;IACVq9B,SAAS;;MAGPqM,iBAAiB;WACZvsC,SAASwsC;;MAGdC,iBAAiB,wBAAwBC;WACpC1sC,SAASysC,eAAeC;;;;;;;;;;;;;;;EAiBjC,4BAA4BrhC,SAAS69B;IACnCA,WAAWphC,OAAOkG,UAAUk7B;;QAExBjB,QAAQ0E,WAAWzD,SAASjB;;QAE5B2E,WAAW1D,SAAShJ;;QAEpB2M,aAAY,KAAItrC,WAAWW,SAAS,GAAG;;QAEvC4qC,aAAa5D,SAAS9vB,aAAa,cAAc8vB,SAASrmC;;QAE1DklC;;QAEA+D;;QAEAC;;QAEAgB;;;;;IAMJA,YAAY9E,MAAMF,QAAQrnC,cAAc,SAAS6rC;;QAE7CS,eAAeC,eAAe5hC,SAASwhC;;IAE3Cf,QAAQoB,QAAQF,cAAczrB,OAAO,UAAU+F,QAAQ6lB,MAAMC,KAAKvD;;UAE5DwD;UACAC;;;UAGAH,SAASN;QACXE,UAAU7sC,YAAYQ,cAAc;eAC7B4mB;;;UAIL2gB,MAAM8D;;;QAGRuB,kCAAkCC,QAAQJ,MAAMtsC,IAAI,UAAU2sC;iBACrD9sC,cAAcksC;YACnBa,QAAO,IAAGlsC,OAAO2nC,SAASiD,YAAY,KAAK5qC,OAAO2nC,SAASoD;YAC3DrjC,OAAO;YACPjF,aAAawpC;;;;;QAKjBzB,QAAQA,MAAMxqC,OAAO+rC;;;UAInBrF,MAAM6D,SAAS7D,MAAMF;;;;;;QAMvBsF,cAAc3sC,cAAcksC;UAC1Ba,QAAO,IAAGlsC,OAAO2nC,SAASmD,WAAW,KAAK9qC,OAAO2nC,SAASiD;UAC1DljC,QAAO,qCAAoC1H,OAAO0mC,MAAM6D,QAAQ,aAAa;UAC7E/iC,UAAUk/B,MAAM8D,QAAQuB,kCAAkC;UAC1DtpC,cAAcikC,MAAM8D,QAAQoB,OAAO;;QAErCJ,UAAU7sC,YAAYmtC;;;;QAItB/uC,QAAQgvC,iCAAiC,UAAUI;UACjDX,UAAU7sC,YAAYwtC;;;UAItBN,QAAQvD,IAAI7qC,SAAS;;QAEvB+tC,UAAU7sC,YAAYusC,eAAe;;;aAIhCxE,MAAM6D,QAAQxkB,OAAO/lB,OAAO8rC,eAAe/lB;;;IAGpDjc,QAAQtK,YAAY;IACpBsK,QAAQnL,YAAY6sC;;SAEfD,eAAe7E,MAAMF;;QAEtBgE,OAAOA;QACPD,OAAOA;QACP/D;;;;;;;;;;;;;;;QAiBA4F;QACAC;QACA7+B;QACA8+B;QACAC;QACAC;QACAC;;;QAGAC,QAAQxE,KAAKp+B,SAAS,SAASA,QAAQ6iC,qBAAqBtB;;QAE5DxvC,SAASiO,QAAQ8iC;QACjB9rC,cAAcgJ,QAAQ+iC;;QAEtB7Q,KAAKr+B,OAAOgK,iBAAiBmC;QAC7BgjC,QAAQ9Q,GAAG+Q;;QAEXxB;;;;;MAKFiB;QACE/tB,MAAM+sB,UAAUwB;QAChBjN,KAAKyL,UAAUyB;QACfzP,OAAOgO,UAAU9H;;;;;MAKnB6I,eAAeziC,QAAQ45B;MACvB4I,gBAAgBxiC,QAAQ85B;MACxBsE,KAAKp+B,SAASojC,WAAWpjC,QAAQpC,MAAM81B;MACvC0K,KAAKp+B,SAASqjC,YAAYrjC,QAAQpC,MAAM+1B;;;IAI1C1gC,QAAQ2vC,OAAO,UAAUU;UACnBA,SAAS5B;UACT6B,SAASD,KAAKR,kBAAkBpB;UAChC8B;;;;UAIA5G,MAAMF,SAAS6G;;QAEjBC,cAAcpF,KAAKkF,MAAM,OAAOA,KAAKH;;;;;YAKjCK,gBAAgBb;UAClBA,cAAca;UACdlB,gBAAgBlxC,KAAKmxC;;;QAIvBA,mBAAmBnxC,KAAKkyC;;;UAItB7B;;;;;QAKFrD,KAAKkF,MAAMrN,MAAMuN,eAAeF,KAAKH;QACrC/E,KAAKkF,MAAM3uB,OAAO2uB,KAAKJ;QACvB9E,KAAKkF,MAAM5P,QAAQ4P,KAAK1J;QACxBwE,KAAKkF,MAAM3P,SAASjwB,eAAeA,aAAa4/B,KAAKxJ;;;;;QAKrD/nC;MACFA,OAAO0E,YAAYuJ;;;;;QAOjB48B,MAAMF;;;MAGRgF,YAAYR;;;;MAIZxE,QAAQ4F,gBAAgB9sC,IAAI,UAAUiuC;;YAEhCC,cAAcruC,cAAcksC;UAC9Ba,QAAO,IAAGlsC,OAAO2nC,SAASiD,YAAY,KAAK5qC,OAAO2nC,SAASkD;UAC3DnjC,QAAO,gCAA+B1H,OAAO8sC,OAAO;;;QAGtDtB,UAAU7sC,YAAY6uC;;YAElBjC;UACFrD,KAAKsF,aAAahxC,OAAO;;UAEzB0rC,KAAKsF,aAAazN,MAAMmI,KAAKqF,gBAAgB,IAAIxN;UACjDmI,KAAKsF,aAAa/P,SAASjwB;;;QAI7BzQ,QAAQwwC,iBAAiB,UAAUzB,aAAaD,KAAKvD;cAC/C5B,MAAM6D;;;YAGRiD,YAAY7uC,YAAYmtC;qBACfpF,MAAM8D;;;YAGfztC,QAAQ+uC,YAAYtkC,UAAU,UAAUimC;cACtCD,YAAY7uC,YAAY8uC;;;;;YAK1BD,YAAY7uC,YAAYusC,eAAeY,YAAYrpC;;;cAIjDopC,QAAQvD,IAAI7qC,SAAS;YACvB+vC,YAAY7uC,YAAYusC,eAAe;;;;eAIpCsC;;;;MAIT1jC,QAAQ4jC,aAAalC,WAAW1hC,QAAQ6jC;;;;;;;;;;;QAatCpC;;;MAGFzhC,QAAQpC,MAAM81B,SAAQ,IAAGx9B,OAAO8J,QAAQpC,MAAM81B,SAAS+O,cAAc;MACrEziC,QAAQpC,MAAM+1B,UAAS,IAAGz9B,OAAOssC,eAAe;;MAEhDvvC,QAAQ2vC,OAAO,UAAUU;YACnBQ,aAAa1F,KAAKkF,MAAM5wC,SAAS;YACjCqxC,qBAAqBD,cAAc1F,KAAKkF,KAAKR,eAAepwC,SAAS;;;;QAIzE4wC,KAAK1lC,MAAMq4B,OAAM,IAAG//B,OAAO6tC,oBAAoB,IAAI3F,KAAKkF,MAAMrN,KAAK;;;;;;;;QAQnEqN,KAAK1lC,MAAM+W,OAAOmvB,cAAa,IAAG5tC,OAAOwsC,WAAW/tB,MAAM,SAAQ,IAAGze,OAAOkoC,KAAKkF,MAAM3uB,QAAQovB,oBAAoBrB,WAAW/tB,OAAO,IAAI;;QAEzI2uB,KAAK1lC,MAAM+1B,UAAS,IAAGz9B,OAAOkoC,KAAKkF,MAAM3P,QAAQ;;;QAGjD2P,KAAK1lC,MAAM81B,QAAQoQ,cAAa,IAAG5tC,OAAOwsC,WAAWhP,OAAO,SAAQ,IAAGx9B,OAAOkoC,KAAKkF,MAAM5P,OAAO;;QAEhG4P,KAAK1lC,MAAMmQ,WAAW;;;;;QAMtBhc;UACEiF,aAAajF,OAAOgF,aAAaiJ,SAAShJ,mBAAkBjF,OAAO8C,YAAYmL;;;MAInF08B,OAAOA;MACP+D,OAAO7D,MAAM6D,QAAQA;MACrBC,OAAOA;;;MAIP/8B,YAAYlH,OAAOkG;MAEnBm6B,0BAAyB;IAC3BkH,aAAalH,WAAW;MACtB7d,KAAK;;;;MAKL3F,KAAK;eACI3V;;;;;;;;;;;;;MAcTf,KAAK,aAAazG;QAChBwH,YAAYlH,OAAOkH,WAAWsgC,cAAc9nC;;;IAehD,mBAAmB0L,QAAQ1L;MACzB+nC,gBAAgB,MAAMpH;MAEtB,KAAKqH,UAAU;MACf,KAAKtG,WAAWphC,OAAOkH,WAAWsgC,cAAc9nC;MAChD,KAAKI,WAAW6nC,kBAAkBv8B;UAE9B,KAAKtL,SAAS5I;;QAEhB,KAAK0wC,YAAY,KAAK9nC,SAAS/G,IAAI,UAAUwK;iBACpCo+B,KAAKp+B,SAAS,QAAQo+B,KAAKp+B,SAAStL,QAAQsL,QAAQtK;;YAGzD,KAAKmoC,SAASjB;;UAEhB,KAAKhmC;;;;;;;;;;;IAaXotC,aAAalH;MACX7d,KAAK;MACLpa,OAAO,eAAe1I;YAChBoC,QAAQ;;;QAIZ,KAAK+lC;;QAEL,KAAK5H;QACL,KAAK+D;QACL,KAAKC;;YAED6D,aAAa1wC,OAAO2wC,aAAa3wC,OAAO4wC;;YAExCtoC,YAAY7K;UACd,KAAKusC,WAAWphC,OAAO,KAAKohC,UAAUoG,cAAc9nC;;;QAItD,KAAKI,SAAStJ,QAAQ,UAAU+M;;;cAG1B0kC,UAAUC,mBAAmB3kC,SAASzB,MAAMs/B,WAC5CnB,QAAQgI,QAAQhI,OAChB+D,QAAQiE,QAAQjE,OAChBC,QAAQgE,QAAQhE;UAEpBniC,MAAMm+B,QAAQn+B,MAAMm+B,MAAMxmC,OAAOwmC;UACjCn+B,MAAMkiC,QAAQliC,MAAMkiC,MAAMvqC,OAAOuqC;UACjCliC,MAAMmiC,QAAQniC,MAAMmiC,MAAMxqC,OAAOwqC;UACjCtC,KAAKp+B,SAASmkC,UAAU;;;QAG1B,KAAKA,UAAU;;QAEftwC,OAAO+wC,SAASL,UAAU,IAAIA,UAAU;;QAExC,KAAKhoC,SAAStJ,QAAQ,UAAU+M;cAC1B4iC,QAAQxE,KAAKp+B,SAAS4iC;UAC1Bx6B,QAAQw6B,OAAO3vC,QAAQ4xC;;;;MAS3B5lB,KAAK;MACLpa,OAAO;YACDkgB,SAAS;;YAGT,KAAKof;UACP,KAAKzH,QAAQ;UACb,KAAK+D,QAAQ;UACb,KAAKC,QAAQ;;;QAIf,KAAKnkC,SAAStJ,QAAQ,UAAU+M;cAC1Bo+B,KAAKp+B,SAASmkC,WAAW/F,KAAKp+B,SAAStL;YACzCsL,QAAQtK,YAAY0oC,KAAKp+B,SAAStL;YAClCsL,QAAQpC,MAAM+1B,SAASyK,KAAKp+B,SAASqjC,aAAa;YAClDrjC,QAAQpC,MAAM81B,QAAQ0K,KAAKp+B,SAASojC,YAAY;YAChDre,OAAOof,UAAU;;;;;WAMlBrH;;SAGFA;;;;;;;;;QC9/Ba;QACI;oBACL;AAEd;EACH17B,YAAYC;IACR,KAAK/I;MACD+I,IAAIA;MACJyjC,aAAazjC,GAAGjK,iBAAiB;MACjC2tC,aAAa1jC,GAAGjK,iBAAiB;;;EAGzCkC;eACSksB,cAAc,KAAKltB,IAAIysC,aAAY,KAAKzsC,IAAIwsC,aAAY,KAAKxsC,IAAI+I;sBAC1DqB;MAAUC;QAAWhJ,UAAU;QAAKC,MAAM;;OACrDgJ,IAAI,KAAKtK,IAAI+I;MACVwB,GAAG;OAEND,IAAI,KAAKtK,IAAIysC;MACVliC,GAAG;OAEND,IAAI,KAAKtK,IAAIwsC;MACVjiC,GAAG;OAENnJ,IAAI,KAAKpB,IAAIysC,aAAY,KAAKzsC,IAAIwsC,aAAY,KAAKxsC,IAAI+I;MACpDwB,GAAG;;;EAGXpJ;eACS+rB,cAAc,KAAKltB,IAAIysC,aAAY,KAAKzsC,IAAIwsC,aAAY,KAAKxsC,IAAI+I;sBAC1DqB;MAAUC;QAAWhJ,UAAU;QAAKC,MAAM;;OACrDF,IAAI,KAAKpB,IAAIysC;MACVliC,GAAG;OAENnJ,IAAI,KAAKpB,IAAIwsC;MACVjiC,GAAG;OACJ,GACFnJ,IAAI,KAAKpB,IAAI+I;MACVwB,GAAG;OACJ","sources":["./node_modules/@parcel/runtime-browser-hmr/lib/HMRRuntime.js","./src/js/index.js","./src/js/utils.js","./node_modules/imagesloaded/imagesloaded.js","./node_modules/ev-emitter/ev-emitter.js","./node_modules/@parcel/transformer-js/lib/esmodule-helpers.js","./src/js/menu.js","./src/js/textReveal.js","./node_modules/gsap/dist/gsap.js","./src/js/details.js","./src/js/textLinesReveal.js","./node_modules/split-type/umd/index.js","./src/js/imgReveal.js"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null],"names":["HMR_HOST","HMR_PORT","HMR_SECURE","HMR_ENV_HASH","module","bundle","HMR_BUNDLE_ID","OVERLAY_ID","OldModule","Module","moduleName","call","hot","data","hotData","_acceptCallbacks","_disposeCallbacks","accept","fn","push","dispose","undefined","checkedAssets","acceptedAssets","assetsToAccept","location","protocol","indexOf","hostname","port","parent","isParcelRequire","WebSocket","getHostname","getPort","test","ws","onmessage","event","JSON","parse","type","removeErrorOverlay","assets","filter","asset","envHash","handled","forEach","didAccept","hmrAcceptCheck","root","id","depsByBundle","console","clear","hmrApply","i","length","hmrAcceptRun","window","reload","ansiDiagnostic","diagnostics","ansi","stack","codeframe","error","message","hints","join","overlay","createErrorOverlay","html","document","body","appendChild","onerror","e","onclose","warn","getElementById","remove","log","createElement","errorHTML","diagnostic","map","hint","innerHTML","modules","parents","k","d","dep","Array","isArray","concat","getParents","link","newLink","cloneNode","onload","parentNode","removeChild","setAttribute","getAttribute","split","Date","now","insertBefore","nextSibling","cssTimeout","setTimeout","links","querySelectorAll","href","servedFromHMRServer","RegExp","absolute","origin","updateLink","reloadCSS","deps","Function","output","cached","cache","some","v","cb","assetsToAlsoAccept","apply","DOM","frame","querySelector","menuCtrl","menuWrap","textContent","heading","primary","secondary","img","state","textLinesReveal","imgReveal","textReveal","menu","showContent","in","toggleFrame","hideContent","out","to","duration","ease","opacity","Number","addEventListener","open","closeCtrl","close","then","classList","preloadImages","wrapLines","imagesLoaded","require","selector","Promise","resolve","reject","background","elems","wrapType","wrapClass","char","wrapEl","factory","define","amd","EvEmitter","exports","$","jQuery","a","b","prop","arraySlice","prototype","slice","obj","isArrayLike","elem","options","onAlways","ImagesLoaded","queryElem","elements","makeArray","extend","on","getImages","jqDeferred","Deferred","check","bind","Object","create","images","addElementImages","nodeName","addImage","addElementBackgroundImages","nodeType","elementNodeTypes","childImgs","children","child","style","getComputedStyle","reURL","matches","exec","backgroundImage","url","addBackground","loadingImage","LoadingImage","Background","_this","progressedCount","hasAnyBroken","complete","image","progress","once","onProgress","isLoaded","emitEvent","notify","debug","eventName","isComplete","jqMethod","getIsImageComplete","confirm","naturalWidth","proxyImage","Image","src","handleEvent","method","unbindEvents","removeEventListener","element","makeJQueryPlugin","callback","instance","promise","global","proto","listener","events","_events","listeners","onceEvents","_onceEvents","onceListeners","off","index","splice","args","isOnce","allOff","constructor","el","items","detailsEl","item","substring","closeDetailsCtrl","detailsInstances","initEvents","add","pos","ev","preventDefault","openDetails","closeDetails","menuItemCurrent","outer","inner","outTimeline","isActive","kill","inTimeline","timeline","defaults","set","y","rotate","stagger","self","subClass","superClass","__proto__","ReferenceError","_config","autoSleep","force3D","nullTargetWarn","units","lineHeight","_defaults","overwrite","delay","_suppressOverwrites","_bigNum","_tinyNum","_2PI","Math","PI","_HALF_PI","_gsID","_sqrt","sqrt","_cos","cos","_sin","sin","_isString","value","_isFunction","_isNumber","_isUndefined","_isObject","_isNotFalse","_windowExists","_isFuncOrString","_isTypedArray","ArrayBuffer","isView","_isArray","_strictNumExp","_numExp","_numWithUnitExp","_complexStringNumExp","_relExp","_delimitedValueExp","_unitExp","_globalTimeline","_win","_coreInitted","_doc","_globals","_installScope","_coreReady","_install","scope","_merge","gsap","_missingPlugin","property","_warn","suppress","_addGlobal","name","_emptyFunc","_reservedProps","_lazyTweens","_lazyLookup","_lastRenderedFrame","_plugins","_effects","_nextGCFrame","_harnessPlugins","_callbackNames","_harness","targets","target","harnessPlugin","_gsap","harness","targetTest","GSCache","_getCache","toArray","_getProperty","_forEachName","names","func","_round","round","_arrayContainsAny","toSearch","toFind","l","_lazyRender","tween","_lazy","render","_lazySafeRender","animation","time","suppressEvents","force","_numericIfPossible","n","parseFloat","match","trim","_passThrough","p","_setDefaults","_setKeyframeDefaults","base","toMerge","_mergeDeep","_copyExcluding","excluding","copy","_inheritDefaults","vars","keyframes","inherit","_dp","_arraysMatch","a1","a2","_addLinkedListItem","firstProp","lastProp","sortBy","prev","t","_prev","_next","_removeLinkedListItem","next","_removeFromParent","onlyIfParentHasAutoRemove","autoRemoveChildren","_act","_uncache","_end","_dur","_start","_dirty","_recacheAncestors","totalDuration","_hasNoPausedAncestors","_ts","_elapsedCycleDuration","_repeat","_animationCycle","_tTime","_rDelay","tTime","cycleDuration","whole","floor","_parentToChildTotalTime","parentTime","_tDur","_setEnd","abs","_rts","_alignPlayhead","totalTime","smoothChildTiming","_time","_postAddChecks","_initted","rawTime","_clamp","_zTime","_addToTimeline","position","skipChecks","_parsePosition","_delay","timeScale","_sort","_isFromOrFromStart","_recent","_scrollTrigger","trigger","ScrollTrigger","_attemptInitTween","_initTween","_pt","lazy","_ticker","_parentPlayheadIsBeforeStart","_ref","_lock","_ref2","_renderZeroDurationTween","prevRatio","ratio","repeatDelay","pt","iteration","prevIteration","_yoyo","repeatRefresh","invalidate","_from","r","_startAt","_onUpdate","_callback","_prom","_findNextPauseTween","prevTime","_first","_last","_setDuration","skipUncache","leavePlayhead","repeat","dur","totalProgress","_onUpdateTotalDuration","Timeline","_zeroPosition","endTime","percentAnimation","labels","recent","clippedDuration","offset","isPercent","isNaN","charAt","substr","replace","_createTweenType","params","isLegacy","varsIndex","irVars","immediateRender","runBackwards","startAt","Tween","_conditionalReturn","min","max","getUnit","clamp","_slice","_isArrayLike","nonEmpty","_flatten","ar","leaveStrings","accumulator","_accumulator","_wake","current","nativeElement","shuffle","sort","random","distribute","each","_parseEase","from","isDecimal","ratios","axis","ratioX","ratioY","center","edges","end","distances","originX","originY","x","j","wrapAt","grid","getBoundingClientRect","left","amount","u","_invertEase","_roundModifier","pow","raw","snap","snapTo","radius","is2D","values","increment","closest","dx","dy","roundingIncrement","returnFunction","pipe","_len","arguments","functions","_key","reduce","f","unitize","unit","normalize","mapRange","_wrapArray","wrapper","wrap","range","wrapYoyo","total","_replaceRandom","s","nums","inMin","inMax","outMin","outMax","inRange","outRange","interpolate","start","mutate","isString","master","interpolators","il","_addPropTween","_renderPropTweens","_getLabelInDirection","fromTime","backward","distance","label","executeLazyFirst","callbackScope","_interrupt","scrollTrigger","_quickTween","_createPlugin","config","isFunc","Plugin","init","_props","instanceDefaults","_killPropTweensOf","modifier","_addPluginModifier","rawVars","statics","get","getSetter","_getSetter","aliases","register","toUpperCase","PropTween","_255","_colorLookup","aqua","lime","silver","black","maroon","teal","blue","navy","white","olive","yellow","orange","gray","purple","green","red","pink","cyan","transparent","_hue","h","m1","m2","splitColor","toHSL","forceAlpha","g","wasHSL","parseInt","_colorOrderData","c","_colorExp","_formatColors","orderMatchData","result","colors","shell","color","shift","_hslExp","_colorStringFilter","combined","lastIndex","_tickerActive","_getTime","_lagThreshold","_adjustedLag","_startTime","_lastUpdate","_gap","_nextTime","_listeners","_id","_req","_raf","_self","_delta","_i","_tick","elapsed","manual","overlap","dispatch","tick","deltaRatio","fps","wake","gsapVersions","version","GreenSockGlobals","requestAnimationFrame","sleep","cancelAnimationFrame","clearTimeout","lagSmoothing","threshold","adjustedLag","_fps","_easeMap","_customEaseExp","_quotesExp","_parseObjectInString","key","val","parsedVal","lastIndexOf","_valueInParentheses","nested","_configEaseFromString","_CE","_propagateYoyoEase","isYoyo","yoyoEase","_ease","_yEase","defaultEase","_insertEase","easeIn","easeOut","easeInOut","lowercaseName","toLowerCase","_easeInOutFromOut","_configElastic","amplitude","period","p1","p2","p3","asin","_configBack","overshoot","power","Linear","easeNone","none","n1","n2","n3","SteppedEase","steps","immediateStart","Animation","Infinity","yoyo","_proto","startTime","_totalTime","_ptLookup","_pTime","_ps","paused","includeRepeats","wrapRepeats","globalTime","seek","restart","includeDelay","play","reversed","reverse","pause","atTime","resume","eventCallback","onFulfilled","_resolve","_then","_Animation","_inheritsLoose","sortChildren","_assertThisInitialized","_proto2","fromTo","fromVars","toVars","delayedCall","staggerTo","onCompleteAll","onCompleteAllParams","onComplete","onCompleteParams","staggerFrom","staggerFromTo","tDur","crossingStart","prevPaused","pauseTween","prevStart","rewinding","doesWrap","onRepeat","_hasPause","_forcing","onUpdate","adjustedTime","_this2","addLabel","getChildren","tweens","timelines","ignoreBeforeTime","getById","animations","removeLabel","killTweensOf","_totalTime2","addPause","removePause","props","onlyActive","getTweensOf","_overwritingTween","parsedTargets","isGlobalTime","_targets","tweenTo","tl","_vars","_onStart","onStart","onStartParams","initted","tweenFromTo","fromPosition","toPosition","nextLabel","afterTime","previousLabel","beforeTime","currentLabel","shiftChildren","adjustLabels","includeLabels","updateRoot","_addComplexStringPropTween","setter","stringFilter","funcParam","_renderComplexString","matchIndex","startNums","endNum","chunk","startNum","hasRandom","m","fp","currentValue","parsedStart","_setterPlain","_setterFuncWithParam","_setterFunc","_renderBoolean","_renderPlain","_processVars","_parseFuncOrString","_checkPlugin","plugin","ptLookup","priority","onUpdateParams","autoRevert","prevStartAt","fullTargets","autoOverwrite","_overwrite","cleanVars","hasPriority","gsData","harnessVars","overwritten","_op","_sortPropTweensByPriority","_onInit","_addAliasesToVars","propertyAliases","_staggerTweenProps","_staggerPropsToSkip","_Animation2","skipInherit","_this3","_this3$vars","curTarget","staggerFunc","staggerVarsToMerge","_proto3","killingTargets","propTweenLookup","firstPT","overwrittenProps","curLookup","curOverwriteProps","onReverseComplete","onReverseCompleteParams","_setterAttribute","hasNonDependentRemaining","op","_setterWithModifier","mSet","mt","pt2","first","last","pr","change","renderer","_proto4","TweenMax","TweenLite","TimelineLite","TimelineMax","registerPlugin","_len2","_key2","getProperty","uncache","getter","format","quickSetter","setters","isTweening","registerEffect","_ref3","effect","plugins","extendTimeline","pluginName","registerEase","parseEase","exportRoot","includeDelayedCalls","utils","install","effects","ticker","globalTimeline","core","globals","getCache","suppressOverwrites","_getPluginPropTween","_addModifiers","modifiers","_buildModifierPlugin","temp","Power0","Power1","Power2","Power3","Power4","Quad","Cubic","Quart","Quint","Strong","Elastic","Back","Bounce","Sine","Expo","Circ","_win$1","_doc$1","_docElement","_pluginInitted","_tempDiv","_tempDivStyler","_recentSetterPlugin","_windowExists$1","_transformProps","_RAD2DEG","_DEG2RAD","_atan2","atan2","_bigNum$1","_capsExp","_horizontalExp","_complexExp","_propertyAliases","autoAlpha","scale","alpha","_renderCSSProp","_renderPropWithEnd","_renderCSSPropWithBeginning","_renderRoundedCSSProp","_renderNonTweeningValue","_renderNonTweeningValueOnlyAtEnd","_setterCSSStyle","_setterCSSProp","setProperty","_setterTransform","_setterScale","scaleX","scaleY","_setterScaleWithRender","renderTransform","_setterTransformWithRender","_transformProp","_transformOriginProp","_supports3D","_createElement","ns","createElementNS","_getComputedProperty","skipPrefixFallback","cs","getPropertyValue","_checkPropPrefix","_prefixes","preferPrefix","_initCore","documentElement","cssText","_getBBoxHack","swapIfPossible","svg","ownerSVGElement","oldParent","oldSibling","oldCSS","bbox","display","getBBox","_gsapBBox","_getAttributeFallbacks","attributesArray","hasAttribute","_getBBox","bounds","width","height","_isSVG","getCTM","_removeProperty","removeProperty","removeAttribute","_addNonTweeningPT","beginning","onlySetAtEnd","_nonConvertibleUnits","deg","rad","turn","_convertToUnit","curValue","curUnit","horizontal","isRootSVG","tagName","measureProperty","toPixels","toPercent","px","isSVG","_get","_parseTransform","_firstTwoOnly","zOrigin","_specialProps","_tweenComplexCSSString","startValues","startValue","endValue","endUnit","startUnit","relative","endValues","_keywordToPercent","top","bottom","right","_convertKeywordsToPercentages","_renderClearProps","clearTransforms","clearProps","_identity2DMatrix","_rotationalProperties","_isNullTransform","_getComputedTransformMatrixAsArray","matrixString","_getMatrix","force2D","matrix","addedToDOM","transform","baseVal","consolidate","offsetParent","_applySVGOrigin","originIsAbsolute","smooth","matrixArray","pluginToAddPropTweensTo","xOriginOld","xOrigin","yOriginOld","yOrigin","xOffsetOld","xOffset","yOffsetOld","yOffset","tx","ty","originSplit","determinant","invertedScaleX","z","rotation","rotationX","rotationY","skewX","skewY","perspective","angle","a12","a22","t1","t2","t3","a13","a23","a33","a42","a43","a32","forceCSS","xPercent","offsetWidth","yPercent","offsetHeight","transformPerspective","_renderSVGTransforms","_renderCSSTransforms","_renderNon3DTransforms","_addPxTranslate","_zeroDeg","_zeroPx","_endParenthesis","transforms","use3D","a11","a21","tan","_addRotationalPropTween","cap","finalValue","direction","_assign","source","_addRawTransformPTs","startCache","exclude","endCache","side","CSSPlugin","specialProp","isTransformRelated","transformPropTween","parseTransform","smoothOrigin","autoRound","checkPrefix","positionAndScale","others","all","gsapWithCSS","TweenMaxWithCSS","default","defineProperty","title","text","animationElems","SplitTypeInstances","lines","SplitTypeInstance","types","globalThis","SplitType","Constructor","TypeError","descriptor","enumerable","configurable","writable","protoProps","staticProps","_defineProperties","object","getOwnPropertyNames","extended","getOwnPropertyDescriptor","newValue","settings","isObject","isLength","input","flatten","isNode","owner","Data","expando","uid","collection","arr","len","string","separator","String","rsAstralRange","rsComboMarksRange","rsComboSymbolsRange","rsVarRange","rsAstral","rsCombo","rsFitz","rsModifier","rsNonAstral","rsRegional","rsSurrPair","rsZWJ","reOptMod","rsOptVar","rsOptJoin","rsSeq","rsSymbol","reUnicode","unicodeRange","reHasUnicode","hasUnicode","unicodeToArray","asciiToArray","toString","stringToArray","attributes","keys","attribute","words","chars","LINE_BREAK_SYMBOL","brTag","tempDiv","splitClass","lineClass","wordClass","charClass","createFragment","createDocumentFragment","createTextNode","str","parseTypes","TAG_NAME","BR_SYMBOL","isAbsolute","splitText","TEXT_CONTENT","getTextContent","toWords","WORD","idx","wordElement","characterElementsForCurrentWord","toChars","CHAR","class","characterElement","wordsInEachLine","wordsInCurrentLine","elementHeight","elementWidth","contentBox","lineOffsetY","nodes","getElementsByTagName","parentElement","nextElementSibling","align","textAlign","offsetLeft","offsetTop","cssWidth","cssHeight","node","isWord","wordOffsetY","wordsInThisLine","lineElement","charNode","replaceChild","firstChild","isLineNode","isChildOfLineNode","_createClass","parseSettings","_classCallCheck","isSplit","getTargetElements","originals","revert","scrollPos","pageXOffset","pageYOffset","_split2","splitSingleElement","scrollTo","RemoveData","outerImages","innerImages"],"version":3,"file":"index.HASH_REF_062e9a7565ca912a5f7d6b832142d36c.js.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/1c/cf7b4d36b4d13f4b4f4faac4bc3bcf.blob b/.parcel-cache/1c/cf7b4d36b4d13f4b4f4faac4bc3bcf.blob new file mode 100644 index 0000000..f42fe1b Binary files /dev/null and b/.parcel-cache/1c/cf7b4d36b4d13f4b4f4faac4bc3bcf.blob differ diff --git a/.parcel-cache/1c/f7c78fa38aaf7fa68ef0866153bc0a.v8 b/.parcel-cache/1c/f7c78fa38aaf7fa68ef0866153bc0a.v8 new file mode 100644 index 0000000..e7ef39e Binary files /dev/null and b/.parcel-cache/1c/f7c78fa38aaf7fa68ef0866153bc0a.v8 differ diff --git a/.parcel-cache/1c/fcd2ee393054ff7df1ed7bc972fb10.blob b/.parcel-cache/1c/fcd2ee393054ff7df1ed7bc972fb10.blob new file mode 100644 index 0000000..06ce1b5 Binary files /dev/null and b/.parcel-cache/1c/fcd2ee393054ff7df1ed7bc972fb10.blob differ diff --git a/.parcel-cache/1d/036bc637e212d1db5cca7dc1392144.blob b/.parcel-cache/1d/036bc637e212d1db5cca7dc1392144.blob new file mode 100644 index 0000000..4e2b67b Binary files /dev/null and b/.parcel-cache/1d/036bc637e212d1db5cca7dc1392144.blob differ diff --git a/.parcel-cache/1d/2098fed5b3b41e8f70c1f9f855ba01.blob b/.parcel-cache/1d/2098fed5b3b41e8f70c1f9f855ba01.blob new file mode 100644 index 0000000..9c40c71 Binary files /dev/null and b/.parcel-cache/1d/2098fed5b3b41e8f70c1f9f855ba01.blob differ diff --git a/.parcel-cache/1d/c8b260e5c5719a321cf72ed46f6b96.blob b/.parcel-cache/1d/c8b260e5c5719a321cf72ed46f6b96.blob new file mode 100644 index 0000000..8968511 --- /dev/null +++ b/.parcel-cache/1d/c8b260e5c5719a321cf72ed46f6b96.blob @@ -0,0 +1,208 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + diff --git a/.parcel-cache/1d/e7f89144ee874f7accfa66e83f6275.blob b/.parcel-cache/1d/e7f89144ee874f7accfa66e83f6275.blob new file mode 100644 index 0000000..199610f Binary files /dev/null and b/.parcel-cache/1d/e7f89144ee874f7accfa66e83f6275.blob differ diff --git a/.parcel-cache/1e/08075aa3668e9cf49cafcd84de8e33.v8 b/.parcel-cache/1e/08075aa3668e9cf49cafcd84de8e33.v8 new file mode 100644 index 0000000..04c2622 Binary files /dev/null and b/.parcel-cache/1e/08075aa3668e9cf49cafcd84de8e33.v8 differ diff --git a/.parcel-cache/1e/898c2b734ad74d3d344fe219603012.blob b/.parcel-cache/1e/898c2b734ad74d3d344fe219603012.blob new file mode 100644 index 0000000..dd5dc0e Binary files /dev/null and b/.parcel-cache/1e/898c2b734ad74d3d344fe219603012.blob differ diff --git a/.parcel-cache/1f/9b51cd8cb14e80258aac970f656545.blob b/.parcel-cache/1f/9b51cd8cb14e80258aac970f656545.blob new file mode 100644 index 0000000..376763d Binary files /dev/null and b/.parcel-cache/1f/9b51cd8cb14e80258aac970f656545.blob differ diff --git a/.parcel-cache/1f/c7c6fa371264efe21307541d4610bd.blob b/.parcel-cache/1f/c7c6fa371264efe21307541d4610bd.blob new file mode 100644 index 0000000..8717772 --- /dev/null +++ b/.parcel-cache/1f/c7c6fa371264efe21307541d4610bd.blob @@ -0,0 +1,655 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + diff --git a/.parcel-cache/20/5cffd144f7869d6fb61603b9fefc83.blob b/.parcel-cache/20/5cffd144f7869d6fb61603b9fefc83.blob new file mode 100644 index 0000000..58ec282 --- /dev/null +++ b/.parcel-cache/20/5cffd144f7869d6fb61603b9fefc83.blob @@ -0,0 +1,907 @@ +var define; +/** +* SplitType +* https://github.com/lukePeavey/SplitType +* @version 0.2.5 +* @author Luke Peavey +*/ +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : typeof define === 'function' && define.amd ? define(factory) : (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.SplitType = factory()); +})(this, function () { + "use strict"; + function _classCallCheck(instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } + } + function _defineProperties(target, props) { + for (var i = 0; i < props.length; i++) { + var descriptor = props[i]; + descriptor.enumerable = descriptor.enumerable || false; + descriptor.configurable = true; + if (("value" in descriptor)) descriptor.writable = true; + Object.defineProperty(target, descriptor.key, descriptor); + } + } + function _createClass(Constructor, protoProps, staticProps) { + if (protoProps) _defineProperties(Constructor.prototype, protoProps); + if (staticProps) _defineProperties(Constructor, staticProps); + return Constructor; + } + /** + * Shallow merges the properties of an object with the target object. Only + * includes properties that exist on the target object. Non-writable properties + * on the target object will not be over-written. + * + * @param {Object} target + * @param {Object} object + */ + function extend(target, object) { + return Object.getOwnPropertyNames(Object(target)).reduce(function (extended, key) { + var currentValue = Object.getOwnPropertyDescriptor(Object(target), key); + var newValue = Object.getOwnPropertyDescriptor(Object(object), key); + return Object.defineProperty(extended, key, newValue || currentValue); + }, {}); + } + /** + * Parses user supplied settings objects. + */ + function parseSettings(settings) { + var object = extend(settings); + if (object.types || object.split) { + // Support `split` as an alias for `types` + object.types = object.types || object.split; + } + if (object.absolute || object.position) { + // Support `position: absolute` as alias for `absolute: true` + object.absolute = object.absolute || (/absolute/).test(settings.position); + } + return object; + } + /** + * Returns true if `value` is a non-null object. + * @param {any} value + * @return {boolean} + */ + function isObject(value) { + return value !== null && typeof value === 'object'; + } + /** + * Checks if `value` is a valid array-like length. + * Original source: Lodash + * + * @param {*} value The value to check. + * @returns {boolean} Returns `true` if `value` is a valid length, else `false`. + * @example + * + * _.isLength(3) + * // => true + * + * _.isLength(Number.MIN_VALUE) + * // => false + * + * _.isLength(Infinity) + * // => false + * + * _.isLength('3') + * // => false + */ + function isLength(value) { + return typeof value === 'number' && value > -1 && value % 1 === 0; + } + /** + * Checks if `value` is an array-like object + * @param {any} value + * @return {boolean} true if `value` is array-like`, else `false` + * @example + * isArrayLike(new Array()) + * // => true + * + * isArrayLike(document.querySelectorAll('div')) + * // => true + * + * isArrayLike(document.getElementsByTagName('div')) + * // => true + * + * isArrayLike(() => {}) + * // => false + * + * isArrayLike({foo: 'bar'}) + * // => false + * + * * isArrayLike(null) + * // => false + */ + function isArrayLike(value) { + return isObject(value) && isLength(value.length); + } + /** + * Coerces `value` to an `Array`. + * + * @param {any} value + * @return {any[]} + * @example + * // If `value` is any `Array`, returns original `Array` + * let arr = [1, 2] + * toArray(arr) + * // => arr + * + * // If `value` is an `ArrayLike`, its equivalent to `Array.from(value)` + * let nodeList = document.querySelectorAll('div') + * toArray(nodeList) + * // => HTMLElement[] s + * + * // If value is falsy, returns empty array + * toArray(null) + * // => [] + * + * // For any other type of value, its equivalent to `Array.of(value)` + * let element = document.createElement('div') + * toArray(element) + * // => [element] + * + */ + function toArray(value) { + if (Array.isArray(value)) return value; + if (value == null) return []; + return isArrayLike(value) ? Array.prototype.slice.call(value) : [value]; + } + /** + * Returns true if `input` is one of the following: + * - `Element` + * - `Text` + * - `Document` + * - `DocumentFragment` + */ + function isNode(input) { + return isObject(input) && (/^(1|3|11)$/).test(input.nodeType); + } + /** + * Checks if given value is a string + * + * @param {any} value + * @return {boolean} `true` if `value` is a string, else `false` + */ + function isString(value) { + return typeof value === 'string'; + } + /** + * Flattens nested ArrayLike object (max 2 levels deep) + */ + function flatten(obj) { + return toArray(obj).reduce(function (result, item) { + return result.concat(toArray(item)); + }, []); + } + /** + * Processes target elements for the splitType function. `target` can any + * of the following types. + * 1. `string` - A css selector + * 2. `HTMLElement` - A single element + * 3. `ArrayLike` - A collection of elements (ie NodeList) + * 4. `Array>` - An array of elements + * and/or collections of elements + * + * Returns a flat array of HTML elements. If `target` does not contain any + * valid elements, returns an empty array. + * + * @param {any} target + * @returns {HTMLElement[]} A flat array HTML elements + * @example + * + * // Single Element + * const element = document.createElement('div') + * getTargetElements() + * // => [element] + * + * const nodeList = document.querySelectorAll('div') + * getTargetElements(nodeList) + * // => HTMLElement[] (all elements in `nodeList`) + * + * const nodeListA = document.querySelectorAll('div') + * const nodeListB = document.querySelectorAll('p') + * getTargetElements([nodeListA, nodeListB]) + * // => HTMLElement[] (all elements in `nodeListA` and `nodeListB`) + * + * // ID selector + * getTargetElements('#id') + * // => HTMLElement[] + * + * // Class selector + * getTargetElements('.text') + * // => HTMLElement[] + * + * // Non element object will not be returned + * getTargetElements({foo: bar}) + * // => [] + * + */ + function getTargetElements(target) { + var elements = target; + // If `target` is a selector string... + if (isString(target)) { + if ((/^(#[a-z]\w+)$/).test(target.trim())) { + // If `target` is an ID, use `getElementById` + elements = document.getElementById(target.trim().slice(1)); + } else { + // Else use `querySelectorAll` + elements = document.querySelectorAll(target); + } + } + return flatten(elements).filter(isNode); + } + /** + * Stores data associated with DOM elements. This is a simplified version of + * jQuery's data method. + */ + function Data(owner, key, value) { + var data = {}; + var id = null; + if (isObject(owner)) { + id = owner[Data.expando] || (owner[Data.expando] = ++Data.uid); + data = Data.cache[id] || (Data.cache[id] = {}); + } + // Get data + if (value === undefined) { + if (key === undefined) { + return data; + } + return data[key]; + // Set data +} else // Set data + if (key !== undefined) { + data[key] = value; + return value; + } + } + Data.expando = ("splitType").concat(new Date() * 1); + Data.cache = {}; + Data.uid = 0; + // Remove all data associated with the given element + function RemoveData(element) { + var id = element && element[Data.expando]; + if (id) { + delete element[id]; + delete Data.cache[id]; + } + } + /** + * Iterates values of an array or array-like object calling the provided + * `callback` for each item. Based on `array.forEach` + * @param {any} collection + * @param {function} callback + */ + function forEach(collection, callback) { + var arr = toArray(collection); + for (var len = arr.length, i = 0; i < len; i++) { + callback(arr[i], i, arr); + } + } + /** + * Splits a string into an array of words. + * + * @param {string} string + * @param {string | RegExp} [separator = ' '] + * @return {string[]} Array of words + */ + function toWords(string) { + var separator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ' '; + string = string ? String(string) : ''; + return string.split(separator); + } + /** + * Based on lodash#split + * Copyright jQuery Foundation and other contributors + * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & + * Editors + */ + var rsAstralRange = "\\ud800-\\udfff"; + var rsComboMarksRange = "\\u0300-\\u036f\\ufe20-\\ufe23"; + var rsComboSymbolsRange = "\\u20d0-\\u20f0"; + var rsVarRange = "\\ufe0e\\ufe0f"; + /** Used to compose unicode capture groups.*/ + var rsAstral = ("[").concat(rsAstralRange, "]"); + var rsCombo = ("[").concat(rsComboMarksRange).concat(rsComboSymbolsRange, "]"); + var rsFitz = "\\ud83c[\\udffb-\\udfff]"; + var rsModifier = ("(?:").concat(rsCombo, "|").concat(rsFitz, ")"); + var rsNonAstral = ("[^").concat(rsAstralRange, "]"); + var rsRegional = "(?:\\ud83c[\\udde6-\\uddff]){2}"; + var rsSurrPair = "[\\ud800-\\udbff][\\udc00-\\udfff]"; + var rsZWJ = "\\u200d"; + /** Used to compose unicode regexes.*/ + var reOptMod = ("").concat(rsModifier, "?"); + var rsOptVar = ("[").concat(rsVarRange, "]?"); + var rsOptJoin = '(?:' + rsZWJ + '(?:' + [rsNonAstral, rsRegional, rsSurrPair].join('|') + ')' + rsOptVar + reOptMod + ')*'; + var rsSeq = rsOptVar + reOptMod + rsOptJoin; + var rsSymbol = ("(?:").concat([("").concat(rsNonAstral).concat(rsCombo, "?"), rsCombo, rsRegional, rsSurrPair, rsAstral].join('|'), "\n)"); + /** Used to match [string symbols](https://mathiasbynens.be/notes/javascript-unicode).*/ + var reUnicode = RegExp(("").concat(rsFitz, "(?=").concat(rsFitz, ")|").concat(rsSymbol).concat(rsSeq), 'g'); + /** Used to detect strings with [zero-width joiners or code points from the astral planes](http://eev.ee/blog/2015/09/12/dark-corners-of-unicode/).*/ + var unicodeRange = [rsZWJ, rsAstralRange, rsComboMarksRange, rsComboSymbolsRange, rsVarRange]; + var reHasUnicode = RegExp(("[").concat(unicodeRange.join(''), "]")); + /** + * Converts an ASCII `string` to an array. + * + * @private + * @param {string} string The string to convert. + * @returns {Array} Returns the converted array. + */ + function asciiToArray(string) { + return string.split(''); + } + /** + * Checks if `string` contains Unicode symbols. + * + * @private + * @param {string} string The string to inspect. + * @returns {boolean} Returns `true` if a symbol is found, else `false`. + */ + function hasUnicode(string) { + return reHasUnicode.test(string); + } + /** + * Converts a Unicode `string` to an array. + * + * @private + * @param {string} string The string to convert. + * @returns {Array} Returns the converted array. + */ + function unicodeToArray(string) { + return string.match(reUnicode) || []; + } + /** + * Converts `string` to an array. + * + * @private + * @param {string} string The string to convert. + * @returns {Array} Returns the converted array. + */ + function stringToArray(string) { + return hasUnicode(string) ? unicodeToArray(string) : asciiToArray(string); + } + /** + * Converts `value` to a string. An empty string is returned for `null` + * and `undefined` values. + * + * @param {*} value The value to process. + * @returns {string} Returns the string. + * @example + * + * _.toString(null); + * // => '' + * + * _.toString([1, 2, 3]); + * // => '1,2,3' + */ + function toString(value) { + return value == null ? '' : String(value); + } + /** + * Splits `string` into an array of characters. If `separator` is omitted, + * it behaves likes split.split(''). + * + * Unlike native string.split(''), it can split strings that contain unicode + * characters like emojis and symbols. + * + * @param {string} [string=''] The string to split. + * @param {RegExp|string} [separator=''] The separator pattern to split by. + * @returns {Array} Returns the string segments. + * @example + * toChars('foo'); + * // => ['f', 'o', 'o'] + * + * toChars('foo bar'); + * // => ["f", "o", "o", " ", "b", "a", "r"] + * + * toChars('f😀o'); + * // => ['f', '😀', 'o'] + * + * toChars('f-😀-o', /-/); + * // => ['f', '😀', 'o'] + * + */ + function toChars(string) { + var separator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ''; + string = toString(string); + if (string && isString(string)) { + if (!separator && hasUnicode(string)) { + return stringToArray(string); + } + } + return string.split(separator); + } + /** + * Create an HTML element with the the given attributes + * + * attributes can include standard HTML attribute, as well as the following + * "special" properties: + * - children: HTMLElement | ArrayLike + * - textContent: string + * - innerHTML: string + * + * @param {string} name + * @param {Object} [attributes] + * @returns {HTMLElement} + */ + function createElement(name, attributes) { + var element = document.createElement(name); + if (!attributes) { + // When called without the second argument, its just return the result + // of `document.createElement` + return element; + } + Object.keys(attributes).forEach(function (attribute) { + var value = attributes[attribute]; + // Ignore attribute if value is `null` + if (value === null) return; + // Handle `textContent` and `innerHTML` + if (attribute === 'textContent' || attribute === 'innerHTML') { + element[attribute] = value; + // Handle `children` +} else // Handle `children` + if (attribute === 'children') { + forEach(value, function (child) { + if (isNode(child)) element.appendChild(child); + }); + // Handle standard HTML attributes +} else // Handle standard HTML attributes + { + element.setAttribute(attribute, String(value).trim()); + } + }); + return element; + } + /** + * Takes a comma separated list of `types` and returns an objet + * + * @param {string | string[]} value a comma separated list of split types + * @return {{lines: boolean, words: boolean, chars: boolean}} + */ + function parseTypes(value) { + var types = isString(value) || Array.isArray(value) ? String(value) : ''; + return { + lines: (/line/i).test(types), + words: (/word/i).test(types), + chars: (/(char)|(character)/i).test(types) + }; + } + /** + * Gets the text content of an HTML element. + * + * Optionally,
tags can be replaced with a unique string so they can be + * converted back HTML later on. + * + * @param {HTMLElement} element + * @param {string} BR_SYMBOL + * @return {string} the text content of the given element + */ + function getTextContent(element, LINE_BREAK_SYMBOL) { + var brTag = //g; + var textContent = element.textContent; + if (LINE_BREAK_SYMBOL) { + var innerHTML = element.innerHTML; + var tempDiv = document.createElement('div'); + tempDiv.innerHTML = innerHTML.replace(brTag, (" ").concat(LINE_BREAK_SYMBOL, " ")); + textContent = tempDiv.textContent; + } + // Remove extra white space + return textContent.replace(/\s+/g, ' ').trim(); + } + var defaults = { + splitClass: '', + lineClass: 'line', + wordClass: 'word', + charClass: 'char', + types: 'lines, words, chars', + absolute: false, + tagName: 'div' + }; + var createFragment = function createFragment() { + return document.createDocumentFragment(); + }; + var createTextNode = function createTextNode(str) { + return document.createTextNode(str); + }; + /** + * Splits the text content of a single element using the provided settings. + * There are three possible split types: lines, words, and characters. Each one + * is optional, so text can be split into any combination of the three types. + * + * @param {HTMLElement} element the target element + * @param {Object} settings + * @return {{ + * lines: HTMLElement[], + * words: HTMLElement[], + * chars: HTMLElement[] + * }} + */ + function splitSingleElement(element, settings) { + settings = extend(defaults, settings); + // The split types + var types = parseTypes(settings.types); + // the tag name for split text nodes + var TAG_NAME = settings.tagName; + // A unique string to temporarily replace
tags + var BR_SYMBOL = ("B").concat(new Date() * 1, "R"); + // (boolean) true if position is set to absolute + var isAbsolute = settings.position === 'absolute' || settings.absolute; + // The array of wrapped line elements + var lines = []; + // The array of wrapped words elements + var words = []; + // The array of wrapped character elements + var chars = []; + // The plain text content of the target element + var splitText; + /**------------------------------------------------ + ** SPLIT TEXT INTO WORDS AND CHARACTERS + **-----------------------------------------------*/ + // `splitText` is a wrapper to hold the HTML structure + splitText = types.lines ? createElement('div') : createFragment(); + // Get the element's text content. + var TEXT_CONTENT = getTextContent(element, BR_SYMBOL); + // Create an array of wrapped word elements. + words = toWords(TEXT_CONTENT).reduce(function (result, WORD, idx, arr) { + // Let `wordElement` be the wrapped element for the current word + var wordElement; + var characterElementsForCurrentWord; + // If the current word is a symbol representing a `
` tag, + // append a `
` tag to splitText and continue to the next word + if (WORD === BR_SYMBOL) { + splitText.appendChild(createElement('br')); + return result; + } + // If splitting text into characters... + if (types.chars) { + // Iterate through the characters in the current word + // TODO: support emojis in text + characterElementsForCurrentWord = toChars(WORD).map(function (CHAR) { + return createElement(TAG_NAME, { + class: ("").concat(settings.splitClass, " ").concat(settings.charClass), + style: 'display: inline-block;', + textContent: CHAR + }); + }); + // push the character nodes for this word onto the array of + // all character nodes + chars = chars.concat(characterElementsForCurrentWord); + } + // END IF; + if (types.words || types.lines) { + // | If Splitting Text Into Words... + // | Create an element (`wordElement`) to wrap the current word. + // | If we are also splitting text into characters, the word element + // | will contain the wrapped character nodes for this word. If not, + // | it will contain the `WORD` + wordElement = createElement(TAG_NAME, { + class: ("").concat(settings.wordClass, " ").concat(settings.splitClass), + style: ("display: inline-block; position: ").concat(types.words ? 'relative' : 'static'), + children: types.chars ? characterElementsForCurrentWord : null, + textContent: !types.chars ? WORD : null + }); + splitText.appendChild(wordElement); + } else { + // | If NOT splitting into words OR lines... + // | Append the characters elements directly to splitText. + forEach(characterElementsForCurrentWord, function (characterElement) { + splitText.appendChild(characterElement); + }); + } + if (idx !== arr.length - 1) { + // Add a space after the word. + splitText.appendChild(createTextNode(' ')); + } + // If we not splitting text into words, we return an empty array + return types.words ? result.concat(wordElement) : result; + }, []); + // 4. Replace the original HTML content of the element with the `splitText` + element.innerHTML = ''; + element.appendChild(splitText); + // Unless we are splitting text into lines or using + if (!isAbsolute && !types.lines) { + return { + chars: chars, + words: words, + lines: [] + }; + } + /**------------------------------------------------ + ** GET STYLES AND POSITIONS + **-----------------------------------------------*/ + // There is no built-in way to detect natural line breaks in text (when a + // block of text wraps to fit its container). To split text into lines, we + // have to detect line breaks by checking the top offset of words. This is + // why text was split into words first. To apply absolute + // positioning, its also necessary to record the size and position of every + // split node (lines, words, characters). + // To consolidate DOM getting/settings, this is all done at the same time, + // before actually splitting text into lines, which involves restructuring + // the DOM again. + var wordsInEachLine = []; + var wordsInCurrentLine = []; + var lineHeight; + var elementHeight; + var elementWidth; + var contentBox; + var lineOffsetY; + // TODO: Is it necessary to store `nodes` in the cache? + // nodes is a live HTML collection of the nodes in this element + var nodes = Data(element, 'nodes', element.getElementsByTagName(TAG_NAME)); + // Cache the element's parent and next sibling (for DOM removal). + var parent = element.parentElement; + var nextSibling = element.nextElementSibling; + // get the computed style object for the element + var cs = window.getComputedStyle(element); + var align = cs.textAlign; + // If using absolute position... + if (isAbsolute) { + // Let contentBox be an object containing the width and offset position of + // the element's content box (the area inside padding box). This is needed + // (for absolute positioning) to set the width and position of line + // elements, which have not been created yet. + contentBox = { + left: splitText.offsetLeft, + top: splitText.offsetTop, + width: splitText.offsetWidth + }; + // Let elementWidth and elementHeight equal the actual width/height of the + // element. Also check if the element has inline height or width styles + // already set. If it does, cache those values for later. + elementWidth = element.offsetWidth; + elementHeight = element.offsetHeight; + Data(element).cssWidth = element.style.width; + Data(element).cssHeight = element.style.height; + } + // Iterate over every split text node + forEach(nodes, function (node) { + if (node === splitText) return; + var isWord = node.parentElement === splitText; + var wordOffsetY; + // a. Detect line breaks by checking the top offset of word nodes. + // For each line, create an array (line) containing the words in that + // line. + if (types.lines && isWord) { + // wordOffsetY is the top offset of the current word. + wordOffsetY = Data(node, 'top', node.offsetTop); + // If wordOffsetY is different than the value of lineOffsetY... + // Then this word is the beginning of a new line. + // Set lineOffsetY to value of wordOffsetY. + // Create a new array (line) to hold the words in this line. + if (wordOffsetY !== lineOffsetY) { + lineOffsetY = wordOffsetY; + wordsInEachLine.push(wordsInCurrentLine = []); + } + // Add the current word node to the line array + wordsInCurrentLine.push(node); + } + // b. Get the size and position of all split text nodes. + if (isAbsolute) { + // The values are stored using the data method + // All split nodes have the same height (lineHeight). So its only + // retrieved once. + // If offset top has already been cached (step 11 a) use the stored value. + Data(node).top = wordOffsetY || node.offsetTop; + Data(node).left = node.offsetLeft; + Data(node).width = node.offsetWidth; + Data(node).height = lineHeight || (lineHeight = node.offsetHeight); + } + }); + // END LOOP + // Remove the element from the DOM + if (parent) { + parent.removeChild(element); + } + /**------------------------------------------------ + ** SPLIT LINES + **-----------------------------------------------*/ + if (types.lines) { + // Let splitText be a new document createFragment to hold the HTML + // structure. + splitText = createFragment(); + // Iterate over lines of text (see 11 b) + // Let `line` be the array of words in the current line. + // Return an array of the wrapped line elements (lineElements) + lines = wordsInEachLine.map(function (wordsInThisLine) { + // Create an element to wrap the current line. + var lineElement = createElement(TAG_NAME, { + class: ("").concat(settings.splitClass, " ").concat(settings.lineClass), + style: ("display: block; text-align: ").concat(align, "; width: 100%;") + }); + // Append the `lineElement` to `SplitText` + splitText.appendChild(lineElement); + // Store size/position values for the line element. + if (isAbsolute) { + Data(lineElement).type = 'line'; + // the offset top of the first word in the line + Data(lineElement).top = Data(wordsInThisLine[0]).top; + Data(lineElement).height = lineHeight; + } + // Iterate over the word elements in the current line. + forEach(wordsInThisLine, function (wordElement, idx, arr) { + if (types.words) { + // | If we are splitting text into words, + // | just append each wordElement to the lineElement. + lineElement.appendChild(wordElement); + } else if (types.chars) { + // | If splitting text into characters but not words... + // | Append the character elements directly to the line element + forEach(wordElement.children, function (charNode) { + lineElement.appendChild(charNode); + }); + } else { + // | If NOT splitting into words OR characters... + // | append the plain text content of the word to the line element + lineElement.appendChild(createTextNode(wordElement.textContent)); + } + // Add a space after the word + if (idx !== arr.length - 1) { + lineElement.appendChild(createTextNode(' ')); + } + }); + // END LOOP + return lineElement; + }); + // END LOOP + // 10. Insert the new splitText + element.replaceChild(splitText, element.firstChild); + } + /**------------------------------------------------ + ** SET ABSOLUTE POSITION + **-----------------------------------------------*/ + // Apply absolute positioning to all split text elements (lines, words, and + // characters). The size and relative position of split nodes has already + // been recorded. Now we use those values to set each element to absolute + // position. However, positions were logged before text was split into lines + // (step 13 - 15). So some values need to be recalculated to account for the + // modified DOM structure. + if (isAbsolute) { + // Set the width/height of the parent element, so it does not collapse + // when its child nodes are set to absolute position. + element.style.width = ("").concat(element.style.width || elementWidth, "px"); + element.style.height = ("").concat(elementHeight, "px"); + // Iterate over all split nodes. + forEach(nodes, function (node) { + var isLineNode = Data(node).type === 'line'; + var isChildOfLineNode = !isLineNode && Data(node.parentElement).type === 'line'; + // Set the top position of the current node. + // -> If its a line node, we use the top offset of its first child + // -> If its the child of line node, then its top offset is zero + node.style.top = ("").concat(isChildOfLineNode ? 0 : Data(node).top, "px"); + // Set the left position of the current node. + // -> If its a line node, this this is equal to the left offset of + // contentBox. + // -> If its the child of a line node, the cached valued must be + // recalculated so its relative to the line node (which didn't + // exist when value was initially checked). NOTE: the value is + // recalculated without querying the DOM again + node.style.left = isLineNode ? ("").concat(contentBox.left, "px") : ("").concat(Data(node).left - (isChildOfLineNode ? contentBox.left : 0), "px"); + // Set the height of the current node to the cached value. + node.style.height = ("").concat(Data(node).height, "px"); + // Set the width of the current node. + // If its a line element, width is equal to the width of the contentBox. + node.style.width = isLineNode ? ("").concat(contentBox.width, "px") : ("").concat(Data(node).width, "px"); + // Finally, set the node's position to absolute. + node.style.position = 'absolute'; + }); + } + // end if; + // 14. Re-attach the element to the DOM + if (parent) { + if (nextSibling) parent.insertBefore(element, nextSibling); else parent.appendChild(element); + } + return { + lines: lines, + words: types.words ? words : [], + chars: chars + }; + } + var _defaults = extend(defaults, {}); + var SplitType = /*#__PURE__*/(function () { + _createClass(SplitType, null, [{ + key: "defaults", + /** + * The default settings for all splitType instances + */ + get: function get() { + return _defaults; + }, + /** + * Sets the default settings for all SplitType instances. + * + * Setting `SplitType.defaults` to an object will merge that object with the + * existing defaults. + * + * @param {Object} settings an object containing the settings to override + * + * @example + * SplitType.defaults = { "position": "absolute" } + */ + set: function set(options) { + _defaults = extend(_defaults, parseSettings(options)); + } + }]); + function SplitType(target, options) { + _classCallCheck(this, SplitType); + this.isSplit = false; + this.settings = extend(_defaults, parseSettings(options)); + this.elements = getTargetElements(target) || []; + if (this.elements.length) { + // Store the original HTML content of each target element + this.originals = this.elements.map(function (element) { + return Data(element, 'html', Data(element).html || element.innerHTML); + }); + if (this.settings.types) { + // Initiate the split operation. + this.split(); + } + } + } + /** + * Splits the text in all target elements. This method is called + * automatically when a new SplitType instance is created. It can also be + * called manually to re-split text with new options. + * @param {Object} options + * @public + */ + _createClass(SplitType, [{ + key: "split", + value: function split(options) { + var _this = this; + // If any of the target elements have already been split, + // revert them back to their original content before splitting them. + this.revert(); + // Create arrays to hold the split lines, words, and characters + this.lines = []; + this.words = []; + this.chars = []; + // cache vertical scroll position before splitting + var scrollPos = [window.pageXOffset, window.pageYOffset]; + // If new options were passed into the `split()` method, update settings + if (options !== undefined) { + this.settings = extend(this.settings, parseSettings(options)); + } + // Split text in each target element + this.elements.forEach(function (element) { + // Add the split text nodes from this element to the arrays of all split + // text nodes for this instance. + var _split2 = splitSingleElement(element, _this.settings), lines = _split2.lines, words = _split2.words, chars = _split2.chars; + _this.lines = _this.lines.concat(lines); + _this.words = _this.words.concat(words); + _this.chars = _this.chars.concat(chars); + Data(element).isSplit = true; + }); + // Set isSplit to true for the SplitType instance + this.isSplit = true; + // Set scroll position to cached value. + window.scrollTo(scrollPos[0], scrollPos[1]); + // Clear data Cache + this.elements.forEach(function (element) { + var nodes = Data(element).nodes || []; + toArray(nodes).forEach(RemoveData); + }); + } + }, { + key: "revert", + value: function revert() { + var _this2 = this; + // Delete the arrays of split text elements + if (this.isSplit) { + this.lines = null; + this.words = null; + this.chars = null; + } + // Remove split text from target elements and restore original content + this.elements.forEach(function (element) { + if (Data(element).isSplit && Data(element).html) { + element.innerHTML = Data(element).html; + element.style.height = Data(element).cssHeight || ''; + element.style.width = Data(element).cssWidth || ''; + _this2.isSplit = false; + } + }); + } + }]); + return SplitType; + })(); + return SplitType; +}); diff --git a/.parcel-cache/20/fba365c94ba95f179c516d8f492c29.blob b/.parcel-cache/20/fba365c94ba95f179c516d8f492c29.blob new file mode 100644 index 0000000..f327831 --- /dev/null +++ b/.parcel-cache/20/fba365c94ba95f179c516d8f492c29.blob @@ -0,0 +1,532 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2rem; + --font-size-large: 1.5rem; + --font-size-medium: 1.25rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +body #cdawrap { + --cda-top: 1.5rem; + --cda-bottom: auto; + --cda-left: 1.5rem; + --cda-width: 360px; + --cda-text-color: var(--color-menu); + --cda-text-color-hover: var(--color-menu-hover); +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-gap: 0.5rem; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(908c1417d06f899ac3fd6887fb3a9434) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.45 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 640px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +.details__content-link:hover { + color: var(--color-menu-hover); +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + grid-gap: 0; + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/21/2c0f9423f7486490abdabdf0864605.v8 b/.parcel-cache/21/2c0f9423f7486490abdabdf0864605.v8 new file mode 100644 index 0000000..c15e674 Binary files /dev/null and b/.parcel-cache/21/2c0f9423f7486490abdabdf0864605.v8 differ diff --git a/.parcel-cache/21/80e6688ffc0b82f659af391c3c0cb3.blob b/.parcel-cache/21/80e6688ffc0b82f659af391c3c0cb3.blob new file mode 100644 index 0000000..ef5ce0f Binary files /dev/null and b/.parcel-cache/21/80e6688ffc0b82f659af391c3c0cb3.blob differ diff --git a/.parcel-cache/21/82ae5c304966ab603b64169d285c13.v8 b/.parcel-cache/21/82ae5c304966ab603b64169d285c13.v8 new file mode 100644 index 0000000..8f61740 Binary files /dev/null and b/.parcel-cache/21/82ae5c304966ab603b64169d285c13.v8 differ diff --git a/.parcel-cache/21/8737eb4bb71d99fa3aff05ed95736a.v8 b/.parcel-cache/21/8737eb4bb71d99fa3aff05ed95736a.v8 new file mode 100644 index 0000000..a49f424 Binary files /dev/null and b/.parcel-cache/21/8737eb4bb71d99fa3aff05ed95736a.v8 differ diff --git a/.parcel-cache/21/887cacef9f37bd8d434f7a94db1ce3.v8 b/.parcel-cache/21/887cacef9f37bd8d434f7a94db1ce3.v8 new file mode 100644 index 0000000..ccd1dfb Binary files /dev/null and b/.parcel-cache/21/887cacef9f37bd8d434f7a94db1ce3.v8 differ diff --git a/.parcel-cache/21/aa97ec253f7ff09a314d7757435032.blob b/.parcel-cache/21/aa97ec253f7ff09a314d7757435032.blob new file mode 100644 index 0000000..a6185fa --- /dev/null +++ b/.parcel-cache/21/aa97ec253f7ff09a314d7757435032.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/21/e0b933f3a9dcdd6278ebd2322ca598.v8 b/.parcel-cache/21/e0b933f3a9dcdd6278ebd2322ca598.v8 new file mode 100644 index 0000000..501ae70 Binary files /dev/null and b/.parcel-cache/21/e0b933f3a9dcdd6278ebd2322ca598.v8 differ diff --git a/.parcel-cache/22/5120b8e50eb911f85bb1b9d5e0b6a7.v8 b/.parcel-cache/22/5120b8e50eb911f85bb1b9d5e0b6a7.v8 new file mode 100644 index 0000000..24be872 Binary files /dev/null and b/.parcel-cache/22/5120b8e50eb911f85bb1b9d5e0b6a7.v8 differ diff --git a/.parcel-cache/22/75a17a70e4072893c24f50290babf5.blob b/.parcel-cache/22/75a17a70e4072893c24f50290babf5.blob new file mode 100644 index 0000000..1ee61be --- /dev/null +++ b/.parcel-cache/22/75a17a70e4072893c24f50290babf5.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/23/19b76ab1124bd4fb3fac0c54410558.v8 b/.parcel-cache/23/19b76ab1124bd4fb3fac0c54410558.v8 new file mode 100644 index 0000000..3e5a74f Binary files /dev/null and b/.parcel-cache/23/19b76ab1124bd4fb3fac0c54410558.v8 differ diff --git a/.parcel-cache/23/274afe5005ebf666725c9ab42631a1.blob b/.parcel-cache/23/274afe5005ebf666725c9ab42631a1.blob new file mode 100644 index 0000000..79fa96d Binary files /dev/null and b/.parcel-cache/23/274afe5005ebf666725c9ab42631a1.blob differ diff --git a/.parcel-cache/23/7f5429d983438eb10e2b18e5780122.blob b/.parcel-cache/23/7f5429d983438eb10e2b18e5780122.blob new file mode 100644 index 0000000..151b9d6 --- /dev/null +++ b/.parcel-cache/23/7f5429d983438eb10e2b18e5780122.blob @@ -0,0 +1 @@ +Content Preview and Menu Animation | Codrops

Content Preview and Menu Animation

We are Super.fluid

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image

Velocity

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ Read the story
Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image

Projectiles

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ Read the story
Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image

Gravity

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ Read the story
Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image

Quasimodo

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ Read the story
Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image

Hyperbolic

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ Read the story
Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image

Ganymede

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ Read the story
\ No newline at end of file diff --git a/.parcel-cache/24/492b4d5c28ffb169c2c11b327b98d1.v8 b/.parcel-cache/24/492b4d5c28ffb169c2c11b327b98d1.v8 new file mode 100644 index 0000000..daa83b3 Binary files /dev/null and b/.parcel-cache/24/492b4d5c28ffb169c2c11b327b98d1.v8 differ diff --git a/.parcel-cache/24/673fa04b97abaac6669ab8f4e666a2.v8 b/.parcel-cache/24/673fa04b97abaac6669ab8f4e666a2.v8 new file mode 100644 index 0000000..8fff423 Binary files /dev/null and b/.parcel-cache/24/673fa04b97abaac6669ab8f4e666a2.v8 differ diff --git a/.parcel-cache/24/8c07c50a0fc711d13ae917c4cc990f.v8 b/.parcel-cache/24/8c07c50a0fc711d13ae917c4cc990f.v8 new file mode 100644 index 0000000..e96c290 Binary files /dev/null and b/.parcel-cache/24/8c07c50a0fc711d13ae917c4cc990f.v8 differ diff --git a/.parcel-cache/24/a1f7c51e82cad03da733ad8c52edf9.blob b/.parcel-cache/24/a1f7c51e82cad03da733ad8c52edf9.blob new file mode 100644 index 0000000..80620b9 --- /dev/null +++ b/.parcel-cache/24/a1f7c51e82cad03da733ad8c52edf9.blob @@ -0,0 +1,504 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/24/ab976b926e6ad9216ee8f8bf2133be.blob b/.parcel-cache/24/ab976b926e6ad9216ee8f8bf2133be.blob new file mode 100644 index 0000000..1009ce0 --- /dev/null +++ b/.parcel-cache/24/ab976b926e6ad9216ee8f8bf2133be.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/24/d51e6850df687a886de8fef18599b1.blob b/.parcel-cache/24/d51e6850df687a886de8fef18599b1.blob new file mode 100644 index 0000000..ae4c9a4 --- /dev/null +++ b/.parcel-cache/24/d51e6850df687a886de8fef18599b1.blob @@ -0,0 +1,500 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + justify-items: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1; + font-size: 12vh; + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/25/3a983d12f870363728e057dc9a0d94.v8 b/.parcel-cache/25/3a983d12f870363728e057dc9a0d94.v8 new file mode 100644 index 0000000..5a037c4 Binary files /dev/null and b/.parcel-cache/25/3a983d12f870363728e057dc9a0d94.v8 differ diff --git a/.parcel-cache/25/85809fa6dad6ba727f634c537ab20c.blob b/.parcel-cache/25/85809fa6dad6ba727f634c537ab20c.blob new file mode 100644 index 0000000..e27a42b Binary files /dev/null and b/.parcel-cache/25/85809fa6dad6ba727f634c537ab20c.blob differ diff --git a/.parcel-cache/25/d1ee351d78854b98e15e50d6d79c8e.v8 b/.parcel-cache/25/d1ee351d78854b98e15e50d6d79c8e.v8 new file mode 100644 index 0000000..28f6200 Binary files /dev/null and b/.parcel-cache/25/d1ee351d78854b98e15e50d6d79c8e.v8 differ diff --git a/.parcel-cache/25/e4b42c938b6dfa5e39b9313a813c41.blob b/.parcel-cache/25/e4b42c938b6dfa5e39b9313a813c41.blob new file mode 100644 index 0000000..5940214 Binary files /dev/null and b/.parcel-cache/25/e4b42c938b6dfa5e39b9313a813c41.blob differ diff --git a/.parcel-cache/25/ee140986ac188f1aaa67d7eb85a9af.v8 b/.parcel-cache/25/ee140986ac188f1aaa67d7eb85a9af.v8 new file mode 100644 index 0000000..4230df1 Binary files /dev/null and b/.parcel-cache/25/ee140986ac188f1aaa67d7eb85a9af.v8 differ diff --git a/.parcel-cache/26/0c5cfbb6f5f0f4addd1df0a6cd1141.blob b/.parcel-cache/26/0c5cfbb6f5f0f4addd1df0a6cd1141.blob new file mode 100644 index 0000000..327dcbe --- /dev/null +++ b/.parcel-cache/26/0c5cfbb6f5f0f4addd1df0a6cd1141.blob @@ -0,0 +1,49 @@ +var _parcelHelpers = require("@parcel/transformer-js/lib/esmodule-helpers.js"); +_parcelHelpers.defineInteropFlag(exports); +_parcelHelpers.export(exports, "ImgReveal", function () { + return ImgReveal; +}); +require('split-type'); +require('./utils'); +var _gsap = require('gsap'); +class ImgReveal { + constructor(el) { + this.DOM = { + el: el, + outerImages: el.querySelectorAll('.deco__img-wrap'), + innerImages: el.querySelectorAll('.deco__img') + }; + } + in() { + _gsap.gsap.killTweensOf([this.DOM.innerImages, this.DOM.outerImages, this.DOM.el]); + return _gsap.gsap.timeline({ + defaults: { + duration: 1.2, + ease: 'expo' + } + }).set(this.DOM.el, { + y: '10%' + }).set(this.DOM.innerImages, { + y: '-101%' + }).set(this.DOM.outerImages, { + y: '101%' + }).to([this.DOM.innerImages, this.DOM.outerImages, this.DOM.el], { + y: '0%' + }); + } + out() { + _gsap.gsap.killTweensOf([this.DOM.innerImages, this.DOM.outerImages, this.DOM.el]); + return _gsap.gsap.timeline({ + defaults: { + duration: 0.7, + ease: 'power2' + } + }).to([this.DOM.innerImages], { + y: '101%' + }).to([this.DOM.outerImages], { + y: '-101%' + }, 0).to([this.DOM.el], { + y: '-10%' + }, 0); + } +} diff --git a/.parcel-cache/26/62ee9df623021c3eff6afb28dc5bea.v8 b/.parcel-cache/26/62ee9df623021c3eff6afb28dc5bea.v8 new file mode 100644 index 0000000..3826272 Binary files /dev/null and b/.parcel-cache/26/62ee9df623021c3eff6afb28dc5bea.v8 differ diff --git a/.parcel-cache/26/955f7568d698c9c4f0585b4eaecae9.blob b/.parcel-cache/26/955f7568d698c9c4f0585b4eaecae9.blob new file mode 100644 index 0000000..32ceabd --- /dev/null +++ b/.parcel-cache/26/955f7568d698c9c4f0585b4eaecae9.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/26/c7a6b48982a2f1a930bf9710615de9.blob b/.parcel-cache/26/c7a6b48982a2f1a930bf9710615de9.blob new file mode 100644 index 0000000..3f7075c Binary files /dev/null and b/.parcel-cache/26/c7a6b48982a2f1a930bf9710615de9.blob differ diff --git a/.parcel-cache/26/d5d6af0e7a87f1626432b3cc337d38.blob b/.parcel-cache/26/d5d6af0e7a87f1626432b3cc337d38.blob new file mode 100644 index 0000000..d8fe0a4 Binary files /dev/null and b/.parcel-cache/26/d5d6af0e7a87f1626432b3cc337d38.blob differ diff --git a/.parcel-cache/26/d8e87af18de50b6e15d006fad1babc.blob b/.parcel-cache/26/d8e87af18de50b6e15d006fad1babc.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/26/d8e87af18de50b6e15d006fad1babc.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/26/dd0f0c4e430d2f8ab5c6a88d7d1be9.blob b/.parcel-cache/26/dd0f0c4e430d2f8ab5c6a88d7d1be9.blob new file mode 100644 index 0000000..87245a4 Binary files /dev/null and b/.parcel-cache/26/dd0f0c4e430d2f8ab5c6a88d7d1be9.blob differ diff --git a/.parcel-cache/27/aa57ac5726083f5370187164dc3042.blob b/.parcel-cache/27/aa57ac5726083f5370187164dc3042.blob new file mode 100644 index 0000000..7a23c80 Binary files /dev/null and b/.parcel-cache/27/aa57ac5726083f5370187164dc3042.blob differ diff --git a/.parcel-cache/27/c34f3c107d065697f829aa3b84f901.v8 b/.parcel-cache/27/c34f3c107d065697f829aa3b84f901.v8 new file mode 100644 index 0000000..ae7ff46 Binary files /dev/null and b/.parcel-cache/27/c34f3c107d065697f829aa3b84f901.v8 differ diff --git a/.parcel-cache/27/c846414767c3a0ea7486528d2de94b.blob b/.parcel-cache/27/c846414767c3a0ea7486528d2de94b.blob new file mode 100644 index 0000000..b635654 --- /dev/null +++ b/.parcel-cache/27/c846414767c3a0ea7486528d2de94b.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/28/2fbef8c2965c1597ca53ee1d3cf2aa.v8 b/.parcel-cache/28/2fbef8c2965c1597ca53ee1d3cf2aa.v8 new file mode 100644 index 0000000..1cb6412 Binary files /dev/null and b/.parcel-cache/28/2fbef8c2965c1597ca53ee1d3cf2aa.v8 differ diff --git a/.parcel-cache/28/36e5348d2115517d291a0903b00249.blob b/.parcel-cache/28/36e5348d2115517d291a0903b00249.blob new file mode 100644 index 0000000..2ed3d8b Binary files /dev/null and b/.parcel-cache/28/36e5348d2115517d291a0903b00249.blob differ diff --git a/.parcel-cache/28/92ab23186685938bed16ab78eeb2cb.blob b/.parcel-cache/28/92ab23186685938bed16ab78eeb2cb.blob new file mode 100644 index 0000000..faf2cf2 Binary files /dev/null and b/.parcel-cache/28/92ab23186685938bed16ab78eeb2cb.blob differ diff --git a/.parcel-cache/28/bd78c0b1af26b5ee543d435f09f446.blob b/.parcel-cache/28/bd78c0b1af26b5ee543d435f09f446.blob new file mode 100644 index 0000000..b02aaef Binary files /dev/null and b/.parcel-cache/28/bd78c0b1af26b5ee543d435f09f446.blob differ diff --git a/.parcel-cache/28/ea9a6ed6f28747008c00f82e2c10bb.v8 b/.parcel-cache/28/ea9a6ed6f28747008c00f82e2c10bb.v8 new file mode 100644 index 0000000..dad240c Binary files /dev/null and b/.parcel-cache/28/ea9a6ed6f28747008c00f82e2c10bb.v8 differ diff --git a/.parcel-cache/29/1cc4140db20ef2357784a2333c50bd.v8 b/.parcel-cache/29/1cc4140db20ef2357784a2333c50bd.v8 new file mode 100644 index 0000000..25d0bfc Binary files /dev/null and b/.parcel-cache/29/1cc4140db20ef2357784a2333c50bd.v8 differ diff --git a/.parcel-cache/29/3aa8f8439cf537c04e0dc598440e89.v8 b/.parcel-cache/29/3aa8f8439cf537c04e0dc598440e89.v8 new file mode 100644 index 0000000..4de8588 Binary files /dev/null and b/.parcel-cache/29/3aa8f8439cf537c04e0dc598440e89.v8 differ diff --git a/.parcel-cache/29/6f98e42e2327a702158fcea0b3449c.blob b/.parcel-cache/29/6f98e42e2327a702158fcea0b3449c.blob new file mode 100644 index 0000000..a28dcc8 --- /dev/null +++ b/.parcel-cache/29/6f98e42e2327a702158fcea0b3449c.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/29/c6d8e9c1a577738b27a1798fc0b6ad.blob b/.parcel-cache/29/c6d8e9c1a577738b27a1798fc0b6ad.blob new file mode 100644 index 0000000..22ecaed --- /dev/null +++ b/.parcel-cache/29/c6d8e9c1a577738b27a1798fc0b6ad.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/2a/05939ead1bae5afc6826ab9617b4b0.v8 b/.parcel-cache/2a/05939ead1bae5afc6826ab9617b4b0.v8 new file mode 100644 index 0000000..e33af09 Binary files /dev/null and b/.parcel-cache/2a/05939ead1bae5afc6826ab9617b4b0.v8 differ diff --git a/.parcel-cache/2a/a3784efda3cd3e87e01ee04443ae77.v8 b/.parcel-cache/2a/a3784efda3cd3e87e01ee04443ae77.v8 new file mode 100644 index 0000000..b7a7068 Binary files /dev/null and b/.parcel-cache/2a/a3784efda3cd3e87e01ee04443ae77.v8 differ diff --git a/.parcel-cache/2b/03065a20c0e5790291de01ce6e5664.v8 b/.parcel-cache/2b/03065a20c0e5790291de01ce6e5664.v8 new file mode 100644 index 0000000..6794082 Binary files /dev/null and b/.parcel-cache/2b/03065a20c0e5790291de01ce6e5664.v8 differ diff --git a/.parcel-cache/2b/3a35261522cbf74406d3eeca508522.blob b/.parcel-cache/2b/3a35261522cbf74406d3eeca508522.blob new file mode 100644 index 0000000..c376156 Binary files /dev/null and b/.parcel-cache/2b/3a35261522cbf74406d3eeca508522.blob differ diff --git a/.parcel-cache/2b/45e92d05cdbf1b3e1447f9b5b1f780.blob b/.parcel-cache/2b/45e92d05cdbf1b3e1447f9b5b1f780.blob new file mode 100644 index 0000000..2bf15fa Binary files /dev/null and b/.parcel-cache/2b/45e92d05cdbf1b3e1447f9b5b1f780.blob differ diff --git a/.parcel-cache/2b/9a4ff858354c66992a84b99320e504.blob b/.parcel-cache/2b/9a4ff858354c66992a84b99320e504.blob new file mode 100644 index 0000000..064f8e2 Binary files /dev/null and b/.parcel-cache/2b/9a4ff858354c66992a84b99320e504.blob differ diff --git a/.parcel-cache/2b/ab00c59d03740bd286b12f0fa9d7ba.blob b/.parcel-cache/2b/ab00c59d03740bd286b12f0fa9d7ba.blob new file mode 100644 index 0000000..88e89dd --- /dev/null +++ b/.parcel-cache/2b/ab00c59d03740bd286b12f0fa9d7ba.blob @@ -0,0 +1,502 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + justify-items: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.3; + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/2b/b4ca06fa3ffec6b8d251fdb9e09c92.v8 b/.parcel-cache/2b/b4ca06fa3ffec6b8d251fdb9e09c92.v8 new file mode 100644 index 0000000..d6848fa Binary files /dev/null and b/.parcel-cache/2b/b4ca06fa3ffec6b8d251fdb9e09c92.v8 differ diff --git a/.parcel-cache/2b/c3e9319a19cb652ce231805f14901e.blob b/.parcel-cache/2b/c3e9319a19cb652ce231805f14901e.blob new file mode 100644 index 0000000..bae299f Binary files /dev/null and b/.parcel-cache/2b/c3e9319a19cb652ce231805f14901e.blob differ diff --git a/.parcel-cache/2b/e0eb0d9dc58a16c21be5ad41efded2.blob b/.parcel-cache/2b/e0eb0d9dc58a16c21be5ad41efded2.blob new file mode 100644 index 0000000..555c990 Binary files /dev/null and b/.parcel-cache/2b/e0eb0d9dc58a16c21be5ad41efded2.blob differ diff --git a/.parcel-cache/2b/e43d1bb69a346029730e33925058f4.v8 b/.parcel-cache/2b/e43d1bb69a346029730e33925058f4.v8 new file mode 100644 index 0000000..007f580 Binary files /dev/null and b/.parcel-cache/2b/e43d1bb69a346029730e33925058f4.v8 differ diff --git a/.parcel-cache/2c/3ae8a3e75dce972624d2c821e9fcf7.v8 b/.parcel-cache/2c/3ae8a3e75dce972624d2c821e9fcf7.v8 new file mode 100644 index 0000000..2272741 Binary files /dev/null and b/.parcel-cache/2c/3ae8a3e75dce972624d2c821e9fcf7.v8 differ diff --git a/.parcel-cache/2c/88e71edd8ef69b9a457594fc31f246.v8 b/.parcel-cache/2c/88e71edd8ef69b9a457594fc31f246.v8 new file mode 100644 index 0000000..c04fe87 Binary files /dev/null and b/.parcel-cache/2c/88e71edd8ef69b9a457594fc31f246.v8 differ diff --git a/.parcel-cache/2c/dff572a52a43b6f3bf32403e52e1d9.blob b/.parcel-cache/2c/dff572a52a43b6f3bf32403e52e1d9.blob new file mode 100644 index 0000000..8bb861d --- /dev/null +++ b/.parcel-cache/2c/dff572a52a43b6f3bf32403e52e1d9.blob @@ -0,0 +1,523 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2rem; + --font-size-large: 1.5rem; + --font-size-medium: 1.25rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-gap: 0.5rem; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.45 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 640px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +.details__content-link:hover { + color: var(--color-menu-hover); +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + grid-gap: 0; + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/2c/e68f079c7621786db398f693694699.v8 b/.parcel-cache/2c/e68f079c7621786db398f693694699.v8 new file mode 100644 index 0000000..84c840c Binary files /dev/null and b/.parcel-cache/2c/e68f079c7621786db398f693694699.v8 differ diff --git a/.parcel-cache/2d/76918557378386b2efa6e93c7bc48c.blob b/.parcel-cache/2d/76918557378386b2efa6e93c7bc48c.blob new file mode 100644 index 0000000..65b9de7 Binary files /dev/null and b/.parcel-cache/2d/76918557378386b2efa6e93c7bc48c.blob differ diff --git a/.parcel-cache/2d/d37eae04e23bd9e88c93e6a3a7aadd.v8 b/.parcel-cache/2d/d37eae04e23bd9e88c93e6a3a7aadd.v8 new file mode 100644 index 0000000..9b0cb13 Binary files /dev/null and b/.parcel-cache/2d/d37eae04e23bd9e88c93e6a3a7aadd.v8 differ diff --git a/.parcel-cache/2d/ec907c4d036f4a248797adfeb52626.blob b/.parcel-cache/2d/ec907c4d036f4a248797adfeb52626.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/2d/ec907c4d036f4a248797adfeb52626.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/2d/fdbf0f8ac33adff36c905d622c4c00.blob b/.parcel-cache/2d/fdbf0f8ac33adff36c905d622c4c00.blob new file mode 100644 index 0000000..1be5f2c --- /dev/null +++ b/.parcel-cache/2d/fdbf0f8ac33adff36c905d622c4c00.blob @@ -0,0 +1,519 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/2e/773d39b24c4b2b24a239319c4c5754.blob b/.parcel-cache/2e/773d39b24c4b2b24a239319c4c5754.blob new file mode 100644 index 0000000..619e094 Binary files /dev/null and b/.parcel-cache/2e/773d39b24c4b2b24a239319c4c5754.blob differ diff --git a/.parcel-cache/2e/ab72f51e34a1c1c5865e4d57a41fac.blob b/.parcel-cache/2e/ab72f51e34a1c1c5865e4d57a41fac.blob new file mode 100644 index 0000000..2009da3 Binary files /dev/null and b/.parcel-cache/2e/ab72f51e34a1c1c5865e4d57a41fac.blob differ diff --git a/.parcel-cache/2e/c0635a229bf9e1301c3062ee9379c9.v8 b/.parcel-cache/2e/c0635a229bf9e1301c3062ee9379c9.v8 new file mode 100644 index 0000000..3626821 Binary files /dev/null and b/.parcel-cache/2e/c0635a229bf9e1301c3062ee9379c9.v8 differ diff --git a/.parcel-cache/2e/c097c31cd47be31bbae14c8f865f6a.blob b/.parcel-cache/2e/c097c31cd47be31bbae14c8f865f6a.blob new file mode 100644 index 0000000..0d268ce --- /dev/null +++ b/.parcel-cache/2e/c097c31cd47be31bbae14c8f865f6a.blob @@ -0,0 +1,519 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 600px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/2e/ede28ca77677348bb8eb4ccfd948e8.blob b/.parcel-cache/2e/ede28ca77677348bb8eb4ccfd948e8.blob new file mode 100644 index 0000000..3e4e922 Binary files /dev/null and b/.parcel-cache/2e/ede28ca77677348bb8eb4ccfd948e8.blob differ diff --git a/.parcel-cache/2f/36e87b542805d645e0a43e781f90e4.blob b/.parcel-cache/2f/36e87b542805d645e0a43e781f90e4.blob new file mode 100644 index 0000000..594dbdd --- /dev/null +++ b/.parcel-cache/2f/36e87b542805d645e0a43e781f90e4.blob @@ -0,0 +1,517 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2rem; + --font-size-large: 1.5rem; + --font-size-medium: 1.25rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.5 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 600px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/2f/3e5698fddff32dbad43bea0df0c5ce.v8 b/.parcel-cache/2f/3e5698fddff32dbad43bea0df0c5ce.v8 new file mode 100644 index 0000000..24e36cc Binary files /dev/null and b/.parcel-cache/2f/3e5698fddff32dbad43bea0df0c5ce.v8 differ diff --git a/.parcel-cache/2f/476e17562bdfc224238fccae4e63b5.v8 b/.parcel-cache/2f/476e17562bdfc224238fccae4e63b5.v8 new file mode 100644 index 0000000..c8f2f69 Binary files /dev/null and b/.parcel-cache/2f/476e17562bdfc224238fccae4e63b5.v8 differ diff --git a/.parcel-cache/2f/495745915640c8a08afc460cfc93a3.v8 b/.parcel-cache/2f/495745915640c8a08afc460cfc93a3.v8 new file mode 100644 index 0000000..d801e81 Binary files /dev/null and b/.parcel-cache/2f/495745915640c8a08afc460cfc93a3.v8 differ diff --git a/.parcel-cache/2f/88c4d91b38151a6f5ffc8ce7fc44cb.v8 b/.parcel-cache/2f/88c4d91b38151a6f5ffc8ce7fc44cb.v8 new file mode 100644 index 0000000..fbd7ec7 Binary files /dev/null and b/.parcel-cache/2f/88c4d91b38151a6f5ffc8ce7fc44cb.v8 differ diff --git a/.parcel-cache/2f/b56d40941dbfbc7b3174f564d52a1b.v8 b/.parcel-cache/2f/b56d40941dbfbc7b3174f564d52a1b.v8 new file mode 100644 index 0000000..7ce3cd4 Binary files /dev/null and b/.parcel-cache/2f/b56d40941dbfbc7b3174f564d52a1b.v8 differ diff --git a/.parcel-cache/2f/fb333db08e14f9753a5e305da503dc.blob b/.parcel-cache/2f/fb333db08e14f9753a5e305da503dc.blob new file mode 100644 index 0000000..3142202 Binary files /dev/null and b/.parcel-cache/2f/fb333db08e14f9753a5e305da503dc.blob differ diff --git a/.parcel-cache/30/492f91633aaa2a44c24e9c5e074f92.blob b/.parcel-cache/30/492f91633aaa2a44c24e9c5e074f92.blob new file mode 100644 index 0000000..3c12823 Binary files /dev/null and b/.parcel-cache/30/492f91633aaa2a44c24e9c5e074f92.blob differ diff --git a/.parcel-cache/30/55fe87bf08592a1c854b60b96b2f80.v8 b/.parcel-cache/30/55fe87bf08592a1c854b60b96b2f80.v8 new file mode 100644 index 0000000..4afe72b Binary files /dev/null and b/.parcel-cache/30/55fe87bf08592a1c854b60b96b2f80.v8 differ diff --git a/.parcel-cache/30/711dc9abcc6e2bccfd294fb59ac4b1.blob b/.parcel-cache/30/711dc9abcc6e2bccfd294fb59ac4b1.blob new file mode 100644 index 0000000..ea98146 Binary files /dev/null and b/.parcel-cache/30/711dc9abcc6e2bccfd294fb59ac4b1.blob differ diff --git a/.parcel-cache/30/7a41b072f7efbde13d041c22b14792.blob b/.parcel-cache/30/7a41b072f7efbde13d041c22b14792.blob new file mode 100644 index 0000000..10d471f Binary files /dev/null and b/.parcel-cache/30/7a41b072f7efbde13d041c22b14792.blob differ diff --git a/.parcel-cache/30/ef9dca3722a4bf2ae161495fe13ebd.blob b/.parcel-cache/30/ef9dca3722a4bf2ae161495fe13ebd.blob new file mode 100644 index 0000000..2bf15fa Binary files /dev/null and b/.parcel-cache/30/ef9dca3722a4bf2ae161495fe13ebd.blob differ diff --git a/.parcel-cache/31/40d884be2913494d780b40816030e0.v8 b/.parcel-cache/31/40d884be2913494d780b40816030e0.v8 new file mode 100644 index 0000000..dab5fee Binary files /dev/null and b/.parcel-cache/31/40d884be2913494d780b40816030e0.v8 differ diff --git a/.parcel-cache/31/a88b6cd3ce0c7511c67baa0b46b63b.blob b/.parcel-cache/31/a88b6cd3ce0c7511c67baa0b46b63b.blob new file mode 100644 index 0000000..bf2daef Binary files /dev/null and b/.parcel-cache/31/a88b6cd3ce0c7511c67baa0b46b63b.blob differ diff --git a/.parcel-cache/31/d9d00dfda32a271aee063d9e323be4.v8 b/.parcel-cache/31/d9d00dfda32a271aee063d9e323be4.v8 new file mode 100644 index 0000000..1013648 Binary files /dev/null and b/.parcel-cache/31/d9d00dfda32a271aee063d9e323be4.v8 differ diff --git a/.parcel-cache/31/e35c6dbc2914cf40b5bfc452dd69a2.blob b/.parcel-cache/31/e35c6dbc2914cf40b5bfc452dd69a2.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/31/e35c6dbc2914cf40b5bfc452dd69a2.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/32/85601dcc0677144feae2e61e23f61d.blob b/.parcel-cache/32/85601dcc0677144feae2e61e23f61d.blob new file mode 100644 index 0000000..9c40c71 Binary files /dev/null and b/.parcel-cache/32/85601dcc0677144feae2e61e23f61d.blob differ diff --git a/.parcel-cache/32/b53a6123aa9dcf0f0ea7239db420a0.blob b/.parcel-cache/32/b53a6123aa9dcf0f0ea7239db420a0.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/32/b53a6123aa9dcf0f0ea7239db420a0.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/32/c61b64f5f89887ca48d70e03b0a5f6.v8 b/.parcel-cache/32/c61b64f5f89887ca48d70e03b0a5f6.v8 new file mode 100644 index 0000000..d0b75d7 Binary files /dev/null and b/.parcel-cache/32/c61b64f5f89887ca48d70e03b0a5f6.v8 differ diff --git a/.parcel-cache/32/e394e8a8eda04a02b3e555c7703f44.v8 b/.parcel-cache/32/e394e8a8eda04a02b3e555c7703f44.v8 new file mode 100644 index 0000000..9d25dd3 Binary files /dev/null and b/.parcel-cache/32/e394e8a8eda04a02b3e555c7703f44.v8 differ diff --git a/.parcel-cache/32/e8027cfab6c77c81ba2c422f12a432.blob b/.parcel-cache/32/e8027cfab6c77c81ba2c422f12a432.blob new file mode 100644 index 0000000..f9edea2 --- /dev/null +++ b/.parcel-cache/32/e8027cfab6c77c81ba2c422f12a432.blob @@ -0,0 +1,519 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/33/53e5ededf6a56431537af348b6ef84.blob b/.parcel-cache/33/53e5ededf6a56431537af348b6ef84.blob new file mode 100644 index 0000000..07e9f33 --- /dev/null +++ b/.parcel-cache/33/53e5ededf6a56431537af348b6ef84.blob @@ -0,0 +1 @@ +{"mappings":"AAAA,iBAGC,qBACD,CAEA,MACC,cACD,CAEA,KACC,QAAS,CACT,iBAAkB,CAClB,kBAAmB,CACnB,iBAAkB,CAClB,uBAAwB,CACxB,uBAAwB,CACxB,wBAAyB,CACzB,0BAA2B,CAC3B,sBAAuB,CACvB,iBAAkB,CAClB,0BAA2B,CAC3B,uBAAwB,CACxB,gCAAiC,CACjC,gFAAsF,CACtF,kCAAmC,CACnC,iCACD,CAEA,cACC,mBAAoB,CACpB,eAAgB,CAChB,kBAAmB,CACnB,iBAAkB,CAClB,kCAAmC,CACnC,8CAA+C,CAC/C,oCAAqC,CAClC,gDAAiD,CACpD,SAAU,CACV,mBAAoB,CACpB,oBAAqB,CACrB,0BAA2B,CAC3B,sBAAuB,CACpB,kBAAmB,CACtB,sBAAwB,CACxB,qBAAsB,CACtB,iBAAkB,CAClB,uBACD,CAEA,4BACC,SAAU,CACV,mBACD,CAIA,uCAEC,UAAW,CACX,cAAe,CACf,YACD,CAEA,oBACC,KAAM,CACN,MAAO,CACP,UAAW,CACX,WAAY,CACZ,0BACD,CAEA,mBACC,OAAQ,CACR,QAAS,CACT,UAAW,CACX,WAAY,CACZ,sBAAuB,CACvB,iBAAkB,CAClB,UAAY,CACZ,4BAA6B,CAC7B,2DAED,CAEA,sBACC,GACC,SAAU,CACV,0BACD,CACD,CAEA,EACC,yBAA0B,CAC1B,uBAED,CAEA,UAHC,YAOD,CAJA,QACC,oBAAqB,CACrB,6BAED,CAIA,QAGC,YAAa,CACb,kBACD,CAQA,4CAHC,sBASD,CANA,gBAIC,qBAED,CAEA,UACC,eAAgB,CAChB,QAAS,CACT,SAAU,CACV,QAAS,CACT,cAAe,CACf,YACD,CAEA,gBACC,YACD,CAEA,KACC,cAAe,CACf,YAAa,CACb,YAAa,CACb,2BAA4B,CAC5B,cAAgB,CAChB,8BAA+B,CAC/B,kHAOD,CAEA,OACC,eAAgB,CAChB,uBAAwB,CACxB,kBACD,CAEA,cACC,cAAe,CACf,QAAS,CACT,eACD,CAEA,cACC,aACD,CAEA,iCACC,kBACD,CAEA,MACC,sBAAwB,CACxB,qBAAuB,CACvB,kBAAmB,CACnB,qBACD,CAEA,IACC,eACD,CAEA,WACC,oBAAqB,CACrB,sBAAwB,CACxB,qBACD,CAEA,SACC,YAAa,CACb,qBAAsB,CACtB,WAAY,CACZ,0BAA2B,CAC3B,iBAAkB,CAClB,0BAA2B,CAC3B,kBACD,CAEA,SACC,iBAAkB,CAClB,gCAAiC,CACjC,eAAkB,CAClB,eAAmB,CACnB,gBAAiB,CACjB,eACD,CAEA,gBACC,eACD,CAEA,iBACC,iBAAkB,CAClB,aAAc,CACd,gCACD,CAEA,mBACC,gBAAiB,CACjB,aAAc,CACd,QAAS,CACT,cAAe,CACf,gCAAiC,CACjC,eACD,CAEA,MACC,cACD,CAEA,gBACC,iBAAkB,CAClB,eAAgB,CAChB,UAAW,CACX,eAAgB,CAChB,eAAgB,CAChB,kBAAmB,CACnB,qBACD,CAEA,uBACC,UACD,CAEA,uBACC,WACD,CAEA,WACC,+EAAiF,CACjF,UAAW,CACX,WAAY,CACZ,qBACD,CAEA,kBACC,4BACD,CAEA,WACC,gBAAiB,CACjB,gBAAiB,CACjB,aAAc,CACd,cAAe,CACf,eAAgB,CACb,iBAAkB,CAClB,eAAgB,CACnB,iCACD,CAEA,iDAEC,mBACD,CAEA,iBACC,UAAW,CACX,iBAAkB,CAClB,QAAS,CACT,MAAO,CACP,SAAU,CACV,UAAW,CACX,uBAAwB,CACxB,6BAA+B,CAC5B,yBACJ,CAEA,oFAGC,mBAAyB,CACzB,sBACD,CAEA,MACC,cAAe,CACf,mBAAoB,CACpB,WAAY,CACZ,SAAU,CACV,KAAM,CACN,MAAO,CACP,UAAW,CACX,YAAa,CACb,YAAa,CACb,oCAAqC,CACrC,oBAAqB,CACrB,sBAAuB,CACvB,yBACD,CAEA,YACC,mBAAoB,CACpB,SACD,CAEA,qBACC,mBACD,CAEA,YACC,aAAc,CACd,aAAc,CACd,aAAc,CACd,iBACD,CAEA,iBACC,oBAAqB,CACrB,gBAAiB,CACjB,8CAAkD,CAClD,iCAAkC,CAClC,cAAe,CACf,iBAAkB,CAClB,4CAAgD,CAChD,uBACD,CAEA,uBACC,6BACD,CAEA,wBACC,iBAAkB,CAClB,MAAO,CACP,OAAQ,CACR,gBAAiB,CACjB,6BAA8B,CAC9B,sDAAyD,CACzD,SAAU,CACV,aAAc,CACd,mBAAqB,CACrB,YAAa,CACb,kBAAmB,CACnB,gCAAiC,CACjC,uBAAwB,CACxB,wBACD,CAEA,8BACC,SAAU,CACV,mBACD,CAEA,OACC,iBAAkB,CAClB,QAAS,CACT,YAAa,CACb,cAAe,CACf,aAAc,CACd,SAAU,CACV,mBACD,CAEA,aACC,uBACD,CAEA,mBACC,SAAU,CACV,mBACD,CAEA,sBACC,mBACD,CAEA,uBAEC,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,KAAM,CACN,MAAO,CACP,mBACD,CAEA,cACC,eACD,CAEA,OACI,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,KAAO,CACP,MAAQ,CACR,YAAa,CACb,mCAAqC,CACrC,gCAAkC,CAClC,YAAa,CACb,eAAgB,CAChB,wBAAiC,CACjC,UACJ,CAEA,YACI,2DAAkE,CACrE,qBACD,CAEA,OAAS,aAAc,CAAE,eAAkB,CAE3C,OAAS,YAAa,CAAE,gBAAmB,CAE3C,OAAS,YAAa,CAAE,gBAAmB,CAE3C,OAAS,aAAc,CAAE,gBAAmB,CAE5C,OAAS,aAAc,CAAE,gBAAmB,CAE5C,OAAS,aAAc,CAAE,gBAAmB,CAE5C,OAAS,aAAc,CAAE,eAAkB,CAE3C,OAAS,aAAc,CAAE,gBAAmB,CAE5C,OAAS,aAAc,CAAE,gBAAmB,CAE5C,QAAU,aAAc,CAAE,gBAAmB,CAE7C,QAAU,YAAa,CAAE,gBAAmB,CAE5C,QAAU,aAAc,CAAE,gBAAmB,CAE7C,QAAU,aAAc,CAAE,eAAkB,CAE5C,QAAU,YAAa,CAAE,gBAAmB,CAE5C,QAAU,YAAa,CAAE,eAAkB,CAE3C,QAAU,aAAc,CAAE,gBAAmB,CAE7C,YACC,WACD,CAEA,SACC,YAAa,CACb,kBAAmB,CACnB,mBAAoB,CACpB,SACD,CAOA,8CAJC,mBAAoB,CACpB,SAMD,CAEA,kBACC,cAAe,CACf,aAAc,CACd,iBACD,CAEA,wBACC,eAAmB,CACnB,QAAS,CACT,iCACD,CAEA,uBACC,aAAc,CACd,eAAgB,CAChB,iCACD,CAEA,uBACC,iBAAkB,CAClB,oBAAqB,CACrB,gCAAiC,CACjC,uBAAwB,CACxB,cAAe,CACf,oBAAqB,CACrB,eACD,CAEA,6BACC,6BACD,CAEA,mCACC,KACC,eAAgB,CAChB,uBAAwB,CACxB,uBAAwB,CACxB,yBAA0B,CAC1B,wBACD,CACA,KACC,UAAW,CACX,YAAa,CACb,6BAA8B,CAC9B,uGAOD,CACA,MACC,mBACD,CACA,OACC,QAAS,CACT,YAAa,CACb,cAAe,CACf,wBACD,CACA,cACC,gBAAiB,CACjB,oBACD,CACA,MACC,cAAe,CACf,gBACD,CACA,SACC,YAAa,CACb,sBACD,CACA,kBACC,SAAU,CACV,aACD,CACD","sources":["./%3Cinput%20css%20yeNV2U%3E"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_eacc0ceee7547c8404559d17320bd6f3.css.map"} \ No newline at end of file diff --git a/.parcel-cache/33/5ee01a602f29e2aafaa7f27d9a4090.v8 b/.parcel-cache/33/5ee01a602f29e2aafaa7f27d9a4090.v8 new file mode 100644 index 0000000..116abd7 Binary files /dev/null and b/.parcel-cache/33/5ee01a602f29e2aafaa7f27d9a4090.v8 differ diff --git a/.parcel-cache/33/b80411a85a8ce0175033a95ddfdd92.blob b/.parcel-cache/33/b80411a85a8ce0175033a95ddfdd92.blob new file mode 100644 index 0000000..65b9de7 Binary files /dev/null and b/.parcel-cache/33/b80411a85a8ce0175033a95ddfdd92.blob differ diff --git a/.parcel-cache/33/dc79a7afe0ce785a324e8bad2ca28d.blob b/.parcel-cache/33/dc79a7afe0ce785a324e8bad2ca28d.blob new file mode 100644 index 0000000..c9d6058 --- /dev/null +++ b/.parcel-cache/33/dc79a7afe0ce785a324e8bad2ca28d.blob @@ -0,0 +1,502 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + justify-items: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1; + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 10vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/34/05a12c3646f14e6a0c3013b6fef6ec.blob b/.parcel-cache/34/05a12c3646f14e6a0c3013b6fef6ec.blob new file mode 100644 index 0000000..fdc0bf1 Binary files /dev/null and b/.parcel-cache/34/05a12c3646f14e6a0c3013b6fef6ec.blob differ diff --git a/.parcel-cache/34/16deea199b9392a8e43635029fd725.blob b/.parcel-cache/34/16deea199b9392a8e43635029fd725.blob new file mode 100644 index 0000000..83f2f01 --- /dev/null +++ b/.parcel-cache/34/16deea199b9392a8e43635029fd725.blob @@ -0,0 +1,500 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + justify-items: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1; + font-size: 12vh; + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/34/1ecb3e298586a7900400123af3b807.blob b/.parcel-cache/34/1ecb3e298586a7900400123af3b807.blob new file mode 100644 index 0000000..31b415d --- /dev/null +++ b/.parcel-cache/34/1ecb3e298586a7900400123af3b807.blob @@ -0,0 +1,82 @@ +var _utils = require('./utils'); +var _menu = require('./menu'); +var _textReveal = require('./textReveal'); +var _textLinesReveal = require('./textLinesReveal'); +var _imgReveal = require('./imgReveal'); +var _gsap = require('gsap'); +// DOM elements: +let DOM = { + frame: document.querySelector('.frame') +}; +// menu button +DOM.menuCtrl = document.querySelector('.menu-link'); +// menu container +DOM.menuWrap = document.querySelector('.menu'); +// text content elements +DOM.textContent = { + heading: document.querySelector('.heading'), + primary: document.querySelector('.content-primary'), + secondary: document.querySelector('.content-secondary') +}; +// image +DOM.img = document.querySelector('.deco'); +// page state +let state = 0; +// text lines reveal obj +const textLinesReveal = new _textLinesReveal.TextLinesReveal([DOM.textContent.primary, DOM.textContent.secondary]); +// Image reveal obj +const imgReveal = new _imgReveal.ImgReveal(DOM.img); +// Other text animations +const textReveal = new _textReveal.TextReveal([DOM.textContent.heading, DOM.menuCtrl]); +// Menu +const menu = new _menu.Menu(DOM.menuWrap); +// show the initial texts and images +const showContent = () => { + textReveal.in(); + // show texts (slide in) + textLinesReveal.in(); + // show image + imgReveal.in(); + // also show frame + toggleFrame(); +}; +// hide the initial texts, images, and frame +const hideContent = () => { + // hide texts + textReveal.out(); + // hide texts (lines) + textLinesReveal.out(); + // hide image(s) + imgReveal.out(); + // also hide frame + toggleFrame(); +}; +// show/hide frame elements +const toggleFrame = () => { + _gsap.gsap.to(DOM.frame, { + duration: 1, + ease: 'expo', + opacity: Number(!state) + }); +}; +// Clicking the menu button will open the menu +DOM.menuCtrl.addEventListener('click', () => { + if (state !== 0) return; + state = 1; + hideContent(); + menu.open(); +}); +// Close the menu and back to initial page +menu.DOM.closeCtrl.addEventListener('click', () => { + if (state !== 1) return; + state = 0; + showContent(); + menu.close(); +}); +// Preload images +_utils.preloadImages().then(() => { + // Remove loader (loading class) + document.body.classList.remove('loading'); + // show content + showContent(); +}); diff --git a/.parcel-cache/34/3c39816f1e897fe3597d5cc9fbac51.blob b/.parcel-cache/34/3c39816f1e897fe3597d5cc9fbac51.blob new file mode 100644 index 0000000..af59c33 --- /dev/null +++ b/.parcel-cache/34/3c39816f1e897fe3597d5cc9fbac51.blob @@ -0,0 +1,556 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2rem; + --font-size-large: 1.5rem; + --font-size-medium: 1.25rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +body #cdawrap { + --cda-bottom: 1.5rem; + --cda-left: auto; + --cda-right: 1.5rem; + --cda-width: 280px; + --cda-text-color: var(--color-menu); + --cda-text-color-hover: var(--color-menu-hover); + --cda-footer-color: var(--color-menu); + --cda-footer-color-hover: var(--color-menu-hover); + opacity: 0; + pointer-events: none; + --cda-text-size: 13px; + --cda-footer-fontsize: 11px; + --cda-text-align: right; + --footer-align: end; + transition: opacity 0.3s; + border: 1px solid #000; + border-radius: 5px; + padding: 1rem; +} + +body.state-details #cdawrap { + opacity: 1; + pointer-events: auto; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-gap: 0.5rem; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(908c1417d06f899ac3fd6887fb3a9434) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.45 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.details-wrap { + overflow: hidden; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 1.5rem; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 640px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +.details__content-link:hover { + color: var(--color-menu-hover); +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + grid-gap: 0; + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } + .details__content { + width: 50%; + padding: 0.5rem; + } +} diff --git a/.parcel-cache/34/3d36638d069b10053c4d6edae5f035.blob b/.parcel-cache/34/3d36638d069b10053c4d6edae5f035.blob new file mode 100644 index 0000000..3f2c7c1 --- /dev/null +++ b/.parcel-cache/34/3d36638d069b10053c4d6edae5f035.blob @@ -0,0 +1,49 @@ +var _parcelHelpers = require("@parcel/transformer-js/lib/esmodule-helpers.js"); +_parcelHelpers.defineInteropFlag(exports); +_parcelHelpers.export(exports, "TextReveal", function () { + return TextReveal; +}); +var _gsap = require('gsap'); +class TextReveal { + constructor(el) { + this.DOM = { + outer: el, + inner: Array.isArray(el) ? el.map(outer => outer.querySelector('.oh__inner')) : el.querySelector('.oh__inner') + }; + } + in() { + if (this.outTimeline && this.outTimeline.isActive()) { + this.outTimeline.kill(); + } + this.inTimeline = _gsap.gsap.timeline({ + defaults: { + duration: 1.2, + ease: 'expo' + } + }).set(this.DOM.inner, { + y: '150%', + rotate: 15 + }).to(this.DOM.inner, { + y: '0%', + rotate: 0, + stagger: 0.03 + }); + return this.inTimeline; + } + out() { + if (this.inTimeline && this.inTimeline.isActive()) { + this.inTimeline.kill(); + } + this.outTimeline = _gsap.gsap.timeline({ + defaults: { + duration: 0.7, + ease: 'power2' + } + }).to(this.DOM.inner, { + y: '-150%', + rotate: -5, + stagger: 0.03 + }); + return this.outTimeline; + } +} diff --git a/.parcel-cache/34/a9c100ffc514595245de06dd9c6c44.v8 b/.parcel-cache/34/a9c100ffc514595245de06dd9c6c44.v8 new file mode 100644 index 0000000..08782ab Binary files /dev/null and b/.parcel-cache/34/a9c100ffc514595245de06dd9c6c44.v8 differ diff --git a/.parcel-cache/34/af84eafe4201c4619bd4dbd0dc5d4d.v8 b/.parcel-cache/34/af84eafe4201c4619bd4dbd0dc5d4d.v8 new file mode 100644 index 0000000..a15fb88 Binary files /dev/null and b/.parcel-cache/34/af84eafe4201c4619bd4dbd0dc5d4d.v8 differ diff --git a/.parcel-cache/34/ca6adfd7b00350eb432cdc60ec1a2b.blob b/.parcel-cache/34/ca6adfd7b00350eb432cdc60ec1a2b.blob new file mode 100644 index 0000000..23c828c Binary files /dev/null and b/.parcel-cache/34/ca6adfd7b00350eb432cdc60ec1a2b.blob differ diff --git a/.parcel-cache/34/fb2d980f032b5bcbaae89b8870f747.v8 b/.parcel-cache/34/fb2d980f032b5bcbaae89b8870f747.v8 new file mode 100644 index 0000000..93492dd Binary files /dev/null and b/.parcel-cache/34/fb2d980f032b5bcbaae89b8870f747.v8 differ diff --git a/.parcel-cache/35/0a5ece8d7edfdffe53d3f806290555.v8 b/.parcel-cache/35/0a5ece8d7edfdffe53d3f806290555.v8 new file mode 100644 index 0000000..484e543 Binary files /dev/null and b/.parcel-cache/35/0a5ece8d7edfdffe53d3f806290555.v8 differ diff --git a/.parcel-cache/35/82f41a644bf57a10c3d7db995ca976.v8 b/.parcel-cache/35/82f41a644bf57a10c3d7db995ca976.v8 new file mode 100644 index 0000000..4d195d5 Binary files /dev/null and b/.parcel-cache/35/82f41a644bf57a10c3d7db995ca976.v8 differ diff --git a/.parcel-cache/36/1e6bf2fe7f21d069003b63e28b9ca7.v8 b/.parcel-cache/36/1e6bf2fe7f21d069003b63e28b9ca7.v8 new file mode 100644 index 0000000..c62447e Binary files /dev/null and b/.parcel-cache/36/1e6bf2fe7f21d069003b63e28b9ca7.v8 differ diff --git a/.parcel-cache/36/ad2b8fd7c66693983b33b3fa6fe9fc.blob b/.parcel-cache/36/ad2b8fd7c66693983b33b3fa6fe9fc.blob new file mode 100644 index 0000000..36dac92 --- /dev/null +++ b/.parcel-cache/36/ad2b8fd7c66693983b33b3fa6fe9fc.blob @@ -0,0 +1 @@ +*,:after,:before{box-sizing:border-box}:root{font-size:18px}body{margin:0;--color-text:#111;--color-bg:#f7f5f3;--color-link:#999;--color-link-hover:#000;--font-size-xlarge:2rem;--font-size-large:1.5rem;--font-size-medium:1.25rem;--font-size-small:1rem;--color-menu:#000;--color-menu-hover:#e93f33;color:var(--color-text);background-color:var(--color-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body #cdawrap{--cda-top:1.5rem;--cda-bottom:auto;--cda-left:1.5rem;--cda-width:360px;--cda-text-color:var(--color-menu);--cda-text-color-hover:var(--color-menu-hover);opacity:0!important;pointer-events:none;transition:opacity .4s}body.state-details #cdawrap{opacity:1;pointer-events:auto}.js .loading:after,.js .loading:before{content:"";position:fixed;z-index:1000}.js .loading:before{top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.js .loading:after{top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;opacity:.4;background:var(--color-link);animation:loaderAnim .7s linear infinite alternate forwards}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}a{text-decoration:underline;color:var(--color-link)}a,a:hover{outline:none}a:hover{text-decoration:none;color:var(--color-link-hover)}a:focus{outline:none;background:#d3d3d3}a:focus-visible,a:focus:not(:focus-visible){background:transparent}a:focus-visible{outline:2px solid red}.unbutton{background:none;border:0;padding:0;margin:0;cursor:pointer;font:inherit}.unbutton:focus{outline:none}main{padding:1.5rem;display:grid;height:100vh;align-content:space-between;grid-gap:.5rem;grid-template-columns:1fr auto;grid-template-areas:"frame menu" "heading heading" "content content" "content content" "deco deco" "footer footer"}.frame{grid-area:frame;color:var(--color-link);margin-bottom:1rem}.frame__title{font-size:1rem;margin:0;font-weight:400}.frame__links{display:block}.frame__links a:not(:last-child){margin-right:.5rem}.line{transform-origin:0 50%;padding-bottom:.35rem;white-space:nowrap;will-change:transform}.oh{overflow:hidden}.oh__inner{display:inline-block;transform-origin:0 50%;will-change:transform}.content{display:flex;flex-direction:column;width:100vw;height:calc(100vh - 13rem);position:relative;justify-content:flex-start;align-items:center}.heading{grid-area:heading;font-size:var(--font-size-large);margin:0 0 2rem;font-weight:400;align-self:start;line-height:1.4}.heading strong{font-weight:600}.content-primary{grid-area:content;line-height:1;font-size:var(--font-size-large)}.content-secondary{grid-area:footer;line-height:1;margin:0;align-self:end;font-size:var(--font-size-small);max-width:400px}.deco{grid-area:deco}.deco__img-wrap{position:relative;overflow:hidden;width:25vw;min-width:250px;max-width:400px;margin-bottom:1rem;will-change:transform}.deco__img-wrap--upper{height:5vh}.deco__img-wrap--lower{height:25vh}.deco__img{background:url(1.HASH_REF_537602dd51df256e213143fa5ff36b68.jpg) no-repeat 50% 0;width:100%;height:100%;will-change:transform}.deco__img--lower{background-position:50% -5vh}.menu-link{align-self:start;justify-self:end;line-height:1;grid-area:menu;overflow:hidden;position:relative;padding:0 0 5px;font-size:var(--font-size-medium)}.menu--open~.menu-link,.state-details .menu-link{pointer-events:none}.menu-link:after{content:"";position:absolute;bottom:0;left:0;height:7%;width:100%;background:currentColor;transition:transform .4s ease;transform-origin:100% 50%}.menu--open~.menu-link:after,.menu-link:hover:after,.state-details .menu-link:after{transform:scaleX(0);transform-origin:0 50%}.menu{position:fixed;pointer-events:none;z-index:100;opacity:0;top:0;left:0;width:100%;height:100vh;display:grid;grid-template-columns:auto auto auto;align-content:center;justify-content:center;counter-reset:menucounter}.menu--open{pointer-events:auto;opacity:1}.state-details .menu{pointer-events:none}.menu__item{grid-column:2;line-height:1;display:block;position:relative}.menu__item-link{text-decoration:none;line-height:1.25;margin-top:calc(var(--font-size-xlarge)*-0.15);font-size:var(--font-size-xlarge);cursor:pointer;position:relative;padding:0 calc(var(--font-size-xlarge)*0.45);color:var(--color-menu)}.menu__item-link:hover{color:var(--color-menu-hover)}.menu__item-link:before{position:absolute;left:0;top:18%;text-align:right;counter-increment:menucounter;content:counters(menucounter,".",decimal-leading-zero);opacity:0;line-height:1;padding-right:.5rem;display:grid;place-items:center;font-size:var(--font-size-small);color:var(--color-text);transform:scale3d(0,0,0)}.menu__item-link:hover:before{opacity:1;transform:scaleX(1)}.close{position:absolute;top:1rem;right:1.5rem;font-size:3rem;line-height:1;opacity:0;pointer-events:none}.close:hover{color:var(--color-menu)}.menu--open .close{opacity:1;pointer-events:auto}.state-details .close{pointer-events:none}.details,.details-wrap{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.details-wrap{overflow:hidden}.panel{position:absolute;width:100%;height:100%;top:0;left:0;display:grid;grid-template-columns:repeat(50,2%);grid-template-rows:repeat(50,2%);--grid-row:1;--grid-column:1;transform:rotate(-35deg);opacity:.5}.panel__img{grid-area:var(--grid-row)/var(--grid-column)/span 12/span 5;will-change:transform}.pos-1{--grid-row:10;--grid-column:1}.pos-2{--grid-row:1;--grid-column:18}.pos-3{--grid-row:1;--grid-column:29}.pos-4{--grid-row:15;--grid-column:12}.pos-5{--grid-row:17;--grid-column:25}.pos-6{--grid-row:20;--grid-column:43}.pos-7{--grid-row:35;--grid-column:5}.pos-8{--grid-row:40;--grid-column:14}.pos-9{--grid-row:37;--grid-column:29}.pos-10{--grid-row:35;--grid-column:42}.pos-11{--grid-row:7;--grid-column:46}.pos-12{--grid-row:32;--grid-column:20}.pos-13{--grid-row:22;--grid-column:2}.pos-14{--grid-row:9;--grid-column:38}.pos-15{--grid-row:4;--grid-column:7}.pos-16{--grid-row:28;--grid-column:36}.panel__img{width:100px}.details{display:grid;place-items:center;pointer-events:none;opacity:0}.details--open,.details--open~.close--details{pointer-events:auto;opacity:1}.details__content{padding:1.5rem;margin:0 auto;position:relative}.details__content-title{font-weight:400;margin:0;font-size:var(--font-size-xlarge)}.details__content-text{line-height:1;max-width:640px;font-size:var(--font-size-medium)}.details__content-link{position:relative;display:inline-block;font-size:var(--font-size-small);color:var(--color-text);cursor:pointer;text-decoration:none;font-weight:600}.details__content-link:hover{color:var(--color-menu-hover)}@media screen and (min-width:53em){body{overflow:hidden;--font-size-xlarge:11vh;--font-size-large:3.5vw;--font-size-medium:2.75vw;--font-size-small:1.65vw}main{grid-gap:0;height:100vh;grid-template-columns:45% 1fr;grid-template-areas:"heading menu" "content ..." "content deco" "... deco" "footer deco" "footer frame"}.line{padding-bottom:.5vw}.frame{margin:0;display:flex;flex-wrap:wrap;justify-content:flex-end}.frame__links{margin-left:2rem;display:inline-block}.deco{align-self:end;justify-self:end}.content{height:100vh;justify-content:center}.details__content{width:50%;padding:.5rem}} \ No newline at end of file diff --git a/.parcel-cache/36/cd197173b14de56e0b6c4cd3347e82.blob b/.parcel-cache/36/cd197173b14de56e0b6c4cd3347e82.blob new file mode 100644 index 0000000..85b64e1 --- /dev/null +++ b/.parcel-cache/36/cd197173b14de56e0b6c4cd3347e82.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/36/f27472a389d1882eeacda3e6375240.blob b/.parcel-cache/36/f27472a389d1882eeacda3e6375240.blob new file mode 100644 index 0000000..98ee936 --- /dev/null +++ b/.parcel-cache/36/f27472a389d1882eeacda3e6375240.blob @@ -0,0 +1,208 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + diff --git a/.parcel-cache/37/33f5db4272dfc84b35f12838bef3d8.blob b/.parcel-cache/37/33f5db4272dfc84b35f12838bef3d8.blob new file mode 100644 index 0000000..679a891 Binary files /dev/null and b/.parcel-cache/37/33f5db4272dfc84b35f12838bef3d8.blob differ diff --git a/.parcel-cache/37/bb77147324267c7c25566ea1427859.blob b/.parcel-cache/37/bb77147324267c7c25566ea1427859.blob new file mode 100644 index 0000000..22ecaed --- /dev/null +++ b/.parcel-cache/37/bb77147324267c7c25566ea1427859.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/37/d1068824e3a80ce4c81a5a20fac261.v8 b/.parcel-cache/37/d1068824e3a80ce4c81a5a20fac261.v8 new file mode 100644 index 0000000..a7517a1 Binary files /dev/null and b/.parcel-cache/37/d1068824e3a80ce4c81a5a20fac261.v8 differ diff --git a/.parcel-cache/38/699e15f7fedbdfee16bfef5bbb5153.v8 b/.parcel-cache/38/699e15f7fedbdfee16bfef5bbb5153.v8 new file mode 100644 index 0000000..b4f2feb Binary files /dev/null and b/.parcel-cache/38/699e15f7fedbdfee16bfef5bbb5153.v8 differ diff --git a/.parcel-cache/38/7922f4b8cf66efdc5f967a3332684c.blob b/.parcel-cache/38/7922f4b8cf66efdc5f967a3332684c.blob new file mode 100644 index 0000000..c542d47 --- /dev/null +++ b/.parcel-cache/38/7922f4b8cf66efdc5f967a3332684c.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./node_modules/@parcel/runtime-browser-hmr/lib/HMRRuntime.js","./src/js/index.js","./src/js/utils.js","./node_modules/imagesloaded/imagesloaded.js","./node_modules/ev-emitter/ev-emitter.js","./node_modules/@parcel/transformer-js/lib/esmodule-helpers.js","./src/js/menu.js","./src/js/textReveal.js","./node_modules/gsap/dist/gsap.js","./src/js/details.js","./src/js/textLinesReveal.js","./node_modules/split-type/umd/index.js","./src/js/imgReveal.js"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null],"names":["HMR_HOST","HMR_PORT","HMR_SECURE","HMR_ENV_HASH","module","bundle","HMR_BUNDLE_ID","OVERLAY_ID","OldModule","Module","moduleName","call","hot","data","hotData","_acceptCallbacks","_disposeCallbacks","accept","fn","push","dispose","undefined","checkedAssets","acceptedAssets","assetsToAccept","location","protocol","indexOf","hostname","port","parent","isParcelRequire","WebSocket","getHostname","getPort","test","ws","onmessage","event","JSON","parse","type","removeErrorOverlay","assets","filter","asset","envHash","handled","forEach","didAccept","hmrAcceptCheck","root","id","depsByBundle","console","clear","hmrApply","i","length","hmrAcceptRun","window","reload","ansiDiagnostic","diagnostics","ansi","stack","codeframe","error","message","hints","join","overlay","createErrorOverlay","html","document","body","appendChild","onerror","e","onclose","warn","getElementById","remove","log","createElement","errorHTML","diagnostic","map","hint","innerHTML","modules","parents","k","d","dep","Array","isArray","concat","getParents","link","newLink","cloneNode","onload","parentNode","removeChild","setAttribute","getAttribute","split","Date","now","insertBefore","nextSibling","cssTimeout","setTimeout","links","querySelectorAll","href","servedFromHMRServer","RegExp","absolute","origin","updateLink","reloadCSS","deps","Function","output","cached","cache","some","v","cb","assetsToAlsoAccept","apply","DOM","frame","querySelector","menuCtrl","menuWrap","textContent","heading","primary","secondary","img","state","textLinesReveal","imgReveal","textReveal","menu","showContent","in","toggleFrame","hideContent","out","to","duration","ease","opacity","Number","addEventListener","open","closeCtrl","close","then","classList","preloadImages","wrapLines","imagesLoaded","require","selector","Promise","resolve","reject","background","elems","wrapType","wrapClass","char","wrapEl","factory","define","amd","EvEmitter","exports","$","jQuery","a","b","prop","arraySlice","prototype","slice","obj","isArrayLike","elem","options","onAlways","ImagesLoaded","queryElem","elements","makeArray","extend","on","getImages","jqDeferred","Deferred","check","bind","Object","create","images","addElementImages","nodeName","addImage","addElementBackgroundImages","nodeType","elementNodeTypes","childImgs","children","child","style","getComputedStyle","reURL","matches","exec","backgroundImage","url","addBackground","loadingImage","LoadingImage","Background","_this","progressedCount","hasAnyBroken","complete","image","progress","once","onProgress","isLoaded","emitEvent","notify","debug","eventName","isComplete","jqMethod","getIsImageComplete","confirm","naturalWidth","proxyImage","Image","src","handleEvent","method","unbindEvents","removeEventListener","element","makeJQueryPlugin","callback","instance","promise","global","proto","listener","events","_events","listeners","onceEvents","_onceEvents","onceListeners","off","index","splice","args","isOnce","allOff","constructor","el","items","detailsEl","item","substring","closeDetailsCtrl","detailsInstances","initEvents","add","pos","ev","preventDefault","openDetails","closeDetails","menuItemCurrent","outer","inner","outTimeline","isActive","kill","inTimeline","timeline","defaults","set","y","rotate","stagger","self","subClass","superClass","__proto__","ReferenceError","_config","autoSleep","force3D","nullTargetWarn","units","lineHeight","_defaults","overwrite","delay","_suppressOverwrites","_bigNum","_tinyNum","_2PI","Math","PI","_HALF_PI","_gsID","_sqrt","sqrt","_cos","cos","_sin","sin","_isString","value","_isFunction","_isNumber","_isUndefined","_isObject","_isNotFalse","_windowExists","_isFuncOrString","_isTypedArray","ArrayBuffer","isView","_isArray","_strictNumExp","_numExp","_numWithUnitExp","_complexStringNumExp","_relExp","_delimitedValueExp","_unitExp","_globalTimeline","_win","_coreInitted","_doc","_globals","_installScope","_coreReady","_install","scope","_merge","gsap","_missingPlugin","property","_warn","suppress","_addGlobal","name","_emptyFunc","_reservedProps","_lazyTweens","_lazyLookup","_lastRenderedFrame","_plugins","_effects","_nextGCFrame","_harnessPlugins","_callbackNames","_harness","targets","target","harnessPlugin","_gsap","harness","targetTest","GSCache","_getCache","toArray","_getProperty","_forEachName","names","func","_round","round","_arrayContainsAny","toSearch","toFind","l","_lazyRender","tween","_lazy","render","_lazySafeRender","animation","time","suppressEvents","force","_numericIfPossible","n","parseFloat","match","trim","_passThrough","p","_setDefaults","_setKeyframeDefaults","base","toMerge","_mergeDeep","_copyExcluding","excluding","copy","_inheritDefaults","vars","keyframes","inherit","_dp","_arraysMatch","a1","a2","_addLinkedListItem","firstProp","lastProp","sortBy","prev","t","_prev","_next","_removeLinkedListItem","next","_removeFromParent","onlyIfParentHasAutoRemove","autoRemoveChildren","_act","_uncache","_end","_dur","_start","_dirty","_recacheAncestors","totalDuration","_hasNoPausedAncestors","_ts","_elapsedCycleDuration","_repeat","_animationCycle","_tTime","_rDelay","tTime","cycleDuration","whole","floor","_parentToChildTotalTime","parentTime","_tDur","_setEnd","abs","_rts","_alignPlayhead","totalTime","smoothChildTiming","_time","_postAddChecks","_initted","rawTime","_clamp","_zTime","_addToTimeline","position","skipChecks","_parsePosition","_delay","timeScale","_sort","_isFromOrFromStart","_recent","_scrollTrigger","trigger","ScrollTrigger","_attemptInitTween","_initTween","_pt","lazy","_ticker","_parentPlayheadIsBeforeStart","_ref","_lock","_ref2","_renderZeroDurationTween","prevRatio","ratio","repeatDelay","pt","iteration","prevIteration","_yoyo","repeatRefresh","invalidate","_from","r","_startAt","_onUpdate","_callback","_prom","_findNextPauseTween","prevTime","_first","_last","_setDuration","skipUncache","leavePlayhead","repeat","dur","totalProgress","_onUpdateTotalDuration","Timeline","_zeroPosition","endTime","percentAnimation","labels","recent","clippedDuration","offset","isPercent","isNaN","charAt","substr","replace","_createTweenType","params","isLegacy","varsIndex","irVars","immediateRender","runBackwards","startAt","Tween","_conditionalReturn","min","max","getUnit","clamp","_slice","_isArrayLike","nonEmpty","_flatten","ar","leaveStrings","accumulator","_accumulator","_wake","current","nativeElement","shuffle","sort","random","distribute","each","_parseEase","from","isDecimal","ratios","axis","ratioX","ratioY","center","edges","end","distances","originX","originY","x","j","wrapAt","grid","getBoundingClientRect","left","amount","u","_invertEase","_roundModifier","pow","raw","snap","snapTo","radius","is2D","values","increment","closest","dx","dy","roundingIncrement","returnFunction","pipe","_len","arguments","functions","_key","reduce","f","unitize","unit","normalize","mapRange","_wrapArray","wrapper","wrap","range","wrapYoyo","total","_replaceRandom","s","nums","inMin","inMax","outMin","outMax","inRange","outRange","interpolate","start","mutate","isString","master","interpolators","il","_addPropTween","_renderPropTweens","_getLabelInDirection","fromTime","backward","distance","label","executeLazyFirst","callbackScope","_interrupt","scrollTrigger","_quickTween","_createPlugin","config","isFunc","Plugin","init","_props","instanceDefaults","_killPropTweensOf","modifier","_addPluginModifier","rawVars","statics","get","getSetter","_getSetter","aliases","register","toUpperCase","PropTween","_255","_colorLookup","aqua","lime","silver","black","maroon","teal","blue","navy","white","olive","yellow","orange","gray","purple","green","red","pink","cyan","transparent","_hue","h","m1","m2","splitColor","toHSL","forceAlpha","g","wasHSL","parseInt","_colorOrderData","c","_colorExp","_formatColors","orderMatchData","result","colors","shell","color","shift","_hslExp","_colorStringFilter","combined","lastIndex","_tickerActive","_getTime","_lagThreshold","_adjustedLag","_startTime","_lastUpdate","_gap","_nextTime","_listeners","_id","_req","_raf","_self","_delta","_i","_tick","elapsed","manual","overlap","dispatch","tick","deltaRatio","fps","wake","gsapVersions","version","GreenSockGlobals","requestAnimationFrame","sleep","cancelAnimationFrame","clearTimeout","lagSmoothing","threshold","adjustedLag","_fps","_easeMap","_customEaseExp","_quotesExp","_parseObjectInString","key","val","parsedVal","lastIndexOf","_valueInParentheses","nested","_configEaseFromString","_CE","_propagateYoyoEase","isYoyo","yoyoEase","_ease","_yEase","defaultEase","_insertEase","easeIn","easeOut","easeInOut","lowercaseName","toLowerCase","_easeInOutFromOut","_configElastic","amplitude","period","p1","p2","p3","asin","_configBack","overshoot","power","Linear","easeNone","none","n1","n2","n3","SteppedEase","steps","immediateStart","Animation","Infinity","yoyo","_proto","startTime","_totalTime","_ptLookup","_pTime","_ps","paused","includeRepeats","wrapRepeats","globalTime","seek","restart","includeDelay","play","reversed","reverse","pause","atTime","resume","eventCallback","onFulfilled","_resolve","_then","_Animation","_inheritsLoose","sortChildren","_assertThisInitialized","_proto2","fromTo","fromVars","toVars","delayedCall","staggerTo","onCompleteAll","onCompleteAllParams","onComplete","onCompleteParams","staggerFrom","staggerFromTo","tDur","crossingStart","prevPaused","pauseTween","prevStart","rewinding","doesWrap","onRepeat","_hasPause","_forcing","onUpdate","adjustedTime","_this2","addLabel","getChildren","tweens","timelines","ignoreBeforeTime","getById","animations","removeLabel","killTweensOf","_totalTime2","addPause","removePause","props","onlyActive","getTweensOf","_overwritingTween","parsedTargets","isGlobalTime","_targets","tweenTo","tl","_vars","_onStart","onStart","onStartParams","initted","tweenFromTo","fromPosition","toPosition","nextLabel","afterTime","previousLabel","beforeTime","currentLabel","shiftChildren","adjustLabels","includeLabels","updateRoot","_addComplexStringPropTween","setter","stringFilter","funcParam","_renderComplexString","matchIndex","startNums","endNum","chunk","startNum","hasRandom","m","fp","currentValue","parsedStart","_setterPlain","_setterFuncWithParam","_setterFunc","_renderBoolean","_renderPlain","_processVars","_parseFuncOrString","_checkPlugin","plugin","ptLookup","priority","onUpdateParams","autoRevert","prevStartAt","fullTargets","autoOverwrite","_overwrite","cleanVars","hasPriority","gsData","harnessVars","overwritten","_op","_sortPropTweensByPriority","_onInit","_addAliasesToVars","propertyAliases","_staggerTweenProps","_staggerPropsToSkip","_Animation2","skipInherit","_this3","_this3$vars","curTarget","staggerFunc","staggerVarsToMerge","_proto3","killingTargets","propTweenLookup","firstPT","overwrittenProps","curLookup","curOverwriteProps","onReverseComplete","onReverseCompleteParams","_setterAttribute","hasNonDependentRemaining","op","_setterWithModifier","mSet","mt","pt2","first","last","pr","change","renderer","_proto4","TweenMax","TweenLite","TimelineLite","TimelineMax","registerPlugin","_len2","_key2","getProperty","uncache","getter","format","quickSetter","setters","isTweening","registerEffect","_ref3","effect","plugins","extendTimeline","pluginName","registerEase","parseEase","exportRoot","includeDelayedCalls","utils","install","effects","ticker","globalTimeline","core","globals","getCache","suppressOverwrites","_getPluginPropTween","_addModifiers","modifiers","_buildModifierPlugin","temp","Power0","Power1","Power2","Power3","Power4","Quad","Cubic","Quart","Quint","Strong","Elastic","Back","Bounce","Sine","Expo","Circ","_win$1","_doc$1","_docElement","_pluginInitted","_tempDiv","_tempDivStyler","_recentSetterPlugin","_windowExists$1","_transformProps","_RAD2DEG","_DEG2RAD","_atan2","atan2","_bigNum$1","_capsExp","_horizontalExp","_complexExp","_propertyAliases","autoAlpha","scale","alpha","_renderCSSProp","_renderPropWithEnd","_renderCSSPropWithBeginning","_renderRoundedCSSProp","_renderNonTweeningValue","_renderNonTweeningValueOnlyAtEnd","_setterCSSStyle","_setterCSSProp","setProperty","_setterTransform","_setterScale","scaleX","scaleY","_setterScaleWithRender","renderTransform","_setterTransformWithRender","_transformProp","_transformOriginProp","_supports3D","_createElement","ns","createElementNS","_getComputedProperty","skipPrefixFallback","cs","getPropertyValue","_checkPropPrefix","_prefixes","preferPrefix","_initCore","documentElement","cssText","_getBBoxHack","swapIfPossible","svg","ownerSVGElement","oldParent","oldSibling","oldCSS","bbox","display","getBBox","_gsapBBox","_getAttributeFallbacks","attributesArray","hasAttribute","_getBBox","bounds","width","height","_isSVG","getCTM","_removeProperty","removeProperty","removeAttribute","_addNonTweeningPT","beginning","onlySetAtEnd","_nonConvertibleUnits","deg","rad","turn","_convertToUnit","curValue","curUnit","horizontal","isRootSVG","tagName","measureProperty","toPixels","toPercent","px","isSVG","_get","_parseTransform","_firstTwoOnly","zOrigin","_specialProps","_tweenComplexCSSString","startValues","startValue","endValue","endUnit","startUnit","relative","endValues","_keywordToPercent","top","bottom","right","_convertKeywordsToPercentages","_renderClearProps","clearTransforms","clearProps","_identity2DMatrix","_rotationalProperties","_isNullTransform","_getComputedTransformMatrixAsArray","matrixString","_getMatrix","force2D","matrix","addedToDOM","transform","baseVal","consolidate","offsetParent","_applySVGOrigin","originIsAbsolute","smooth","matrixArray","pluginToAddPropTweensTo","xOriginOld","xOrigin","yOriginOld","yOrigin","xOffsetOld","xOffset","yOffsetOld","yOffset","tx","ty","originSplit","determinant","invertedScaleX","z","rotation","rotationX","rotationY","skewX","skewY","perspective","angle","a12","a22","t1","t2","t3","a13","a23","a33","a42","a43","a32","forceCSS","xPercent","offsetWidth","yPercent","offsetHeight","transformPerspective","_renderSVGTransforms","_renderCSSTransforms","_renderNon3DTransforms","_addPxTranslate","_zeroDeg","_zeroPx","_endParenthesis","transforms","use3D","a11","a21","tan","_addRotationalPropTween","cap","finalValue","direction","_assign","source","_addRawTransformPTs","startCache","exclude","endCache","side","CSSPlugin","specialProp","isTransformRelated","transformPropTween","parseTransform","smoothOrigin","autoRound","checkPrefix","positionAndScale","others","all","gsapWithCSS","TweenMaxWithCSS","default","defineProperty","title","text","animationElems","SplitTypeInstances","lines","SplitTypeInstance","types","globalThis","SplitType","Constructor","TypeError","descriptor","enumerable","configurable","writable","protoProps","staticProps","_defineProperties","object","getOwnPropertyNames","extended","getOwnPropertyDescriptor","newValue","settings","isObject","isLength","input","flatten","isNode","owner","Data","expando","uid","collection","arr","len","string","separator","String","rsAstralRange","rsComboMarksRange","rsComboSymbolsRange","rsVarRange","rsAstral","rsCombo","rsFitz","rsModifier","rsNonAstral","rsRegional","rsSurrPair","rsZWJ","reOptMod","rsOptVar","rsOptJoin","rsSeq","rsSymbol","reUnicode","unicodeRange","reHasUnicode","hasUnicode","unicodeToArray","asciiToArray","toString","stringToArray","attributes","keys","attribute","words","chars","LINE_BREAK_SYMBOL","brTag","tempDiv","splitClass","lineClass","wordClass","charClass","createFragment","createDocumentFragment","createTextNode","str","parseTypes","TAG_NAME","BR_SYMBOL","isAbsolute","splitText","TEXT_CONTENT","getTextContent","toWords","WORD","idx","wordElement","characterElementsForCurrentWord","toChars","CHAR","class","characterElement","wordsInEachLine","wordsInCurrentLine","elementHeight","elementWidth","contentBox","lineOffsetY","nodes","getElementsByTagName","parentElement","nextElementSibling","align","textAlign","offsetLeft","offsetTop","cssWidth","cssHeight","node","isWord","wordOffsetY","wordsInThisLine","lineElement","charNode","replaceChild","firstChild","isLineNode","isChildOfLineNode","_createClass","parseSettings","_classCallCheck","isSplit","getTargetElements","originals","revert","scrollPos","pageXOffset","pageYOffset","_split2","splitSingleElement","scrollTo","RemoveData","outerImages","innerImages"],"version":3,"file":"index.HASH_REF_062e9a7565ca912a5f7d6b832142d36c.js.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/38/881e0a4de7fe98b88f6267338b6a1e.blob b/.parcel-cache/38/881e0a4de7fe98b88f6267338b6a1e.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/38/881e0a4de7fe98b88f6267338b6a1e.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/38/8aa9a7438ef9fa799e07e7b00ef3c1.v8 b/.parcel-cache/38/8aa9a7438ef9fa799e07e7b00ef3c1.v8 new file mode 100644 index 0000000..fcc0d1a Binary files /dev/null and b/.parcel-cache/38/8aa9a7438ef9fa799e07e7b00ef3c1.v8 differ diff --git a/.parcel-cache/38/9eb0ce935fe16a174cc17bedc839bf.blob b/.parcel-cache/38/9eb0ce935fe16a174cc17bedc839bf.blob new file mode 100644 index 0000000..7938a53 --- /dev/null +++ b/.parcel-cache/38/9eb0ce935fe16a174cc17bedc839bf.blob @@ -0,0 +1,5678 @@ +// modules are defined as an array +// [ module function, map of requires ] +// +// map of requires is short require name -> numeric require +// +// anything defined in a previous bundle is accessed via the +// orig method which is the require for previous bundles + +(function(modules, entry, mainEntry, parcelRequireName, globalName) { + /* eslint-disable no-undef */ + var globalObject = + typeof globalThis !== 'undefined' + ? globalThis + : typeof self !== 'undefined' + ? self + : typeof window !== 'undefined' + ? window + : typeof global !== 'undefined' + ? global + : {}; + /* eslint-enable no-undef */ + + // Save the require from previous bundle to this closure if any + var previousRequire = + typeof globalObject[parcelRequireName] === 'function' && + globalObject[parcelRequireName]; + + var cache = previousRequire.cache || {}; + // Do not use `require` to prevent Webpack from trying to bundle this call + var nodeRequire = + typeof module !== 'undefined' && + typeof module.require === 'function' && + module.require.bind(module); + + function newRequire(name, jumped) { + if (!cache[name]) { + if (!modules[name]) { + // if we cannot find the module within our internal map or + // cache jump to the current global require ie. the last bundle + // that was added to the page. + var currentRequire = + typeof globalObject[parcelRequireName] === 'function' && + globalObject[parcelRequireName]; + if (!jumped && currentRequire) { + return currentRequire(name, true); + } + + // If there are other bundles on this page the require from the + // previous one is saved to 'previousRequire'. Repeat this as + // many times as there are bundles until the module is found or + // we exhaust the require chain. + if (previousRequire) { + return previousRequire(name, true); + } + + // Try the node require function if it exists. + if (nodeRequire && typeof name === 'string') { + return nodeRequire(name); + } + + var err = new Error("Cannot find module '" + name + "'"); + err.code = 'MODULE_NOT_FOUND'; + throw err; + } + + localRequire.resolve = resolve; + localRequire.cache = {}; + + var module = (cache[name] = new newRequire.Module(name)); + + modules[name][0].call( + module.exports, + localRequire, + module, + module.exports, + this + ); + } + + return cache[name].exports; + + function localRequire(x) { + return newRequire(localRequire.resolve(x)); + } + + function resolve(x) { + return modules[name][1][x] || x; + } + } + + function Module(moduleName) { + this.id = moduleName; + this.bundle = newRequire; + this.exports = {}; + } + + newRequire.isParcelRequire = true; + newRequire.Module = Module; + newRequire.modules = modules; + newRequire.cache = cache; + newRequire.parent = previousRequire; + newRequire.register = function(id, exports) { + modules[id] = [ + function(require, module) { + module.exports = exports; + }, + {}, + ]; + }; + + Object.defineProperty(newRequire, 'root', { + get: function() { + return globalObject[parcelRequireName]; + }, + }); + + globalObject[parcelRequireName] = newRequire; + + for (var i = 0; i < entry.length; i++) { + newRequire(entry[i]); + } + + if (mainEntry) { + // Expose entry point to Node, AMD or browser globals + // Based on https://github.com/ForbesLindesay/umd/blob/master/template.js + var mainExports = newRequire(mainEntry); + + // CommonJS + if (typeof exports === 'object' && typeof module !== 'undefined') { + module.exports = mainExports; + + // RequireJS + } else if (typeof define === 'function' && define.amd) { + define(function() { + return mainExports; + }); + + // + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + + diff --git a/.parcel-cache/3a/9714f715ca068c4d9987ccc64d51b0.v8 b/.parcel-cache/3a/9714f715ca068c4d9987ccc64d51b0.v8 new file mode 100644 index 0000000..d6bbfab Binary files /dev/null and b/.parcel-cache/3a/9714f715ca068c4d9987ccc64d51b0.v8 differ diff --git a/.parcel-cache/3a/a31067689c54d4dc2ef67cc7ace72e.v8 b/.parcel-cache/3a/a31067689c54d4dc2ef67cc7ace72e.v8 new file mode 100644 index 0000000..d27ea46 Binary files /dev/null and b/.parcel-cache/3a/a31067689c54d4dc2ef67cc7ace72e.v8 differ diff --git a/.parcel-cache/3a/b0807855343646363bb76a17486309.blob b/.parcel-cache/3a/b0807855343646363bb76a17486309.blob new file mode 100644 index 0000000..0ecb654 --- /dev/null +++ b/.parcel-cache/3a/b0807855343646363bb76a17486309.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./%3Cinput%20css%20s_0AHa%3E"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_eacc0ceee7547c8404559d17320bd6f3.css.map"} \ No newline at end of file diff --git a/.parcel-cache/3a/f570b9b6bcd1c51f6e869b9127604c.v8 b/.parcel-cache/3a/f570b9b6bcd1c51f6e869b9127604c.v8 new file mode 100644 index 0000000..bcc5d5d Binary files /dev/null and b/.parcel-cache/3a/f570b9b6bcd1c51f6e869b9127604c.v8 differ diff --git a/.parcel-cache/3b/2025520a112f086bbded3df7b31d4c.v8 b/.parcel-cache/3b/2025520a112f086bbded3df7b31d4c.v8 new file mode 100644 index 0000000..3f51951 Binary files /dev/null and b/.parcel-cache/3b/2025520a112f086bbded3df7b31d4c.v8 differ diff --git a/.parcel-cache/3b/2f268eef2f4721507e4217cab089e2.blob b/.parcel-cache/3b/2f268eef2f4721507e4217cab089e2.blob new file mode 100644 index 0000000..679a891 Binary files /dev/null and b/.parcel-cache/3b/2f268eef2f4721507e4217cab089e2.blob differ diff --git a/.parcel-cache/3b/b1ee25822b1caa2d11410cb30559e5.blob b/.parcel-cache/3b/b1ee25822b1caa2d11410cb30559e5.blob new file mode 100644 index 0000000..ad102fc Binary files /dev/null and b/.parcel-cache/3b/b1ee25822b1caa2d11410cb30559e5.blob differ diff --git a/.parcel-cache/3b/c9800d1341f00393a2c4f565f377a9.v8 b/.parcel-cache/3b/c9800d1341f00393a2c4f565f377a9.v8 new file mode 100644 index 0000000..f90cabd Binary files /dev/null and b/.parcel-cache/3b/c9800d1341f00393a2c4f565f377a9.v8 differ diff --git a/.parcel-cache/3c/124137ff78747900601ea10723ff12.blob b/.parcel-cache/3c/124137ff78747900601ea10723ff12.blob new file mode 100644 index 0000000..03e9325 --- /dev/null +++ b/.parcel-cache/3c/124137ff78747900601ea10723ff12.blob @@ -0,0 +1 @@ +{"mappings":"AAAA;A;A;CAGC,sBAAsB;AACvB;A;AAEA;CACC,eAAe;AAChB;A;AAEA;CACC,SAAS;CACT,kBAAkB;CAClB,mBAAmB;CACnB,kBAAkB;CAClB,wBAAwB;CACxB,0BAA0B;CAC1B,uBAAuB;CACvB,0BAA0B;CAC1B,uBAAuB;CACvB,kBAAkB;CAClB,2BAA2B;CAC3B,wBAAwB;CACxB,iCAAiC;CACjC,gGAAgG;CAChG,mCAAmC;CACnC,kCAAkC;AACnC;A;AAEA,gBAAgB;A;AAChB;A;CAEC,WAAW;CACX,eAAe;CACf,aAAa;AACd;A;AAEA;CACC,MAAM;CACN,OAAO;CACP,WAAW;CACX,YAAY;CACZ,2BAA2B;AAC5B;A;AAEA;CACC,QAAQ;CACR,SAAS;CACT,WAAW;CACX,YAAY;CACZ,uBAAuB;CACvB,kBAAkB;CAClB,YAAY;CACZ,6BAA6B;CAC7B,6DAA6D;A;AAE9D;A;AAEA;CACC;EACC,UAAU;EACV,6BAA6B;CAC9B;AACD;A;AAEA;CACC,0BAA0B;CAC1B,wBAAwB;CACxB,aAAa;AACd;A;AAEA;CACC,qBAAqB;CACrB,8BAA8B;CAC9B,aAAa;AACd;A;AAEA,6FAA6F;A;AAC7F;CACC;qCACoC;CACpC,aAAa;CACb,qBAAqB;AACtB;A;AAEA;CACC;kCACiC;CACjC,uBAAuB;AACxB;A;AAEA;CACC;A;kBAEiB;CACjB,sBAAsB;CACtB,uBAAuB;AACxB;A;AAEA;CACC,gBAAgB;CAChB,SAAS;CACT,UAAU;CACV,SAAS;CACT,eAAe;CACf,aAAa;AACd;A;AAEA;CACC,aAAa;AACd;A;AAEA;CACC,eAAe;CACf,aAAa;CACb,aAAa;CACb,4BAA4B;CAC5B,+BAA+B;CAC/B;A;A;A;A;qBAKoB;A;AAErB;A;AAEA;CACC,gBAAgB;CAChB,wBAAwB;CACxB,mBAAmB;AACpB;A;AAEA;CACC,eAAe;CACf,SAAS;CACT,mBAAmB;AACpB;A;AAEA;CACC,cAAc;AACf;A;AAEA;CACC,oBAAoB;AACrB;A;AAEA;CACC,wBAAwB;CACxB,uBAAuB;CACvB,mBAAmB;CACnB,sBAAsB;AACvB;A;AAEA;CACC,gBAAgB;AACjB;A;AAEA;CACC,qBAAqB;CACrB,wBAAwB;CACxB,sBAAsB;AACvB;A;AAEA;CACC,aAAa;CACb,sBAAsB;CACtB,YAAY;CACZ,2BAA2B;CAC3B,kBAAkB;CAClB,2BAA2B;CAC3B,mBAAmB;AACpB;A;AAEA;CACC,kBAAkB;CAClB,iCAAiC;CACjC,SAAS;CACT,mBAAmB;CACnB,iBAAiB;CACjB,gBAAgB;AACjB;A;AAEA;CACC,gBAAgB;AACjB;A;AAEA;CACC,kBAAkB;CAClB,cAAc;CACd,iCAAiC;AAClC;A;AAEA;CACC,iBAAiB;CACjB,cAAc;CACd,SAAS;CACT,eAAe;CACf,iCAAiC;CACjC,gBAAgB;AACjB;A;AAEA;CACC,eAAe;AAChB;A;AAEA;CACC,kBAAkB;CAClB,gBAAgB;CAChB,WAAW;CACX,gBAAgB;CAChB,gBAAgB;CAChB,mBAAmB;CACnB,sBAAsB;AACvB;A;AAEA;CACC,WAAW;AACZ;A;AAEA;CACC,YAAY;AACb;A;AAEA;CACC,kEAA8C;CAC9C,WAAW;CACX,YAAY;CACZ,sBAAsB;AACvB;A;AAEA;CACC,6BAA6B;AAC9B;A;AAEA;CACC,iBAAiB;CACjB,iBAAiB;CACjB,cAAc;CACd,eAAe;CACf,gBAAgB;IACb,kBAAkB;IAClB,gBAAgB;CACnB,kCAAkC;AACnC;A;AAEA;CACC,oBAAoB;AACrB;A;AAEA;CACC,WAAW;CACX,kBAAkB;CAClB,SAAS;CACT,OAAO;CACP,WAAW;CACX,WAAW;CACX,wBAAwB;CACxB,+BAA+B;IAC5B,0BAA0B;AAC9B;A;AAEA;A;CAEC,yBAAyB;CACzB,wBAAwB;AACzB;A;AAEA;CACC,eAAe;CACf,oBAAoB;CACpB,UAAU;CACV,MAAM;CACN,OAAO;CACP,WAAW;CACX,aAAa;CACb,aAAa;CACb,qCAAqC;CACrC,qBAAqB;CACrB,0BAA0B;AAC3B;A;AAEA;CACC,oBAAoB;CACpB,UAAU;AACX;A;AAEA;CACC,WAAW;CACX,cAAc;CACd,cAAc;CACd,cAAc;CACd,kBAAkB;AACnB;A;AAEA;CACC,qBAAqB;CACrB,iBAAiB;CACjB,kDAAkD;CAClD,kCAAkC;CAClC,eAAe;CACf,kBAAkB;CAClB,cAAc;CACd,wBAAwB;AACzB;A;AAEA;CACC,8BAA8B;AAC/B;A;AAEA;CACC,kBAAkB;CAClB,OAAO;CACP,QAAQ;CACR,iBAAiB;CACjB,8BAA8B;CAC9B,yDAAyD;CACzD,UAAU;CACV,cAAc;CACd,qBAAqB;CACrB,aAAa;CACb,mBAAmB;CACnB,iCAAiC;CACjC,wBAAwB;CACxB,yBAAyB;AAC1B;A;AAEA;CACC,UAAU;CACV,yBAAyB;AAC1B;A;AAEA;CACC,kBAAkB;CAClB,SAAS;CACT,aAAa;CACb,eAAe;CACf,cAAc;CACd,UAAU;CACV,oBAAoB;AACrB;A;AAEA;CACC,wBAAwB;AACzB;A;AAEA;CACC,UAAU;CACV,oBAAoB;AACrB;A;AAEA;A;CAEC,kBAAkB;CAClB,WAAW;CACX,YAAY;CACZ,MAAM;CACN,OAAO;CACP,oBAAoB;AACrB;A;AAEA;IACI,kBAAkB;IAClB,WAAW;IACX,YAAY;IACZ,OAAO;IACP,QAAQ;IACR,aAAa;IACb,qCAAqC;IACrC,kCAAkC;IAClC,aAAa;IACb,gBAAgB;IAChB,iCAAiC;IACjC,YAAY;AAChB;A;AAEA;IACI,kEAAkE;CACrE,sBAAsB;AACvB;A;AAEA,SAAS,cAAc,EAAE,gBAAgB,EAAE;A;AAC3C,SAAS,aAAa,EAAE,iBAAiB,EAAE;A;AAC3C,SAAS,aAAa,EAAE,iBAAiB,EAAE;A;AAC3C,SAAS,cAAc,EAAE,iBAAiB,EAAE;A;AAC5C,SAAS,cAAc,EAAE,iBAAiB,EAAE;A;AAC5C,SAAS,cAAc,EAAE,iBAAiB,EAAE;A;AAC5C,SAAS,cAAc,EAAE,gBAAgB,EAAE;A;AAC3C,SAAS,cAAc,EAAE,iBAAiB,EAAE;A;AAC5C,SAAS,cAAc,EAAE,iBAAiB,EAAE;A;AAC5C,UAAU,cAAc,EAAE,iBAAiB,EAAE;A;AAC7C,UAAU,aAAa,EAAE,iBAAiB,EAAE;A;AAC5C,UAAU,cAAc,EAAE,iBAAiB,EAAE;A;AAC7C,UAAU,cAAc,EAAE,gBAAgB,EAAE;A;AAC5C,UAAU,aAAa,EAAE,iBAAiB,EAAE;A;AAC5C,UAAU,aAAa,EAAE,gBAAgB,EAAE;A;AAC3C,UAAU,cAAc,EAAE,iBAAiB,EAAE;A;AAE7C;CACC,YAAY;AACb;A;AAEA;CACC,oBAAoB;CACpB,UAAU;AACX;A;AAEA;CACC,oBAAoB;CACpB,UAAU;AACX;A;AAEA;CACC,UAAU;CACV,oBAAoB;AACrB;A;AAEA;CACC,eAAe;CACf,UAAU;CACV,cAAc;CACd,kBAAkB;AACnB;A;AAEA;CACC,mBAAmB;CACnB,SAAS;CACT,iCAAiC;AAClC;A;AAEA;CACC,gBAAgB;CAChB,iCAAiC;AAClC;A;AAEA;CACC,kBAAkB;CAClB,qBAAqB;CACrB,iCAAiC;CACjC,iBAAiB;CACjB,eAAe;CACf,qBAAqB;AACtB;A;AAEA;CACC;EACC,gBAAgB;EAChB,wBAAwB;EACxB,wBAAwB;EACxB,0BAA0B;EAC1B,yBAAyB;CAC1B;CACA;EACC,aAAa;EACb,8BAA8B;EAC9B;A;A;A;A;qBAKmB;A;CAEpB;CACA;EACC,qBAAqB;CACtB;CACA;EACC,SAAS;EACT,aAAa;EACb,eAAe;EACf,yBAAyB;CAC1B;CACA;EACC,iBAAiB;EACjB,qBAAqB;CACtB;CACA;EACC,eAAe;EACf,iBAAiB;CAClB;CACA;EACC,aAAa;EACb,uBAAuB;CACxB;AACD","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/3c/22f06e9920d43d5fa052d750957669.v8 b/.parcel-cache/3c/22f06e9920d43d5fa052d750957669.v8 new file mode 100644 index 0000000..624cbbb Binary files /dev/null and b/.parcel-cache/3c/22f06e9920d43d5fa052d750957669.v8 differ diff --git a/.parcel-cache/3c/41fe08dec901331da385ee5d0fee63.v8 b/.parcel-cache/3c/41fe08dec901331da385ee5d0fee63.v8 new file mode 100644 index 0000000..a53245b Binary files /dev/null and b/.parcel-cache/3c/41fe08dec901331da385ee5d0fee63.v8 differ diff --git a/.parcel-cache/3c/b884ae808d3731f040481e20f45067.v8 b/.parcel-cache/3c/b884ae808d3731f040481e20f45067.v8 new file mode 100644 index 0000000..bb4070f Binary files /dev/null and b/.parcel-cache/3c/b884ae808d3731f040481e20f45067.v8 differ diff --git a/.parcel-cache/3d/32ec5d52968724dfc7df1fe8714c62.v8 b/.parcel-cache/3d/32ec5d52968724dfc7df1fe8714c62.v8 new file mode 100644 index 0000000..3baa142 Binary files /dev/null and b/.parcel-cache/3d/32ec5d52968724dfc7df1fe8714c62.v8 differ diff --git a/.parcel-cache/3d/3b232a1aa54113acb8f459d0985130.v8 b/.parcel-cache/3d/3b232a1aa54113acb8f459d0985130.v8 new file mode 100644 index 0000000..b86ee99 Binary files /dev/null and b/.parcel-cache/3d/3b232a1aa54113acb8f459d0985130.v8 differ diff --git a/.parcel-cache/3e/38b6d1b0919951d9f48c0cc92336f0.blob b/.parcel-cache/3e/38b6d1b0919951d9f48c0cc92336f0.blob new file mode 100644 index 0000000..0f404e4 Binary files /dev/null and b/.parcel-cache/3e/38b6d1b0919951d9f48c0cc92336f0.blob differ diff --git a/.parcel-cache/3e/8b112fa9e66d1f442c1081dc99c325.blob b/.parcel-cache/3e/8b112fa9e66d1f442c1081dc99c325.blob new file mode 100644 index 0000000..db236a1 Binary files /dev/null and b/.parcel-cache/3e/8b112fa9e66d1f442c1081dc99c325.blob differ diff --git a/.parcel-cache/3e/b5ecda825273468c9eaf8debe0b334.blob b/.parcel-cache/3e/b5ecda825273468c9eaf8debe0b334.blob new file mode 100644 index 0000000..0aeaae6 --- /dev/null +++ b/.parcel-cache/3e/b5ecda825273468c9eaf8debe0b334.blob @@ -0,0 +1,525 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2rem; + --font-size-large: 1.5rem; + --font-size-medium: 1.25rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-gap: 0.5rem; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.45 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 640px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +.details__content-link:hover { + color: var(--color-menu-hover); +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + grid-gap: 0; + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/3e/d422d5fbd466f5626ef1a5c09f37c0.v8 b/.parcel-cache/3e/d422d5fbd466f5626ef1a5c09f37c0.v8 new file mode 100644 index 0000000..3fba7e1 Binary files /dev/null and b/.parcel-cache/3e/d422d5fbd466f5626ef1a5c09f37c0.v8 differ diff --git a/.parcel-cache/3e/ecb89aeaecb0d42bcd348f4bdcf46e.blob b/.parcel-cache/3e/ecb89aeaecb0d42bcd348f4bdcf46e.blob new file mode 100644 index 0000000..b02aaef Binary files /dev/null and b/.parcel-cache/3e/ecb89aeaecb0d42bcd348f4bdcf46e.blob differ diff --git a/.parcel-cache/3f/41d2c93d1722ec86d4819b1ccbd9e1.v8 b/.parcel-cache/3f/41d2c93d1722ec86d4819b1ccbd9e1.v8 new file mode 100644 index 0000000..396256c Binary files /dev/null and b/.parcel-cache/3f/41d2c93d1722ec86d4819b1ccbd9e1.v8 differ diff --git a/.parcel-cache/3f/4abc37e985ceb88e6574b704e95532.blob b/.parcel-cache/3f/4abc37e985ceb88e6574b704e95532.blob new file mode 100644 index 0000000..679a891 Binary files /dev/null and b/.parcel-cache/3f/4abc37e985ceb88e6574b704e95532.blob differ diff --git a/.parcel-cache/3f/64bd12ba5a76f3fc9472ee5c5332c4.blob b/.parcel-cache/3f/64bd12ba5a76f3fc9472ee5c5332c4.blob new file mode 100644 index 0000000..b9d4c26 --- /dev/null +++ b/.parcel-cache/3f/64bd12ba5a76f3fc9472ee5c5332c4.blob @@ -0,0 +1,662 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + + diff --git a/.parcel-cache/3f/7363c3db83ef545ff564054e1ca0c3.blob b/.parcel-cache/3f/7363c3db83ef545ff564054e1ca0c3.blob new file mode 100644 index 0000000..03d3701 --- /dev/null +++ b/.parcel-cache/3f/7363c3db83ef545ff564054e1ca0c3.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/3f/bb0d4e1e26a972195a30b00e41b6f6.blob b/.parcel-cache/3f/bb0d4e1e26a972195a30b00e41b6f6.blob new file mode 100644 index 0000000..e8b08a5 Binary files /dev/null and b/.parcel-cache/3f/bb0d4e1e26a972195a30b00e41b6f6.blob differ diff --git a/.parcel-cache/3f/f198f8d7d2f962263caf1315e68877.blob b/.parcel-cache/3f/f198f8d7d2f962263caf1315e68877.blob new file mode 100644 index 0000000..1667c9c Binary files /dev/null and b/.parcel-cache/3f/f198f8d7d2f962263caf1315e68877.blob differ diff --git a/.parcel-cache/40/3f15126e99a4871cc986b6245fbdec.blob b/.parcel-cache/40/3f15126e99a4871cc986b6245fbdec.blob new file mode 100644 index 0000000..cbafc52 Binary files /dev/null and b/.parcel-cache/40/3f15126e99a4871cc986b6245fbdec.blob differ diff --git a/.parcel-cache/40/86d6492db30bff382038415d14425b.blob b/.parcel-cache/40/86d6492db30bff382038415d14425b.blob new file mode 100644 index 0000000..f9c088b Binary files /dev/null and b/.parcel-cache/40/86d6492db30bff382038415d14425b.blob differ diff --git a/.parcel-cache/40/925730f48d560b3474dfd94b297c82.blob b/.parcel-cache/40/925730f48d560b3474dfd94b297c82.blob new file mode 100644 index 0000000..5464b58 --- /dev/null +++ b/.parcel-cache/40/925730f48d560b3474dfd94b297c82.blob @@ -0,0 +1,517 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2rem; + --font-size-large: 1.75rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.5 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 600px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/41/dec7000512c51366bc1cefa582aa9e.blob b/.parcel-cache/41/dec7000512c51366bc1cefa582aa9e.blob new file mode 100644 index 0000000..bcf3509 --- /dev/null +++ b/.parcel-cache/41/dec7000512c51366bc1cefa582aa9e.blob @@ -0,0 +1,507 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.underline::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 5%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.underline:hover::after, +.menu--open ~ .underline::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/42/529939309e3bdc9871e7eda1444105.v8 b/.parcel-cache/42/529939309e3bdc9871e7eda1444105.v8 new file mode 100644 index 0000000..b115391 Binary files /dev/null and b/.parcel-cache/42/529939309e3bdc9871e7eda1444105.v8 differ diff --git a/.parcel-cache/42/b7509bd7f87c5095970882e9515a15.v8 b/.parcel-cache/42/b7509bd7f87c5095970882e9515a15.v8 new file mode 100644 index 0000000..cb916f3 Binary files /dev/null and b/.parcel-cache/42/b7509bd7f87c5095970882e9515a15.v8 differ diff --git a/.parcel-cache/42/ebaf90cdfe6d05ccb26e8a914096be.blob b/.parcel-cache/42/ebaf90cdfe6d05ccb26e8a914096be.blob new file mode 100644 index 0000000..ef9189b Binary files /dev/null and b/.parcel-cache/42/ebaf90cdfe6d05ccb26e8a914096be.blob differ diff --git a/.parcel-cache/43/89d236badb6ed71f2c9c390f92c70a.v8 b/.parcel-cache/43/89d236badb6ed71f2c9c390f92c70a.v8 new file mode 100644 index 0000000..fc5c98c Binary files /dev/null and b/.parcel-cache/43/89d236badb6ed71f2c9c390f92c70a.v8 differ diff --git a/.parcel-cache/43/9beaa70392af3e50b2e14dd076dd8a.blob b/.parcel-cache/43/9beaa70392af3e50b2e14dd076dd8a.blob new file mode 100644 index 0000000..7ba1815 --- /dev/null +++ b/.parcel-cache/43/9beaa70392af3e50b2e14dd076dd8a.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/44/1cfccad17a5d967925afa7de17b7e3.v8 b/.parcel-cache/44/1cfccad17a5d967925afa7de17b7e3.v8 new file mode 100644 index 0000000..f6f8e98 Binary files /dev/null and b/.parcel-cache/44/1cfccad17a5d967925afa7de17b7e3.v8 differ diff --git a/.parcel-cache/44/1fa7cc3e7c3305c5418f3e7ae44f04.blob b/.parcel-cache/44/1fa7cc3e7c3305c5418f3e7ae44f04.blob new file mode 100644 index 0000000..63c398f Binary files /dev/null and b/.parcel-cache/44/1fa7cc3e7c3305c5418f3e7ae44f04.blob differ diff --git a/.parcel-cache/44/7866b530f030dddad7639ab090265e.blob b/.parcel-cache/44/7866b530f030dddad7639ab090265e.blob new file mode 100644 index 0000000..e558f50 --- /dev/null +++ b/.parcel-cache/44/7866b530f030dddad7639ab090265e.blob @@ -0,0 +1,501 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + justify-items: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1; + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/44/91c7e6e6c228966c48939be580edc2.blob b/.parcel-cache/44/91c7e6e6c228966c48939be580edc2.blob new file mode 100644 index 0000000..db44904 Binary files /dev/null and b/.parcel-cache/44/91c7e6e6c228966c48939be580edc2.blob differ diff --git a/.parcel-cache/44/a6882bebd08f5dd6c2e620ac1909c8.v8 b/.parcel-cache/44/a6882bebd08f5dd6c2e620ac1909c8.v8 new file mode 100644 index 0000000..127d8ab Binary files /dev/null and b/.parcel-cache/44/a6882bebd08f5dd6c2e620ac1909c8.v8 differ diff --git a/.parcel-cache/44/cc4cd6e1c050eb212f8b64f02674c1.blob b/.parcel-cache/44/cc4cd6e1c050eb212f8b64f02674c1.blob new file mode 100644 index 0000000..dfabed8 --- /dev/null +++ b/.parcel-cache/44/cc4cd6e1c050eb212f8b64f02674c1.blob @@ -0,0 +1,519 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 800px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/44/f78dc7cbf440b5748a24225747e10c.v8 b/.parcel-cache/44/f78dc7cbf440b5748a24225747e10c.v8 new file mode 100644 index 0000000..e5cc37d Binary files /dev/null and b/.parcel-cache/44/f78dc7cbf440b5748a24225747e10c.v8 differ diff --git a/.parcel-cache/45/03a398299326d47c8d2c244e47600c.blob b/.parcel-cache/45/03a398299326d47c8d2c244e47600c.blob new file mode 100644 index 0000000..76738c7 --- /dev/null +++ b/.parcel-cache/45/03a398299326d47c8d2c244e47600c.blob @@ -0,0 +1,15 @@ +!function(){var t,e={},i=!1;function n(){var e,n;return i||(i=!0,t={},e="undefined"!=typeof window?window:t,n=function(){function t(){}var e=t.prototype;return e.on=function(t,e){if(t&&e){var i=this._events=this._events||{},n=i[t]=i[t]||[];return-1==n.indexOf(e)&&n.push(e),this}},e.once=function(t,e){if(t&&e){this.on(t,e);var i=this._onceEvents=this._onceEvents||{};return(i[t]=i[t]||{})[e]=!0,this}},e.off=function(t,e){var i=this._events&&this._events[t];if(i&&i.length){var n=i.indexOf(e);return-1!=n&&i.splice(n,1),this}},e.emitEvent=function(t,e){var i=this._events&&this._events[t];if(i&&i.length){i=i.slice(0),e=e||[];for(var n=this._onceEvents&&this._onceEvents[t],r=0;r{t.forEach((t=>{const n=document.createElement(e);n.classList=i,t.parentNode.appendChild(n),n.appendChild(t)}))};function a(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function o(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,t.__proto__=e} +/*! + * GSAP 3.7.1 + * https://greensock.com + * + * @license Copyright 2008-2021, GreenSock. All rights reserved. + * Subject to the terms at https://greensock.com/standard-license or for + * Club GreenSock members, the agreement issued with that membership. + * @author: Jack Doyle, jack@greensock.com + */var u,h,l,c,f,p,d,_,m,g,v,y,w,x,b,T,O,M,D,k,C,E,A,S,I,P,L,R,z={autoSleep:120,force3D:"auto",nullTargetWarn:1,units:{lineHeight:""}},B={duration:.5,overwrite:!1,delay:0},F=1e8,q=1e-8,j=2*Math.PI,N=j/4,Y=0,U=Math.sqrt,X=Math.cos,W=Math.sin,V=function(t){return"string"==typeof t},H=function(t){return"function"==typeof t},Q=function(t){return"number"==typeof t},G=function(t){return void 0===t},Z=function(t){return"object"==typeof t},$=function(t){return!1!==t},J=function(){return"undefined"!=typeof window},K=function(t){return H(t)||V(t)},tt="function"==typeof ArrayBuffer&&ArrayBuffer.isView||function(){},et=Array.isArray,it=/(?:-?\.?\d|\.)+/gi,nt=/[-+=.]*\d+[.e\-+]*\d*[e\-+]*\d*/g,rt=/[-+=.]*\d+[.e-]*\d*[a-z%]*/g,st=/[-+=.]*\d+\.?\d*(?:e-|e\+)?\d*/gi,at=/[+-]=-?[.\d]+/,ot=/[^,'"\[\]\s]+/gi,ut=/[\d.+\-=]+(?:e[-+]\d*)*/i,ht={},lt={},ct=function(t){return(lt=zt(t,ht))&&bi},ft=function(t,e){return console.warn("Invalid property",t,"set to",e,"Missing plugin? gsap.registerPlugin()")},pt=function(t,e){return!e&&console.warn(t)},dt=function(t,e){return t&&(ht[t]=e)&<&&(lt[t]=e)||ht},_t=function(){return 0},mt={},gt=[],vt={},yt={},wt={},xt=30,bt=[],Tt="",Ot=function(t){var e,i,n=t[0];if(Z(n)||H(n)||(t=[t]),!(e=(n._gsap||{}).harness)){for(i=bt.length;i--&&!bt[i].targetTest(n););e=bt[i]}for(i=t.length;i--;)t[i]&&(t[i]._gsap||(t[i]._gsap=new He(t[i],e)))||t.splice(i,1);return t},Mt=function(t){return t._gsap||Ot(fe(t))[0]._gsap},Dt=function(t,e,i){return(i=t[e])&&H(i)?t[e]():G(i)&&t.getAttribute&&t.getAttribute(e)||i},kt=function(t,e){return(t=t.split(",")).forEach(e)||t},Ct=function(t){return Math.round(1e5*t)/1e5||0},Et=function(t,e){for(var i=e.length,n=0;t.indexOf(e[n])<0&&++nt._dur||e._start<0))for(var i=t;i;)i._dirty=1,i=i.parent;return t},Ut=function(t){for(var e=t.parent;e&&e.parent;)e._dirty=1,e.totalDuration(),e=e.parent;return t},Xt=function t(e){return!e||e._ts&&t(e.parent)},Wt=function(t){return t._repeat?Vt(t._tTime,t=t.duration()+t._rDelay)*t:0},Vt=function(t,e){var i=Math.floor(t/=e);return t&&i===t?i-1:i},Ht=function(t,e){return(t-e._start)*e._ts+(e._ts>=0?0:e._dirty?e.totalDuration():e._tDur)},Qt=function(t){return t._end=Ct(t._start+(t._tDur/Math.abs(t._ts||t._rts||q)||0))},Gt=function(t,e){var i=t._dp;return i&&i.smoothChildTiming&&t._ts&&(t._start=Ct(i._time-(t._ts>0?e/t._ts:((t._dirty?t.totalDuration():t._tDur)-e)/-t._ts)),Qt(t),i._dirty||Yt(i,t)),t},Zt=function(t,e){var i;if((e._time||e._initted&&!e._dur)&&(i=Ht(t.rawTime(),e),(!e._dur||ue(0,e.totalDuration(),i)-e._tTime>q)&&e.render(i,!0)),Yt(t,e)._dp&&t._initted&&t._time>=t._dur&&t._ts){if(t._dur=0&&i.totalTime(i._tTime),i=i._dp;t._zTime=-1e-8}},$t=function(t,e,i,n){return e.parent&&Nt(e),e._start=Ct((Q(i)?i:i||t!==h?se(t,i,e):t._time)+e._delay),e._end=Ct(e._start+(e.totalDuration()/Math.abs(e.timeScale())||0)),function(t,e,i,n,r){void 0===i&&(i="_first"),void 0===n&&(n="_last");var s,a=t[n];if(r)for(s=e[r];a&&a[r]>s;)a=a._prev;a?(e._next=a._next,a._next=e):(e._next=t[i],t[i]=e),e._next?e._next._prev=e:t[n]=e,e._prev=a,e.parent=e._dp=t}(t,e,"_first","_last",t._sort?"_start":0),ee(e)||(t._recent=e),n||Zt(t,e),t},Jt=function(t,e){return(ht.ScrollTrigger||ft("scrollTrigger",e))&&ht.ScrollTrigger.create(e,t)},Kt=function(t,e,i,n){return ti(t,e),t._initted?!i&&t._pt&&(t._dur&&!1!==t.vars.lazy||!t._dur&&t.vars.lazy)&&d!==Le.frame?(gt.push(t),t._lazy=[e,n],1):void 0:1},te=function t(e){var i=e.parent;return i&&i._ts&&i._initted&&!i._lock&&(i.rawTime()<0||t(i))},ee=function(t){var e=t.data;return"isFromStart"===e||"isStart"===e},ie=function(t,e,i,n){var r=t._repeat,s=Ct(e)||0,a=t._tTime/t._tDur;return a&&!n&&(t._time*=s/t._dur),t._dur=s,t._tDur=r?r<0?1e10:Ct(s*(r+1)+t._rDelay*r):s,a&&!n?Gt(t,t._tTime=t._tDur*a):t.parent&&Qt(t),i||Yt(t.parent,t),t},ne=function(t){return t instanceof Ge?Yt(t):ie(t,t._dur)},re={_start:0,endTime:_t,totalDuration:_t},se=function t(e,i,n){var r,s,a,o=e.labels,u=e._recent||re,h=e.duration()>=F?u.endTime(!1):e._dur;return V(i)&&(isNaN(i)||i in o)?(s=i.charAt(0),a="%"===i.substr(-1),r=i.indexOf("="),"<"===s||">"===s?(r>=0&&(i=i.replace(/=/,"")),("<"===s?u._start:u.endTime(u._repeat>=0))+(parseFloat(i.substr(1))||0)*(a?(r<0?u:n).totalDuration()/100:1)):r<0?(i in o||(o[i]=h),o[i]):(s=parseFloat(i.charAt(r-1)+i.substr(r+1)),a&&n&&(s=s/100*(et(n)?n[0]:n).totalDuration()),r>1?t(e,i.substr(0,r-1),n)+s:h+s)):null==i?h:+i},ae=function(t,e,i){var n,r,s=Q(e[1]),a=(s?2:1)+(t<2?0:1),o=e[a];if(s&&(o.duration=e[1]),o.parent=i,t){for(n=o,r=i;r&&!("immediateRender"in n);)n=r.vars.defaults||{},r=$(r.vars.inherit)&&r.parent;o.immediateRender=$(n.immediateRender),t<2?o.runBackwards=1:o.startAt=e[a-1]}return new ri(e[0],o,e[a+1])},oe=function(t,e){return t||0===t?e(t):e},ue=function(t,e,i){return ie?e:i},he=function(t){if("string"!=typeof t)return"";var e=ut.exec(t);return e?t.substr(e.index+e[0].length):""},le=[].slice,ce=function(t,e){return t&&Z(t)&&"length"in t&&(!e&&!t.length||t.length-1 in t&&Z(t[0]))&&!t.nodeType&&t!==l},fe=function(t,e,i){return!V(t)||i||!c&&Re()?et(t)?function(t,e,i){return void 0===i&&(i=[]),t.forEach((function(t){var n;return V(t)&&!e||ce(t,1)?(n=i).push.apply(n,fe(t)):i.push(t)}))||i}(t,i):ce(t)?le.call(t,0):t?[t]:[]:le.call((e||f).querySelectorAll(t),0)},pe=function(t){return t.sort((function(){return.5-Math.random()}))},de=function(t){if(H(t))return t;var e=Z(t)?t:{each:t},i=Ye(e.ease),n=e.from||0,r=parseFloat(e.base)||0,s={},a=n>0&&n<1,o=isNaN(n)||a,u=e.axis,h=n,l=n;return V(n)?h=l={center:.5,edges:.5,end:1}[n]||0:!a&&o&&(h=n[0],l=n[1]),function(t,a,c){var f,p,d,_,m,g,v,y,w,x=(c||e).length,b=s[x];if(!b){if(!(w="auto"===e.grid?0:(e.grid||[1,F])[1])){for(v=-1e8;v<(v=c[w++].getBoundingClientRect().left)&&wv&&(v=m),mx?x-1:u?"y"===u?x/w:w:Math.max(w,x/w))||0)*("edges"===n?-1:1),b.b=x<0?r-x:r,b.u=he(e.amount||e.each)||0,i=i&&x<0?je(i):i}return x=(b[t]-b.min)/b.max||0,Ct(b.b+(i?i(x):x)*b.v)+b.u}},_e=function(t){var e=t<1?Math.pow(10,(t+"").length-2):1;return function(i){var n=Math.round(parseFloat(i)/t)*t*e;return(n-n%1)/e+(Q(i)?0:he(i))}},me=function(t,e){var i,n,r=et(t);return!r&&Z(t)&&(i=r=t.radius||F,t.values?(t=fe(t.values),(n=!Q(t[0]))&&(i*=i)):t=_e(t.increment)),oe(e,r?H(t)?function(e){return n=t(e),Math.abs(n-e)<=i?n:e}:function(e){for(var r,s,a=parseFloat(n?e.x:e),o=parseFloat(n?e.y:0),u=F,h=0,l=t.length;l--;)(r=n?(r=t[l].x-a)*r+(s=t[l].y-o)*s:Math.abs(t[l]-a))(r=Math.abs(r))&&(s=n,o=r);return s},be=function(t,e,i){var n,r,s=t.vars,a=s[e];if(a)return n=s[e+"Params"],r=s.callbackScope||t,i&>.length&&At(),n?a.apply(r,n):a.call(r)},Te=function(t){return Nt(t),t.scrollTrigger&&t.scrollTrigger.kill(!1),t.progress()<1&&be(t,"onInterrupt"),t},Oe=function(t){var e=(t=!t.name&&t.default||t).name,i=H(t),n=e&&!i&&t.init?function(){this._props=[]}:t,r={init:_t,render:pi,add:Je,kill:_i,modifier:di,rawVars:0},s={targetTest:0,get:0,getSetter:hi,aliases:{},register:0};if(Re(),t!==n){if(yt[e])return;Lt(n,Lt(Ft(t,r),s)),zt(n.prototype,zt(r,Ft(t,s))),yt[n.prop=e]=n,t.targetTest&&(bt.push(n),mt[e]=1),e=("css"===e?"CSS":e.charAt(0).toUpperCase()+e.substr(1))+"Plugin"}dt(e,n),t.register&&t.register(bi,n,vi)},Me=255,De={aqua:[0,Me,Me],lime:[0,Me,0],silver:[192,192,192],black:[0,0,0],maroon:[128,0,0],teal:[0,128,128],blue:[0,0,Me],navy:[0,0,128],white:[Me,Me,Me],olive:[128,128,0],yellow:[Me,Me,0],orange:[Me,165,0],gray:[128,128,128],purple:[128,0,128],green:[0,128,0],red:[Me,0,0],pink:[Me,192,203],cyan:[0,Me,Me],transparent:[Me,Me,Me,0]},ke=function(t,e,i){return(6*(t=t<0?t+1:t>1?t-1:t)<1?e+(i-e)*t*6:t<.5?i:3*t<2?e+(i-e)*(2/3-t)*6:e)*Me+.5|0},Ce=function(t,e,i){var n,r,s,a,o,u,h,l,c,f,p=t?Q(t)?[t>>16,t>>8&Me,t&Me]:0:De.black;if(!p){if(","===t.substr(-1)&&(t=t.substr(0,t.length-1)),De[t])p=De[t];else if("#"===t.charAt(0)){if(t.length<6&&(n=t.charAt(1),r=t.charAt(2),s=t.charAt(3),t="#"+n+n+r+r+s+s+(5===t.length?t.charAt(4)+t.charAt(4):"")),9===t.length)return[(p=parseInt(t.substr(1,6),16))>>16,p>>8&Me,p&Me,parseInt(t.substr(7),16)/255];p=[(t=parseInt(t.substr(1),16))>>16,t>>8&Me,t&Me]}else if("hsl"===t.substr(0,3))if(p=f=t.match(it),e){if(~t.indexOf("="))return p=t.match(nt),i&&p.length<4&&(p[3]=1),p}else a=+p[0]%360/360,o=+p[1]/100,n=2*(u=+p[2]/100)-(r=u<=.5?u*(o+1):u+o-u*o),p.length>3&&(p[3]*=1),p[0]=ke(a+1/3,n,r),p[1]=ke(a,n,r),p[2]=ke(a-1/3,n,r);else p=t.match(it)||De.transparent;p=p.map(Number)}return e&&!f&&(n=p[0]/Me,r=p[1]/Me,s=p[2]/Me,u=((h=Math.max(n,r,s))+(l=Math.min(n,r,s)))/2,h===l?a=o=0:(c=h-l,o=u>.5?c/(2-h-l):c/(h+l),a=h===n?(r-s)/c+(rO&&(D+=a-M),((i=(r=(k+=a)-D)-E)>0||o)&&(s=++w.frame,x=r-1e3*w.time,w.time=r/=1e3,E+=i+(i>=C?4:C-i),n=1),o||(g=v(t)),n)for(b=0;b=e&&b--},_listeners:A=[]}),Re=function(){return!m&&Le.wake()},ze={},Be=/^[\d.\-M][\d.\-,\s]/,Fe=/["']/g,qe=function(t){for(var e,i,n,r={},s=t.substr(1,t.length-3).split(":"),a=s[0],o=1,u=s.length;o1&&a.config?a.config.apply(null,~t.indexOf("{")?[qe(s[1])]:(e=t,i=e.indexOf("(")+1,n=e.indexOf(")"),r=e.indexOf("(",i),e.substring(i,~r&&r=1?i:1,s=(n||(e?.3:.45))/(i<1?i:1),a=s/j*(Math.asin(1/r)||0),o=function(t){return 1===t?1:r*Math.pow(2,-10*t)*W((t-a)*s)+1},u="out"===e?o:"in"===e?function(t){return 1-o(1-t)}:Xe(o);return s=j/s,u.config=function(i,n){return t(e,i,n)},u},Ve=function t(e,i){void 0===i&&(i=1.70158);var n=function(t){return t?--t*t*((i+1)*t+i)+1:0},r="out"===e?n:"in"===e?function(t){return 1-n(1-t)}:Xe(n);return r.config=function(i){return t(e,i)},r};kt("Linear,Quad,Cubic,Quart,Quint,Strong",(function(t,e){var i=e<5?e+1:e;Ue(t+",Power"+(i-1),e?function(t){return Math.pow(t,i)}:function(t){return t},(function(t){return 1-Math.pow(1-t,i)}),(function(t){return t<.5?Math.pow(2*t,i)/2:1-Math.pow(2*(1-t),i)/2}))})),ze.Linear.easeNone=ze.none=ze.Linear.easeIn,Ue("Elastic",We("in"),We("out"),We()),I=7.5625,L=1/(P=2.75),Ue("Bounce",(function(t){return 1-R(1-t)}),R=function(t){return t0?t+(t+this._rDelay)*this._repeat:t):this.totalDuration()&&this._dur},e.totalDuration=function(t){return arguments.length?(this._dirty=0,ie(this,this._repeat<0?t:(t-this._repeat*this._rDelay)/(this._repeat+1))):this._tDur},e.totalTime=function(t,e){if(Re(),!arguments.length)return this._tTime;var i=this._dp;if(i&&i.smoothChildTiming&&this._ts){for(Gt(this,t),!i._dp||i.parent||Zt(i,this);i.parent;)i.parent._time!==i._start+(i._ts>=0?i._tTime/i._ts:(i.totalDuration()-i._tTime)/-i._ts)&&i.totalTime(i._tTime,!0),i=i.parent;!this.parent&&this._dp.autoRemoveChildren&&(this._ts>0&&t0||!this._tDur&&!t)&&$t(this._dp,this,this._start-this._delay)}return(this._tTime!==t||!this._dur&&!e||this._initted&&Math.abs(this._zTime)===q||!t&&!this._initted&&(this.add||this._ptLookup))&&(this._ts||(this._pTime=t),St(this,t,e)),this},e.time=function(t,e){return arguments.length?this.totalTime(Math.min(this.totalDuration(),t+Wt(this))%(this._dur+this._rDelay)||(t?this._dur:0),e):this._time},e.totalProgress=function(t,e){return arguments.length?this.totalTime(this.totalDuration()*t,e):this.totalDuration()?Math.min(1,this._tTime/this._tDur):this.ratio},e.progress=function(t,e){return arguments.length?this.totalTime(this.duration()*(!this._yoyo||1&this.iteration()?t:1-t)+Wt(this),e):this.duration()?Math.min(1,this._time/this._dur):this.ratio},e.iteration=function(t,e){var i=this.duration()+this._rDelay;return arguments.length?this.totalTime(this._time+(t-1)*i,e):this._repeat?Vt(this._tTime,i)+1:1},e.timeScale=function(t){if(!arguments.length)return-1e-8===this._rts?0:this._rts;if(this._rts===t)return this;var e=this.parent&&this._ts?Ht(this.parent._time,this):this._tTime;return this._rts=+t||0,this._ts=this._ps||-1e-8===t?0:this._rts,Ut(this.totalTime(ue(-this._delay,this._tDur,e),!0))},e.paused=function(t){return arguments.length?(this._ps!==t&&(this._ps=t,t?(this._pTime=this._tTime||Math.max(-this._delay,this.rawTime()),this._ts=this._act=0):(Re(),this._ts=this._rts,this.totalTime(this.parent&&!this.parent.smoothChildTiming?this.rawTime():this._tTime||this._pTime,1===this.progress()&&Math.abs(this._zTime)!==q&&(this._tTime-=q)))),this):this._ps},e.startTime=function(t){if(arguments.length){this._start=t;var e=this.parent||this._dp;return e&&(e._sort||!this.parent)&&$t(e,this,t-this._delay),this}return this._start},e.endTime=function(t){return this._start+($(t)?this.totalDuration():this.duration())/Math.abs(this._ts)},e.rawTime=function(t){var e=this.parent||this._dp;return e?t&&(!this._ts||this._repeat&&this._time&&this.totalProgress()<1)?this._tTime%(this._dur+this._rDelay):this._ts?Ht(e.rawTime(t),this):this._tTime:this._tTime},e.globalTime=function(t){for(var e=this,i=arguments.length?t:e.rawTime();e;)i=e._start+i/(e._ts||1),e=e._dp;return i},e.repeat=function(t){return arguments.length?(this._repeat=t===1/0?-2:t,ne(this)):-2===this._repeat?1/0:this._repeat},e.repeatDelay=function(t){if(arguments.length){var e=this._time;return this._rDelay=t,ne(this),e?this.time(e):this}return this._rDelay},e.yoyo=function(t){return arguments.length?(this._yoyo=t,this):this._yoyo},e.seek=function(t,e){return this.totalTime(se(this,t),$(e))},e.restart=function(t,e){return this.play().totalTime(t?-this._delay:0,$(e))},e.play=function(t,e){return null!=t&&this.seek(t,e),this.reversed(!1).paused(!1)},e.reverse=function(t,e){return null!=t&&this.seek(t||this.totalDuration(),e),this.reversed(!0).paused(!1)},e.pause=function(t,e){return null!=t&&this.seek(t,e),this.paused(!0)},e.resume=function(){return this.paused(!1)},e.reversed=function(t){return arguments.length?(!!t!==this.reversed()&&this.timeScale(-this._rts||(t?-1e-8:0)),this):this._rts<0},e.invalidate=function(){return this._initted=this._act=0,this._zTime=-1e-8,this},e.isActive=function(){var t,e=this.parent||this._dp,i=this._start;return!(e&&!(this._ts&&this._initted&&e.isActive()&&(t=e.rawTime(!0))>=i&&t1?(e?(n[t]=e,i&&(n[t+"Params"]=i),"onUpdate"===t&&(this._onUpdate=e)):delete n[t],this):n[t]},e.then=function(t){var e=this;return new Promise((function(i){var n=H(t)?t:Pt,r=function(){var t=e.then;e.then=null,H(n)&&(n=n(e))&&(n.then||n===e)&&(e.then=t),i(n),e.then=t};e._initted&&1===e.totalProgress()&&e._ts>=0||!e._tTime&&e._ts<0?r():e._prom=r}))},e.kill=function(){Te(this)},t}();Lt(Qe.prototype,{_time:0,_start:0,_end:0,_tTime:0,_tDur:0,_dirty:0,_repeat:0,_yoyo:!1,parent:null,_initted:!1,_rDelay:0,_ts:1,_dp:0,ratio:0,_zTime:-1e-8,_prom:0,_ps:!1,_rts:1});var Ge=function(t){function e(e,i){var n;return void 0===e&&(e={}),(n=t.call(this,e)||this).labels={},n.smoothChildTiming=!!e.smoothChildTiming,n.autoRemoveChildren=!!e.autoRemoveChildren,n._sort=$(e.sortChildren),h&&$t(e.parent||h,a(n),i),e.reversed&&n.reverse(),e.paused&&n.paused(!0),e.scrollTrigger&&Jt(a(n),e.scrollTrigger),n}o(e,t);var i=e.prototype;return i.to=function(t,e,i){return ae(0,arguments,this),this},i.from=function(t,e,i){return ae(1,arguments,this),this},i.fromTo=function(t,e,i,n){return ae(2,arguments,this),this},i.set=function(t,e,i){return e.duration=0,e.parent=this,qt(e).repeatDelay||(e.repeat=0),e.immediateRender=!!e.immediateRender,new ri(t,e,se(this,i),1),this},i.call=function(t,e,i){return $t(this,ri.delayedCall(0,t,e),i)},i.staggerTo=function(t,e,i,n,r,s,a){return i.duration=e,i.stagger=i.stagger||n,i.onComplete=s,i.onCompleteParams=a,i.parent=this,new ri(t,i,se(this,r)),this},i.staggerFrom=function(t,e,i,n,r,s,a){return i.runBackwards=1,qt(i).immediateRender=$(i.immediateRender),this.staggerTo(t,e,i,n,r,s,a)},i.staggerFromTo=function(t,e,i,n,r,s,a,o){return n.startAt=i,qt(n).immediateRender=$(n.immediateRender),this.staggerTo(t,e,n,r,s,a,o)},i.render=function(t,e,i){var n,r,s,a,o,u,l,c,f,p,d,_,m=this._time,g=this._dirty?this.totalDuration():this._tDur,v=this._dur,y=this!==h&&t>g-q&&t>=0?g:tv&&(n=v)),p=Vt(this._tTime,o),!m&&this._tTime&&p!==a&&(p=a),d&&1&a&&(n=v-n,_=1),a!==p&&!this._lock){var x=d&&1&p,b=x===(d&&1&a);if(ae)for(n=t._first;n&&n._start<=i;){if(!n._dur&&"isPause"===n.data&&n._start>e)return n;n=n._next}else for(n=t._last;n&&n._start>=i;){if(!n._dur&&"isPause"===n.data&&n._start=m&&t>=0)for(r=this._first;r;){if(s=r._next,(r._act||n>=r._start)&&r._ts&&l!==r){if(r.parent!==this)return this.render(t,e,i);if(r.render(r._ts>0?(n-r._start)*r._ts:(r._dirty?r.totalDuration():r._tDur)+(n-r._start)*r._ts,e,i),n!==this._time||!this._ts&&!u){l=0,s&&(y+=this._zTime=-1e-8);break}}r=s}else{r=this._last;for(var T=t<0?t:n;r;){if(s=r._prev,(r._act||T<=r._end)&&r._ts&&l!==r){if(r.parent!==this)return this.render(t,e,i);if(r.render(r._ts>0?(T-r._start)*r._ts:(r._dirty?r.totalDuration():r._tDur)+(T-r._start)*r._ts,e,i),n!==this._time||!this._ts&&!u){l=0,s&&(y+=this._zTime=T?-1e-8:q);break}}r=s}}if(l&&!e&&(this.pause(),l.render(n>=m?0:-1e-8)._zTime=n>=m?1:-1,this._ts))return this._start=f,Qt(this),this.render(t,e,i);this._onUpdate&&!e&&be(this,"onUpdate",!0),(y===g&&g>=this.totalDuration()||!y&&m)&&(f!==this._start&&Math.abs(c)===Math.abs(this._ts)||this._lock||((t||!v)&&(y===g&&this._ts>0||!y&&this._ts<0)&&Nt(this,1),e||t<0&&!m||!y&&!m&&g||(be(this,y===g&&t>=0?"onComplete":"onReverseComplete",!0),this._prom&&!(y0)&&this._prom())))}return this},i.add=function(t,e){var i=this;if(Q(e)||(e=se(this,e,t)),!(t instanceof Qe)){if(et(t))return t.forEach((function(t){return i.add(t,e)})),this;if(V(t))return this.addLabel(t,e);if(!H(t))return this;t=ri.delayedCall(0,t)}return this!==t?$t(this,t,e):this},i.getChildren=function(t,e,i,n){void 0===t&&(t=!0),void 0===e&&(e=!0),void 0===i&&(i=!0),void 0===n&&(n=-1e8);for(var r=[],s=this._first;s;)s._start>=n&&(s instanceof ri?e&&r.push(s):(i&&r.push(s),t&&r.push.apply(r,s.getChildren(!0,e,i)))),s=s._next;return r},i.getById=function(t){for(var e=this.getChildren(1,1,1),i=e.length;i--;)if(e[i].vars.id===t)return e[i]},i.remove=function(t){return V(t)?this.removeLabel(t):H(t)?this.killTweensOf(t):(jt(this,t),t===this._recent&&(this._recent=this._last),Yt(this))},i.totalTime=function(e,i){return arguments.length?(this._forcing=1,!this._dp&&this._ts&&(this._start=Ct(Le.time-(this._ts>0?e/this._ts:(this.totalDuration()-e)/-this._ts))),t.prototype.totalTime.call(this,e,i),this._forcing=0,this):this._tTime},i.addLabel=function(t,e){return this.labels[t]=se(this,e),this},i.removeLabel=function(t){return delete this.labels[t],this},i.addPause=function(t,e,i){var n=ri.delayedCall(0,e||_t,i);return n.data="isPause",this._hasPause=1,$t(this,n,se(this,t))},i.removePause=function(t){var e=this._first;for(t=se(this,t);e;)e._start===t&&"isPause"===e.data&&Nt(e),e=e._next},i.killTweensOf=function(t,e,i){for(var n=this.getTweensOf(t,i),r=n.length;r--;)Ze!==n[r]&&n[r].kill(t,e);return this},i.getTweensOf=function(t,e){for(var i,n=[],r=fe(t),s=this._first,a=Q(e);s;)s instanceof ri?Et(s._targets,r)&&(a?(!Ze||s._initted&&s._ts)&&s.globalTime(0)<=e&&s.globalTime(s.totalDuration())>e:!e||s.isActive())&&n.push(s):(i=s.getTweensOf(r,e)).length&&n.push.apply(n,i),s=s._next;return n},i.tweenTo=function(t,e){e=e||{};var i,n=this,r=se(n,t),s=e,a=s.startAt,o=s.onStart,u=s.onStartParams,h=s.immediateRender,l=ri.to(n,Lt({ease:e.ease||"none",lazy:!1,immediateRender:!1,time:r,overwrite:"auto",duration:e.duration||Math.abs((r-(a&&"time"in a?a.time:n._time))/n.timeScale())||q,onStart:function(){if(n.pause(),!i){var t=e.duration||Math.abs((r-(a&&"time"in a?a.time:n._time))/n.timeScale());l._dur!==t&&ie(l,t,0,1).render(l._time,!0,!0),i=1}o&&o.apply(l,u||[])}},e));return h?l.render(0):l},i.tweenFromTo=function(t,e,i){return this.tweenTo(e,Lt({startAt:{time:se(this,t)}},i))},i.recent=function(){return this._recent},i.nextLabel=function(t){return void 0===t&&(t=this._time),xe(this,se(this,t))},i.previousLabel=function(t){return void 0===t&&(t=this._time),xe(this,se(this,t),1)},i.currentLabel=function(t){return arguments.length?this.seek(t,!0):this.previousLabel(this._time+q)},i.shiftChildren=function(t,e,i){void 0===i&&(i=0);for(var n,r=this._first,s=this.labels;r;)r._start>=i&&(r._start+=t,r._end+=t),r=r._next;if(e)for(n in s)s[n]>=i&&(s[n]+=t);return Yt(this)},i.invalidate=function(){var e=this._first;for(this._lock=0;e;)e.invalidate(),e=e._next;return t.prototype.invalidate.call(this)},i.clear=function(t){void 0===t&&(t=!0);for(var e,i=this._first;i;)e=i._next,this.remove(i),i=e;return this._dp&&(this._time=this._tTime=this._pTime=0),t&&(this.labels={}),Yt(this)},i.totalDuration=function(t){var e,i,n,r=0,s=this,a=s._last,o=F;if(arguments.length)return s.timeScale((s._repeat<0?s.duration():s.totalDuration())/(s.reversed()?-t:t));if(s._dirty){for(n=s.parent;a;)e=a._prev,a._dirty&&a.totalDuration(),(i=a._start)>o&&s._sort&&a._ts&&!s._lock?(s._lock=1,$t(s,a,i-a._delay,1)._lock=0):o=i,i<0&&a._ts&&(r-=i,(!n&&!s._dp||n&&n.smoothChildTiming)&&(s._start+=i/s._ts,s._time-=i,s._tTime-=i),s.shiftChildren(-i,!1,-Infinity),o=0),a._end>r&&a._ts&&(r=a._end),a=e;ie(s,s===h&&s._time>r?s._time:r,1,1),s._dirty=0}return s._tDur},e.updateRoot=function(t){if(h._ts&&(St(h,Ht(t,h)),d=Le.frame),Le.frame>=xt){xt+=z.autoSleep||120;var e=h._first;if((!e||!e._ts)&&z.autoSleep&&Le._listeners.length<2){for(;e&&!e._ts;)e=e._next;e||Le.sleep()}}},e}(Qe);Lt(Ge.prototype,{_lock:0,_hasPause:0,_forcing:0});var Ze,$e=function(t,e,i,n,r,s,a){var o,u,h,l,c,f,p,d,_=new vi(this._pt,t,e,0,1,fi,null,r),m=0,g=0;for(_.b=i,_.e=n,i+="",(p=~(n+="").indexOf("random("))&&(n=ye(n)),s&&(s(d=[i,n],t,e),i=d[0],n=d[1]),u=i.match(st)||[];o=st.exec(n);)l=o[0],c=n.substring(m,o.index),h?h=(h+1)%5:"rgba("===c.substr(-5)&&(h=1),l!==u[g++]&&(f=parseFloat(u[g-1])||0,_._pt={_next:_._pt,p:c||1===g?c:",",s:f,c:"="===l.charAt(1)?parseFloat(l.substr(2))*("-"===l.charAt(0)?-1:1):parseFloat(l)-f,m:h&&h<4?Math.round:0},m=st.lastIndex);return _.c=m0&&!E&&(e._startAt=0),A&&i<=0)return void(i&&(e._zTime=i))}else!1===E&&(e._startAt=0);else if(D&&A)if(S)!E&&(e._startAt=0);else if(i&&(x=!1),s=Lt({overwrite:!1,data:"isFromStart",lazy:x&&$(b),immediateRender:x,stagger:0,parent:P},n),m&&(s[f.prop]=m),Nt(e._startAt=ri.set(I,s)),i<0&&e._startAt.render(-1,!0),x){if(!i)return}else t(e._startAt,q);for(e._pt=0,b=A&&$(b)||b&&!A,r=0;r":e*x)}))})):T.forEach((function(t){return o.to(C,t,">")}));else{if(f=C.length,_=x?de(x):_t,Z(x))for(p in x)~ii.indexOf(p)&&(m||(m={}),m[p]=x[p]);for(l=0;lp-q&&t>=0?p:td&&(n=d)),(u=this._yoyo&&1&s)&&(c=this._yEase,n=d-n),o=Vt(this._tTime,a),n===f&&!i&&this._initted)return this;s!==o&&(l&&this._yEase&&Ne(l,u),!this.vars.repeatRefresh||u||this._lock||(this._lock=i=1,this.render(Ct(a*s),!0).invalidate()._lock=0))}if(!this._initted){if(Kt(this,t<0?t:n,i,e))return this._tTime=0,this;if(d!==this._dur)return this.render(t,e,i)}if(this._tTime=_,this._time=n,!this._act&&this._ts&&(this._act=1,this._lazy=0),this.ratio=h=(c||this._ease)(n/d),this._from&&(this.ratio=h=1-h),n&&!f&&!e&&(be(this,"onStart"),this._tTime!==_))return this;for(r=this._pt;r;)r.r(h,r.d),r=r._next;l&&l.render(t<0?t:!n&&u?-1e-8:l._dur*h,e,i)||this._startAt&&(this._zTime=t),this._onUpdate&&!e&&(t<0&&this._startAt&&this._startAt.render(t,!0,i),be(this,"onUpdate")),this._repeat&&s!==o&&this.vars.onRepeat&&!e&&this.parent&&be(this,"onRepeat"),_!==this._tDur&&_||this._tTime!==_||(t<0&&this._startAt&&!this._onUpdate&&this._startAt.render(t,!0,!0),(t||!d)&&(_===this._tDur&&this._ts>0||!_&&this._ts<0)&&Nt(this,1),e||t<0&&!f||!_&&!f||(be(this,_===p?"onComplete":"onReverseComplete",!0),this._prom&&!(_0)&&this._prom()))}}else!function(t,e,i,n){var r,s,a,o=t.ratio,u=e<0||!e&&(!t._start&&te(t)&&(t._initted||!ee(t))||(t._ts<0||t._dp._ts<0)&&!ee(t))?0:1,h=t._rDelay,l=0;if(h&&t._repeat&&(l=ue(0,t._tDur,e),s=Vt(l,h),a=Vt(t._tTime,h),t._yoyo&&1&s&&(u=1-u),s!==a&&(o=1-u,t.vars.repeatRefresh&&t._initted&&t.invalidate())),u!==o||n||t._zTime===q||!e&&t._zTime){if(!t._initted&&Kt(t,e,n,i))return;for(a=t._zTime,t._zTime=e||(i?q:0),i||(i=e&&!a),t.ratio=u,t._from&&(u=1-u),t._time=0,t._tTime=l,r=t._pt;r;)r.r(u,r.d),r=r._next;t._startAt&&e<0&&t._startAt.render(e,!0,!0),t._onUpdate&&!i&&be(t,"onUpdate"),l&&t._repeat&&!i&&t.parent&&be(t,"onRepeat"),(e>=t._tDur||e<0)&&t.ratio===u&&(u&&Nt(t,1),i||(be(t,u?"onComplete":"onReverseComplete",!0),t._prom&&t._prom()))}else t._zTime||(t._zTime=e)}(this,t,e,i);return this},i.targets=function(){return this._targets},i.invalidate=function(){return this._pt=this._op=this._startAt=this._onUpdate=this._lazy=this.ratio=0,this._ptLookup=[],this.timeline&&this.timeline.invalidate(),t.prototype.invalidate.call(this)},i.kill=function(t,e){if(void 0===e&&(e="all"),!(t||e&&"all"!==e))return this._lazy=this._pt=0,this.parent?Te(this):this;if(this.timeline){var i=this.timeline.totalDuration();return this.timeline.killTweensOf(t,e,Ze&&!0!==Ze.vars.overwrite)._first||Te(this),this.parent&&i!==this.timeline.totalDuration()&&ie(this,this._dur*this.timeline._tDur/i,0,1),this}var n,r,s,a,o,u,h,l=this._targets,c=t?fe(t):l,f=this._ptLookup,p=this._pt;if((!e||"all"===e)&&function(t,e){for(var i=t.length,n=i===e.length;n&&i--&&t[i]===e[i];);return i<0}(l,c))return"all"===e&&(this._pt=0),Te(this);for(n=this._op=this._op||[],"all"!==e&&(V(e)&&(o={},kt(e,(function(t){return o[t]=1})),e=o),e=function(t,e){var i,n,r,s,a=t[0]?Mt(t[0]).harness:0,o=a&&a.aliases;if(!o)return e;for(n in i=zt({},e),o)if(n in i)for(r=(s=o[n].split(",")).length;r--;)i[s[r]]=i[n];return i}(l,e)),h=l.length;h--;)if(~c.indexOf(l[h]))for(o in r=f[h],"all"===e?(n[h]=e,a=r,s={}):(s=n[h]=n[h]||{},a=e),a)(u=r&&r[o])&&("kill"in u.d&&!0!==u.d.kill(o)||jt(this,u,"_pt"),delete r[o]),"all"!==s&&(s[o]=1);return this._initted&&!this._pt&&p&&Te(this),this},e.to=function(t,i){return new e(t,i,arguments[2])},e.from=function(t,e){return ae(1,arguments)},e.delayedCall=function(t,i,n,r){return new e(i,0,{immediateRender:!1,lazy:!1,overwrite:!1,delay:t,onComplete:i,onReverseComplete:i,onCompleteParams:n,onReverseCompleteParams:n,callbackScope:r})},e.fromTo=function(t,e,i){return ae(2,arguments)},e.set=function(t,i){return i.duration=0,i.repeatDelay||(i.repeat=0),new e(t,i)},e.killTweensOf=function(t,e,i){return h.killTweensOf(t,e,i)},e}(Qe);Lt(ri.prototype,{_targets:[],_lazy:0,_startAt:0,_op:0,_onInit:0}),kt("staggerTo,staggerFrom,staggerFromTo",(function(t){ri[t]=function(){var e=new Ge,i=le.call(arguments,0);return i.splice("staggerFromTo"===t?5:4,0,0),e[t].apply(e,i)}}));var si=function(t,e,i){return t[e]=i},ai=function(t,e,i){return t[e](i)},oi=function(t,e,i,n){return t[e](n.fp,i)},ui=function(t,e,i){return t.setAttribute(e,i)},hi=function(t,e){return H(t[e])?ai:G(t[e])&&t.setAttribute?ui:si},li=function(t,e){return e.set(e.t,e.p,Math.round(1e6*(e.s+e.c*t))/1e6,e)},ci=function(t,e){return e.set(e.t,e.p,!!(e.s+e.c*t),e)},fi=function(t,e){var i=e._pt,n="";if(!t&&e.b)n=e.b;else if(1===t&&e.e)n=e.e;else{for(;i;)n=i.p+(i.m?i.m(i.s+i.c*t):Math.round(1e4*(i.s+i.c*t))/1e4)+n,i=i._next;n+=e.c}e.set(e.t,e.p,n,e)},pi=function(t,e){for(var i=e._pt;i;)i.r(t,i.d),i=i._next},di=function(t,e,i,n){for(var r,s=this._pt;s;)r=s._next,s.p===n&&s.modifier(t,e,i),s=r},_i=function(t){for(var e,i,n=this._pt;n;)i=n._next,n.p===t&&!n.op||n.op===t?jt(this,n,"_pt"):n.dep||(e=1),n=i;return!e},mi=function(t,e,i,n){n.mSet(t,e,n.m.call(n.tween,i,n.mt),n)},gi=function(t){for(var e,i,n,r,s=t._pt;s;){for(e=s._next,i=n;i&&i.pr>s.pr;)i=i._next;(s._prev=i?i._prev:r)?s._prev._next=s:n=s,(s._next=i)?i._prev=s:r=s,s=e}t._pt=n},vi=function(){function t(t,e,i,n,r,s,a,o,u){this.t=e,this.s=n,this.c=r,this.p=i,this.r=s||li,this.d=a||this,this.set=o||si,this.pr=u||0,this._next=t,t&&(t._prev=this)}return t.prototype.modifier=function(t,e,i){this.mSet=this.mSet||this.set,this.set=mi,this.m=t,this.mt=i,this.tween=e},t}();kt(Tt+"parent,duration,ease,delay,overwrite,runBackwards,startAt,yoyo,immediateRender,repeat,repeatDelay,data,paused,reversed,lazy,callbackScope,stringFilter,id,yoyoEase,stagger,inherit,repeatRefresh,keyframes,autoRevert,scrollTrigger",(function(t){return mt[t]=1})),ht.TweenMax=ht.TweenLite=ri,ht.TimelineLite=ht.TimelineMax=Ge,h=new Ge({sortChildren:!1,defaults:B,autoRemoveChildren:!0,id:"root",smoothChildTiming:!0}),z.stringFilter=Pe;var yi={registerPlugin:function(){for(var t=arguments.length,e=new Array(t),i=0;i1){var n=t.map((function(t){return bi.quickSetter(t,e,i)})),r=n.length;return function(t){for(var e=r;e--;)n[e](t)}}t=t[0]||{};var s=yt[e],a=Mt(t),o=a.harness&&(a.harness.aliases||{})[e]||e,u=s?function(e){var n=new s;_._pt=0,n.init(t,i?e+i:e,_,0,[t]),n.render(1,n),_._pt&&pi(1,_)}:a.set(t,o);return s?u:function(e){return u(t,o,i?e+i:e,a,1)}},isTweening:function(t){return h.getTweensOf(t,!0).length>0},defaults:function(t){return t&&t.ease&&(t.ease=Ye(t.ease,B.ease)),Bt(B,t||{})},config:function(t){return Bt(z,t||{})},registerEffect:function(t){var e=t.name,i=t.effect,n=t.plugins,r=t.defaults,s=t.extendTimeline;(n||"").split(",").forEach((function(t){return t&&!yt[t]&&!ht[t]&&pt(e+" effect requires "+t+" plugin.")})),wt[e]=function(t,e,n){return i(fe(t),Lt(e||{},r),n)},s&&(Ge.prototype[e]=function(t,i,n){return this.add(wt[e](t,Z(i)?i:(n=i)&&{},this),n)})},registerEase:function(t,e){ze[t]=Ye(e)},parseEase:function(t,e){return arguments.length?Ye(t,e):ze},getById:function(t){return h.getById(t)},exportRoot:function(t,e){void 0===t&&(t={});var i,n,r=new Ge(t);for(r.smoothChildTiming=$(t.smoothChildTiming),h.remove(r),r._dp=0,r._time=r._tTime=h._time,i=h._first;i;)n=i._next,!e&&!i._dur&&i instanceof ri&&i.vars.onComplete===i._targets[0]||$t(r,i,i._start-i._delay),i=n;return $t(h,r,0),r},utils:{wrap:function t(e,i,n){var r=i-e;return et(e)?ve(e,t(0,e.length),i):oe(n,(function(t){return(r+(t-e)%r)%r+e}))},wrapYoyo:function t(e,i,n){var r=i-e,s=2*r;return et(e)?ve(e,t(0,e.length-1),i):oe(n,(function(t){return e+((t=(s+(t-e)%s)%s||0)>r?s-t:t)}))},distribute:de,random:ge,snap:me,normalize:function(t,e,i){return we(t,e,0,1,i)},getUnit:he,clamp:function(t,e,i){return oe(i,(function(i){return ue(t,e,i)}))},splitColor:Ce,toArray:fe,selector:function(t){return t=fe(t)[0]||pt("Invalid scope")||{},function(e){var i=t.current||t.nativeElement||t;return fe(e,i.querySelectorAll?i:i===t?pt("Invalid scope")||f.createElement("div"):t)}},mapRange:we,pipe:function(){for(var t=arguments.length,e=new Array(t),i=0;i=0?tn[r]:"")+t},nn=function(){"undefined"!=typeof window&&window.document&&(Ti=window,Oi=Ti.document,Mi=Oi.documentElement,ki=Ji("div")||{style:{}},Ji("div"),Zi=en(Zi),$i=Zi+"Origin",ki.style.cssText="border-width:0;line-height:0;position:absolute;padding:0",Ei=!!en("perspective"),Di=1)},rn=function t(e){var i,n=Ji("svg",this.ownerSVGElement&&this.ownerSVGElement.getAttribute("xmlns")||"http://www.w3.org/2000/svg"),r=this.parentNode,s=this.nextSibling,a=this.style.cssText;if(Mi.appendChild(n),n.appendChild(this),this.style.display="block",e)try{i=this.getBBox(),this._gsapBBox=this.getBBox,this.getBBox=t}catch(t){}else this._gsapBBox&&(i=this._gsapBBox());return r&&(s?r.insertBefore(this,s):r.appendChild(this)),Mi.removeChild(n),this.style.cssText=a,i},sn=function(t,e){for(var i=e.length;i--;)if(t.hasAttribute(e[i]))return t.getAttribute(e[i])},an=function(t){var e;try{e=t.getBBox()}catch(i){e=rn.call(t,!0)}return e&&(e.width||e.height)||t.getBBox===rn||(e=rn.call(t,!0)),!e||e.width||e.x||e.y?e:{x:+sn(t,["x","cx","x1"])||0,y:+sn(t,["y","cy","y1"])||0,width:0,height:0}},on=function(t){return!(!t.getCTM||t.parentNode&&!t.ownerSVGElement||!an(t))},un=function(t,e){if(e){var i=t.style;e in Ai&&e!==$i&&(e=Zi),i.removeProperty?("ms"!==e.substr(0,2)&&"webkit"!==e.substr(0,6)||(e="-"+e),i.removeProperty(e.replace(Li,"-$1").toLowerCase())):i.removeAttribute(e)}},hn=function(t,e,i,n,r,s){var a=new vi(t._pt,e,i,0,1,s?Ui:Yi);return t._pt=a,a.b=n,a.e=r,t._props.push(i),a},ln={deg:1,rad:1,turn:1},cn=function t(e,i,n,r){var s,a,o,u,h=parseFloat(n)||0,l=(n+"").trim().substr((h+"").length)||"px",c=ki.style,f=Ri.test(i),p="svg"===e.tagName.toLowerCase(),d=(p?"client":"offset")+(f?"Width":"Height"),_=100,m="px"===r,g="%"===r;return r===l||!h||ln[r]||ln[l]?h:("px"!==l&&!m&&(h=t(e,i,n,"px")),u=e.getCTM&&on(e),!g&&"%"!==l||!Ai[i]&&!~i.indexOf("adius")?(c[f?"width":"height"]=_+(m?l:r),a=~i.indexOf("adius")||"em"===r&&e.appendChild&&!p?e:e.parentNode,u&&(a=(e.ownerSVGElement||{}).parentNode),a&&a!==Oi&&a.appendChild||(a=Oi.body),(o=a._gsap)&&g&&o.width&&f&&o.time===Le.time?Ct(h/o.width*_):((g||"%"===l)&&(c.position=Ki(e,"position")),a===e&&(c.position="static"),a.appendChild(ki),s=ki[d],a.removeChild(ki),c.position="absolute",f&&g&&((o=Mt(a)).time=Le.time,o.width=a[d]),Ct(m?s*h/_:s&&h?_/s*h:0))):(s=u?e.getBBox()[f?"width":"height"]:e[d],Ct(g?h/s*_:h/100*s)))},fn=function(t,e,i,n){var r;return Di||nn(),e in Bi&&"transform"!==e&&~(e=Bi[e]).indexOf(",")&&(e=e.split(",")[0]),Ai[e]&&"transform"!==e?(r=Tn(t,n),r="transformOrigin"!==e?r[e]:r.svg?r.origin:On(Ki(t,$i))+" "+r.zOrigin+"px"):(!(r=t.style[e])||"auto"===r||n||~(r+"").indexOf("calc("))&&(r=mn[e]&&mn[e](t,e,i)||Ki(t,e)||Dt(t,e)||("opacity"===e?1:0)),i&&!~(r+"").trim().indexOf(" ")?cn(t,e,r,i)+i:r},pn=function(t,e,i,n){if(!i||"none"===i){var r=en(e,t,1),s=r&&Ki(t,r,1);s&&s!==i?(e=r,i=s):"borderColor"===e&&(i=Ki(t,"borderTopColor"))}var a,o,u,h,l,c,f,p,d,_,m,g,v=new vi(this._pt,t.style,e,0,1,fi),y=0,w=0;if(v.b=i,v.e=n,i+="","auto"===(n+="")&&(t.style[e]=n,n=Ki(t,e)||n,t.style[e]=i),Pe(a=[i,n]),n=a[1],u=(i=a[0]).match(rt)||[],(n.match(rt)||[]).length){for(;o=rt.exec(n);)f=o[0],d=n.substring(y,o.index),l?l=(l+1)%5:"rgba("!==d.substr(-5)&&"hsla("!==d.substr(-5)||(l=1),f!==(c=u[w++]||"")&&(h=parseFloat(c)||0,m=c.substr((h+"").length),(g="="===f.charAt(1)?+(f.charAt(0)+"1"):0)&&(f=f.substr(2)),p=parseFloat(f),_=f.substr((p+"").length),y=rt.lastIndex-_.length,_||(_=_||z.units[e]||m,y===n.length&&(n+=_,v.e+=_)),m!==_&&(h=cn(t,e,c,_)||0),v._pt={_next:v._pt,p:d||1===w?d:",",s:h,c:g?g*p:p-h,m:l&&l<4||"zIndex"===e?Math.round:0});v.c=y-1;)i=o[r],Ai[i]&&(n=1,i="transformOrigin"===i?$i:Zi),un(s,i);n&&(un(s,Zi),u&&(u.svg&&s.removeAttribute("transform"),Tn(s,1),u.uncache=1))}},mn={clearProps:function(t,e,i,n,r){if("isFromStart"!==r.data){var s=t._pt=new vi(t._pt,e,i,0,0,_n);return s.u=n,s.pr=-10,s.tween=r,t._props.push(i),1}}},gn=[1,0,0,1,0,0],vn={},yn=function(t){return"matrix(1, 0, 0, 1, 0, 0)"===t||"none"===t||!t},wn=function(t){var e=Ki(t,Zi);return yn(e)?gn:e.substr(7).match(nt).map(Ct)},xn=function(t,e){var i,n,r,s,a=t._gsap||Mt(t),o=t.style,u=wn(t);return a.svg&&t.getAttribute("transform")?"1,0,0,1,0,0"===(u=[(r=t.transform.baseVal.consolidate().matrix).a,r.b,r.c,r.d,r.e,r.f]).join(",")?gn:u:(u!==gn||t.offsetParent||t===Mi||a.svg||(r=o.display,o.display="block",(i=t.parentNode)&&t.offsetParent||(s=1,n=t.nextSibling,Mi.appendChild(t)),u=wn(t),r?o.display=r:un(t,"display"),s&&(n?i.insertBefore(t,n):i?i.appendChild(t):Mi.removeChild(t))),e&&u.length>6?[u[0],u[1],u[4],u[5],u[12],u[13]]:u)},bn=function(t,e,i,n,r,s){var a,o,u,h=t._gsap,l=r||xn(t,!0),c=h.xOrigin||0,f=h.yOrigin||0,p=h.xOffset||0,d=h.yOffset||0,_=l[0],m=l[1],g=l[2],v=l[3],y=l[4],w=l[5],x=e.split(" "),b=parseFloat(x[0])||0,T=parseFloat(x[1])||0;i?l!==gn&&(o=_*v-m*g)&&(u=b*(-m/o)+T*(_/o)-(_*w-m*y)/o,b=b*(v/o)+T*(-g/o)+(g*w-v*y)/o,T=u):(b=(a=an(t)).x+(~x[0].indexOf("%")?b/100*a.width:b),T=a.y+(~(x[1]||x[0]).indexOf("%")?T/100*a.height:T)),n||!1!==n&&h.smooth?(y=b-c,w=T-f,h.xOffset=p+(y*_+w*g)-y,h.yOffset=d+(y*m+w*v)-w):h.xOffset=h.yOffset=0,h.xOrigin=b,h.yOrigin=T,h.smooth=!!n,h.origin=e,h.originIsAbsolute=!!i,t.style[$i]="0px 0px",s&&(hn(s,h,"xOrigin",c,b),hn(s,h,"yOrigin",f,T),hn(s,h,"xOffset",p,h.xOffset),hn(s,h,"yOffset",d,h.yOffset)),t.setAttribute("data-svg-origin",b+" "+T)},Tn=function(t,e){var i=t._gsap||new He(t);if("x"in i&&!e&&!i.uncache)return i;var n,r,s,a,o,u,h,l,c,f,p,d,_,m,g,v,y,w,x,b,T,O,M,D,k,C,E,A,S,I,P,L,R=t.style,B=i.scaleX<0,F="px",q="deg",j=Ki(t,$i)||"0";return n=r=s=u=h=l=c=f=p=0,a=o=1,i.svg=!(!t.getCTM||!on(t)),m=xn(t,i.svg),i.svg&&(D=(!i.uncache||"0px 0px"===j)&&!e&&t.getAttribute("data-svg-origin"),bn(t,D||j,!!D||i.originIsAbsolute,!1!==i.smooth,m)),d=i.xOrigin||0,_=i.yOrigin||0,m!==gn&&(w=m[0],x=m[1],b=m[2],T=m[3],n=O=m[4],r=M=m[5],6===m.length?(a=Math.sqrt(w*w+x*x),o=Math.sqrt(T*T+b*b),u=w||x?Pi(x,w)*Si:0,(c=b||T?Pi(b,T)*Si+u:0)&&(o*=Math.abs(Math.cos(c*Ii))),i.svg&&(n-=d-(d*w+_*b),r-=_-(d*x+_*T))):(L=m[6],I=m[7],E=m[8],A=m[9],S=m[10],P=m[11],n=m[12],r=m[13],s=m[14],h=(g=Pi(L,S))*Si,g&&(D=O*(v=Math.cos(-g))+E*(y=Math.sin(-g)),k=M*v+A*y,C=L*v+S*y,E=O*-y+E*v,A=M*-y+A*v,S=L*-y+S*v,P=I*-y+P*v,O=D,M=k,L=C),l=(g=Pi(-b,S))*Si,g&&(v=Math.cos(-g),P=T*(y=Math.sin(-g))+P*v,w=D=w*v-E*y,x=k=x*v-A*y,b=C=b*v-S*y),u=(g=Pi(x,w))*Si,g&&(D=w*(v=Math.cos(g))+x*(y=Math.sin(g)),k=O*v+M*y,x=x*v-w*y,M=M*v-O*y,w=D,O=k),h&&Math.abs(h)+Math.abs(u)>359.9&&(h=u=0,l=180-l),a=Ct(Math.sqrt(w*w+x*x+b*b)),o=Ct(Math.sqrt(M*M+L*L)),g=Pi(O,M),c=Math.abs(g)>2e-4?g*Si:0,p=P?1/(P<0?-P:P):0),i.svg&&(D=t.getAttribute("transform"),i.forceCSS=t.setAttribute("transform","")||!yn(Ki(t,Zi)),D&&t.setAttribute("transform",D))),Math.abs(c)>90&&Math.abs(c)<270&&(B?(a*=-1,c+=u<=0?180:-180,u+=u<=0?180:-180):(o*=-1,c+=c<=0?180:-180)),i.x=n-((i.xPercent=n&&(i.xPercent||(Math.round(t.offsetWidth/2)===Math.round(-n)?-50:0)))?t.offsetWidth*i.xPercent/100:0)+F,i.y=r-((i.yPercent=r&&(i.yPercent||(Math.round(t.offsetHeight/2)===Math.round(-r)?-50:0)))?t.offsetHeight*i.yPercent/100:0)+F,i.z=s+F,i.scaleX=Ct(a),i.scaleY=Ct(o),i.rotation=Ct(u)+q,i.rotationX=Ct(h)+q,i.rotationY=Ct(l)+q,i.skewX=c+q,i.skewY=f+q,i.transformPerspective=p+F,(i.zOrigin=parseFloat(j.split(" ")[2])||0)&&(R[$i]=On(j)),i.xOffset=i.yOffset=0,i.force3D=z.force3D,i.renderTransform=i.svg?Sn:Ei?An:Dn,i.uncache=0,i},On=function(t){return(t=t.split(" "))[0]+" "+t[1]},Mn=function(t,e,i){var n=he(e);return Ct(parseFloat(e)+parseFloat(cn(t,"x",i+"px",n)))+n},Dn=function(t,e){e.z="0px",e.rotationY=e.rotationX="0deg",e.force3D=0,An(t,e)},kn="0deg",Cn="0px",En=") ",An=function(t,e){var i=e||this,n=i.xPercent,r=i.yPercent,s=i.x,a=i.y,o=i.z,u=i.rotation,h=i.rotationY,l=i.rotationX,c=i.skewX,f=i.skewY,p=i.scaleX,d=i.scaleY,_=i.transformPerspective,m=i.force3D,g=i.target,v=i.zOrigin,y="",w="auto"===m&&t&&1!==t||!0===m;if(v&&(l!==kn||h!==kn)){var x,b=parseFloat(h)*Ii,T=Math.sin(b),O=Math.cos(b);b=parseFloat(l)*Ii,x=Math.cos(b),s=Mn(g,s,T*x*-v),a=Mn(g,a,-Math.sin(b)*-v),o=Mn(g,o,O*x*-v+v)}_!==Cn&&(y+="perspective("+_+En),(n||r)&&(y+="translate("+n+"%, "+r+"%) "),(w||s!==Cn||a!==Cn||o!==Cn)&&(y+=o!==Cn||w?"translate3d("+s+", "+a+", "+o+") ":"translate("+s+", "+a+En),u!==kn&&(y+="rotate("+u+En),h!==kn&&(y+="rotateY("+h+En),l!==kn&&(y+="rotateX("+l+En),c===kn&&f===kn||(y+="skew("+c+", "+f+En),1===p&&1===d||(y+="scale("+p+", "+d+En),g.style[Zi]=y||"translate(0, 0)"},Sn=function(t,e){var i,n,r,s,a,o=e||this,u=o.xPercent,h=o.yPercent,l=o.x,c=o.y,f=o.rotation,p=o.skewX,d=o.skewY,_=o.scaleX,m=o.scaleY,g=o.target,v=o.xOrigin,y=o.yOrigin,w=o.xOffset,x=o.yOffset,b=o.forceCSS,T=parseFloat(l),O=parseFloat(c);f=parseFloat(f),p=parseFloat(p),(d=parseFloat(d))&&(p+=d=parseFloat(d),f+=d),f||p?(f*=Ii,p*=Ii,i=Math.cos(f)*_,n=Math.sin(f)*_,r=Math.sin(f-p)*-m,s=Math.cos(f-p)*m,p&&(d*=Ii,a=Math.tan(p-d),r*=a=Math.sqrt(1+a*a),s*=a,d&&(a=Math.tan(d),i*=a=Math.sqrt(1+a*a),n*=a)),i=Ct(i),n=Ct(n),r=Ct(r),s=Ct(s)):(i=_,s=m,n=r=0),(T&&!~(l+"").indexOf("px")||O&&!~(c+"").indexOf("px"))&&(T=cn(g,"x",l,"px"),O=cn(g,"y",c,"px")),(v||y||w||x)&&(T=Ct(T+v-(v*i+y*r)+w),O=Ct(O+y-(v*n+y*s)+x)),(u||h)&&(a=g.getBBox(),T=Ct(T+u/100*a.width),O=Ct(O+h/100*a.height)),a="matrix("+i+","+n+","+r+","+s+","+T+","+O+")",g.setAttribute("transform",a),b&&(g.style[Zi]=a)},In=function(t,e,i,n,r,s){var a,o,u=360,h=V(r),l=parseFloat(r)*(h&&~r.indexOf("rad")?Si:1),c=s?l*s:l-n,f=n+c+"deg";return h&&("short"===(a=r.split("_")[1])&&(c%=u)!==c%180&&(c+=c<0?u:-360),"cw"===a&&c<0?c=(c+36e9)%u-~~(c/u)*u:"ccw"===a&&c>0&&(c=(c-36e9)%u-~~(c/u)*u)),t._pt=o=new vi(t._pt,e,i,n,c,qi),o.e=f,o.u="deg",t._props.push(i),o},Pn=function(t,e){for(var i in e)t[i]=e[i];return t},Ln=function(t,e,i){var n,r,s,a,o,u,h,l=Pn({},i._gsap),c=i.style;for(r in l.svg?(s=i.getAttribute("transform"),i.setAttribute("transform",""),c[Zi]=e,n=Tn(i,1),un(i,Zi),i.setAttribute("transform",s)):(s=getComputedStyle(i)[Zi],c[Zi]=e,n=Tn(i,1),c[Zi]=s),Ai)(s=l[r])!==(a=n[r])&&"perspective,force3D,transformOrigin,svgOrigin".indexOf(r)<0&&(o=he(s)!==(h=he(a))?cn(i,r,s,h):parseFloat(s),u=parseFloat(a),t._pt=new vi(t._pt,n,r,o,u-o,Fi),t._pt.u=h||0,t._props.push(r));Pn(n,l)};kt("padding,margin,Width,Radius",(function(t,e){var i="Top",n="Right",r="Bottom",s="Left",a=(e<3?[i,n,r,s]:[i+s,i+n,r+n,r+s]).map((function(i){return e<2?t+i:"border"+i+t}));mn[e>1?"border"+t:t]=function(t,e,i,n,r){var s,o;if(arguments.length<4)return s=a.map((function(e){return fn(t,e,i)})),5===(o=s.join(" ")).split(s[0]).length?s[0]:o;s=(n+"").split(" "),o={},a.forEach((function(t,e){return o[t]=s[e]=s[e]||s[(e-1)/2|0]})),t.init(e,o,r)}}));var Rn,zn,Bn,Fn={name:"css",register:nn,targetTest:function(t){return t.style&&t.nodeType},init:function(t,e,i,n,r){var s,a,o,u,h,l,c,f,p,d,_,m,g,v,y,w,x,b,T,O=this._props,M=t.style,D=i.vars.startAt;for(c in Di||nn(),e)if("autoRound"!==c&&(a=e[c],!yt[c]||!Ke(c,e,i,n,t,r)))if(h=typeof a,l=mn[c],"function"===h&&(h=typeof(a=a.call(i,n,t,r))),"string"===h&&~a.indexOf("random(")&&(a=ye(a)),l)l(this,t,c,a,i)&&(y=1);else if("--"===c.substr(0,2))s=(getComputedStyle(t).getPropertyValue(c)+"").trim(),a+="",Se.lastIndex=0,Se.test(s)||(f=he(s),p=he(a)),p?f!==p&&(s=cn(t,c,s,p)+p):f&&(a+=f),this.add(M,"setProperty",s,a,n,r,0,0,c),O.push(c);else if("undefined"!==h){if(D&&c in D?(s="function"==typeof D[c]?D[c].call(i,n,t,r):D[c],c in z.units&&!he(s)&&(s+=z.units[c]),"="===(s+"").charAt(1)&&(s=fn(t,c))):s=fn(t,c),u=parseFloat(s),(d="string"===h&&"="===a.charAt(1)?+(a.charAt(0)+"1"):0)&&(a=a.substr(2)),o=parseFloat(a),c in Bi&&("autoAlpha"===c&&(1===u&&"hidden"===fn(t,"visibility")&&o&&(u=0),hn(this,M,"visibility",u?"inherit":"hidden",o?"inherit":"hidden",!o)),"scale"!==c&&"transform"!==c&&~(c=Bi[c]).indexOf(",")&&(c=c.split(",")[0])),_=c in Ai)if(m||((g=t._gsap).renderTransform&&!e.parseTransform||Tn(t,e.parseTransform),v=!1!==e.smoothOrigin&&g.smooth,(m=this._pt=new vi(this._pt,M,Zi,0,1,g.renderTransform,g,0,-1)).dep=1),"scale"===c)this._pt=new vi(this._pt,g,"scaleY",g.scaleY,(d?d*o:o-g.scaleY)||0),O.push("scaleY",c),c+="X";else{if("transformOrigin"===c){x=void 0,b=void 0,T=void 0,x=(w=a).split(" "),b=x[0],T=x[1]||"50%","top"!==b&&"bottom"!==b&&"left"!==T&&"right"!==T||(w=b,b=T,T=w),x[0]=dn[b]||b,x[1]=dn[T]||T,a=x.join(" "),g.svg?bn(t,a,0,v,0,this):((p=parseFloat(a.split(" ")[2])||0)!==g.zOrigin&&hn(this,g,"zOrigin",g.zOrigin,p),hn(this,M,c,On(s),On(a)));continue}if("svgOrigin"===c){bn(t,a,1,v,0,this);continue}if(c in vn){In(this,g,c,u,a,d);continue}if("smoothOrigin"===c){hn(this,g,"smooth",g.smooth,a);continue}if("force3D"===c){g[c]=a;continue}if("transform"===c){Ln(this,a,t);continue}}else c in M||(c=en(c)||c);if(_||(o||0===o)&&(u||0===u)&&!zi.test(a)&&c in M)o||(o=0),(f=(s+"").substr((u+"").length))!==(p=he(a)||(c in z.units?z.units[c]:f))&&(u=cn(t,c,s,p)),this._pt=new vi(this._pt,_?g:M,c,u,d?d*o:o-u,_||"px"!==p&&"zIndex"!==c||!1===e.autoRound?Fi:Ni),this._pt.u=p||0,f!==p&&(this._pt.b=s,this._pt.r=ji);else if(c in M)pn.call(this,t,c,s,a);else{if(!(c in t)){ft(c,a);continue}this.add(t,c,s||t[c],a,n,r)}O.push(c)}y&&gi(this)},get:fn,aliases:Bi,getSetter:function(t,e,i){var n=Bi[e];return n&&n.indexOf(",")<0&&(e=n),e in Ai&&e!==$i&&(t._gsap.x||fn(t,"x"))?i&&Ci===i?"scale"===e?Hi:Vi:(Ci=i||{})&&("scale"===e?Qi:Gi):t.style&&!G(t.style[e])?Xi:~e.indexOf("-")?Wi:hi(t,e)},core:{_removeProperty:un,_getMatrix:xn}};bi.utils.checkPrefix=en,Bn=kt((Rn="x,y,z,scale,scaleX,scaleY,xPercent,yPercent")+","+(zn="rotation,rotationX,rotationY,skewX,skewY")+",transform,transformOrigin,svgOrigin,force3D,smoothOrigin,transformPerspective",(function(t){Ai[t]=1})),kt(zn,(function(t){z.units[t]="deg",vn[t]=1})),Bi[Bn[13]]=Rn+","+zn,kt("0:translateX,1:translateY,2:translateZ,8:rotate,8:rotationZ,8:rotateZ,9:rotateX,10:rotateY",(function(t){var e=t.split(":");Bi[e[1]]=Bn[e[0]]})),kt("x,y,z,top,right,bottom,left,width,height,fontSize,padding,margin,perspective",(function(t){z.units[t]="px"})),bi.registerPlugin(Fn);var qn=bi.registerPlugin(Fn)||bi;qn.core.Tween;class jn{constructor(t){this.DOM={outer:t,inner:Array.isArray(t)?t.map((t=>t.querySelector(".oh__inner"))):t.querySelector(".oh__inner")}}in(){return this.outTimeline&&this.outTimeline.isActive()&&this.outTimeline.kill(),this.inTimeline=qn.timeline({defaults:{duration:1.2,ease:"expo"}}).set(this.DOM.inner,{y:"150%",rotate:15}).to(this.DOM.inner,{y:"0%",rotate:0,stagger:.03}),this.inTimeline}out(){return this.inTimeline&&this.inTimeline.isActive()&&this.inTimeline.kill(),this.outTimeline=qn.timeline({defaults:{duration:.7,ease:"power2"}}).to(this.DOM.inner,{y:"-150%",rotate:-5,stagger:.03}),this.outTimeline}}function Nn(t,e){for(var i=0;i-1&&t%1==0}(t.length)}(t)?Array.prototype.slice.call(t):[t]}function Hn(t){return Wn(t)&&/^(1|3|11)$/.test(t.nodeType)}function Qn(t){return"string"==typeof t}function Gn(t){var e,i=t;return Qn(t)&&(i=/^(#[a-z]\w+)$/.test(t.trim())?document.getElementById(t.trim().slice(1)):document.querySelectorAll(t)),(e=i,Vn(e).reduce((function(t,e){return t.concat(Vn(e))}),[])).filter(Hn)}function Zn(t,e,i){var n={},r=null;return Wn(t)&&(r=t[Zn.expando]||(t[Zn.expando]=++Zn.uid),n=Zn.cache[r]||(Zn.cache[r]={})),void 0===i?void 0===e?n:n[e]:void 0!==e?(n[e]=i,i):void 0}function $n(t){var e=t&&t[Zn.expando];e&&(delete t[e],delete Zn.cache[e])}function Jn(t,e){for(var i=Vn(t),n=i.length,r=0;r1&&void 0!==arguments[1]?arguments[1]:" ";return(t=t?String(t):"").split(e)}(function(t,e){var i=t.textContent;if(e){var n=t.innerHTML,r=document.createElement("div");r.innerHTML=n.replace(//g," ".concat(e," ")),i=r.textContent}return i.replace(/\s+/g," ").trim()}(t,a)).reduce((function(t,i,o,u){var l,c;return i===a?(n.appendChild(wr("br")),t):(r.chars&&(c=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return(t=yr(t))&&Qn(t)&&!e&&gr(t)?vr(t):t.split(e)}(i).map((function(t){return wr(s,{class:"".concat(e.splitClass," ").concat(e.charClass),style:"display: inline-block;",textContent:t})})),h=h.concat(c)),r.words||r.lines?(l=wr(s,{class:"".concat(e.wordClass," ").concat(e.splitClass),style:"display: inline-block; position: ".concat(r.words?"relative":"static"),children:r.chars?c:null,textContent:r.chars?null:i}),n.appendChild(l)):Jn(c,(function(t){n.appendChild(t)})),o!==u.length-1&&n.appendChild(Tr(" ")),r.words?t.concat(l):t)}),[]),t.innerHTML="",t.appendChild(n),!o&&!r.lines)return{chars:h,words:i,lines:[]};var l,c,f,p,d,_=[],m=[],g=Zn(t,"nodes",t.getElementsByTagName(s)),v=t.parentElement,y=t.nextElementSibling,w=window.getComputedStyle(t).textAlign;return o&&(p={left:n.offsetLeft,top:n.offsetTop,width:n.offsetWidth},f=t.offsetWidth,c=t.offsetHeight,Zn(t).cssWidth=t.style.width,Zn(t).cssHeight=t.style.height),Jn(g,(function(t){if(t!==n){var e,i=t.parentElement===n;r.lines&&i&&((e=Zn(t,"top",t.offsetTop))!==d&&(d=e,_.push(m=[])),m.push(t)),o&&(Zn(t).top=e||t.offsetTop,Zn(t).left=t.offsetLeft,Zn(t).width=t.offsetWidth,Zn(t).height=l||(l=t.offsetHeight))}})),v&&v.removeChild(t),r.lines&&(n=br(),u=_.map((function(t){var i=wr(s,{class:"".concat(e.splitClass," ").concat(e.lineClass),style:"display: block; text-align: ".concat(w,"; width: 100%;")});return n.appendChild(i),o&&(Zn(i).type="line",Zn(i).top=Zn(t[0]).top,Zn(i).height=l),Jn(t,(function(t,e,n){r.words?i.appendChild(t):r.chars?Jn(t.children,(function(t){i.appendChild(t)})):i.appendChild(Tr(t.textContent)),e!==n.length-1&&i.appendChild(Tr(" "))})),i})),t.replaceChild(n,t.firstChild)),o&&(t.style.width="".concat(t.style.width||f,"px"),t.style.height="".concat(c,"px"),Jn(g,(function(t){var e="line"===Zn(t).type,i=!e&&"line"===Zn(t.parentElement).type;t.style.top="".concat(i?0:Zn(t).top,"px"),t.style.left="".concat(e?p.left:Zn(t).left-(i?p.left:0),"px"),t.style.height="".concat(Zn(t).height,"px"),t.style.width="".concat(e?p.width:Zn(t).width,"px"),t.style.position="absolute"}))),v&&(y?v.insertBefore(t,y):v.appendChild(t)),{lines:u,words:r.words?i:[],chars:h}}var Mr=Un(xr,{}),Dr=function(){function t(e,i){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.isSplit=!1,this.settings=Un(Mr,Xn(i)),this.elements=Gn(e)||[],this.elements.length&&(this.originals=this.elements.map((function(t){return Zn(t,"html",Zn(t).html||t.innerHTML)})),this.settings.types&&this.split())}return Yn(t,null,[{key:"defaults",get:function(){return Mr},set:function(t){Mr=Un(Mr,Xn(t))}}]),Yn(t,[{key:"split",value:function(t){var e=this;this.revert(),this.lines=[],this.words=[],this.chars=[];var i=[window.pageXOffset,window.pageYOffset];void 0!==t&&(this.settings=Un(this.settings,Xn(t))),this.elements.forEach((function(t){var i=Or(t,e.settings),n=i.lines,r=i.words,s=i.chars;e.lines=e.lines.concat(n),e.words=e.words.concat(r),e.chars=e.chars.concat(s),Zn(t).isSplit=!0})),this.isSplit=!0,window.scrollTo(i[0],i[1]),this.elements.forEach((function(t){Vn(Zn(t).nodes||[]).forEach($n)}))}},{key:"revert",value:function(){var t=this;this.isSplit&&(this.lines=null,this.words=null,this.chars=null),this.elements.forEach((function(e){Zn(e).isSplit&&Zn(e).html&&(e.innerHTML=Zn(e).html,e.style.height=Zn(e).cssHeight||"",e.style.width=Zn(e).cssWidth||"",t.isSplit=!1)}))}}]),t}();class kr{constructor(t){this.DOM={animationElems:Array.isArray(t)?t:[t]},this.SplitTypeInstances=[],this.lines=[];for(const t of this.DOM.animationElems){const e=new Dr(t,{types:"lines"});s(e.lines,"div","oh"),this.lines.push(e.lines),this.SplitTypeInstances.push(e)}this.initEvents()}in(){return this.isVisible=!0,qn.killTweensOf(this.lines),qn.timeline({defaults:{duration:1.2,ease:"expo"}}).set(this.lines,{y:"150%",rotate:15}).to(this.lines,{y:"0%",rotate:0,stagger:.04})}out(){return this.isVisible=!1,qn.killTweensOf(this.lines),qn.timeline({defaults:{duration:.7,ease:"power2"}}).to(this.lines,{y:"-150%",rotate:-5,stagger:.02})}initEvents(){window.addEventListener("resize",(()=>{this.lines=[];for(const t of this.SplitTypeInstances)t.split(),s(t.lines,"div","oh"),this.lines.push(t.lines);this.isVisible||qn.set(this.lines,{y:"-150%"})}))}}class Cr{constructor(t,e){this.DOM={el:t,images:t.querySelectorAll(".panel > .panel__img"),title:t.querySelector(".details__content > .details__content-title"),text:t.querySelector(".details__content > .details__content-text"),link:t.querySelector(".details__content > .details__content-link"),closeDetailsCtrl:e},this.textLinesReveal=new kr(this.DOM.text),this.textReveal=new jn([this.DOM.title,this.DOM.link,this.DOM.closeDetailsCtrl])}open(){this.DOM.el.classList.add("details--open"),document.body.classList.add("state-details"),this.textLinesReveal.in(),this.textReveal.in(),qn.killTweensOf(this.DOM.images),qn.timeline({defaults:{duration:2,ease:"expo"}}).set(this.DOM.images,{opacity:0,y:"150%"}).to(this.DOM.images,{opacity:1,y:"0%",stagger:.02})}close(){this.textLinesReveal.out(),this.textReveal.out(),qn.killTweensOf(this.DOM.images),qn.timeline({defaults:{duration:.5,ease:"power2"},onComplete:()=>{this.DOM.el.classList.remove("details--open"),document.body.classList.remove("state-details")}}).to(this.DOM.images,{opacity:0,y:"-150%",stagger:.01})}}let Er={frame:document.querySelector(".frame")};Er.menuCtrl=document.querySelector(".menu-link"),Er.menuWrap=document.querySelector(".menu"),Er.textContent={heading:document.querySelector(".heading"),primary:document.querySelector(".content-primary"),secondary:document.querySelector(".content-secondary")},Er.img=document.querySelector(".deco");let Ar=0;const Sr=new kr([Er.textContent.primary,Er.textContent.secondary]),Ir=new class{constructor(t){this.DOM={el:t,outerImages:t.querySelectorAll(".deco__img-wrap"),innerImages:t.querySelectorAll(".deco__img")}}in(){return qn.killTweensOf([this.DOM.innerImages,this.DOM.outerImages,this.DOM.el]),qn.timeline({defaults:{duration:1.2,ease:"expo"}}).set(this.DOM.el,{y:"10%"}).set(this.DOM.innerImages,{y:"-101%"}).set(this.DOM.outerImages,{y:"101%"}).to([this.DOM.innerImages,this.DOM.outerImages,this.DOM.el],{y:"0%"})}out(){return qn.killTweensOf([this.DOM.innerImages,this.DOM.outerImages,this.DOM.el]),qn.timeline({defaults:{duration:.7,ease:"power2"}}).to([this.DOM.innerImages],{y:"101%"}).to([this.DOM.outerImages],{y:"-101%"},0).to([this.DOM.el],{y:"-10%"},0)}}(Er.img),Pr=new jn([Er.textContent.heading,Er.menuCtrl]),Lr=new class{constructor(t){this.DOM={el:t,items:[...t.querySelectorAll(".menu__item")],links:[...t.querySelectorAll(".menu__item-link")],closeCtrl:t.querySelector(".close--menu"),detailsEl:[...t.querySelectorAll(".menu__item-link")].map((t=>document.querySelector(t.href.substring(t.href.indexOf("#"))))),closeDetailsCtrl:document.querySelector(".details-wrap > .close--details")},this.textReveal=new jn([this.DOM.closeCtrl,...this.DOM.items]),this.detailsInstances=[],this.DOM.detailsEl.forEach((t=>this.detailsInstances.push(new Cr(t,this.DOM.closeDetailsCtrl)))),this.initEvents()}open(){this.DOM.el.classList.add("menu--open"),this.textReveal.in()}close(){this.textReveal.out().then((()=>this.DOM.el.classList.remove("menu--open")))}initEvents(){this.DOM.links.forEach(((t,e)=>{t.addEventListener("click",(t=>{t.preventDefault(),this.openDetails(e)}))})),this.DOM.closeDetailsCtrl.addEventListener("click",(()=>this.closeDetails()))}openDetails(t){this.menuItemCurrent=t,this.detailsInstances[this.menuItemCurrent].open(),this.close()}closeDetails(){-1!==this.menuItemCurrent&&(this.open(),this.detailsInstances[this.menuItemCurrent].close(),this.menuItemCurrent=-1)}}(Er.menuWrap),Rr=()=>{Pr.in(),Sr.in(),Ir.in(),zr()},zr=()=>{qn.to(Er.frame,{duration:1,ease:"expo",opacity:Number(!Ar)})};var Br;Er.menuCtrl.addEventListener("click",(()=>{0===Ar&&(Ar=1,Pr.out(),Sr.out(),Ir.out(),zr(),Lr.open())})),Lr.DOM.closeCtrl.addEventListener("click",(()=>{1===Ar&&(Ar=0,Rr(),Lr.close())})),new Promise(((t,e)=>{r(document.querySelectorAll(Br),{background:!0},t)})).then((()=>{document.body.classList.remove("loading"),Rr()}))}(); \ No newline at end of file diff --git a/.parcel-cache/45/6bbbe99a76bbcefe7a7e63ca446605.blob b/.parcel-cache/45/6bbbe99a76bbcefe7a7e63ca446605.blob new file mode 100644 index 0000000..6a11689 --- /dev/null +++ b/.parcel-cache/45/6bbbe99a76bbcefe7a7e63ca446605.blob @@ -0,0 +1,504 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + justify-items: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1; + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 10vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/45/73e8abbd9172dc6dea1af53c115dfe.blob b/.parcel-cache/45/73e8abbd9172dc6dea1af53c115dfe.blob new file mode 100644 index 0000000..f0acd5b --- /dev/null +++ b/.parcel-cache/45/73e8abbd9172dc6dea1af53c115dfe.blob @@ -0,0 +1 @@ +*,:after,:before{box-sizing:border-box}:root{font-size:18px}body{margin:0;--color-text:#111;--color-bg:#f7f5f3;--color-link:#999;--color-link-hover:#000;--font-size-xlarge:2rem;--font-size-large:1.5rem;--font-size-medium:1.25rem;--font-size-small:1rem;--color-menu:#000;--color-menu-hover:#e93f33;color:var(--color-text);background-color:var(--color-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.js .loading:after,.js .loading:before{content:"";position:fixed;z-index:1000}.js .loading:before{top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.js .loading:after{top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;opacity:.4;background:var(--color-link);animation:loaderAnim .7s linear infinite alternate forwards}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}a{text-decoration:underline;color:var(--color-link)}a,a:hover{outline:none}a:hover{text-decoration:none;color:var(--color-link-hover)}a:focus{outline:none;background:#d3d3d3}a:focus-visible,a:focus:not(:focus-visible){background:transparent}a:focus-visible{outline:2px solid red}.unbutton{background:none;border:0;padding:0;margin:0;cursor:pointer;font:inherit}.unbutton:focus{outline:none}main{padding:1.5rem;display:grid;height:100vh;align-content:space-between;grid-gap:.5rem;grid-template-columns:1fr auto;grid-template-areas:"frame menu" "heading heading" "content content" "content content" "deco deco" "footer footer"}.frame{grid-area:frame;color:var(--color-link);margin-bottom:1rem}.frame__title{font-size:1rem;margin:0;font-weight:400}.frame__links{display:block}.frame__links a:not(:last-child){margin-right:.5rem}.line{transform-origin:0 50%;padding-bottom:.35rem;white-space:nowrap;will-change:transform}.oh{overflow:hidden}.oh__inner{display:inline-block;transform-origin:0 50%;will-change:transform}.content{display:flex;flex-direction:column;width:100vw;height:calc(100vh - 13rem);position:relative;justify-content:flex-start;align-items:center}.heading{grid-area:heading;font-size:var(--font-size-large);margin:0 0 2rem;font-weight:400;align-self:start;line-height:1.4}.heading strong{font-weight:600}.content-primary{grid-area:content;line-height:1;font-size:var(--font-size-large)}.content-secondary{grid-area:footer;line-height:1;margin:0;align-self:end;font-size:var(--font-size-small);max-width:400px}.deco{grid-area:deco}.deco__img-wrap{position:relative;overflow:hidden;width:25vw;min-width:250px;max-width:400px;margin-bottom:1rem;will-change:transform}.deco__img-wrap--upper{height:5vh}.deco__img-wrap--lower{height:25vh}.deco__img{background:url(1.HASH_REF_537602dd51df256e213143fa5ff36b68.jpg) no-repeat 50% 0;width:100%;height:100%;will-change:transform}.deco__img--lower{background-position:50% -5vh}.menu-link{align-self:start;justify-self:end;line-height:1;grid-area:menu;overflow:hidden;position:relative;padding:0 0 5px;font-size:var(--font-size-medium)}.menu--open~.menu-link,.state-details .menu-link{pointer-events:none}.menu-link:after{content:"";position:absolute;bottom:0;left:0;height:7%;width:100%;background:currentColor;transition:transform .4s ease;transform-origin:100% 50%}.menu--open~.menu-link:after,.menu-link:hover:after,.state-details .menu-link:after{transform:scaleX(0);transform-origin:0 50%}.menu{position:fixed;pointer-events:none;z-index:100;opacity:0;top:0;left:0;width:100%;height:100vh;display:grid;grid-template-columns:auto auto auto;align-content:center;justify-content:center;counter-reset:menucounter}.menu--open{pointer-events:auto;opacity:1}.state-details .menu{pointer-events:none}.menu__item{grid-column:2;line-height:1;display:block;position:relative}.menu__item-link{text-decoration:none;line-height:1.25;margin-top:calc(var(--font-size-xlarge)*-0.15);font-size:var(--font-size-xlarge);cursor:pointer;position:relative;padding:0 calc(var(--font-size-xlarge)*0.45);color:var(--color-menu)}.menu__item-link:hover{color:var(--color-menu-hover)}.menu__item-link:before{position:absolute;left:0;top:18%;text-align:right;counter-increment:menucounter;content:counters(menucounter,".",decimal-leading-zero);opacity:0;line-height:1;padding-right:.5rem;display:grid;place-items:center;font-size:var(--font-size-small);color:var(--color-text);transform:scale3d(0,0,0)}.menu__item-link:hover:before{opacity:1;transform:scaleX(1)}.close{position:absolute;top:1rem;right:1.5rem;font-size:3rem;line-height:1;opacity:0;pointer-events:none}.close:hover{color:var(--color-menu)}.menu--open .close{opacity:1;pointer-events:auto}.state-details .close{pointer-events:none}.details,.details-wrap{pointer-events:none}.details,.details-wrap,.panel{position:absolute;width:100%;height:100%;top:0;left:0}.panel{display:grid;grid-template-columns:repeat(50,2%);grid-template-rows:repeat(50,2%);--grid-row:1;--grid-column:1;transform:rotate(-35deg);opacity:.5}.panel__img{grid-area:var(--grid-row)/var(--grid-column)/span 12/span 5;will-change:transform}.pos-1{--grid-row:10;--grid-column:1}.pos-2{--grid-row:1;--grid-column:18}.pos-3{--grid-row:1;--grid-column:29}.pos-4{--grid-row:15;--grid-column:12}.pos-5{--grid-row:17;--grid-column:25}.pos-6{--grid-row:20;--grid-column:43}.pos-7{--grid-row:35;--grid-column:5}.pos-8{--grid-row:40;--grid-column:14}.pos-9{--grid-row:37;--grid-column:29}.pos-10{--grid-row:35;--grid-column:42}.pos-11{--grid-row:7;--grid-column:46}.pos-12{--grid-row:32;--grid-column:20}.pos-13{--grid-row:22;--grid-column:2}.pos-14{--grid-row:9;--grid-column:38}.pos-15{--grid-row:4;--grid-column:7}.pos-16{--grid-row:28;--grid-column:36}.panel__img{width:100px}.details{display:grid;place-items:center;pointer-events:none;opacity:0}.details--open,.details--open~.close--details{pointer-events:auto;opacity:1}.details__content{padding:.5rem;width:50%;margin:0 auto;position:relative}.details__content-title{font-weight:400;margin:0;font-size:var(--font-size-xlarge)}.details__content-text{line-height:1;max-width:640px;font-size:var(--font-size-medium)}.details__content-link{position:relative;display:inline-block;font-size:var(--font-size-small);color:var(--color-text);cursor:pointer;text-decoration:none;font-weight:600}.details__content-link:hover{color:var(--color-menu-hover)}@media screen and (min-width:53em){body{overflow:hidden;--font-size-xlarge:11vh;--font-size-large:3.5vw;--font-size-medium:2.75vw;--font-size-small:1.65vw}main{grid-gap:0;height:100vh;grid-template-columns:45% 1fr;grid-template-areas:"heading menu" "content ..." "content deco" "... deco" "footer deco" "footer frame"}.line{padding-bottom:.5vw}.frame{margin:0;display:flex;flex-wrap:wrap;justify-content:flex-end}.frame__links{margin-left:2rem;display:inline-block}.deco{align-self:end;justify-self:end}.content{height:100vh;justify-content:center}} \ No newline at end of file diff --git a/.parcel-cache/45/f5569c6782f0bf153eaac97df0a086.blob b/.parcel-cache/45/f5569c6782f0bf153eaac97df0a086.blob new file mode 100644 index 0000000..8d5d941 Binary files /dev/null and b/.parcel-cache/45/f5569c6782f0bf153eaac97df0a086.blob differ diff --git a/.parcel-cache/46/14878459df5e3da78b6c8300ac4f87.blob b/.parcel-cache/46/14878459df5e3da78b6c8300ac4f87.blob new file mode 100644 index 0000000..a3ddeda Binary files /dev/null and b/.parcel-cache/46/14878459df5e3da78b6c8300ac4f87.blob differ diff --git a/.parcel-cache/46/8628dfdacc944f01959830293cdc48.blob b/.parcel-cache/46/8628dfdacc944f01959830293cdc48.blob new file mode 100644 index 0000000..3eb5196 Binary files /dev/null and b/.parcel-cache/46/8628dfdacc944f01959830293cdc48.blob differ diff --git a/.parcel-cache/46/fac77fd40ae355796126586dd7a46b.v8 b/.parcel-cache/46/fac77fd40ae355796126586dd7a46b.v8 new file mode 100644 index 0000000..136931b Binary files /dev/null and b/.parcel-cache/46/fac77fd40ae355796126586dd7a46b.v8 differ diff --git a/.parcel-cache/47/5da97beb1f879f26a98bfc2848d15f.blob b/.parcel-cache/47/5da97beb1f879f26a98bfc2848d15f.blob new file mode 100644 index 0000000..1eab759 Binary files /dev/null and b/.parcel-cache/47/5da97beb1f879f26a98bfc2848d15f.blob differ diff --git a/.parcel-cache/47/b72a015dcd529979c3d9b33614565a.blob b/.parcel-cache/47/b72a015dcd529979c3d9b33614565a.blob new file mode 100644 index 0000000..4f365e4 Binary files /dev/null and b/.parcel-cache/47/b72a015dcd529979c3d9b33614565a.blob differ diff --git a/.parcel-cache/47/d451d8eb5effc73727e75a74628fd4.v8 b/.parcel-cache/47/d451d8eb5effc73727e75a74628fd4.v8 new file mode 100644 index 0000000..fe49e33 Binary files /dev/null and b/.parcel-cache/47/d451d8eb5effc73727e75a74628fd4.v8 differ diff --git a/.parcel-cache/48/14b38b3c67ffd6666c5569ce9c2e0d.blob b/.parcel-cache/48/14b38b3c67ffd6666c5569ce9c2e0d.blob new file mode 100644 index 0000000..ef56aca Binary files /dev/null and b/.parcel-cache/48/14b38b3c67ffd6666c5569ce9c2e0d.blob differ diff --git a/.parcel-cache/48/2fc08f6da0e76c43d823384918876e.blob b/.parcel-cache/48/2fc08f6da0e76c43d823384918876e.blob new file mode 100644 index 0000000..b7c7d39 Binary files /dev/null and b/.parcel-cache/48/2fc08f6da0e76c43d823384918876e.blob differ diff --git a/.parcel-cache/48/fd3becd83f9364ee3f11bd9fb8d2cb.v8 b/.parcel-cache/48/fd3becd83f9364ee3f11bd9fb8d2cb.v8 new file mode 100644 index 0000000..495edaa Binary files /dev/null and b/.parcel-cache/48/fd3becd83f9364ee3f11bd9fb8d2cb.v8 differ diff --git a/.parcel-cache/49/21e7474a1f912ece5efe05900f060c.blob b/.parcel-cache/49/21e7474a1f912ece5efe05900f060c.blob new file mode 100644 index 0000000..0b591fb --- /dev/null +++ b/.parcel-cache/49/21e7474a1f912ece5efe05900f060c.blob @@ -0,0 +1,506 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.underline::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.underline:hover::after, +.menu--open ~ .underline::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/49/58e714b310568df73f50bfc2c4c0e4.blob b/.parcel-cache/49/58e714b310568df73f50bfc2c4c0e4.blob new file mode 100644 index 0000000..c585aab --- /dev/null +++ b/.parcel-cache/49/58e714b310568df73f50bfc2c4c0e4.blob @@ -0,0 +1,504 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + justify-items: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.3; + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/49/aa9f2072212560982a3509c998a3bc.blob b/.parcel-cache/49/aa9f2072212560982a3509c998a3bc.blob new file mode 100644 index 0000000..efb918d Binary files /dev/null and b/.parcel-cache/49/aa9f2072212560982a3509c998a3bc.blob differ diff --git a/.parcel-cache/49/dc2249dfec4826b7453ce630fc39ee.v8 b/.parcel-cache/49/dc2249dfec4826b7453ce630fc39ee.v8 new file mode 100644 index 0000000..574b375 Binary files /dev/null and b/.parcel-cache/49/dc2249dfec4826b7453ce630fc39ee.v8 differ diff --git a/.parcel-cache/4a/01040643266e0a9e50409c6c53d143.blob b/.parcel-cache/4a/01040643266e0a9e50409c6c53d143.blob new file mode 100644 index 0000000..39ab054 --- /dev/null +++ b/.parcel-cache/4a/01040643266e0a9e50409c6c53d143.blob @@ -0,0 +1,503 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + justify-items: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1; + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/4a/01a36dbe76df6b24ab586f8a17a3b5.blob b/.parcel-cache/4a/01a36dbe76df6b24ab586f8a17a3b5.blob new file mode 100644 index 0000000..73d89fd --- /dev/null +++ b/.parcel-cache/4a/01a36dbe76df6b24ab586f8a17a3b5.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/4a/18f2ef32aa8fcca66dca294402f371.blob b/.parcel-cache/4a/18f2ef32aa8fcca66dca294402f371.blob new file mode 100644 index 0000000..915ec66 Binary files /dev/null and b/.parcel-cache/4a/18f2ef32aa8fcca66dca294402f371.blob differ diff --git a/.parcel-cache/4a/27f5a84ae99fd062f9917bf4aec6f9.blob b/.parcel-cache/4a/27f5a84ae99fd062f9917bf4aec6f9.blob new file mode 100644 index 0000000..3f7075c Binary files /dev/null and b/.parcel-cache/4a/27f5a84ae99fd062f9917bf4aec6f9.blob differ diff --git a/.parcel-cache/4a/3f27a8445d1d8c9fd989ab315d6260.v8 b/.parcel-cache/4a/3f27a8445d1d8c9fd989ab315d6260.v8 new file mode 100644 index 0000000..bb60f21 Binary files /dev/null and b/.parcel-cache/4a/3f27a8445d1d8c9fd989ab315d6260.v8 differ diff --git a/.parcel-cache/4a/42f3a3c7767a5744d8c5924d440cf4.blob b/.parcel-cache/4a/42f3a3c7767a5744d8c5924d440cf4.blob new file mode 100644 index 0000000..fa5fd09 --- /dev/null +++ b/.parcel-cache/4a/42f3a3c7767a5744d8c5924d440cf4.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/4a/5a96616fae7cc099b241089c3308e9.blob b/.parcel-cache/4a/5a96616fae7cc099b241089c3308e9.blob new file mode 100644 index 0000000..4356572 Binary files /dev/null and b/.parcel-cache/4a/5a96616fae7cc099b241089c3308e9.blob differ diff --git a/.parcel-cache/4a/60007c23aa31addaf19b97e1158cc2.v8 b/.parcel-cache/4a/60007c23aa31addaf19b97e1158cc2.v8 new file mode 100644 index 0000000..d9a5d67 Binary files /dev/null and b/.parcel-cache/4a/60007c23aa31addaf19b97e1158cc2.v8 differ diff --git a/.parcel-cache/4a/798f9d0e48da581b5991120b4c47e2.blob b/.parcel-cache/4a/798f9d0e48da581b5991120b4c47e2.blob new file mode 100644 index 0000000..e1efa60 Binary files /dev/null and b/.parcel-cache/4a/798f9d0e48da581b5991120b4c47e2.blob differ diff --git a/.parcel-cache/4a/b984caaf0d128aa27c41c2cedac854.v8 b/.parcel-cache/4a/b984caaf0d128aa27c41c2cedac854.v8 new file mode 100644 index 0000000..35c5c7b Binary files /dev/null and b/.parcel-cache/4a/b984caaf0d128aa27c41c2cedac854.v8 differ diff --git a/.parcel-cache/4a/f1daa02452ddc0eea8276c137abdea.blob b/.parcel-cache/4a/f1daa02452ddc0eea8276c137abdea.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/4a/f1daa02452ddc0eea8276c137abdea.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/4a/f80276832cb3e5d34297171775c64b.blob b/.parcel-cache/4a/f80276832cb3e5d34297171775c64b.blob new file mode 100644 index 0000000..a1e2cf9 Binary files /dev/null and b/.parcel-cache/4a/f80276832cb3e5d34297171775c64b.blob differ diff --git a/.parcel-cache/4b/0424f6a52eb7e5617d1e25b65a517c.blob b/.parcel-cache/4b/0424f6a52eb7e5617d1e25b65a517c.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/4b/0424f6a52eb7e5617d1e25b65a517c.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/4b/361af68e374d4bb8e4b374c42ab019.blob b/.parcel-cache/4b/361af68e374d4bb8e4b374c42ab019.blob new file mode 100644 index 0000000..6314a0f Binary files /dev/null and b/.parcel-cache/4b/361af68e374d4bb8e4b374c42ab019.blob differ diff --git a/.parcel-cache/4b/6d70a1dcf4ff9e17d57c64b316c50d.blob b/.parcel-cache/4b/6d70a1dcf4ff9e17d57c64b316c50d.blob new file mode 100644 index 0000000..52aa1a4 --- /dev/null +++ b/.parcel-cache/4b/6d70a1dcf4ff9e17d57c64b316c50d.blob @@ -0,0 +1,96 @@ +var define; +/** +* EvEmitter v1.1.0 +* Lil' event emitter +* MIT License +*/ +/*jshint unused: true, undef: true, strict: true*/ +(function (global, factory) { + // universal module definition + /*jshint strict: false*/ + /*globals define, module, window*/ + if (typeof define == 'function' && define.amd) { + // AMD - RequireJS + define(factory); + } else if (typeof module == 'object' && module.exports) { + // CommonJS - Browserify, Webpack + module.exports = factory(); + } else { + // Browser globals + global.EvEmitter = factory(); + } +})(typeof window != 'undefined' ? window : this, function () { + "use strict"; + function EvEmitter() {} + var proto = EvEmitter.prototype; + proto.on = function (eventName, listener) { + if (!eventName || !listener) { + return; + } + // set events hash + var events = this._events = this._events || ({}); + // set listeners array + var listeners = events[eventName] = events[eventName] || []; + // only add once + if (listeners.indexOf(listener) == -1) { + listeners.push(listener); + } + return this; + }; + proto.once = function (eventName, listener) { + if (!eventName || !listener) { + return; + } + // add event + this.on(eventName, listener); + // set once flag + // set onceEvents hash + var onceEvents = this._onceEvents = this._onceEvents || ({}); + // set onceListeners object + var onceListeners = onceEvents[eventName] = onceEvents[eventName] || ({}); + // set flag + onceListeners[listener] = true; + return this; + }; + proto.off = function (eventName, listener) { + var listeners = this._events && this._events[eventName]; + if (!listeners || !listeners.length) { + return; + } + var index = listeners.indexOf(listener); + if (index != -1) { + listeners.splice(index, 1); + } + return this; + }; + proto.emitEvent = function (eventName, args) { + var listeners = this._events && this._events[eventName]; + if (!listeners || !listeners.length) { + return; + } + // copy over to avoid interference if .off() in listener + listeners = listeners.slice(0); + args = args || []; + // once stuff + var onceListeners = this._onceEvents && this._onceEvents[eventName]; + for (var i = 0; i < listeners.length; i++) { + var listener = listeners[i]; + var isOnce = onceListeners && onceListeners[listener]; + if (isOnce) { + // remove listener + // remove before trigger to prevent recursion + this.off(eventName, listener); + // unset once flag + delete onceListeners[listener]; + } + // trigger listener + listener.apply(this, args); + } + return this; + }; + proto.allOff = function () { + delete this._events; + delete this._onceEvents; + }; + return EvEmitter; +}); diff --git a/.parcel-cache/4b/8e6e69c1ad50a6f9d3ba8239d965c2.v8 b/.parcel-cache/4b/8e6e69c1ad50a6f9d3ba8239d965c2.v8 new file mode 100644 index 0000000..457857f Binary files /dev/null and b/.parcel-cache/4b/8e6e69c1ad50a6f9d3ba8239d965c2.v8 differ diff --git a/.parcel-cache/4b/a339cb4e71136e5c9f281ba541b6e3.v8 b/.parcel-cache/4b/a339cb4e71136e5c9f281ba541b6e3.v8 new file mode 100644 index 0000000..a2c6e7b Binary files /dev/null and b/.parcel-cache/4b/a339cb4e71136e5c9f281ba541b6e3.v8 differ diff --git a/.parcel-cache/4b/a5eed8f96c1cca01c2cba5528714ac.blob b/.parcel-cache/4b/a5eed8f96c1cca01c2cba5528714ac.blob new file mode 100644 index 0000000..bf294a1 Binary files /dev/null and b/.parcel-cache/4b/a5eed8f96c1cca01c2cba5528714ac.blob differ diff --git a/.parcel-cache/4b/d0e6919364893a85195ef8ad9cdb36.v8 b/.parcel-cache/4b/d0e6919364893a85195ef8ad9cdb36.v8 new file mode 100644 index 0000000..c4895e1 Binary files /dev/null and b/.parcel-cache/4b/d0e6919364893a85195ef8ad9cdb36.v8 differ diff --git a/.parcel-cache/4c/331b6827211e7515c2c4317911426d.v8 b/.parcel-cache/4c/331b6827211e7515c2c4317911426d.v8 new file mode 100644 index 0000000..c99e067 Binary files /dev/null and b/.parcel-cache/4c/331b6827211e7515c2c4317911426d.v8 differ diff --git a/.parcel-cache/4d/0c327069dc95a44db07bc5ccfd4946.blob b/.parcel-cache/4d/0c327069dc95a44db07bc5ccfd4946.blob new file mode 100644 index 0000000..fd9709f Binary files /dev/null and b/.parcel-cache/4d/0c327069dc95a44db07bc5ccfd4946.blob differ diff --git a/.parcel-cache/4d/31f96958f7e972492495bb3535a9fc.blob b/.parcel-cache/4d/31f96958f7e972492495bb3535a9fc.blob new file mode 100644 index 0000000..eef074c --- /dev/null +++ b/.parcel-cache/4d/31f96958f7e972492495bb3535a9fc.blob @@ -0,0 +1,655 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + diff --git a/.parcel-cache/4d/465e7a05df8bafda859028c3f9d8f3.blob b/.parcel-cache/4d/465e7a05df8bafda859028c3f9d8f3.blob new file mode 100644 index 0000000..b738db3 --- /dev/null +++ b/.parcel-cache/4d/465e7a05df8bafda859028c3f9d8f3.blob @@ -0,0 +1,309 @@ +var define; +/*! +* imagesLoaded v4.1.4 +* JavaScript is all like "You images are done yet or what?" +* MIT License +*/ +(function (window, factory) { + "use strict"; + // universal module definition + /*global define: false, module: false, require: false*/ + if (typeof define == 'function' && define.amd) { + // AMD + define(['ev-emitter/ev-emitter'], function (EvEmitter) { + return factory(window, EvEmitter); + }); + } else if (typeof module == 'object' && module.exports) { + // CommonJS + module.exports = factory(window, require('ev-emitter')); + } else { + // browser global + window.imagesLoaded = factory(window, window.EvEmitter); + } +})(typeof window !== 'undefined' ? window : this, // -------------------------- factory -------------------------- // +function factory(window, EvEmitter) { + "use strict"; + var $ = window.jQuery; + var console = window.console; + // -------------------------- helpers -------------------------- // + // extend objects + function extend(a, b) { + for (var prop in b) { + a[prop] = b[prop]; + } + return a; + } + var arraySlice = Array.prototype.slice; + // turn element or nodeList into an array + function makeArray(obj) { + if (Array.isArray(obj)) { + // use object if already an array + return obj; + } + var isArrayLike = typeof obj == 'object' && typeof obj.length == 'number'; + if (isArrayLike) { + // convert nodeList to array + return arraySlice.call(obj); + } + // array of single index + return [obj]; + } + // -------------------------- imagesLoaded -------------------------- // + /** + * @param {Array, Element, NodeList, String} elem + * @param {Object or Function} options - if function, use as callback + * @param {Function} onAlways - callback function + */ + function ImagesLoaded(elem, options, onAlways) { + // coerce ImagesLoaded() without new, to be new ImagesLoaded() + if (!(this instanceof ImagesLoaded)) { + return new ImagesLoaded(elem, options, onAlways); + } + // use elem as selector string + var queryElem = elem; + if (typeof elem == 'string') { + queryElem = document.querySelectorAll(elem); + } + // bail if bad element + if (!queryElem) { + console.error('Bad element for imagesLoaded ' + (queryElem || elem)); + return; + } + this.elements = makeArray(queryElem); + this.options = extend({}, this.options); + // shift arguments if no options set + if (typeof options == 'function') { + onAlways = options; + } else { + extend(this.options, options); + } + if (onAlways) { + this.on('always', onAlways); + } + this.getImages(); + if ($) { + // add jQuery Deferred object + this.jqDeferred = new $.Deferred(); + } + // HACK check async to allow time to bind listeners + setTimeout(this.check.bind(this)); + } + ImagesLoaded.prototype = Object.create(EvEmitter.prototype); + ImagesLoaded.prototype.options = {}; + ImagesLoaded.prototype.getImages = function () { + this.images = []; + // filter & find items if we have an item selector + this.elements.forEach(this.addElementImages, this); + }; + /** + * @param {Node} element + */ + ImagesLoaded.prototype.addElementImages = function (elem) { + // filter siblings + if (elem.nodeName == 'IMG') { + this.addImage(elem); + } + // get background image on element + if (this.options.background === true) { + this.addElementBackgroundImages(elem); + } + // find children + // no non-element nodes, #143 + var nodeType = elem.nodeType; + if (!nodeType || !elementNodeTypes[nodeType]) { + return; + } + var childImgs = elem.querySelectorAll('img'); + // concat childElems to filterFound array + for (var i = 0; i < childImgs.length; i++) { + var img = childImgs[i]; + this.addImage(img); + } + // get child background images + if (typeof this.options.background == 'string') { + var children = elem.querySelectorAll(this.options.background); + for (i = 0; i < children.length; i++) { + var child = children[i]; + this.addElementBackgroundImages(child); + } + } + }; + var elementNodeTypes = { + 1: true, + 9: true, + 11: true + }; + ImagesLoaded.prototype.addElementBackgroundImages = function (elem) { + var style = getComputedStyle(elem); + if (!style) { + // Firefox returns null if in a hidden iframe https://bugzil.la/548397 + return; + } + // get url inside url("...") + var reURL = /url\((['"])?(.*?)\1\)/gi; + var matches = reURL.exec(style.backgroundImage); + while (matches !== null) { + var url = matches && matches[2]; + if (url) { + this.addBackground(url, elem); + } + matches = reURL.exec(style.backgroundImage); + } + }; + /** + * @param {Image} img + */ + ImagesLoaded.prototype.addImage = function (img) { + var loadingImage = new LoadingImage(img); + this.images.push(loadingImage); + }; + ImagesLoaded.prototype.addBackground = function (url, elem) { + var background = new Background(url, elem); + this.images.push(background); + }; + ImagesLoaded.prototype.check = function () { + var _this = this; + this.progressedCount = 0; + this.hasAnyBroken = false; + // complete if no images + if (!this.images.length) { + this.complete(); + return; + } + function onProgress(image, elem, message) { + // HACK - Chrome triggers event before object properties have changed. #83 + setTimeout(function () { + _this.progress(image, elem, message); + }); + } + this.images.forEach(function (loadingImage) { + loadingImage.once('progress', onProgress); + loadingImage.check(); + }); + }; + ImagesLoaded.prototype.progress = function (image, elem, message) { + this.progressedCount++; + this.hasAnyBroken = this.hasAnyBroken || !image.isLoaded; + // progress event + this.emitEvent('progress', [this, image, elem]); + if (this.jqDeferred && this.jqDeferred.notify) { + this.jqDeferred.notify(this, image); + } + // check if completed + if (this.progressedCount == this.images.length) { + this.complete(); + } + if (this.options.debug && console) { + console.log('progress: ' + message, image, elem); + } + }; + ImagesLoaded.prototype.complete = function () { + var eventName = this.hasAnyBroken ? 'fail' : 'done'; + this.isComplete = true; + this.emitEvent(eventName, [this]); + this.emitEvent('always', [this]); + if (this.jqDeferred) { + var jqMethod = this.hasAnyBroken ? 'reject' : 'resolve'; + this.jqDeferred[jqMethod](this); + } + }; + // -------------------------- -------------------------- // + function LoadingImage(img) { + this.img = img; + } + LoadingImage.prototype = Object.create(EvEmitter.prototype); + LoadingImage.prototype.check = function () { + // If complete is true and browser supports natural sizes, + // try to check for image status manually. + var isComplete = this.getIsImageComplete(); + if (isComplete) { + // report based on naturalWidth + this.confirm(this.img.naturalWidth !== 0, 'naturalWidth'); + return; + } + // If none of the checks above matched, simulate loading on detached element. + this.proxyImage = new Image(); + this.proxyImage.addEventListener('load', this); + this.proxyImage.addEventListener('error', this); + // bind to image as well for Firefox. #191 + this.img.addEventListener('load', this); + this.img.addEventListener('error', this); + this.proxyImage.src = this.img.src; + }; + LoadingImage.prototype.getIsImageComplete = function () { + // check for non-zero, non-undefined naturalWidth + // fixes Safari+InfiniteScroll+Masonry bug infinite-scroll#671 + return this.img.complete && this.img.naturalWidth; + }; + LoadingImage.prototype.confirm = function (isLoaded, message) { + this.isLoaded = isLoaded; + this.emitEvent('progress', [this, this.img, message]); + }; + // ----- events ----- // + // trigger specified handler for event type + LoadingImage.prototype.handleEvent = function (event) { + var method = 'on' + event.type; + if (this[method]) { + this[method](event); + } + }; + LoadingImage.prototype.onload = function () { + this.confirm(true, 'onload'); + this.unbindEvents(); + }; + LoadingImage.prototype.onerror = function () { + this.confirm(false, 'onerror'); + this.unbindEvents(); + }; + LoadingImage.prototype.unbindEvents = function () { + this.proxyImage.removeEventListener('load', this); + this.proxyImage.removeEventListener('error', this); + this.img.removeEventListener('load', this); + this.img.removeEventListener('error', this); + }; + // -------------------------- Background -------------------------- // + function Background(url, element) { + this.url = url; + this.element = element; + this.img = new Image(); + } + // inherit LoadingImage prototype + Background.prototype = Object.create(LoadingImage.prototype); + Background.prototype.check = function () { + this.img.addEventListener('load', this); + this.img.addEventListener('error', this); + this.img.src = this.url; + // check if image is already complete + var isComplete = this.getIsImageComplete(); + if (isComplete) { + this.confirm(this.img.naturalWidth !== 0, 'naturalWidth'); + this.unbindEvents(); + } + }; + Background.prototype.unbindEvents = function () { + this.img.removeEventListener('load', this); + this.img.removeEventListener('error', this); + }; + Background.prototype.confirm = function (isLoaded, message) { + this.isLoaded = isLoaded; + this.emitEvent('progress', [this, this.element, message]); + }; + // -------------------------- jQuery -------------------------- // + ImagesLoaded.makeJQueryPlugin = function (jQuery) { + jQuery = jQuery || window.jQuery; + if (!jQuery) { + return; + } + // set local variable + $ = jQuery; + // $().imagesLoaded() + $.fn.imagesLoaded = function (options, callback) { + var instance = new ImagesLoaded(this, options, callback); + return instance.jqDeferred.promise($(this)); + }; + }; + // try making plugin + ImagesLoaded.makeJQueryPlugin(); + // -------------------------- -------------------------- // + return ImagesLoaded; +}); diff --git a/.parcel-cache/4e/1807ca2b7db913f91b2cd7d89820dc.blob b/.parcel-cache/4e/1807ca2b7db913f91b2cd7d89820dc.blob new file mode 100644 index 0000000..ef9189b Binary files /dev/null and b/.parcel-cache/4e/1807ca2b7db913f91b2cd7d89820dc.blob differ diff --git a/.parcel-cache/4e/21d092ff09882c0f2e70c53eb9ca0f.blob b/.parcel-cache/4e/21d092ff09882c0f2e70c53eb9ca0f.blob new file mode 100644 index 0000000..c2a9551 --- /dev/null +++ b/.parcel-cache/4e/21d092ff09882c0f2e70c53eb9ca0f.blob @@ -0,0 +1,517 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/4e/cde0faa11794b9078cbb03c949f84c.blob b/.parcel-cache/4e/cde0faa11794b9078cbb03c949f84c.blob new file mode 100644 index 0000000..9e693e8 Binary files /dev/null and b/.parcel-cache/4e/cde0faa11794b9078cbb03c949f84c.blob differ diff --git a/.parcel-cache/4e/d60eff9525a03cbd6b3dd71007c270.v8 b/.parcel-cache/4e/d60eff9525a03cbd6b3dd71007c270.v8 new file mode 100644 index 0000000..a745fe4 Binary files /dev/null and b/.parcel-cache/4e/d60eff9525a03cbd6b3dd71007c270.v8 differ diff --git a/.parcel-cache/4e/ed0fb4f98d29cd650e80fdc4eee289.v8 b/.parcel-cache/4e/ed0fb4f98d29cd650e80fdc4eee289.v8 new file mode 100644 index 0000000..c1def85 Binary files /dev/null and b/.parcel-cache/4e/ed0fb4f98d29cd650e80fdc4eee289.v8 differ diff --git a/.parcel-cache/4f/4462205fc7c80895603c24ea4c307b.blob b/.parcel-cache/4f/4462205fc7c80895603c24ea4c307b.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/4f/4462205fc7c80895603c24ea4c307b.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/4f/d3a46a4348c3df47f17422100f2a2a.v8 b/.parcel-cache/4f/d3a46a4348c3df47f17422100f2a2a.v8 new file mode 100644 index 0000000..fae8e01 Binary files /dev/null and b/.parcel-cache/4f/d3a46a4348c3df47f17422100f2a2a.v8 differ diff --git a/.parcel-cache/4f/fa319be8c1853679dab715b454f911.v8 b/.parcel-cache/4f/fa319be8c1853679dab715b454f911.v8 new file mode 100644 index 0000000..c26b3ed Binary files /dev/null and b/.parcel-cache/4f/fa319be8c1853679dab715b454f911.v8 differ diff --git a/.parcel-cache/50/5eda8bcb338fe50a117a17260c3a40.v8 b/.parcel-cache/50/5eda8bcb338fe50a117a17260c3a40.v8 new file mode 100644 index 0000000..89a5dad Binary files /dev/null and b/.parcel-cache/50/5eda8bcb338fe50a117a17260c3a40.v8 differ diff --git a/.parcel-cache/50/9f2f662831bf1a4324f7f04c1f270a.v8 b/.parcel-cache/50/9f2f662831bf1a4324f7f04c1f270a.v8 new file mode 100644 index 0000000..14a7cca Binary files /dev/null and b/.parcel-cache/50/9f2f662831bf1a4324f7f04c1f270a.v8 differ diff --git a/.parcel-cache/50/aed3c87d96a16048fbfeae752150be.v8 b/.parcel-cache/50/aed3c87d96a16048fbfeae752150be.v8 new file mode 100644 index 0000000..95e979a Binary files /dev/null and b/.parcel-cache/50/aed3c87d96a16048fbfeae752150be.v8 differ diff --git a/.parcel-cache/50/df0ae090e2562a60cf81a880247b9b.blob b/.parcel-cache/50/df0ae090e2562a60cf81a880247b9b.blob new file mode 100644 index 0000000..ef9189b Binary files /dev/null and b/.parcel-cache/50/df0ae090e2562a60cf81a880247b9b.blob differ diff --git a/.parcel-cache/51/17071f66ad14566f66a9c2a312b386.blob b/.parcel-cache/51/17071f66ad14566f66a9c2a312b386.blob new file mode 100644 index 0000000..d846579 Binary files /dev/null and b/.parcel-cache/51/17071f66ad14566f66a9c2a312b386.blob differ diff --git a/.parcel-cache/51/1a278953cd7e54b9ae6b0108431474.v8 b/.parcel-cache/51/1a278953cd7e54b9ae6b0108431474.v8 new file mode 100644 index 0000000..8d33180 Binary files /dev/null and b/.parcel-cache/51/1a278953cd7e54b9ae6b0108431474.v8 differ diff --git a/.parcel-cache/51/2cd045acda740885d5ffe9897a693a.blob b/.parcel-cache/51/2cd045acda740885d5ffe9897a693a.blob new file mode 100644 index 0000000..65b9de7 Binary files /dev/null and b/.parcel-cache/51/2cd045acda740885d5ffe9897a693a.blob differ diff --git a/.parcel-cache/51/90b5f621ff7460b45965e84409e829.blob b/.parcel-cache/51/90b5f621ff7460b45965e84409e829.blob new file mode 100644 index 0000000..22e9362 --- /dev/null +++ b/.parcel-cache/51/90b5f621ff7460b45965e84409e829.blob @@ -0,0 +1,500 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + justify-items: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1; + font-size: var(--font-size-large); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/51/d33f8942d3d14f6bc15970e22dba6b.blob b/.parcel-cache/51/d33f8942d3d14f6bc15970e22dba6b.blob new file mode 100644 index 0000000..01b46ab Binary files /dev/null and b/.parcel-cache/51/d33f8942d3d14f6bc15970e22dba6b.blob differ diff --git a/.parcel-cache/52/42f30e8e164b398f76c7f565d939a6.blob b/.parcel-cache/52/42f30e8e164b398f76c7f565d939a6.blob new file mode 100644 index 0000000..eecd9a7 Binary files /dev/null and b/.parcel-cache/52/42f30e8e164b398f76c7f565d939a6.blob differ diff --git a/.parcel-cache/52/d3e175c3863d5d6804cb21b5202cde.blob b/.parcel-cache/52/d3e175c3863d5d6804cb21b5202cde.blob new file mode 100644 index 0000000..9dc0a39 --- /dev/null +++ b/.parcel-cache/52/d3e175c3863d5d6804cb21b5202cde.blob @@ -0,0 +1,508 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.underline::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.underline:hover::after, +.menu--open ~ .underline::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/52/e26246e59213e159f59d3270755046.blob b/.parcel-cache/52/e26246e59213e159f59d3270755046.blob new file mode 100644 index 0000000..2a38fbb Binary files /dev/null and b/.parcel-cache/52/e26246e59213e159f59d3270755046.blob differ diff --git a/.parcel-cache/53/81dd4d166c65af1be4f613c97d6be0.v8 b/.parcel-cache/53/81dd4d166c65af1be4f613c97d6be0.v8 new file mode 100644 index 0000000..20804f4 Binary files /dev/null and b/.parcel-cache/53/81dd4d166c65af1be4f613c97d6be0.v8 differ diff --git a/.parcel-cache/53/a698f1d125ceff1110bcdd8ed340c1.blob b/.parcel-cache/53/a698f1d125ceff1110bcdd8ed340c1.blob new file mode 100644 index 0000000..b9a08cf Binary files /dev/null and b/.parcel-cache/53/a698f1d125ceff1110bcdd8ed340c1.blob differ diff --git a/.parcel-cache/53/b93809a71569620632041b556f596f.blob b/.parcel-cache/53/b93809a71569620632041b556f596f.blob new file mode 100644 index 0000000..7b48360 Binary files /dev/null and b/.parcel-cache/53/b93809a71569620632041b556f596f.blob differ diff --git a/.parcel-cache/53/fd25307ca27af36d21bc72ae06c195.v8 b/.parcel-cache/53/fd25307ca27af36d21bc72ae06c195.v8 new file mode 100644 index 0000000..bcd5cef Binary files /dev/null and b/.parcel-cache/53/fd25307ca27af36d21bc72ae06c195.v8 differ diff --git a/.parcel-cache/54/1a1dea2cd7954a2f2840d8da7a9f5c.blob b/.parcel-cache/54/1a1dea2cd7954a2f2840d8da7a9f5c.blob new file mode 100644 index 0000000..52aa1a4 --- /dev/null +++ b/.parcel-cache/54/1a1dea2cd7954a2f2840d8da7a9f5c.blob @@ -0,0 +1,96 @@ +var define; +/** +* EvEmitter v1.1.0 +* Lil' event emitter +* MIT License +*/ +/*jshint unused: true, undef: true, strict: true*/ +(function (global, factory) { + // universal module definition + /*jshint strict: false*/ + /*globals define, module, window*/ + if (typeof define == 'function' && define.amd) { + // AMD - RequireJS + define(factory); + } else if (typeof module == 'object' && module.exports) { + // CommonJS - Browserify, Webpack + module.exports = factory(); + } else { + // Browser globals + global.EvEmitter = factory(); + } +})(typeof window != 'undefined' ? window : this, function () { + "use strict"; + function EvEmitter() {} + var proto = EvEmitter.prototype; + proto.on = function (eventName, listener) { + if (!eventName || !listener) { + return; + } + // set events hash + var events = this._events = this._events || ({}); + // set listeners array + var listeners = events[eventName] = events[eventName] || []; + // only add once + if (listeners.indexOf(listener) == -1) { + listeners.push(listener); + } + return this; + }; + proto.once = function (eventName, listener) { + if (!eventName || !listener) { + return; + } + // add event + this.on(eventName, listener); + // set once flag + // set onceEvents hash + var onceEvents = this._onceEvents = this._onceEvents || ({}); + // set onceListeners object + var onceListeners = onceEvents[eventName] = onceEvents[eventName] || ({}); + // set flag + onceListeners[listener] = true; + return this; + }; + proto.off = function (eventName, listener) { + var listeners = this._events && this._events[eventName]; + if (!listeners || !listeners.length) { + return; + } + var index = listeners.indexOf(listener); + if (index != -1) { + listeners.splice(index, 1); + } + return this; + }; + proto.emitEvent = function (eventName, args) { + var listeners = this._events && this._events[eventName]; + if (!listeners || !listeners.length) { + return; + } + // copy over to avoid interference if .off() in listener + listeners = listeners.slice(0); + args = args || []; + // once stuff + var onceListeners = this._onceEvents && this._onceEvents[eventName]; + for (var i = 0; i < listeners.length; i++) { + var listener = listeners[i]; + var isOnce = onceListeners && onceListeners[listener]; + if (isOnce) { + // remove listener + // remove before trigger to prevent recursion + this.off(eventName, listener); + // unset once flag + delete onceListeners[listener]; + } + // trigger listener + listener.apply(this, args); + } + return this; + }; + proto.allOff = function () { + delete this._events; + delete this._onceEvents; + }; + return EvEmitter; +}); diff --git a/.parcel-cache/54/43df1b42e1eda083efd7f07c6f1bc8.blob b/.parcel-cache/54/43df1b42e1eda083efd7f07c6f1bc8.blob new file mode 100644 index 0000000..5b49f68 Binary files /dev/null and b/.parcel-cache/54/43df1b42e1eda083efd7f07c6f1bc8.blob differ diff --git a/.parcel-cache/54/69a1e3c6e7287405a5cf7bef773b22.blob b/.parcel-cache/54/69a1e3c6e7287405a5cf7bef773b22.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/54/69a1e3c6e7287405a5cf7bef773b22.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/54/76d3e2cec2309b19f37313424cefc2.v8 b/.parcel-cache/54/76d3e2cec2309b19f37313424cefc2.v8 new file mode 100644 index 0000000..aa723c1 Binary files /dev/null and b/.parcel-cache/54/76d3e2cec2309b19f37313424cefc2.v8 differ diff --git a/.parcel-cache/54/af069f38e08e03943f558ba57355cc.blob b/.parcel-cache/54/af069f38e08e03943f558ba57355cc.blob new file mode 100644 index 0000000..57c1ca9 Binary files /dev/null and b/.parcel-cache/54/af069f38e08e03943f558ba57355cc.blob differ diff --git a/.parcel-cache/54/cb7dc30df9e4312c8354e9a436cf55.blob b/.parcel-cache/54/cb7dc30df9e4312c8354e9a436cf55.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/54/cb7dc30df9e4312c8354e9a436cf55.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/55/3bb1e41f21afc51e6c728d51be480b.v8 b/.parcel-cache/55/3bb1e41f21afc51e6c728d51be480b.v8 new file mode 100644 index 0000000..0a2cef0 Binary files /dev/null and b/.parcel-cache/55/3bb1e41f21afc51e6c728d51be480b.v8 differ diff --git a/.parcel-cache/55/4347e3eb77cbe7acd3f0b88da23c08.v8 b/.parcel-cache/55/4347e3eb77cbe7acd3f0b88da23c08.v8 new file mode 100644 index 0000000..635599b Binary files /dev/null and b/.parcel-cache/55/4347e3eb77cbe7acd3f0b88da23c08.v8 differ diff --git a/.parcel-cache/55/b49adc2eb1f23899260b441318261b.v8 b/.parcel-cache/55/b49adc2eb1f23899260b441318261b.v8 new file mode 100644 index 0000000..c1e326e Binary files /dev/null and b/.parcel-cache/55/b49adc2eb1f23899260b441318261b.v8 differ diff --git a/.parcel-cache/55/c231ea938c70fe73232de381ec006a.blob b/.parcel-cache/55/c231ea938c70fe73232de381ec006a.blob new file mode 100644 index 0000000..0c71a94 --- /dev/null +++ b/.parcel-cache/55/c231ea938c70fe73232de381ec006a.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/55/e281d2a1c9961d5cfc5dd656017397.blob b/.parcel-cache/55/e281d2a1c9961d5cfc5dd656017397.blob new file mode 100644 index 0000000..f7d63e9 --- /dev/null +++ b/.parcel-cache/55/e281d2a1c9961d5cfc5dd656017397.blob @@ -0,0 +1,504 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + justify-items: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1; + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 10vw; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/56/17882f1813ef1ded7087c7a8fc5182.v8 b/.parcel-cache/56/17882f1813ef1ded7087c7a8fc5182.v8 new file mode 100644 index 0000000..4f79854 Binary files /dev/null and b/.parcel-cache/56/17882f1813ef1ded7087c7a8fc5182.v8 differ diff --git a/.parcel-cache/56/8fa37dc76e16ba9e0de65e941aa9c0.v8 b/.parcel-cache/56/8fa37dc76e16ba9e0de65e941aa9c0.v8 new file mode 100644 index 0000000..6a8acd5 Binary files /dev/null and b/.parcel-cache/56/8fa37dc76e16ba9e0de65e941aa9c0.v8 differ diff --git a/.parcel-cache/56/94ed718bd8d803326edc3fdca9c24a.v8 b/.parcel-cache/56/94ed718bd8d803326edc3fdca9c24a.v8 new file mode 100644 index 0000000..bcf3dfe Binary files /dev/null and b/.parcel-cache/56/94ed718bd8d803326edc3fdca9c24a.v8 differ diff --git a/.parcel-cache/56/a48d3b7077c2b995ca2eb40fceb2b6.blob b/.parcel-cache/56/a48d3b7077c2b995ca2eb40fceb2b6.blob new file mode 100644 index 0000000..8a49977 Binary files /dev/null and b/.parcel-cache/56/a48d3b7077c2b995ca2eb40fceb2b6.blob differ diff --git a/.parcel-cache/56/b94d7f94bf51c68d46f35eef06d875.v8 b/.parcel-cache/56/b94d7f94bf51c68d46f35eef06d875.v8 new file mode 100644 index 0000000..45bf1d9 Binary files /dev/null and b/.parcel-cache/56/b94d7f94bf51c68d46f35eef06d875.v8 differ diff --git a/.parcel-cache/57/2570884e248a518f738e1a7dfd4587.blob b/.parcel-cache/57/2570884e248a518f738e1a7dfd4587.blob new file mode 100644 index 0000000..d256fbe Binary files /dev/null and b/.parcel-cache/57/2570884e248a518f738e1a7dfd4587.blob differ diff --git a/.parcel-cache/57/35bb09bd3f99e2d5a3bb347f9f0ac7.v8 b/.parcel-cache/57/35bb09bd3f99e2d5a3bb347f9f0ac7.v8 new file mode 100644 index 0000000..357d959 Binary files /dev/null and b/.parcel-cache/57/35bb09bd3f99e2d5a3bb347f9f0ac7.v8 differ diff --git a/.parcel-cache/57/391ec24aea1a9f59fdfcc4e5d28c5d.blob b/.parcel-cache/57/391ec24aea1a9f59fdfcc4e5d28c5d.blob new file mode 100644 index 0000000..2bf15fa Binary files /dev/null and b/.parcel-cache/57/391ec24aea1a9f59fdfcc4e5d28c5d.blob differ diff --git a/.parcel-cache/57/42084ab7420fe21036d3235c152fa4.blob b/.parcel-cache/57/42084ab7420fe21036d3235c152fa4.blob new file mode 100644 index 0000000..979ff1c Binary files /dev/null and b/.parcel-cache/57/42084ab7420fe21036d3235c152fa4.blob differ diff --git a/.parcel-cache/57/4db0c87e10c52f2c7a043231f9a57e.blob b/.parcel-cache/57/4db0c87e10c52f2c7a043231f9a57e.blob new file mode 100644 index 0000000..e1dd821 Binary files /dev/null and b/.parcel-cache/57/4db0c87e10c52f2c7a043231f9a57e.blob differ diff --git a/.parcel-cache/58/9a3cd822f542b546a64c7ab7a3e36e.blob b/.parcel-cache/58/9a3cd822f542b546a64c7ab7a3e36e.blob new file mode 100644 index 0000000..77c9667 --- /dev/null +++ b/.parcel-cache/58/9a3cd822f542b546a64c7ab7a3e36e.blob @@ -0,0 +1,3439 @@ +var define; +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) : typeof define === 'function' && define.amd ? define(['exports'], factory) : (global = global || self, factory(global.window = global.window || ({}))); +})(this, function (exports) { + "use strict"; + function _inheritsLoose(subClass, superClass) { + subClass.prototype = Object.create(superClass.prototype); + subClass.prototype.constructor = subClass; + subClass.__proto__ = superClass; + } + function _assertThisInitialized(self) { + if (self === void 0) { + throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); + } + return self; + } + /*! + * GSAP 3.7.1 + * https://greensock.com + * + * @license Copyright 2008-2021, GreenSock. All rights reserved. + * Subject to the terms at https://greensock.com/standard-license or for + * Club GreenSock members, the agreement issued with that membership. + * @author: Jack Doyle, jack@greensock.com + */ + var _config = { + autoSleep: 120, + force3D: "auto", + nullTargetWarn: 1, + units: { + lineHeight: "" + } + }, _defaults = { + duration: .5, + overwrite: false, + delay: 0 + }, _suppressOverwrites, _bigNum = 1e8, _tinyNum = 1 / _bigNum, _2PI = Math.PI * 2, _HALF_PI = _2PI / 4, _gsID = 0, _sqrt = Math.sqrt, _cos = Math.cos, _sin = Math.sin, _isString = function _isString(value) { + return typeof value === "string"; + }, _isFunction = function _isFunction(value) { + return typeof value === "function"; + }, _isNumber = function _isNumber(value) { + return typeof value === "number"; + }, _isUndefined = function _isUndefined(value) { + return typeof value === "undefined"; + }, _isObject = function _isObject(value) { + return typeof value === "object"; + }, _isNotFalse = function _isNotFalse(value) { + return value !== false; + }, _windowExists = function _windowExists() { + return typeof window !== "undefined"; + }, _isFuncOrString = function _isFuncOrString(value) { + return _isFunction(value) || _isString(value); + }, _isTypedArray = typeof ArrayBuffer === "function" && ArrayBuffer.isView || (function () {}), _isArray = Array.isArray, _strictNumExp = /(?:-?\.?\d|\.)+/gi, _numExp = /[-+=.]*\d+[.e\-+]*\d*[e\-+]*\d*/g, _numWithUnitExp = /[-+=.]*\d+[.e-]*\d*[a-z%]*/g, _complexStringNumExp = /[-+=.]*\d+\.?\d*(?:e-|e\+)?\d*/gi, _relExp = /[+-]=-?[.\d]+/, _delimitedValueExp = /[^,'"\[\]\s]+/gi, _unitExp = /[\d.+\-=]+(?:e[-+]\d*)*/i, _globalTimeline, _win, _coreInitted, _doc, _globals = {}, _installScope = {}, _coreReady, _install = function _install(scope) { + return (_installScope = _merge(scope, _globals)) && gsap; + }, _missingPlugin = function _missingPlugin(property, value) { + return console.warn("Invalid property", property, "set to", value, "Missing plugin? gsap.registerPlugin()"); + }, _warn = function _warn(message, suppress) { + return !suppress && console.warn(message); + }, _addGlobal = function _addGlobal(name, obj) { + return name && (_globals[name] = obj) && _installScope && (_installScope[name] = obj) || _globals; + }, _emptyFunc = function _emptyFunc() { + return 0; + }, _reservedProps = {}, _lazyTweens = [], _lazyLookup = {}, _lastRenderedFrame, _plugins = {}, _effects = {}, _nextGCFrame = 30, _harnessPlugins = [], _callbackNames = "", _harness = function _harness(targets) { + var target = targets[0], harnessPlugin, i; + _isObject(target) || _isFunction(target) || (targets = [targets]); + if (!(harnessPlugin = (target._gsap || ({})).harness)) { + i = _harnessPlugins.length; + while (i-- && !_harnessPlugins[i].targetTest(target)) {} + harnessPlugin = _harnessPlugins[i]; + } + i = targets.length; + while (i--) { + targets[i] && (targets[i]._gsap || (targets[i]._gsap = new GSCache(targets[i], harnessPlugin))) || targets.splice(i, 1); + } + return targets; + }, _getCache = function _getCache(target) { + return target._gsap || _harness(toArray(target))[0]._gsap; + }, _getProperty = function _getProperty(target, property, v) { + return (v = target[property]) && _isFunction(v) ? target[property]() : _isUndefined(v) && target.getAttribute && target.getAttribute(property) || v; + }, _forEachName = function _forEachName(names, func) { + return (names = names.split(",")).forEach(func) || names; + }, _round = function _round(value) { + return Math.round(value * 100000) / 100000 || 0; + }, _arrayContainsAny = function _arrayContainsAny(toSearch, toFind) { + var l = toFind.length, i = 0; + for (; toSearch.indexOf(toFind[i]) < 0 && ++i < l; ) {} + return i < l; + }, _lazyRender = function _lazyRender() { + var l = _lazyTweens.length, a = _lazyTweens.slice(0), i, tween; + _lazyLookup = {}; + _lazyTweens.length = 0; + for (i = 0; i < l; i++) { + tween = a[i]; + tween && tween._lazy && (tween.render(tween._lazy[0], tween._lazy[1], true)._lazy = 0); + } + }, _lazySafeRender = function _lazySafeRender(animation, time, suppressEvents, force) { + _lazyTweens.length && _lazyRender(); + animation.render(time, suppressEvents, force); + _lazyTweens.length && _lazyRender(); + }, _numericIfPossible = function _numericIfPossible(value) { + var n = parseFloat(value); + return (n || n === 0) && (value + "").match(_delimitedValueExp).length < 2 ? n : _isString(value) ? value.trim() : value; + }, _passThrough = function _passThrough(p) { + return p; + }, _setDefaults = function _setDefaults(obj, defaults) { + for (var p in defaults) { + (p in obj) || (obj[p] = defaults[p]); + } + return obj; + }, _setKeyframeDefaults = function _setKeyframeDefaults(obj, defaults) { + for (var p in defaults) { + (p in obj) || p === "duration" || p === "ease" || (obj[p] = defaults[p]); + } + }, _merge = function _merge(base, toMerge) { + for (var p in toMerge) { + base[p] = toMerge[p]; + } + return base; + }, _mergeDeep = function _mergeDeep(base, toMerge) { + for (var p in toMerge) { + p !== "__proto__" && p !== "constructor" && p !== "prototype" && (base[p] = _isObject(toMerge[p]) ? _mergeDeep(base[p] || (base[p] = {}), toMerge[p]) : toMerge[p]); + } + return base; + }, _copyExcluding = function _copyExcluding(obj, excluding) { + var copy = {}, p; + for (p in obj) { + (p in excluding) || (copy[p] = obj[p]); + } + return copy; + }, _inheritDefaults = function _inheritDefaults(vars) { + var parent = vars.parent || _globalTimeline, func = vars.keyframes ? _setKeyframeDefaults : _setDefaults; + if (_isNotFalse(vars.inherit)) { + while (parent) { + func(vars, parent.vars.defaults); + parent = parent.parent || parent._dp; + } + } + return vars; + }, _arraysMatch = function _arraysMatch(a1, a2) { + var i = a1.length, match = i === a2.length; + while (match && i-- && a1[i] === a2[i]) {} + return i < 0; + }, _addLinkedListItem = function _addLinkedListItem(parent, child, firstProp, lastProp, sortBy) { + if (firstProp === void 0) { + firstProp = "_first"; + } + if (lastProp === void 0) { + lastProp = "_last"; + } + var prev = parent[lastProp], t; + if (sortBy) { + t = child[sortBy]; + while (prev && prev[sortBy] > t) { + prev = prev._prev; + } + } + if (prev) { + child._next = prev._next; + prev._next = child; + } else { + child._next = parent[firstProp]; + parent[firstProp] = child; + } + if (child._next) { + child._next._prev = child; + } else { + parent[lastProp] = child; + } + child._prev = prev; + child.parent = child._dp = parent; + return child; + }, _removeLinkedListItem = function _removeLinkedListItem(parent, child, firstProp, lastProp) { + if (firstProp === void 0) { + firstProp = "_first"; + } + if (lastProp === void 0) { + lastProp = "_last"; + } + var prev = child._prev, next = child._next; + if (prev) { + prev._next = next; + } else if (parent[firstProp] === child) { + parent[firstProp] = next; + } + if (next) { + next._prev = prev; + } else if (parent[lastProp] === child) { + parent[lastProp] = prev; + } + child._next = child._prev = child.parent = null; + }, _removeFromParent = function _removeFromParent(child, onlyIfParentHasAutoRemove) { + child.parent && (!onlyIfParentHasAutoRemove || child.parent.autoRemoveChildren) && child.parent.remove(child); + child._act = 0; + }, _uncache = function _uncache(animation, child) { + if (animation && (!child || child._end > animation._dur || child._start < 0)) { + var a = animation; + while (a) { + a._dirty = 1; + a = a.parent; + } + } + return animation; + }, _recacheAncestors = function _recacheAncestors(animation) { + var parent = animation.parent; + while (parent && parent.parent) { + parent._dirty = 1; + parent.totalDuration(); + parent = parent.parent; + } + return animation; + }, _hasNoPausedAncestors = function _hasNoPausedAncestors(animation) { + return !animation || animation._ts && _hasNoPausedAncestors(animation.parent); + }, _elapsedCycleDuration = function _elapsedCycleDuration(animation) { + return animation._repeat ? _animationCycle(animation._tTime, animation = animation.duration() + animation._rDelay) * animation : 0; + }, _animationCycle = function _animationCycle(tTime, cycleDuration) { + var whole = Math.floor(tTime /= cycleDuration); + return tTime && whole === tTime ? whole - 1 : whole; + }, _parentToChildTotalTime = function _parentToChildTotalTime(parentTime, child) { + return (parentTime - child._start) * child._ts + (child._ts >= 0 ? 0 : child._dirty ? child.totalDuration() : child._tDur); + }, _setEnd = function _setEnd(animation) { + return animation._end = _round(animation._start + (animation._tDur / Math.abs(animation._ts || animation._rts || _tinyNum) || 0)); + }, _alignPlayhead = function _alignPlayhead(animation, totalTime) { + var parent = animation._dp; + if (parent && parent.smoothChildTiming && animation._ts) { + animation._start = _round(parent._time - (animation._ts > 0 ? totalTime / animation._ts : ((animation._dirty ? animation.totalDuration() : animation._tDur) - totalTime) / -animation._ts)); + _setEnd(animation); + parent._dirty || _uncache(parent, animation); + } + return animation; + }, _postAddChecks = function _postAddChecks(timeline, child) { + var t; + if (child._time || child._initted && !child._dur) { + t = _parentToChildTotalTime(timeline.rawTime(), child); + if (!child._dur || _clamp(0, child.totalDuration(), t) - child._tTime > _tinyNum) { + child.render(t, true); + } + } + if (_uncache(timeline, child)._dp && timeline._initted && timeline._time >= timeline._dur && timeline._ts) { + if (timeline._dur < timeline.duration()) { + t = timeline; + while (t._dp) { + t.rawTime() >= 0 && t.totalTime(t._tTime); + t = t._dp; + } + } + timeline._zTime = -_tinyNum; + } + }, _addToTimeline = function _addToTimeline(timeline, child, position, skipChecks) { + child.parent && _removeFromParent(child); + child._start = _round((_isNumber(position) ? position : position || timeline !== _globalTimeline ? _parsePosition(timeline, position, child) : timeline._time) + child._delay); + child._end = _round(child._start + (child.totalDuration() / Math.abs(child.timeScale()) || 0)); + _addLinkedListItem(timeline, child, "_first", "_last", timeline._sort ? "_start" : 0); + _isFromOrFromStart(child) || (timeline._recent = child); + skipChecks || _postAddChecks(timeline, child); + return timeline; + }, _scrollTrigger = function _scrollTrigger(animation, trigger) { + return (_globals.ScrollTrigger || _missingPlugin("scrollTrigger", trigger)) && _globals.ScrollTrigger.create(trigger, animation); + }, _attemptInitTween = function _attemptInitTween(tween, totalTime, force, suppressEvents) { + _initTween(tween, totalTime); + if (!tween._initted) { + return 1; + } + if (!force && tween._pt && (tween._dur && tween.vars.lazy !== false || !tween._dur && tween.vars.lazy) && _lastRenderedFrame !== _ticker.frame) { + _lazyTweens.push(tween); + tween._lazy = [totalTime, suppressEvents]; + return 1; + } + }, _parentPlayheadIsBeforeStart = function _parentPlayheadIsBeforeStart(_ref) { + var parent = _ref.parent; + return parent && parent._ts && parent._initted && !parent._lock && (parent.rawTime() < 0 || _parentPlayheadIsBeforeStart(parent)); + }, _isFromOrFromStart = function _isFromOrFromStart(_ref2) { + var data = _ref2.data; + return data === "isFromStart" || data === "isStart"; + }, _renderZeroDurationTween = function _renderZeroDurationTween(tween, totalTime, suppressEvents, force) { + var prevRatio = tween.ratio, ratio = totalTime < 0 || !totalTime && (!tween._start && _parentPlayheadIsBeforeStart(tween) && !(!tween._initted && _isFromOrFromStart(tween)) || (tween._ts < 0 || tween._dp._ts < 0) && !_isFromOrFromStart(tween)) ? 0 : 1, repeatDelay = tween._rDelay, tTime = 0, pt, iteration, prevIteration; + if (repeatDelay && tween._repeat) { + tTime = _clamp(0, tween._tDur, totalTime); + iteration = _animationCycle(tTime, repeatDelay); + prevIteration = _animationCycle(tween._tTime, repeatDelay); + tween._yoyo && iteration & 1 && (ratio = 1 - ratio); + if (iteration !== prevIteration) { + prevRatio = 1 - ratio; + tween.vars.repeatRefresh && tween._initted && tween.invalidate(); + } + } + if (ratio !== prevRatio || force || tween._zTime === _tinyNum || !totalTime && tween._zTime) { + if (!tween._initted && _attemptInitTween(tween, totalTime, force, suppressEvents)) { + return; + } + prevIteration = tween._zTime; + tween._zTime = totalTime || (suppressEvents ? _tinyNum : 0); + suppressEvents || (suppressEvents = totalTime && !prevIteration); + tween.ratio = ratio; + tween._from && (ratio = 1 - ratio); + tween._time = 0; + tween._tTime = tTime; + pt = tween._pt; + while (pt) { + pt.r(ratio, pt.d); + pt = pt._next; + } + tween._startAt && totalTime < 0 && tween._startAt.render(totalTime, true, true); + tween._onUpdate && !suppressEvents && _callback(tween, "onUpdate"); + tTime && tween._repeat && !suppressEvents && tween.parent && _callback(tween, "onRepeat"); + if ((totalTime >= tween._tDur || totalTime < 0) && tween.ratio === ratio) { + ratio && _removeFromParent(tween, 1); + if (!suppressEvents) { + _callback(tween, ratio ? "onComplete" : "onReverseComplete", true); + tween._prom && tween._prom(); + } + } + } else if (!tween._zTime) { + tween._zTime = totalTime; + } + }, _findNextPauseTween = function _findNextPauseTween(animation, prevTime, time) { + var child; + if (time > prevTime) { + child = animation._first; + while (child && child._start <= time) { + if (!child._dur && child.data === "isPause" && child._start > prevTime) { + return child; + } + child = child._next; + } + } else { + child = animation._last; + while (child && child._start >= time) { + if (!child._dur && child.data === "isPause" && child._start < prevTime) { + return child; + } + child = child._prev; + } + } + }, _setDuration = function _setDuration(animation, duration, skipUncache, leavePlayhead) { + var repeat = animation._repeat, dur = _round(duration) || 0, totalProgress = animation._tTime / animation._tDur; + totalProgress && !leavePlayhead && (animation._time *= dur / animation._dur); + animation._dur = dur; + animation._tDur = !repeat ? dur : repeat < 0 ? 1e10 : _round(dur * (repeat + 1) + animation._rDelay * repeat); + totalProgress && !leavePlayhead ? _alignPlayhead(animation, animation._tTime = animation._tDur * totalProgress) : animation.parent && _setEnd(animation); + skipUncache || _uncache(animation.parent, animation); + return animation; + }, _onUpdateTotalDuration = function _onUpdateTotalDuration(animation) { + return animation instanceof Timeline ? _uncache(animation) : _setDuration(animation, animation._dur); + }, _zeroPosition = { + _start: 0, + endTime: _emptyFunc, + totalDuration: _emptyFunc + }, _parsePosition = function _parsePosition(animation, position, percentAnimation) { + var labels = animation.labels, recent = animation._recent || _zeroPosition, clippedDuration = animation.duration() >= _bigNum ? recent.endTime(false) : animation._dur, i, offset, isPercent; + if (_isString(position) && (isNaN(position) || (position in labels))) { + offset = position.charAt(0); + isPercent = position.substr(-1) === "%"; + i = position.indexOf("="); + if (offset === "<" || offset === ">") { + i >= 0 && (position = position.replace(/=/, "")); + return (offset === "<" ? recent._start : recent.endTime(recent._repeat >= 0)) + (parseFloat(position.substr(1)) || 0) * (isPercent ? (i < 0 ? recent : percentAnimation).totalDuration() / 100 : 1); + } + if (i < 0) { + (position in labels) || (labels[position] = clippedDuration); + return labels[position]; + } + offset = parseFloat(position.charAt(i - 1) + position.substr(i + 1)); + if (isPercent && percentAnimation) { + offset = offset / 100 * (_isArray(percentAnimation) ? percentAnimation[0] : percentAnimation).totalDuration(); + } + return i > 1 ? _parsePosition(animation, position.substr(0, i - 1), percentAnimation) + offset : clippedDuration + offset; + } + return position == null ? clippedDuration : +position; + }, _createTweenType = function _createTweenType(type, params, timeline) { + var isLegacy = _isNumber(params[1]), varsIndex = (isLegacy ? 2 : 1) + (type < 2 ? 0 : 1), vars = params[varsIndex], irVars, parent; + isLegacy && (vars.duration = params[1]); + vars.parent = timeline; + if (type) { + irVars = vars; + parent = timeline; + while (parent && !(("immediateRender" in irVars))) { + irVars = parent.vars.defaults || ({}); + parent = _isNotFalse(parent.vars.inherit) && parent.parent; + } + vars.immediateRender = _isNotFalse(irVars.immediateRender); + type < 2 ? vars.runBackwards = 1 : vars.startAt = params[varsIndex - 1]; + } + return new Tween(params[0], vars, params[varsIndex + 1]); + }, _conditionalReturn = function _conditionalReturn(value, func) { + return value || value === 0 ? func(value) : func; + }, _clamp = function _clamp(min, max, value) { + return value < min ? min : value > max ? max : value; + }, getUnit = function getUnit(value) { + if (typeof value !== "string") { + return ""; + } + var v = _unitExp.exec(value); + return v ? value.substr(v.index + v[0].length) : ""; + }, clamp = function clamp(min, max, value) { + return _conditionalReturn(value, function (v) { + return _clamp(min, max, v); + }); + }, _slice = [].slice, _isArrayLike = function _isArrayLike(value, nonEmpty) { + return value && _isObject(value) && ("length" in value) && (!nonEmpty && !value.length || (value.length - 1 in value) && _isObject(value[0])) && !value.nodeType && value !== _win; + }, _flatten = function _flatten(ar, leaveStrings, accumulator) { + if (accumulator === void 0) { + accumulator = []; + } + return ar.forEach(function (value) { + var _accumulator; + return _isString(value) && !leaveStrings || _isArrayLike(value, 1) ? (_accumulator = accumulator).push.apply(_accumulator, toArray(value)) : accumulator.push(value); + }) || accumulator; + }, toArray = function toArray(value, scope, leaveStrings) { + return _isString(value) && !leaveStrings && (_coreInitted || !_wake()) ? _slice.call((scope || _doc).querySelectorAll(value), 0) : _isArray(value) ? _flatten(value, leaveStrings) : _isArrayLike(value) ? _slice.call(value, 0) : value ? [value] : []; + }, selector = function selector(value) { + value = toArray(value)[0] || _warn("Invalid scope") || ({}); + return function (v) { + var el = value.current || value.nativeElement || value; + return toArray(v, el.querySelectorAll ? el : el === value ? _warn("Invalid scope") || _doc.createElement("div") : value); + }; + }, shuffle = function shuffle(a) { + return a.sort(function () { + return .5 - Math.random(); + }); + }, distribute = function distribute(v) { + if (_isFunction(v)) { + return v; + } + var vars = _isObject(v) ? v : { + each: v + }, ease = _parseEase(vars.ease), from = vars.from || 0, base = parseFloat(vars.base) || 0, cache = {}, isDecimal = from > 0 && from < 1, ratios = isNaN(from) || isDecimal, axis = vars.axis, ratioX = from, ratioY = from; + if (_isString(from)) { + ratioX = ratioY = ({ + center: .5, + edges: .5, + end: 1 + })[from] || 0; + } else if (!isDecimal && ratios) { + ratioX = from[0]; + ratioY = from[1]; + } + return function (i, target, a) { + var l = (a || vars).length, distances = cache[l], originX, originY, x, y, d, j, max, min, wrapAt; + if (!distances) { + wrapAt = vars.grid === "auto" ? 0 : (vars.grid || [1, _bigNum])[1]; + if (!wrapAt) { + max = -_bigNum; + while (max < (max = a[wrapAt++].getBoundingClientRect().left) && wrapAt < l) {} + wrapAt--; + } + distances = cache[l] = []; + originX = ratios ? Math.min(wrapAt, l) * ratioX - .5 : from % wrapAt; + originY = ratios ? l * ratioY / wrapAt - .5 : from / wrapAt | 0; + max = 0; + min = _bigNum; + for (j = 0; j < l; j++) { + x = j % wrapAt - originX; + y = originY - (j / wrapAt | 0); + distances[j] = d = !axis ? _sqrt(x * x + y * y) : Math.abs(axis === "y" ? y : x); + d > max && (max = d); + d < min && (min = d); + } + from === "random" && shuffle(distances); + distances.max = max - min; + distances.min = min; + distances.v = l = (parseFloat(vars.amount) || parseFloat(vars.each) * (wrapAt > l ? l - 1 : !axis ? Math.max(wrapAt, l / wrapAt) : axis === "y" ? l / wrapAt : wrapAt) || 0) * (from === "edges" ? -1 : 1); + distances.b = l < 0 ? base - l : base; + distances.u = getUnit(vars.amount || vars.each) || 0; + ease = ease && l < 0 ? _invertEase(ease) : ease; + } + l = (distances[i] - distances.min) / distances.max || 0; + return _round(distances.b + (ease ? ease(l) : l) * distances.v) + distances.u; + }; + }, _roundModifier = function _roundModifier(v) { + var p = v < 1 ? Math.pow(10, (v + "").length - 2) : 1; + return function (raw) { + var n = Math.round(parseFloat(raw) / v) * v * p; + return (n - n % 1) / p + (_isNumber(raw) ? 0 : getUnit(raw)); + }; + }, snap = function snap(snapTo, value) { + var isArray = _isArray(snapTo), radius, is2D; + if (!isArray && _isObject(snapTo)) { + radius = isArray = snapTo.radius || _bigNum; + if (snapTo.values) { + snapTo = toArray(snapTo.values); + if (is2D = !_isNumber(snapTo[0])) { + radius *= radius; + } + } else { + snapTo = _roundModifier(snapTo.increment); + } + } + return _conditionalReturn(value, !isArray ? _roundModifier(snapTo) : _isFunction(snapTo) ? function (raw) { + is2D = snapTo(raw); + return Math.abs(is2D - raw) <= radius ? is2D : raw; + } : function (raw) { + var x = parseFloat(is2D ? raw.x : raw), y = parseFloat(is2D ? raw.y : 0), min = _bigNum, closest = 0, i = snapTo.length, dx, dy; + while (i--) { + if (is2D) { + dx = snapTo[i].x - x; + dy = snapTo[i].y - y; + dx = dx * dx + dy * dy; + } else { + dx = Math.abs(snapTo[i] - x); + } + if (dx < min) { + min = dx; + closest = i; + } + } + closest = !radius || min <= radius ? snapTo[closest] : raw; + return is2D || closest === raw || _isNumber(raw) ? closest : closest + getUnit(raw); + }); + }, random = function random(min, max, roundingIncrement, returnFunction) { + return _conditionalReturn(_isArray(min) ? !max : roundingIncrement === true ? !!(roundingIncrement = 0) : !returnFunction, function () { + return _isArray(min) ? min[~~(Math.random() * min.length)] : (roundingIncrement = roundingIncrement || 1e-5) && (returnFunction = roundingIncrement < 1 ? Math.pow(10, (roundingIncrement + "").length - 2) : 1) && Math.floor(Math.round((min - roundingIncrement / 2 + Math.random() * (max - min + roundingIncrement * .99)) / roundingIncrement) * roundingIncrement * returnFunction) / returnFunction; + }); + }, pipe = function pipe() { + for (var _len = arguments.length, functions = new Array(_len), _key = 0; _key < _len; _key++) { + functions[_key] = arguments[_key]; + } + return function (value) { + return functions.reduce(function (v, f) { + return f(v); + }, value); + }; + }, unitize = function unitize(func, unit) { + return function (value) { + return func(parseFloat(value)) + (unit || getUnit(value)); + }; + }, normalize = function normalize(min, max, value) { + return mapRange(min, max, 0, 1, value); + }, _wrapArray = function _wrapArray(a, wrapper, value) { + return _conditionalReturn(value, function (index) { + return a[~~wrapper(index)]; + }); + }, wrap = function wrap(min, max, value) { + var range = max - min; + return _isArray(min) ? _wrapArray(min, wrap(0, min.length), max) : _conditionalReturn(value, function (value) { + return (range + (value - min) % range) % range + min; + }); + }, wrapYoyo = function wrapYoyo(min, max, value) { + var range = max - min, total = range * 2; + return _isArray(min) ? _wrapArray(min, wrapYoyo(0, min.length - 1), max) : _conditionalReturn(value, function (value) { + value = (total + (value - min) % total) % total || 0; + return min + (value > range ? total - value : value); + }); + }, _replaceRandom = function _replaceRandom(value) { + var prev = 0, s = "", i, nums, end, isArray; + while (~(i = value.indexOf("random(", prev))) { + end = value.indexOf(")", i); + isArray = value.charAt(i + 7) === "["; + nums = value.substr(i + 7, end - i - 7).match(isArray ? _delimitedValueExp : _strictNumExp); + s += value.substr(prev, i - prev) + random(isArray ? nums : +nums[0], isArray ? 0 : +nums[1], +nums[2] || 1e-5); + prev = end + 1; + } + return s + value.substr(prev, value.length - prev); + }, mapRange = function mapRange(inMin, inMax, outMin, outMax, value) { + var inRange = inMax - inMin, outRange = outMax - outMin; + return _conditionalReturn(value, function (value) { + return outMin + ((value - inMin) / inRange * outRange || 0); + }); + }, interpolate = function interpolate(start, end, progress, mutate) { + var func = isNaN(start + end) ? 0 : function (p) { + return (1 - p) * start + p * end; + }; + if (!func) { + var isString = _isString(start), master = {}, p, i, interpolators, l, il; + progress === true && (mutate = 1) && (progress = null); + if (isString) { + start = { + p: start + }; + end = { + p: end + }; + } else if (_isArray(start) && !_isArray(end)) { + interpolators = []; + l = start.length; + il = l - 2; + for (i = 1; i < l; i++) { + interpolators.push(interpolate(start[i - 1], start[i])); + } + l--; + func = function func(p) { + p *= l; + var i = Math.min(il, ~~p); + return interpolators[i](p - i); + }; + progress = end; + } else if (!mutate) { + start = _merge(_isArray(start) ? [] : {}, start); + } + if (!interpolators) { + for (p in end) { + _addPropTween.call(master, start, p, "get", end[p]); + } + func = function func(p) { + return _renderPropTweens(p, master) || (isString ? start.p : start); + }; + } + } + return _conditionalReturn(progress, func); + }, _getLabelInDirection = function _getLabelInDirection(timeline, fromTime, backward) { + var labels = timeline.labels, min = _bigNum, p, distance, label; + for (p in labels) { + distance = labels[p] - fromTime; + if (distance < 0 === !!backward && distance && min > (distance = Math.abs(distance))) { + label = p; + min = distance; + } + } + return label; + }, _callback = function _callback(animation, type, executeLazyFirst) { + var v = animation.vars, callback = v[type], params, scope; + if (!callback) { + return; + } + params = v[type + "Params"]; + scope = v.callbackScope || animation; + executeLazyFirst && _lazyTweens.length && _lazyRender(); + return params ? callback.apply(scope, params) : callback.call(scope); + }, _interrupt = function _interrupt(animation) { + _removeFromParent(animation); + animation.scrollTrigger && animation.scrollTrigger.kill(false); + animation.progress() < 1 && _callback(animation, "onInterrupt"); + return animation; + }, _quickTween, _createPlugin = function _createPlugin(config) { + config = !config.name && config["default"] || config; + var name = config.name, isFunc = _isFunction(config), Plugin = name && !isFunc && config.init ? function () { + this._props = []; + } : config, instanceDefaults = { + init: _emptyFunc, + render: _renderPropTweens, + add: _addPropTween, + kill: _killPropTweensOf, + modifier: _addPluginModifier, + rawVars: 0 + }, statics = { + targetTest: 0, + get: 0, + getSetter: _getSetter, + aliases: {}, + register: 0 + }; + _wake(); + if (config !== Plugin) { + if (_plugins[name]) { + return; + } + _setDefaults(Plugin, _setDefaults(_copyExcluding(config, instanceDefaults), statics)); + _merge(Plugin.prototype, _merge(instanceDefaults, _copyExcluding(config, statics))); + _plugins[Plugin.prop = name] = Plugin; + if (config.targetTest) { + _harnessPlugins.push(Plugin); + _reservedProps[name] = 1; + } + name = (name === "css" ? "CSS" : name.charAt(0).toUpperCase() + name.substr(1)) + "Plugin"; + } + _addGlobal(name, Plugin); + config.register && config.register(gsap, Plugin, PropTween); + }, _255 = 255, _colorLookup = { + aqua: [0, _255, _255], + lime: [0, _255, 0], + silver: [192, 192, 192], + black: [0, 0, 0], + maroon: [128, 0, 0], + teal: [0, 128, 128], + blue: [0, 0, _255], + navy: [0, 0, 128], + white: [_255, _255, _255], + olive: [128, 128, 0], + yellow: [_255, _255, 0], + orange: [_255, 165, 0], + gray: [128, 128, 128], + purple: [128, 0, 128], + green: [0, 128, 0], + red: [_255, 0, 0], + pink: [_255, 192, 203], + cyan: [0, _255, _255], + transparent: [_255, _255, _255, 0] + }, _hue = function _hue(h, m1, m2) { + h = h < 0 ? h + 1 : h > 1 ? h - 1 : h; + return (h * 6 < 1 ? m1 + (m2 - m1) * h * 6 : h < .5 ? m2 : h * 3 < 2 ? m1 + (m2 - m1) * (2 / 3 - h) * 6 : m1) * _255 + .5 | 0; + }, splitColor = function splitColor(v, toHSL, forceAlpha) { + var a = !v ? _colorLookup.black : _isNumber(v) ? [v >> 16, v >> 8 & _255, v & _255] : 0, r, g, b, h, s, l, max, min, d, wasHSL; + if (!a) { + if (v.substr(-1) === ",") { + v = v.substr(0, v.length - 1); + } + if (_colorLookup[v]) { + a = _colorLookup[v]; + } else if (v.charAt(0) === "#") { + if (v.length < 6) { + r = v.charAt(1); + g = v.charAt(2); + b = v.charAt(3); + v = "#" + r + r + g + g + b + b + (v.length === 5 ? v.charAt(4) + v.charAt(4) : ""); + } + if (v.length === 9) { + a = parseInt(v.substr(1, 6), 16); + return [a >> 16, a >> 8 & _255, a & _255, parseInt(v.substr(7), 16) / 255]; + } + v = parseInt(v.substr(1), 16); + a = [v >> 16, v >> 8 & _255, v & _255]; + } else if (v.substr(0, 3) === "hsl") { + a = wasHSL = v.match(_strictNumExp); + if (!toHSL) { + h = +a[0] % 360 / 360; + s = +a[1] / 100; + l = +a[2] / 100; + g = l <= .5 ? l * (s + 1) : l + s - l * s; + r = l * 2 - g; + a.length > 3 && (a[3] *= 1); + a[0] = _hue(h + 1 / 3, r, g); + a[1] = _hue(h, r, g); + a[2] = _hue(h - 1 / 3, r, g); + } else if (~v.indexOf("=")) { + a = v.match(_numExp); + forceAlpha && a.length < 4 && (a[3] = 1); + return a; + } + } else { + a = v.match(_strictNumExp) || _colorLookup.transparent; + } + a = a.map(Number); + } + if (toHSL && !wasHSL) { + r = a[0] / _255; + g = a[1] / _255; + b = a[2] / _255; + max = Math.max(r, g, b); + min = Math.min(r, g, b); + l = (max + min) / 2; + if (max === min) { + h = s = 0; + } else { + d = max - min; + s = l > 0.5 ? d / (2 - max - min) : d / (max + min); + h = max === r ? (g - b) / d + (g < b ? 6 : 0) : max === g ? (b - r) / d + 2 : (r - g) / d + 4; + h *= 60; + } + a[0] = ~~(h + .5); + a[1] = ~~(s * 100 + .5); + a[2] = ~~(l * 100 + .5); + } + forceAlpha && a.length < 4 && (a[3] = 1); + return a; + }, _colorOrderData = function _colorOrderData(v) { + var values = [], c = [], i = -1; + v.split(_colorExp).forEach(function (v) { + var a = v.match(_numWithUnitExp) || []; + values.push.apply(values, a); + c.push(i += a.length + 1); + }); + values.c = c; + return values; + }, _formatColors = function _formatColors(s, toHSL, orderMatchData) { + var result = "", colors = (s + result).match(_colorExp), type = toHSL ? "hsla(" : "rgba(", i = 0, c, shell, d, l; + if (!colors) { + return s; + } + colors = colors.map(function (color) { + return (color = splitColor(color, toHSL, 1)) && type + (toHSL ? color[0] + "," + color[1] + "%," + color[2] + "%," + color[3] : color.join(",")) + ")"; + }); + if (orderMatchData) { + d = _colorOrderData(s); + c = orderMatchData.c; + if (c.join(result) !== d.c.join(result)) { + shell = s.replace(_colorExp, "1").split(_numWithUnitExp); + l = shell.length - 1; + for (; i < l; i++) { + result += shell[i] + (~c.indexOf(i) ? colors.shift() || type + "0,0,0,0)" : (d.length ? d : colors.length ? colors : orderMatchData).shift()); + } + } + } + if (!shell) { + shell = s.split(_colorExp); + l = shell.length - 1; + for (; i < l; i++) { + result += shell[i] + colors[i]; + } + } + return result + shell[l]; + }, _colorExp = (function () { + var s = "(?:\\b(?:(?:rgb|rgba|hsl|hsla)\\(.+?\\))|\\B#(?:[0-9a-f]{3,4}){1,2}\\b", p; + for (p in _colorLookup) { + s += "|" + p + "\\b"; + } + return new RegExp(s + ")", "gi"); + })(), _hslExp = /hsl[a]?\(/, _colorStringFilter = function _colorStringFilter(a) { + var combined = a.join(" "), toHSL; + _colorExp.lastIndex = 0; + if (_colorExp.test(combined)) { + toHSL = _hslExp.test(combined); + a[1] = _formatColors(a[1], toHSL); + a[0] = _formatColors(a[0], toHSL, _colorOrderData(a[1])); + return true; + } + }, _tickerActive, _ticker = (function () { + var _getTime = Date.now, _lagThreshold = 500, _adjustedLag = 33, _startTime = _getTime(), _lastUpdate = _startTime, _gap = 1000 / 240, _nextTime = _gap, _listeners = [], _id, _req, _raf, _self, _delta, _i, _tick = function _tick(v) { + var elapsed = _getTime() - _lastUpdate, manual = v === true, overlap, dispatch, time, frame; + elapsed > _lagThreshold && (_startTime += elapsed - _adjustedLag); + _lastUpdate += elapsed; + time = _lastUpdate - _startTime; + overlap = time - _nextTime; + if (overlap > 0 || manual) { + frame = ++_self.frame; + _delta = time - _self.time * 1000; + _self.time = time = time / 1000; + _nextTime += overlap + (overlap >= _gap ? 4 : _gap - overlap); + dispatch = 1; + } + manual || (_id = _req(_tick)); + if (dispatch) { + for (_i = 0; _i < _listeners.length; _i++) { + _listeners[_i](time, _delta, frame, v); + } + } + }; + _self = { + time: 0, + frame: 0, + tick: function tick() { + _tick(true); + }, + deltaRatio: function deltaRatio(fps) { + return _delta / (1000 / (fps || 60)); + }, + wake: function wake() { + if (_coreReady) { + if (!_coreInitted && _windowExists()) { + _win = _coreInitted = window; + _doc = _win.document || ({}); + _globals.gsap = gsap; + (_win.gsapVersions || (_win.gsapVersions = [])).push(gsap.version); + _install(_installScope || _win.GreenSockGlobals || !_win.gsap && _win || ({})); + _raf = _win.requestAnimationFrame; + } + _id && _self.sleep(); + _req = _raf || (function (f) { + return setTimeout(f, _nextTime - _self.time * 1000 + 1 | 0); + }); + _tickerActive = 1; + _tick(2); + } + }, + sleep: function sleep() { + (_raf ? _win.cancelAnimationFrame : clearTimeout)(_id); + _tickerActive = 0; + _req = _emptyFunc; + }, + lagSmoothing: function lagSmoothing(threshold, adjustedLag) { + _lagThreshold = threshold || 1 / _tinyNum; + _adjustedLag = Math.min(adjustedLag, _lagThreshold, 0); + }, + fps: function fps(_fps) { + _gap = 1000 / (_fps || 240); + _nextTime = _self.time * 1000 + _gap; + }, + add: function add(callback) { + _listeners.indexOf(callback) < 0 && _listeners.push(callback); + _wake(); + }, + remove: function remove(callback) { + var i; + ~(i = _listeners.indexOf(callback)) && _listeners.splice(i, 1) && _i >= i && _i--; + }, + _listeners: _listeners + }; + return _self; + })(), _wake = function _wake() { + return !_tickerActive && _ticker.wake(); + }, _easeMap = {}, _customEaseExp = /^[\d.\-M][\d.\-,\s]/, _quotesExp = /["']/g, _parseObjectInString = function _parseObjectInString(value) { + var obj = {}, split = value.substr(1, value.length - 3).split(":"), key = split[0], i = 1, l = split.length, index, val, parsedVal; + for (; i < l; i++) { + val = split[i]; + index = i !== l - 1 ? val.lastIndexOf(",") : val.length; + parsedVal = val.substr(0, index); + obj[key] = isNaN(parsedVal) ? parsedVal.replace(_quotesExp, "").trim() : +parsedVal; + key = val.substr(index + 1).trim(); + } + return obj; + }, _valueInParentheses = function _valueInParentheses(value) { + var open = value.indexOf("(") + 1, close = value.indexOf(")"), nested = value.indexOf("(", open); + return value.substring(open, ~nested && nested < close ? value.indexOf(")", close + 1) : close); + }, _configEaseFromString = function _configEaseFromString(name) { + var split = (name + "").split("("), ease = _easeMap[split[0]]; + return ease && split.length > 1 && ease.config ? ease.config.apply(null, ~name.indexOf("{") ? [_parseObjectInString(split[1])] : _valueInParentheses(name).split(",").map(_numericIfPossible)) : _easeMap._CE && _customEaseExp.test(name) ? _easeMap._CE("", name) : ease; + }, _invertEase = function _invertEase(ease) { + return function (p) { + return 1 - ease(1 - p); + }; + }, _propagateYoyoEase = function _propagateYoyoEase(timeline, isYoyo) { + var child = timeline._first, ease; + while (child) { + if (child instanceof Timeline) { + _propagateYoyoEase(child, isYoyo); + } else if (child.vars.yoyoEase && (!child._yoyo || !child._repeat) && child._yoyo !== isYoyo) { + if (child.timeline) { + _propagateYoyoEase(child.timeline, isYoyo); + } else { + ease = child._ease; + child._ease = child._yEase; + child._yEase = ease; + child._yoyo = isYoyo; + } + } + child = child._next; + } + }, _parseEase = function _parseEase(ease, defaultEase) { + return !ease ? defaultEase : (_isFunction(ease) ? ease : _easeMap[ease] || _configEaseFromString(ease)) || defaultEase; + }, _insertEase = function _insertEase(names, easeIn, easeOut, easeInOut) { + if (easeOut === void 0) { + easeOut = function easeOut(p) { + return 1 - easeIn(1 - p); + }; + } + if (easeInOut === void 0) { + easeInOut = function easeInOut(p) { + return p < .5 ? easeIn(p * 2) / 2 : 1 - easeIn((1 - p) * 2) / 2; + }; + } + var ease = { + easeIn: easeIn, + easeOut: easeOut, + easeInOut: easeInOut + }, lowercaseName; + _forEachName(names, function (name) { + _easeMap[name] = _globals[name] = ease; + _easeMap[lowercaseName = name.toLowerCase()] = easeOut; + for (var p in ease) { + _easeMap[lowercaseName + (p === "easeIn" ? ".in" : p === "easeOut" ? ".out" : ".inOut")] = _easeMap[name + "." + p] = ease[p]; + } + }); + return ease; + }, _easeInOutFromOut = function _easeInOutFromOut(easeOut) { + return function (p) { + return p < .5 ? (1 - easeOut(1 - p * 2)) / 2 : .5 + easeOut((p - .5) * 2) / 2; + }; + }, _configElastic = function _configElastic(type, amplitude, period) { + var p1 = amplitude >= 1 ? amplitude : 1, p2 = (period || (type ? .3 : .45)) / (amplitude < 1 ? amplitude : 1), p3 = p2 / _2PI * (Math.asin(1 / p1) || 0), easeOut = function easeOut(p) { + return p === 1 ? 1 : p1 * Math.pow(2, -10 * p) * _sin((p - p3) * p2) + 1; + }, ease = type === "out" ? easeOut : type === "in" ? function (p) { + return 1 - easeOut(1 - p); + } : _easeInOutFromOut(easeOut); + p2 = _2PI / p2; + ease.config = function (amplitude, period) { + return _configElastic(type, amplitude, period); + }; + return ease; + }, _configBack = function _configBack(type, overshoot) { + if (overshoot === void 0) { + overshoot = 1.70158; + } + var easeOut = function easeOut(p) { + return p ? --p * p * ((overshoot + 1) * p + overshoot) + 1 : 0; + }, ease = type === "out" ? easeOut : type === "in" ? function (p) { + return 1 - easeOut(1 - p); + } : _easeInOutFromOut(easeOut); + ease.config = function (overshoot) { + return _configBack(type, overshoot); + }; + return ease; + }; + _forEachName("Linear,Quad,Cubic,Quart,Quint,Strong", function (name, i) { + var power = i < 5 ? i + 1 : i; + _insertEase(name + ",Power" + (power - 1), i ? function (p) { + return Math.pow(p, power); + } : function (p) { + return p; + }, function (p) { + return 1 - Math.pow(1 - p, power); + }, function (p) { + return p < .5 ? Math.pow(p * 2, power) / 2 : 1 - Math.pow((1 - p) * 2, power) / 2; + }); + }); + _easeMap.Linear.easeNone = _easeMap.none = _easeMap.Linear.easeIn; + _insertEase("Elastic", _configElastic("in"), _configElastic("out"), _configElastic()); + (function (n, c) { + var n1 = 1 / c, n2 = 2 * n1, n3 = 2.5 * n1, easeOut = function easeOut(p) { + return p < n1 ? n * p * p : p < n2 ? n * Math.pow(p - 1.5 / c, 2) + .75 : p < n3 ? n * (p -= 2.25 / c) * p + .9375 : n * Math.pow(p - 2.625 / c, 2) + .984375; + }; + _insertEase("Bounce", function (p) { + return 1 - easeOut(1 - p); + }, easeOut); + })(7.5625, 2.75); + _insertEase("Expo", function (p) { + return p ? Math.pow(2, 10 * (p - 1)) : 0; + }); + _insertEase("Circ", function (p) { + return -(_sqrt(1 - p * p) - 1); + }); + _insertEase("Sine", function (p) { + return p === 1 ? 1 : -_cos(p * _HALF_PI) + 1; + }); + _insertEase("Back", _configBack("in"), _configBack("out"), _configBack()); + _easeMap.SteppedEase = _easeMap.steps = _globals.SteppedEase = { + config: function config(steps, immediateStart) { + if (steps === void 0) { + steps = 1; + } + var p1 = 1 / steps, p2 = steps + (immediateStart ? 0 : 1), p3 = immediateStart ? 1 : 0, max = 1 - _tinyNum; + return function (p) { + return ((p2 * _clamp(0, max, p) | 0) + p3) * p1; + }; + } + }; + _defaults.ease = _easeMap["quad.out"]; + _forEachName("onComplete,onUpdate,onStart,onRepeat,onReverseComplete,onInterrupt", function (name) { + return _callbackNames += name + "," + name + "Params,"; + }); + var GSCache = function GSCache(target, harness) { + this.id = _gsID++; + target._gsap = this; + this.target = target; + this.harness = harness; + this.get = harness ? harness.get : _getProperty; + this.set = harness ? harness.getSetter : _getSetter; + }; + var Animation = (function () { + function Animation(vars) { + this.vars = vars; + this._delay = +vars.delay || 0; + if (this._repeat = vars.repeat === Infinity ? -2 : vars.repeat || 0) { + this._rDelay = vars.repeatDelay || 0; + this._yoyo = !!vars.yoyo || !!vars.yoyoEase; + } + this._ts = 1; + _setDuration(this, +vars.duration, 1, 1); + this.data = vars.data; + _tickerActive || _ticker.wake(); + } + var _proto = Animation.prototype; + _proto.delay = function delay(value) { + if (value || value === 0) { + this.parent && this.parent.smoothChildTiming && this.startTime(this._start + value - this._delay); + this._delay = value; + return this; + } + return this._delay; + }; + _proto.duration = function duration(value) { + return arguments.length ? this.totalDuration(this._repeat > 0 ? value + (value + this._rDelay) * this._repeat : value) : this.totalDuration() && this._dur; + }; + _proto.totalDuration = function totalDuration(value) { + if (!arguments.length) { + return this._tDur; + } + this._dirty = 0; + return _setDuration(this, this._repeat < 0 ? value : (value - this._repeat * this._rDelay) / (this._repeat + 1)); + }; + _proto.totalTime = function totalTime(_totalTime, suppressEvents) { + _wake(); + if (!arguments.length) { + return this._tTime; + } + var parent = this._dp; + if (parent && parent.smoothChildTiming && this._ts) { + _alignPlayhead(this, _totalTime); + !parent._dp || parent.parent || _postAddChecks(parent, this); + while (parent.parent) { + if (parent.parent._time !== parent._start + (parent._ts >= 0 ? parent._tTime / parent._ts : (parent.totalDuration() - parent._tTime) / -parent._ts)) { + parent.totalTime(parent._tTime, true); + } + parent = parent.parent; + } + if (!this.parent && this._dp.autoRemoveChildren && (this._ts > 0 && _totalTime < this._tDur || this._ts < 0 && _totalTime > 0 || !this._tDur && !_totalTime)) { + _addToTimeline(this._dp, this, this._start - this._delay); + } + } + if (this._tTime !== _totalTime || !this._dur && !suppressEvents || this._initted && Math.abs(this._zTime) === _tinyNum || !_totalTime && !this._initted && (this.add || this._ptLookup)) { + this._ts || (this._pTime = _totalTime); + _lazySafeRender(this, _totalTime, suppressEvents); + } + return this; + }; + _proto.time = function time(value, suppressEvents) { + return arguments.length ? this.totalTime(Math.min(this.totalDuration(), value + _elapsedCycleDuration(this)) % (this._dur + this._rDelay) || (value ? this._dur : 0), suppressEvents) : this._time; + }; + _proto.totalProgress = function totalProgress(value, suppressEvents) { + return arguments.length ? this.totalTime(this.totalDuration() * value, suppressEvents) : this.totalDuration() ? Math.min(1, this._tTime / this._tDur) : this.ratio; + }; + _proto.progress = function progress(value, suppressEvents) { + return arguments.length ? this.totalTime(this.duration() * (this._yoyo && !(this.iteration() & 1) ? 1 - value : value) + _elapsedCycleDuration(this), suppressEvents) : this.duration() ? Math.min(1, this._time / this._dur) : this.ratio; + }; + _proto.iteration = function iteration(value, suppressEvents) { + var cycleDuration = this.duration() + this._rDelay; + return arguments.length ? this.totalTime(this._time + (value - 1) * cycleDuration, suppressEvents) : this._repeat ? _animationCycle(this._tTime, cycleDuration) + 1 : 1; + }; + _proto.timeScale = function timeScale(value) { + if (!arguments.length) { + return this._rts === -_tinyNum ? 0 : this._rts; + } + if (this._rts === value) { + return this; + } + var tTime = this.parent && this._ts ? _parentToChildTotalTime(this.parent._time, this) : this._tTime; + this._rts = +value || 0; + this._ts = this._ps || value === -_tinyNum ? 0 : this._rts; + return _recacheAncestors(this.totalTime(_clamp(-this._delay, this._tDur, tTime), true)); + }; + _proto.paused = function paused(value) { + if (!arguments.length) { + return this._ps; + } + if (this._ps !== value) { + this._ps = value; + if (value) { + this._pTime = this._tTime || Math.max(-this._delay, this.rawTime()); + this._ts = this._act = 0; + } else { + _wake(); + this._ts = this._rts; + this.totalTime(this.parent && !this.parent.smoothChildTiming ? this.rawTime() : this._tTime || this._pTime, this.progress() === 1 && Math.abs(this._zTime) !== _tinyNum && (this._tTime -= _tinyNum)); + } + } + return this; + }; + _proto.startTime = function startTime(value) { + if (arguments.length) { + this._start = value; + var parent = this.parent || this._dp; + parent && (parent._sort || !this.parent) && _addToTimeline(parent, this, value - this._delay); + return this; + } + return this._start; + }; + _proto.endTime = function endTime(includeRepeats) { + return this._start + (_isNotFalse(includeRepeats) ? this.totalDuration() : this.duration()) / Math.abs(this._ts); + }; + _proto.rawTime = function rawTime(wrapRepeats) { + var parent = this.parent || this._dp; + return !parent ? this._tTime : wrapRepeats && (!this._ts || this._repeat && this._time && this.totalProgress() < 1) ? this._tTime % (this._dur + this._rDelay) : !this._ts ? this._tTime : _parentToChildTotalTime(parent.rawTime(wrapRepeats), this); + }; + _proto.globalTime = function globalTime(rawTime) { + var animation = this, time = arguments.length ? rawTime : animation.rawTime(); + while (animation) { + time = animation._start + time / (animation._ts || 1); + animation = animation._dp; + } + return time; + }; + _proto.repeat = function repeat(value) { + if (arguments.length) { + this._repeat = value === Infinity ? -2 : value; + return _onUpdateTotalDuration(this); + } + return this._repeat === -2 ? Infinity : this._repeat; + }; + _proto.repeatDelay = function repeatDelay(value) { + if (arguments.length) { + var time = this._time; + this._rDelay = value; + _onUpdateTotalDuration(this); + return time ? this.time(time) : this; + } + return this._rDelay; + }; + _proto.yoyo = function yoyo(value) { + if (arguments.length) { + this._yoyo = value; + return this; + } + return this._yoyo; + }; + _proto.seek = function seek(position, suppressEvents) { + return this.totalTime(_parsePosition(this, position), _isNotFalse(suppressEvents)); + }; + _proto.restart = function restart(includeDelay, suppressEvents) { + return this.play().totalTime(includeDelay ? -this._delay : 0, _isNotFalse(suppressEvents)); + }; + _proto.play = function play(from, suppressEvents) { + from != null && this.seek(from, suppressEvents); + return this.reversed(false).paused(false); + }; + _proto.reverse = function reverse(from, suppressEvents) { + from != null && this.seek(from || this.totalDuration(), suppressEvents); + return this.reversed(true).paused(false); + }; + _proto.pause = function pause(atTime, suppressEvents) { + atTime != null && this.seek(atTime, suppressEvents); + return this.paused(true); + }; + _proto.resume = function resume() { + return this.paused(false); + }; + _proto.reversed = function reversed(value) { + if (arguments.length) { + !!value !== this.reversed() && this.timeScale(-this._rts || (value ? -_tinyNum : 0)); + return this; + } + return this._rts < 0; + }; + _proto.invalidate = function invalidate() { + this._initted = this._act = 0; + this._zTime = -_tinyNum; + return this; + }; + _proto.isActive = function isActive() { + var parent = this.parent || this._dp, start = this._start, rawTime; + return !!(!parent || this._ts && this._initted && parent.isActive() && (rawTime = parent.rawTime(true)) >= start && rawTime < this.endTime(true) - _tinyNum); + }; + _proto.eventCallback = function eventCallback(type, callback, params) { + var vars = this.vars; + if (arguments.length > 1) { + if (!callback) { + delete vars[type]; + } else { + vars[type] = callback; + params && (vars[type + "Params"] = params); + type === "onUpdate" && (this._onUpdate = callback); + } + return this; + } + return vars[type]; + }; + _proto.then = function then(onFulfilled) { + var self = this; + return new Promise(function (resolve) { + var f = _isFunction(onFulfilled) ? onFulfilled : _passThrough, _resolve = function _resolve() { + var _then = self.then; + self.then = null; + _isFunction(f) && (f = f(self)) && (f.then || f === self) && (self.then = _then); + resolve(f); + self.then = _then; + }; + if (self._initted && self.totalProgress() === 1 && self._ts >= 0 || !self._tTime && self._ts < 0) { + _resolve(); + } else { + self._prom = _resolve; + } + }); + }; + _proto.kill = function kill() { + _interrupt(this); + }; + return Animation; + })(); + _setDefaults(Animation.prototype, { + _time: 0, + _start: 0, + _end: 0, + _tTime: 0, + _tDur: 0, + _dirty: 0, + _repeat: 0, + _yoyo: false, + parent: null, + _initted: false, + _rDelay: 0, + _ts: 1, + _dp: 0, + ratio: 0, + _zTime: -_tinyNum, + _prom: 0, + _ps: false, + _rts: 1 + }); + var Timeline = (function (_Animation) { + _inheritsLoose(Timeline, _Animation); + function Timeline(vars, position) { + var _this; + if (vars === void 0) { + vars = {}; + } + _this = _Animation.call(this, vars) || this; + _this.labels = {}; + _this.smoothChildTiming = !!vars.smoothChildTiming; + _this.autoRemoveChildren = !!vars.autoRemoveChildren; + _this._sort = _isNotFalse(vars.sortChildren); + _globalTimeline && _addToTimeline(vars.parent || _globalTimeline, _assertThisInitialized(_this), position); + vars.reversed && _this.reverse(); + vars.paused && _this.paused(true); + vars.scrollTrigger && _scrollTrigger(_assertThisInitialized(_this), vars.scrollTrigger); + return _this; + } + var _proto2 = Timeline.prototype; + _proto2.to = function to(targets, vars, position) { + _createTweenType(0, arguments, this); + return this; + }; + _proto2.from = function from(targets, vars, position) { + _createTweenType(1, arguments, this); + return this; + }; + _proto2.fromTo = function fromTo(targets, fromVars, toVars, position) { + _createTweenType(2, arguments, this); + return this; + }; + _proto2.set = function set(targets, vars, position) { + vars.duration = 0; + vars.parent = this; + _inheritDefaults(vars).repeatDelay || (vars.repeat = 0); + vars.immediateRender = !!vars.immediateRender; + new Tween(targets, vars, _parsePosition(this, position), 1); + return this; + }; + _proto2.call = function call(callback, params, position) { + return _addToTimeline(this, Tween.delayedCall(0, callback, params), position); + }; + _proto2.staggerTo = function staggerTo(targets, duration, vars, stagger, position, onCompleteAll, onCompleteAllParams) { + vars.duration = duration; + vars.stagger = vars.stagger || stagger; + vars.onComplete = onCompleteAll; + vars.onCompleteParams = onCompleteAllParams; + vars.parent = this; + new Tween(targets, vars, _parsePosition(this, position)); + return this; + }; + _proto2.staggerFrom = function staggerFrom(targets, duration, vars, stagger, position, onCompleteAll, onCompleteAllParams) { + vars.runBackwards = 1; + _inheritDefaults(vars).immediateRender = _isNotFalse(vars.immediateRender); + return this.staggerTo(targets, duration, vars, stagger, position, onCompleteAll, onCompleteAllParams); + }; + _proto2.staggerFromTo = function staggerFromTo(targets, duration, fromVars, toVars, stagger, position, onCompleteAll, onCompleteAllParams) { + toVars.startAt = fromVars; + _inheritDefaults(toVars).immediateRender = _isNotFalse(toVars.immediateRender); + return this.staggerTo(targets, duration, toVars, stagger, position, onCompleteAll, onCompleteAllParams); + }; + _proto2.render = function render(totalTime, suppressEvents, force) { + var prevTime = this._time, tDur = this._dirty ? this.totalDuration() : this._tDur, dur = this._dur, tTime = this !== _globalTimeline && totalTime > tDur - _tinyNum && totalTime >= 0 ? tDur : totalTime < _tinyNum ? 0 : totalTime, crossingStart = this._zTime < 0 !== totalTime < 0 && (this._initted || !dur), time, child, next, iteration, cycleDuration, prevPaused, pauseTween, timeScale, prevStart, prevIteration, yoyo, isYoyo; + if (tTime !== this._tTime || force || crossingStart) { + if (prevTime !== this._time && dur) { + tTime += this._time - prevTime; + totalTime += this._time - prevTime; + } + time = tTime; + prevStart = this._start; + timeScale = this._ts; + prevPaused = !timeScale; + if (crossingStart) { + dur || (prevTime = this._zTime); + (totalTime || !suppressEvents) && (this._zTime = totalTime); + } + if (this._repeat) { + yoyo = this._yoyo; + cycleDuration = dur + this._rDelay; + if (this._repeat < -1 && totalTime < 0) { + return this.totalTime(cycleDuration * 100 + totalTime, suppressEvents, force); + } + time = _round(tTime % cycleDuration); + if (tTime === tDur) { + iteration = this._repeat; + time = dur; + } else { + iteration = ~~(tTime / cycleDuration); + if (iteration && iteration === tTime / cycleDuration) { + time = dur; + iteration--; + } + time > dur && (time = dur); + } + prevIteration = _animationCycle(this._tTime, cycleDuration); + !prevTime && this._tTime && prevIteration !== iteration && (prevIteration = iteration); + if (yoyo && iteration & 1) { + time = dur - time; + isYoyo = 1; + } + if (iteration !== prevIteration && !this._lock) { + var rewinding = yoyo && prevIteration & 1, doesWrap = rewinding === (yoyo && iteration & 1); + iteration < prevIteration && (rewinding = !rewinding); + prevTime = rewinding ? 0 : dur; + this._lock = 1; + this.render(prevTime || (isYoyo ? 0 : _round(iteration * cycleDuration)), suppressEvents, !dur)._lock = 0; + this._tTime = tTime; + !suppressEvents && this.parent && _callback(this, "onRepeat"); + this.vars.repeatRefresh && !isYoyo && (this.invalidate()._lock = 1); + if (prevTime && prevTime !== this._time || prevPaused !== !this._ts || this.vars.onRepeat && !this.parent && !this._act) { + return this; + } + dur = this._dur; + tDur = this._tDur; + if (doesWrap) { + this._lock = 2; + prevTime = rewinding ? dur : -0.0001; + this.render(prevTime, true); + this.vars.repeatRefresh && !isYoyo && this.invalidate(); + } + this._lock = 0; + if (!this._ts && !prevPaused) { + return this; + } + _propagateYoyoEase(this, isYoyo); + } + } + if (this._hasPause && !this._forcing && this._lock < 2) { + pauseTween = _findNextPauseTween(this, _round(prevTime), _round(time)); + if (pauseTween) { + tTime -= time - (time = pauseTween._start); + } + } + this._tTime = tTime; + this._time = time; + this._act = !timeScale; + if (!this._initted) { + this._onUpdate = this.vars.onUpdate; + this._initted = 1; + this._zTime = totalTime; + prevTime = 0; + } + if (!prevTime && time && !suppressEvents) { + _callback(this, "onStart"); + if (this._tTime !== tTime) { + return this; + } + } + if (time >= prevTime && totalTime >= 0) { + child = this._first; + while (child) { + next = child._next; + if ((child._act || time >= child._start) && child._ts && pauseTween !== child) { + if (child.parent !== this) { + return this.render(totalTime, suppressEvents, force); + } + child.render(child._ts > 0 ? (time - child._start) * child._ts : (child._dirty ? child.totalDuration() : child._tDur) + (time - child._start) * child._ts, suppressEvents, force); + if (time !== this._time || !this._ts && !prevPaused) { + pauseTween = 0; + next && (tTime += this._zTime = -_tinyNum); + break; + } + } + child = next; + } + } else { + child = this._last; + var adjustedTime = totalTime < 0 ? totalTime : time; + while (child) { + next = child._prev; + if ((child._act || adjustedTime <= child._end) && child._ts && pauseTween !== child) { + if (child.parent !== this) { + return this.render(totalTime, suppressEvents, force); + } + child.render(child._ts > 0 ? (adjustedTime - child._start) * child._ts : (child._dirty ? child.totalDuration() : child._tDur) + (adjustedTime - child._start) * child._ts, suppressEvents, force); + if (time !== this._time || !this._ts && !prevPaused) { + pauseTween = 0; + next && (tTime += this._zTime = adjustedTime ? -_tinyNum : _tinyNum); + break; + } + } + child = next; + } + } + if (pauseTween && !suppressEvents) { + this.pause(); + pauseTween.render(time >= prevTime ? 0 : -_tinyNum)._zTime = time >= prevTime ? 1 : -1; + if (this._ts) { + this._start = prevStart; + _setEnd(this); + return this.render(totalTime, suppressEvents, force); + } + } + this._onUpdate && !suppressEvents && _callback(this, "onUpdate", true); + if (tTime === tDur && tDur >= this.totalDuration() || !tTime && prevTime) if (prevStart === this._start || Math.abs(timeScale) !== Math.abs(this._ts)) if (!this._lock) { + (totalTime || !dur) && (tTime === tDur && this._ts > 0 || !tTime && this._ts < 0) && _removeFromParent(this, 1); + if (!suppressEvents && !(totalTime < 0 && !prevTime) && (tTime || prevTime || !tDur)) { + _callback(this, tTime === tDur && totalTime >= 0 ? "onComplete" : "onReverseComplete", true); + this._prom && !(tTime < tDur && this.timeScale() > 0) && this._prom(); + } + } + } + return this; + }; + _proto2.add = function add(child, position) { + var _this2 = this; + _isNumber(position) || (position = _parsePosition(this, position, child)); + if (!(child instanceof Animation)) { + if (_isArray(child)) { + child.forEach(function (obj) { + return _this2.add(obj, position); + }); + return this; + } + if (_isString(child)) { + return this.addLabel(child, position); + } + if (_isFunction(child)) { + child = Tween.delayedCall(0, child); + } else { + return this; + } + } + return this !== child ? _addToTimeline(this, child, position) : this; + }; + _proto2.getChildren = function getChildren(nested, tweens, timelines, ignoreBeforeTime) { + if (nested === void 0) { + nested = true; + } + if (tweens === void 0) { + tweens = true; + } + if (timelines === void 0) { + timelines = true; + } + if (ignoreBeforeTime === void 0) { + ignoreBeforeTime = -_bigNum; + } + var a = [], child = this._first; + while (child) { + if (child._start >= ignoreBeforeTime) { + if (child instanceof Tween) { + tweens && a.push(child); + } else { + timelines && a.push(child); + nested && a.push.apply(a, child.getChildren(true, tweens, timelines)); + } + } + child = child._next; + } + return a; + }; + _proto2.getById = function getById(id) { + var animations = this.getChildren(1, 1, 1), i = animations.length; + while (i--) { + if (animations[i].vars.id === id) { + return animations[i]; + } + } + }; + _proto2.remove = function remove(child) { + if (_isString(child)) { + return this.removeLabel(child); + } + if (_isFunction(child)) { + return this.killTweensOf(child); + } + _removeLinkedListItem(this, child); + if (child === this._recent) { + this._recent = this._last; + } + return _uncache(this); + }; + _proto2.totalTime = function totalTime(_totalTime2, suppressEvents) { + if (!arguments.length) { + return this._tTime; + } + this._forcing = 1; + if (!this._dp && this._ts) { + this._start = _round(_ticker.time - (this._ts > 0 ? _totalTime2 / this._ts : (this.totalDuration() - _totalTime2) / -this._ts)); + } + _Animation.prototype.totalTime.call(this, _totalTime2, suppressEvents); + this._forcing = 0; + return this; + }; + _proto2.addLabel = function addLabel(label, position) { + this.labels[label] = _parsePosition(this, position); + return this; + }; + _proto2.removeLabel = function removeLabel(label) { + delete this.labels[label]; + return this; + }; + _proto2.addPause = function addPause(position, callback, params) { + var t = Tween.delayedCall(0, callback || _emptyFunc, params); + t.data = "isPause"; + this._hasPause = 1; + return _addToTimeline(this, t, _parsePosition(this, position)); + }; + _proto2.removePause = function removePause(position) { + var child = this._first; + position = _parsePosition(this, position); + while (child) { + if (child._start === position && child.data === "isPause") { + _removeFromParent(child); + } + child = child._next; + } + }; + _proto2.killTweensOf = function killTweensOf(targets, props, onlyActive) { + var tweens = this.getTweensOf(targets, onlyActive), i = tweens.length; + while (i--) { + _overwritingTween !== tweens[i] && tweens[i].kill(targets, props); + } + return this; + }; + _proto2.getTweensOf = function getTweensOf(targets, onlyActive) { + var a = [], parsedTargets = toArray(targets), child = this._first, isGlobalTime = _isNumber(onlyActive), children; + while (child) { + if (child instanceof Tween) { + if (_arrayContainsAny(child._targets, parsedTargets) && (isGlobalTime ? (!_overwritingTween || child._initted && child._ts) && child.globalTime(0) <= onlyActive && child.globalTime(child.totalDuration()) > onlyActive : !onlyActive || child.isActive())) { + a.push(child); + } + } else if ((children = child.getTweensOf(parsedTargets, onlyActive)).length) { + a.push.apply(a, children); + } + child = child._next; + } + return a; + }; + _proto2.tweenTo = function tweenTo(position, vars) { + vars = vars || ({}); + var tl = this, endTime = _parsePosition(tl, position), _vars = vars, startAt = _vars.startAt, _onStart = _vars.onStart, onStartParams = _vars.onStartParams, immediateRender = _vars.immediateRender, initted, tween = Tween.to(tl, _setDefaults({ + ease: vars.ease || "none", + lazy: false, + immediateRender: false, + time: endTime, + overwrite: "auto", + duration: vars.duration || Math.abs((endTime - (startAt && ("time" in startAt) ? startAt.time : tl._time)) / tl.timeScale()) || _tinyNum, + onStart: function onStart() { + tl.pause(); + if (!initted) { + var duration = vars.duration || Math.abs((endTime - (startAt && ("time" in startAt) ? startAt.time : tl._time)) / tl.timeScale()); + tween._dur !== duration && _setDuration(tween, duration, 0, 1).render(tween._time, true, true); + initted = 1; + } + _onStart && _onStart.apply(tween, onStartParams || []); + } + }, vars)); + return immediateRender ? tween.render(0) : tween; + }; + _proto2.tweenFromTo = function tweenFromTo(fromPosition, toPosition, vars) { + return this.tweenTo(toPosition, _setDefaults({ + startAt: { + time: _parsePosition(this, fromPosition) + } + }, vars)); + }; + _proto2.recent = function recent() { + return this._recent; + }; + _proto2.nextLabel = function nextLabel(afterTime) { + if (afterTime === void 0) { + afterTime = this._time; + } + return _getLabelInDirection(this, _parsePosition(this, afterTime)); + }; + _proto2.previousLabel = function previousLabel(beforeTime) { + if (beforeTime === void 0) { + beforeTime = this._time; + } + return _getLabelInDirection(this, _parsePosition(this, beforeTime), 1); + }; + _proto2.currentLabel = function currentLabel(value) { + return arguments.length ? this.seek(value, true) : this.previousLabel(this._time + _tinyNum); + }; + _proto2.shiftChildren = function shiftChildren(amount, adjustLabels, ignoreBeforeTime) { + if (ignoreBeforeTime === void 0) { + ignoreBeforeTime = 0; + } + var child = this._first, labels = this.labels, p; + while (child) { + if (child._start >= ignoreBeforeTime) { + child._start += amount; + child._end += amount; + } + child = child._next; + } + if (adjustLabels) { + for (p in labels) { + if (labels[p] >= ignoreBeforeTime) { + labels[p] += amount; + } + } + } + return _uncache(this); + }; + _proto2.invalidate = function invalidate() { + var child = this._first; + this._lock = 0; + while (child) { + child.invalidate(); + child = child._next; + } + return _Animation.prototype.invalidate.call(this); + }; + _proto2.clear = function clear(includeLabels) { + if (includeLabels === void 0) { + includeLabels = true; + } + var child = this._first, next; + while (child) { + next = child._next; + this.remove(child); + child = next; + } + this._dp && (this._time = this._tTime = this._pTime = 0); + includeLabels && (this.labels = {}); + return _uncache(this); + }; + _proto2.totalDuration = function totalDuration(value) { + var max = 0, self = this, child = self._last, prevStart = _bigNum, prev, start, parent; + if (arguments.length) { + return self.timeScale((self._repeat < 0 ? self.duration() : self.totalDuration()) / (self.reversed() ? -value : value)); + } + if (self._dirty) { + parent = self.parent; + while (child) { + prev = child._prev; + child._dirty && child.totalDuration(); + start = child._start; + if (start > prevStart && self._sort && child._ts && !self._lock) { + self._lock = 1; + _addToTimeline(self, child, start - child._delay, 1)._lock = 0; + } else { + prevStart = start; + } + if (start < 0 && child._ts) { + max -= start; + if (!parent && !self._dp || parent && parent.smoothChildTiming) { + self._start += start / self._ts; + self._time -= start; + self._tTime -= start; + } + self.shiftChildren(-start, false, -1e999); + prevStart = 0; + } + child._end > max && child._ts && (max = child._end); + child = prev; + } + _setDuration(self, self === _globalTimeline && self._time > max ? self._time : max, 1, 1); + self._dirty = 0; + } + return self._tDur; + }; + Timeline.updateRoot = function updateRoot(time) { + if (_globalTimeline._ts) { + _lazySafeRender(_globalTimeline, _parentToChildTotalTime(time, _globalTimeline)); + _lastRenderedFrame = _ticker.frame; + } + if (_ticker.frame >= _nextGCFrame) { + _nextGCFrame += _config.autoSleep || 120; + var child = _globalTimeline._first; + if (!child || !child._ts) if (_config.autoSleep && _ticker._listeners.length < 2) { + while (child && !child._ts) { + child = child._next; + } + child || _ticker.sleep(); + } + } + }; + return Timeline; + })(Animation); + _setDefaults(Timeline.prototype, { + _lock: 0, + _hasPause: 0, + _forcing: 0 + }); + var _addComplexStringPropTween = function _addComplexStringPropTween(target, prop, start, end, setter, stringFilter, funcParam) { + var pt = new PropTween(this._pt, target, prop, 0, 1, _renderComplexString, null, setter), index = 0, matchIndex = 0, result, startNums, color, endNum, chunk, startNum, hasRandom, a; + pt.b = start; + pt.e = end; + start += ""; + end += ""; + if (hasRandom = ~end.indexOf("random(")) { + end = _replaceRandom(end); + } + if (stringFilter) { + a = [start, end]; + stringFilter(a, target, prop); + start = a[0]; + end = a[1]; + } + startNums = start.match(_complexStringNumExp) || []; + while (result = _complexStringNumExp.exec(end)) { + endNum = result[0]; + chunk = end.substring(index, result.index); + if (color) { + color = (color + 1) % 5; + } else if (chunk.substr(-5) === "rgba(") { + color = 1; + } + if (endNum !== startNums[matchIndex++]) { + startNum = parseFloat(startNums[matchIndex - 1]) || 0; + pt._pt = { + _next: pt._pt, + p: chunk || matchIndex === 1 ? chunk : ",", + s: startNum, + c: endNum.charAt(1) === "=" ? parseFloat(endNum.substr(2)) * (endNum.charAt(0) === "-" ? -1 : 1) : parseFloat(endNum) - startNum, + m: color && color < 4 ? Math.round : 0 + }; + index = _complexStringNumExp.lastIndex; + } + } + pt.c = index < end.length ? end.substring(index, end.length) : ""; + pt.fp = funcParam; + if (_relExp.test(end) || hasRandom) { + pt.e = 0; + } + this._pt = pt; + return pt; + }, _addPropTween = function _addPropTween(target, prop, start, end, index, targets, modifier, stringFilter, funcParam) { + _isFunction(end) && (end = end(index || 0, target, targets)); + var currentValue = target[prop], parsedStart = start !== "get" ? start : !_isFunction(currentValue) ? currentValue : funcParam ? target[prop.indexOf("set") || !_isFunction(target["get" + prop.substr(3)]) ? prop : "get" + prop.substr(3)](funcParam) : target[prop](), setter = !_isFunction(currentValue) ? _setterPlain : funcParam ? _setterFuncWithParam : _setterFunc, pt; + if (_isString(end)) { + if (~end.indexOf("random(")) { + end = _replaceRandom(end); + } + if (end.charAt(1) === "=") { + pt = parseFloat(parsedStart) + parseFloat(end.substr(2)) * (end.charAt(0) === "-" ? -1 : 1) + (getUnit(parsedStart) || 0); + if (pt || pt === 0) { + end = pt; + } + } + } + if (parsedStart !== end) { + if (!isNaN(parsedStart * end) && end !== "") { + pt = new PropTween(this._pt, target, prop, +parsedStart || 0, end - (parsedStart || 0), typeof currentValue === "boolean" ? _renderBoolean : _renderPlain, 0, setter); + funcParam && (pt.fp = funcParam); + modifier && pt.modifier(modifier, this, target); + return this._pt = pt; + } + !currentValue && !((prop in target)) && _missingPlugin(prop, end); + return _addComplexStringPropTween.call(this, target, prop, parsedStart, end, setter, stringFilter || _config.stringFilter, funcParam); + } + }, _processVars = function _processVars(vars, index, target, targets, tween) { + _isFunction(vars) && (vars = _parseFuncOrString(vars, tween, index, target, targets)); + if (!_isObject(vars) || vars.style && vars.nodeType || _isArray(vars) || _isTypedArray(vars)) { + return _isString(vars) ? _parseFuncOrString(vars, tween, index, target, targets) : vars; + } + var copy = {}, p; + for (p in vars) { + copy[p] = _parseFuncOrString(vars[p], tween, index, target, targets); + } + return copy; + }, _checkPlugin = function _checkPlugin(property, vars, tween, index, target, targets) { + var plugin, pt, ptLookup, i; + if (_plugins[property] && (plugin = new _plugins[property]()).init(target, plugin.rawVars ? vars[property] : _processVars(vars[property], index, target, targets, tween), tween, index, targets) !== false) { + tween._pt = pt = new PropTween(tween._pt, target, property, 0, 1, plugin.render, plugin, 0, plugin.priority); + if (tween !== _quickTween) { + ptLookup = tween._ptLookup[tween._targets.indexOf(target)]; + i = plugin._props.length; + while (i--) { + ptLookup[plugin._props[i]] = pt; + } + } + } + return plugin; + }, _overwritingTween, _initTween = function _initTween(tween, time) { + var vars = tween.vars, ease = vars.ease, startAt = vars.startAt, immediateRender = vars.immediateRender, lazy = vars.lazy, onUpdate = vars.onUpdate, onUpdateParams = vars.onUpdateParams, callbackScope = vars.callbackScope, runBackwards = vars.runBackwards, yoyoEase = vars.yoyoEase, keyframes = vars.keyframes, autoRevert = vars.autoRevert, dur = tween._dur, prevStartAt = tween._startAt, targets = tween._targets, parent = tween.parent, fullTargets = parent && parent.data === "nested" ? parent.parent._targets : targets, autoOverwrite = tween._overwrite === "auto" && !_suppressOverwrites, tl = tween.timeline, cleanVars, i, p, pt, target, hasPriority, gsData, harness, plugin, ptLookup, index, harnessVars, overwritten; + tl && (!keyframes || !ease) && (ease = "none"); + tween._ease = _parseEase(ease, _defaults.ease); + tween._yEase = yoyoEase ? _invertEase(_parseEase(yoyoEase === true ? ease : yoyoEase, _defaults.ease)) : 0; + if (yoyoEase && tween._yoyo && !tween._repeat) { + yoyoEase = tween._yEase; + tween._yEase = tween._ease; + tween._ease = yoyoEase; + } + tween._from = !tl && !!vars.runBackwards; + if (!tl) { + harness = targets[0] ? _getCache(targets[0]).harness : 0; + harnessVars = harness && vars[harness.prop]; + cleanVars = _copyExcluding(vars, _reservedProps); + prevStartAt && prevStartAt.render(-1, true).kill(); + if (startAt) { + _removeFromParent(tween._startAt = Tween.set(targets, _setDefaults({ + data: "isStart", + overwrite: false, + parent: parent, + immediateRender: true, + lazy: _isNotFalse(lazy), + startAt: null, + delay: 0, + onUpdate: onUpdate, + onUpdateParams: onUpdateParams, + callbackScope: callbackScope, + stagger: 0 + }, startAt))); + time < 0 && !immediateRender && !autoRevert && tween._startAt.render(-1, true); + if (immediateRender) { + time > 0 && !autoRevert && (tween._startAt = 0); + if (dur && time <= 0) { + time && (tween._zTime = time); + return; + } + } else if (autoRevert === false) { + tween._startAt = 0; + } + } else if (runBackwards && dur) { + if (prevStartAt) { + !autoRevert && (tween._startAt = 0); + } else { + time && (immediateRender = false); + p = _setDefaults({ + overwrite: false, + data: "isFromStart", + lazy: immediateRender && _isNotFalse(lazy), + immediateRender: immediateRender, + stagger: 0, + parent: parent + }, cleanVars); + harnessVars && (p[harness.prop] = harnessVars); + _removeFromParent(tween._startAt = Tween.set(targets, p)); + time < 0 && tween._startAt.render(-1, true); + if (!immediateRender) { + _initTween(tween._startAt, _tinyNum); + } else if (!time) { + return; + } + } + } + tween._pt = 0; + lazy = dur && _isNotFalse(lazy) || lazy && !dur; + for (i = 0; i < targets.length; i++) { + target = targets[i]; + gsData = target._gsap || _harness(targets)[i]._gsap; + tween._ptLookup[i] = ptLookup = {}; + _lazyLookup[gsData.id] && _lazyTweens.length && _lazyRender(); + index = fullTargets === targets ? i : fullTargets.indexOf(target); + if (harness && (plugin = new harness()).init(target, harnessVars || cleanVars, tween, index, fullTargets) !== false) { + tween._pt = pt = new PropTween(tween._pt, target, plugin.name, 0, 1, plugin.render, plugin, 0, plugin.priority); + plugin._props.forEach(function (name) { + ptLookup[name] = pt; + }); + plugin.priority && (hasPriority = 1); + } + if (!harness || harnessVars) { + for (p in cleanVars) { + if (_plugins[p] && (plugin = _checkPlugin(p, cleanVars, tween, index, target, fullTargets))) { + plugin.priority && (hasPriority = 1); + } else { + ptLookup[p] = pt = _addPropTween.call(tween, target, p, "get", cleanVars[p], index, fullTargets, 0, vars.stringFilter); + } + } + } + tween._op && tween._op[i] && tween.kill(target, tween._op[i]); + if (autoOverwrite && tween._pt) { + _overwritingTween = tween; + _globalTimeline.killTweensOf(target, ptLookup, tween.globalTime(0)); + overwritten = !tween.parent; + _overwritingTween = 0; + } + tween._pt && lazy && (_lazyLookup[gsData.id] = 1); + } + hasPriority && _sortPropTweensByPriority(tween); + tween._onInit && tween._onInit(tween); + } + tween._onUpdate = onUpdate; + tween._initted = (!tween._op || tween._pt) && !overwritten; + }, _addAliasesToVars = function _addAliasesToVars(targets, vars) { + var harness = targets[0] ? _getCache(targets[0]).harness : 0, propertyAliases = harness && harness.aliases, copy, p, i, aliases; + if (!propertyAliases) { + return vars; + } + copy = _merge({}, vars); + for (p in propertyAliases) { + if ((p in copy)) { + aliases = propertyAliases[p].split(","); + i = aliases.length; + while (i--) { + copy[aliases[i]] = copy[p]; + } + } + } + return copy; + }, _parseFuncOrString = function _parseFuncOrString(value, tween, i, target, targets) { + return _isFunction(value) ? value.call(tween, i, target, targets) : _isString(value) && ~value.indexOf("random(") ? _replaceRandom(value) : value; + }, _staggerTweenProps = _callbackNames + "repeat,repeatDelay,yoyo,repeatRefresh,yoyoEase", _staggerPropsToSkip = (_staggerTweenProps + ",id,stagger,delay,duration,paused,scrollTrigger").split(","); + var Tween = (function (_Animation2) { + _inheritsLoose(Tween, _Animation2); + function Tween(targets, vars, position, skipInherit) { + var _this3; + if (typeof vars === "number") { + position.duration = vars; + vars = position; + position = null; + } + _this3 = _Animation2.call(this, skipInherit ? vars : _inheritDefaults(vars)) || this; + var _this3$vars = _this3.vars, duration = _this3$vars.duration, delay = _this3$vars.delay, immediateRender = _this3$vars.immediateRender, stagger = _this3$vars.stagger, overwrite = _this3$vars.overwrite, keyframes = _this3$vars.keyframes, defaults = _this3$vars.defaults, scrollTrigger = _this3$vars.scrollTrigger, yoyoEase = _this3$vars.yoyoEase, parent = vars.parent || _globalTimeline, parsedTargets = (_isArray(targets) || _isTypedArray(targets) ? _isNumber(targets[0]) : ("length" in vars)) ? [targets] : toArray(targets), tl, i, copy, l, p, curTarget, staggerFunc, staggerVarsToMerge; + _this3._targets = parsedTargets.length ? _harness(parsedTargets) : _warn("GSAP target " + targets + " not found. https://greensock.com", !_config.nullTargetWarn) || []; + _this3._ptLookup = []; + _this3._overwrite = overwrite; + if (keyframes || stagger || _isFuncOrString(duration) || _isFuncOrString(delay)) { + vars = _this3.vars; + tl = _this3.timeline = new Timeline({ + data: "nested", + defaults: defaults || ({}) + }); + tl.kill(); + tl.parent = tl._dp = _assertThisInitialized(_this3); + tl._start = 0; + if (keyframes) { + _setDefaults(tl.vars.defaults, { + ease: "none" + }); + stagger ? parsedTargets.forEach(function (t, i) { + return keyframes.forEach(function (frame, j) { + return tl.to(t, frame, j ? ">" : i * stagger); + }); + }) : keyframes.forEach(function (frame) { + return tl.to(parsedTargets, frame, ">"); + }); + } else { + l = parsedTargets.length; + staggerFunc = stagger ? distribute(stagger) : _emptyFunc; + if (_isObject(stagger)) { + for (p in stagger) { + if (~_staggerTweenProps.indexOf(p)) { + staggerVarsToMerge || (staggerVarsToMerge = {}); + staggerVarsToMerge[p] = stagger[p]; + } + } + } + for (i = 0; i < l; i++) { + copy = {}; + for (p in vars) { + if (_staggerPropsToSkip.indexOf(p) < 0) { + copy[p] = vars[p]; + } + } + copy.stagger = 0; + yoyoEase && (copy.yoyoEase = yoyoEase); + staggerVarsToMerge && _merge(copy, staggerVarsToMerge); + curTarget = parsedTargets[i]; + copy.duration = +_parseFuncOrString(duration, _assertThisInitialized(_this3), i, curTarget, parsedTargets); + copy.delay = (+_parseFuncOrString(delay, _assertThisInitialized(_this3), i, curTarget, parsedTargets) || 0) - _this3._delay; + if (!stagger && l === 1 && copy.delay) { + _this3._delay = delay = copy.delay; + _this3._start += delay; + copy.delay = 0; + } + tl.to(curTarget, copy, staggerFunc(i, curTarget, parsedTargets)); + } + tl.duration() ? duration = delay = 0 : _this3.timeline = 0; + } + duration || _this3.duration(duration = tl.duration()); + } else { + _this3.timeline = 0; + } + if (overwrite === true && !_suppressOverwrites) { + _overwritingTween = _assertThisInitialized(_this3); + _globalTimeline.killTweensOf(parsedTargets); + _overwritingTween = 0; + } + _addToTimeline(parent, _assertThisInitialized(_this3), position); + vars.reversed && _this3.reverse(); + vars.paused && _this3.paused(true); + if (immediateRender || !duration && !keyframes && _this3._start === _round(parent._time) && _isNotFalse(immediateRender) && _hasNoPausedAncestors(_assertThisInitialized(_this3)) && parent.data !== "nested") { + _this3._tTime = -_tinyNum; + _this3.render(Math.max(0, -delay)); + } + scrollTrigger && _scrollTrigger(_assertThisInitialized(_this3), scrollTrigger); + return _this3; + } + var _proto3 = Tween.prototype; + _proto3.render = function render(totalTime, suppressEvents, force) { + var prevTime = this._time, tDur = this._tDur, dur = this._dur, tTime = totalTime > tDur - _tinyNum && totalTime >= 0 ? tDur : totalTime < _tinyNum ? 0 : totalTime, time, pt, iteration, cycleDuration, prevIteration, isYoyo, ratio, timeline, yoyoEase; + if (!dur) { + _renderZeroDurationTween(this, totalTime, suppressEvents, force); + } else if (tTime !== this._tTime || !totalTime || force || !this._initted && this._tTime || this._startAt && this._zTime < 0 !== totalTime < 0) { + time = tTime; + timeline = this.timeline; + if (this._repeat) { + cycleDuration = dur + this._rDelay; + if (this._repeat < -1 && totalTime < 0) { + return this.totalTime(cycleDuration * 100 + totalTime, suppressEvents, force); + } + time = _round(tTime % cycleDuration); + if (tTime === tDur) { + iteration = this._repeat; + time = dur; + } else { + iteration = ~~(tTime / cycleDuration); + if (iteration && iteration === tTime / cycleDuration) { + time = dur; + iteration--; + } + time > dur && (time = dur); + } + isYoyo = this._yoyo && iteration & 1; + if (isYoyo) { + yoyoEase = this._yEase; + time = dur - time; + } + prevIteration = _animationCycle(this._tTime, cycleDuration); + if (time === prevTime && !force && this._initted) { + return this; + } + if (iteration !== prevIteration) { + timeline && this._yEase && _propagateYoyoEase(timeline, isYoyo); + if (this.vars.repeatRefresh && !isYoyo && !this._lock) { + this._lock = force = 1; + this.render(_round(cycleDuration * iteration), true).invalidate()._lock = 0; + } + } + } + if (!this._initted) { + if (_attemptInitTween(this, totalTime < 0 ? totalTime : time, force, suppressEvents)) { + this._tTime = 0; + return this; + } + if (dur !== this._dur) { + return this.render(totalTime, suppressEvents, force); + } + } + this._tTime = tTime; + this._time = time; + if (!this._act && this._ts) { + this._act = 1; + this._lazy = 0; + } + this.ratio = ratio = (yoyoEase || this._ease)(time / dur); + if (this._from) { + this.ratio = ratio = 1 - ratio; + } + if (time && !prevTime && !suppressEvents) { + _callback(this, "onStart"); + if (this._tTime !== tTime) { + return this; + } + } + pt = this._pt; + while (pt) { + pt.r(ratio, pt.d); + pt = pt._next; + } + timeline && timeline.render(totalTime < 0 ? totalTime : !time && isYoyo ? -_tinyNum : timeline._dur * ratio, suppressEvents, force) || this._startAt && (this._zTime = totalTime); + if (this._onUpdate && !suppressEvents) { + totalTime < 0 && this._startAt && this._startAt.render(totalTime, true, force); + _callback(this, "onUpdate"); + } + this._repeat && iteration !== prevIteration && this.vars.onRepeat && !suppressEvents && this.parent && _callback(this, "onRepeat"); + if ((tTime === this._tDur || !tTime) && this._tTime === tTime) { + totalTime < 0 && this._startAt && !this._onUpdate && this._startAt.render(totalTime, true, true); + (totalTime || !dur) && (tTime === this._tDur && this._ts > 0 || !tTime && this._ts < 0) && _removeFromParent(this, 1); + if (!suppressEvents && !(totalTime < 0 && !prevTime) && (tTime || prevTime)) { + _callback(this, tTime === tDur ? "onComplete" : "onReverseComplete", true); + this._prom && !(tTime < tDur && this.timeScale() > 0) && this._prom(); + } + } + } + return this; + }; + _proto3.targets = function targets() { + return this._targets; + }; + _proto3.invalidate = function invalidate() { + this._pt = this._op = this._startAt = this._onUpdate = this._lazy = this.ratio = 0; + this._ptLookup = []; + this.timeline && this.timeline.invalidate(); + return _Animation2.prototype.invalidate.call(this); + }; + _proto3.kill = function kill(targets, vars) { + if (vars === void 0) { + vars = "all"; + } + if (!targets && (!vars || vars === "all")) { + this._lazy = this._pt = 0; + return this.parent ? _interrupt(this) : this; + } + if (this.timeline) { + var tDur = this.timeline.totalDuration(); + this.timeline.killTweensOf(targets, vars, _overwritingTween && _overwritingTween.vars.overwrite !== true)._first || _interrupt(this); + this.parent && tDur !== this.timeline.totalDuration() && _setDuration(this, this._dur * this.timeline._tDur / tDur, 0, 1); + return this; + } + var parsedTargets = this._targets, killingTargets = targets ? toArray(targets) : parsedTargets, propTweenLookup = this._ptLookup, firstPT = this._pt, overwrittenProps, curLookup, curOverwriteProps, props, p, pt, i; + if ((!vars || vars === "all") && _arraysMatch(parsedTargets, killingTargets)) { + vars === "all" && (this._pt = 0); + return _interrupt(this); + } + overwrittenProps = this._op = this._op || []; + if (vars !== "all") { + if (_isString(vars)) { + p = {}; + _forEachName(vars, function (name) { + return p[name] = 1; + }); + vars = p; + } + vars = _addAliasesToVars(parsedTargets, vars); + } + i = parsedTargets.length; + while (i--) { + if (~killingTargets.indexOf(parsedTargets[i])) { + curLookup = propTweenLookup[i]; + if (vars === "all") { + overwrittenProps[i] = vars; + props = curLookup; + curOverwriteProps = {}; + } else { + curOverwriteProps = overwrittenProps[i] = overwrittenProps[i] || ({}); + props = vars; + } + for (p in props) { + pt = curLookup && curLookup[p]; + if (pt) { + if (!(("kill" in pt.d)) || pt.d.kill(p) === true) { + _removeLinkedListItem(this, pt, "_pt"); + } + delete curLookup[p]; + } + if (curOverwriteProps !== "all") { + curOverwriteProps[p] = 1; + } + } + } + } + this._initted && !this._pt && firstPT && _interrupt(this); + return this; + }; + Tween.to = function to(targets, vars) { + return new Tween(targets, vars, arguments[2]); + }; + Tween.from = function from(targets, vars) { + return _createTweenType(1, arguments); + }; + Tween.delayedCall = function delayedCall(delay, callback, params, scope) { + return new Tween(callback, 0, { + immediateRender: false, + lazy: false, + overwrite: false, + delay: delay, + onComplete: callback, + onReverseComplete: callback, + onCompleteParams: params, + onReverseCompleteParams: params, + callbackScope: scope + }); + }; + Tween.fromTo = function fromTo(targets, fromVars, toVars) { + return _createTweenType(2, arguments); + }; + Tween.set = function set(targets, vars) { + vars.duration = 0; + vars.repeatDelay || (vars.repeat = 0); + return new Tween(targets, vars); + }; + Tween.killTweensOf = function killTweensOf(targets, props, onlyActive) { + return _globalTimeline.killTweensOf(targets, props, onlyActive); + }; + return Tween; + })(Animation); + _setDefaults(Tween.prototype, { + _targets: [], + _lazy: 0, + _startAt: 0, + _op: 0, + _onInit: 0 + }); + _forEachName("staggerTo,staggerFrom,staggerFromTo", function (name) { + Tween[name] = function () { + var tl = new Timeline(), params = _slice.call(arguments, 0); + params.splice(name === "staggerFromTo" ? 5 : 4, 0, 0); + return tl[name].apply(tl, params); + }; + }); + var _setterPlain = function _setterPlain(target, property, value) { + return target[property] = value; + }, _setterFunc = function _setterFunc(target, property, value) { + return target[property](value); + }, _setterFuncWithParam = function _setterFuncWithParam(target, property, value, data) { + return target[property](data.fp, value); + }, _setterAttribute = function _setterAttribute(target, property, value) { + return target.setAttribute(property, value); + }, _getSetter = function _getSetter(target, property) { + return _isFunction(target[property]) ? _setterFunc : _isUndefined(target[property]) && target.setAttribute ? _setterAttribute : _setterPlain; + }, _renderPlain = function _renderPlain(ratio, data) { + return data.set(data.t, data.p, Math.round((data.s + data.c * ratio) * 1000000) / 1000000, data); + }, _renderBoolean = function _renderBoolean(ratio, data) { + return data.set(data.t, data.p, !!(data.s + data.c * ratio), data); + }, _renderComplexString = function _renderComplexString(ratio, data) { + var pt = data._pt, s = ""; + if (!ratio && data.b) { + s = data.b; + } else if (ratio === 1 && data.e) { + s = data.e; + } else { + while (pt) { + s = pt.p + (pt.m ? pt.m(pt.s + pt.c * ratio) : Math.round((pt.s + pt.c * ratio) * 10000) / 10000) + s; + pt = pt._next; + } + s += data.c; + } + data.set(data.t, data.p, s, data); + }, _renderPropTweens = function _renderPropTweens(ratio, data) { + var pt = data._pt; + while (pt) { + pt.r(ratio, pt.d); + pt = pt._next; + } + }, _addPluginModifier = function _addPluginModifier(modifier, tween, target, property) { + var pt = this._pt, next; + while (pt) { + next = pt._next; + pt.p === property && pt.modifier(modifier, tween, target); + pt = next; + } + }, _killPropTweensOf = function _killPropTweensOf(property) { + var pt = this._pt, hasNonDependentRemaining, next; + while (pt) { + next = pt._next; + if (pt.p === property && !pt.op || pt.op === property) { + _removeLinkedListItem(this, pt, "_pt"); + } else if (!pt.dep) { + hasNonDependentRemaining = 1; + } + pt = next; + } + return !hasNonDependentRemaining; + }, _setterWithModifier = function _setterWithModifier(target, property, value, data) { + data.mSet(target, property, data.m.call(data.tween, value, data.mt), data); + }, _sortPropTweensByPriority = function _sortPropTweensByPriority(parent) { + var pt = parent._pt, next, pt2, first, last; + while (pt) { + next = pt._next; + pt2 = first; + while (pt2 && pt2.pr > pt.pr) { + pt2 = pt2._next; + } + if (pt._prev = pt2 ? pt2._prev : last) { + pt._prev._next = pt; + } else { + first = pt; + } + if (pt._next = pt2) { + pt2._prev = pt; + } else { + last = pt; + } + pt = next; + } + parent._pt = first; + }; + var PropTween = (function () { + function PropTween(next, target, prop, start, change, renderer, data, setter, priority) { + this.t = target; + this.s = start; + this.c = change; + this.p = prop; + this.r = renderer || _renderPlain; + this.d = data || this; + this.set = setter || _setterPlain; + this.pr = priority || 0; + this._next = next; + if (next) { + next._prev = this; + } + } + var _proto4 = PropTween.prototype; + _proto4.modifier = function modifier(func, tween, target) { + this.mSet = this.mSet || this.set; + this.set = _setterWithModifier; + this.m = func; + this.mt = target; + this.tween = tween; + }; + return PropTween; + })(); + _forEachName(_callbackNames + "parent,duration,ease,delay,overwrite,runBackwards,startAt,yoyo,immediateRender,repeat,repeatDelay,data,paused,reversed,lazy,callbackScope,stringFilter,id,yoyoEase,stagger,inherit,repeatRefresh,keyframes,autoRevert,scrollTrigger", function (name) { + return _reservedProps[name] = 1; + }); + _globals.TweenMax = _globals.TweenLite = Tween; + _globals.TimelineLite = _globals.TimelineMax = Timeline; + _globalTimeline = new Timeline({ + sortChildren: false, + defaults: _defaults, + autoRemoveChildren: true, + id: "root", + smoothChildTiming: true + }); + _config.stringFilter = _colorStringFilter; + var _gsap = { + registerPlugin: function registerPlugin() { + for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) { + args[_key2] = arguments[_key2]; + } + args.forEach(function (config) { + return _createPlugin(config); + }); + }, + timeline: function timeline(vars) { + return new Timeline(vars); + }, + getTweensOf: function getTweensOf(targets, onlyActive) { + return _globalTimeline.getTweensOf(targets, onlyActive); + }, + getProperty: function getProperty(target, property, unit, uncache) { + _isString(target) && (target = toArray(target)[0]); + var getter = _getCache(target || ({})).get, format = unit ? _passThrough : _numericIfPossible; + unit === "native" && (unit = ""); + return !target ? target : !property ? function (property, unit, uncache) { + return format((_plugins[property] && _plugins[property].get || getter)(target, property, unit, uncache)); + } : format((_plugins[property] && _plugins[property].get || getter)(target, property, unit, uncache)); + }, + quickSetter: function quickSetter(target, property, unit) { + target = toArray(target); + if (target.length > 1) { + var setters = target.map(function (t) { + return gsap.quickSetter(t, property, unit); + }), l = setters.length; + return function (value) { + var i = l; + while (i--) { + setters[i](value); + } + }; + } + target = target[0] || ({}); + var Plugin = _plugins[property], cache = _getCache(target), p = cache.harness && (cache.harness.aliases || ({}))[property] || property, setter = Plugin ? function (value) { + var p = new Plugin(); + _quickTween._pt = 0; + p.init(target, unit ? value + unit : value, _quickTween, 0, [target]); + p.render(1, p); + _quickTween._pt && _renderPropTweens(1, _quickTween); + } : cache.set(target, p); + return Plugin ? setter : function (value) { + return setter(target, p, unit ? value + unit : value, cache, 1); + }; + }, + isTweening: function isTweening(targets) { + return _globalTimeline.getTweensOf(targets, true).length > 0; + }, + defaults: function defaults(value) { + value && value.ease && (value.ease = _parseEase(value.ease, _defaults.ease)); + return _mergeDeep(_defaults, value || ({})); + }, + config: function config(value) { + return _mergeDeep(_config, value || ({})); + }, + registerEffect: function registerEffect(_ref3) { + var name = _ref3.name, effect = _ref3.effect, plugins = _ref3.plugins, defaults = _ref3.defaults, extendTimeline = _ref3.extendTimeline; + (plugins || "").split(",").forEach(function (pluginName) { + return pluginName && !_plugins[pluginName] && !_globals[pluginName] && _warn(name + " effect requires " + pluginName + " plugin."); + }); + _effects[name] = function (targets, vars, tl) { + return effect(toArray(targets), _setDefaults(vars || ({}), defaults), tl); + }; + if (extendTimeline) { + Timeline.prototype[name] = function (targets, vars, position) { + return this.add(_effects[name](targets, _isObject(vars) ? vars : (position = vars) && ({}), this), position); + }; + } + }, + registerEase: function registerEase(name, ease) { + _easeMap[name] = _parseEase(ease); + }, + parseEase: function parseEase(ease, defaultEase) { + return arguments.length ? _parseEase(ease, defaultEase) : _easeMap; + }, + getById: function getById(id) { + return _globalTimeline.getById(id); + }, + exportRoot: function exportRoot(vars, includeDelayedCalls) { + if (vars === void 0) { + vars = {}; + } + var tl = new Timeline(vars), child, next; + tl.smoothChildTiming = _isNotFalse(vars.smoothChildTiming); + _globalTimeline.remove(tl); + tl._dp = 0; + tl._time = tl._tTime = _globalTimeline._time; + child = _globalTimeline._first; + while (child) { + next = child._next; + if (includeDelayedCalls || !(!child._dur && child instanceof Tween && child.vars.onComplete === child._targets[0])) { + _addToTimeline(tl, child, child._start - child._delay); + } + child = next; + } + _addToTimeline(_globalTimeline, tl, 0); + return tl; + }, + utils: { + wrap: wrap, + wrapYoyo: wrapYoyo, + distribute: distribute, + random: random, + snap: snap, + normalize: normalize, + getUnit: getUnit, + clamp: clamp, + splitColor: splitColor, + toArray: toArray, + selector: selector, + mapRange: mapRange, + pipe: pipe, + unitize: unitize, + interpolate: interpolate, + shuffle: shuffle + }, + install: _install, + effects: _effects, + ticker: _ticker, + updateRoot: Timeline.updateRoot, + plugins: _plugins, + globalTimeline: _globalTimeline, + core: { + PropTween: PropTween, + globals: _addGlobal, + Tween: Tween, + Timeline: Timeline, + Animation: Animation, + getCache: _getCache, + _removeLinkedListItem: _removeLinkedListItem, + suppressOverwrites: function suppressOverwrites(value) { + return _suppressOverwrites = value; + } + } + }; + _forEachName("to,from,fromTo,delayedCall,set,killTweensOf", function (name) { + return _gsap[name] = Tween[name]; + }); + _ticker.add(Timeline.updateRoot); + _quickTween = _gsap.to({}, { + duration: 0 + }); + var _getPluginPropTween = function _getPluginPropTween(plugin, prop) { + var pt = plugin._pt; + while (pt && pt.p !== prop && pt.op !== prop && pt.fp !== prop) { + pt = pt._next; + } + return pt; + }, _addModifiers = function _addModifiers(tween, modifiers) { + var targets = tween._targets, p, i, pt; + for (p in modifiers) { + i = targets.length; + while (i--) { + pt = tween._ptLookup[i][p]; + if (pt && (pt = pt.d)) { + if (pt._pt) { + pt = _getPluginPropTween(pt, p); + } + pt && pt.modifier && pt.modifier(modifiers[p], tween, targets[i], p); + } + } + } + }, _buildModifierPlugin = function _buildModifierPlugin(name, modifier) { + return { + name: name, + rawVars: 1, + init: function init(target, vars, tween) { + tween._onInit = function (tween) { + var temp, p; + if (_isString(vars)) { + temp = {}; + _forEachName(vars, function (name) { + return temp[name] = 1; + }); + vars = temp; + } + if (modifier) { + temp = {}; + for (p in vars) { + temp[p] = modifier(vars[p]); + } + vars = temp; + } + _addModifiers(tween, vars); + }; + } + }; + }; + var gsap = _gsap.registerPlugin({ + name: "attr", + init: function init(target, vars, tween, index, targets) { + var p, pt; + for (p in vars) { + pt = this.add(target, "setAttribute", (target.getAttribute(p) || 0) + "", vars[p], index, targets, 0, 0, p); + pt && (pt.op = p); + this._props.push(p); + } + } + }, { + name: "endArray", + init: function init(target, value) { + var i = value.length; + while (i--) { + this.add(target, i, target[i] || 0, value[i]); + } + } + }, _buildModifierPlugin("roundProps", _roundModifier), _buildModifierPlugin("modifiers"), _buildModifierPlugin("snap", snap)) || _gsap; + Tween.version = Timeline.version = gsap.version = "3.7.1"; + _coreReady = 1; + _windowExists() && _wake(); + var Power0 = _easeMap.Power0, Power1 = _easeMap.Power1, Power2 = _easeMap.Power2, Power3 = _easeMap.Power3, Power4 = _easeMap.Power4, Linear = _easeMap.Linear, Quad = _easeMap.Quad, Cubic = _easeMap.Cubic, Quart = _easeMap.Quart, Quint = _easeMap.Quint, Strong = _easeMap.Strong, Elastic = _easeMap.Elastic, Back = _easeMap.Back, SteppedEase = _easeMap.SteppedEase, Bounce = _easeMap.Bounce, Sine = _easeMap.Sine, Expo = _easeMap.Expo, Circ = _easeMap.Circ; + var _win$1, _doc$1, _docElement, _pluginInitted, _tempDiv, _tempDivStyler, _recentSetterPlugin, _windowExists$1 = function _windowExists() { + return typeof window !== "undefined"; + }, _transformProps = {}, _RAD2DEG = 180 / Math.PI, _DEG2RAD = Math.PI / 180, _atan2 = Math.atan2, _bigNum$1 = 1e8, _capsExp = /([A-Z])/g, _horizontalExp = /(?:left|right|width|margin|padding|x)/i, _complexExp = /[\s,\(]\S/, _propertyAliases = { + autoAlpha: "opacity,visibility", + scale: "scaleX,scaleY", + alpha: "opacity" + }, _renderCSSProp = function _renderCSSProp(ratio, data) { + return data.set(data.t, data.p, Math.round((data.s + data.c * ratio) * 10000) / 10000 + data.u, data); + }, _renderPropWithEnd = function _renderPropWithEnd(ratio, data) { + return data.set(data.t, data.p, ratio === 1 ? data.e : Math.round((data.s + data.c * ratio) * 10000) / 10000 + data.u, data); + }, _renderCSSPropWithBeginning = function _renderCSSPropWithBeginning(ratio, data) { + return data.set(data.t, data.p, ratio ? Math.round((data.s + data.c * ratio) * 10000) / 10000 + data.u : data.b, data); + }, _renderRoundedCSSProp = function _renderRoundedCSSProp(ratio, data) { + var value = data.s + data.c * ratio; + data.set(data.t, data.p, ~~(value + (value < 0 ? -.5 : .5)) + data.u, data); + }, _renderNonTweeningValue = function _renderNonTweeningValue(ratio, data) { + return data.set(data.t, data.p, ratio ? data.e : data.b, data); + }, _renderNonTweeningValueOnlyAtEnd = function _renderNonTweeningValueOnlyAtEnd(ratio, data) { + return data.set(data.t, data.p, ratio !== 1 ? data.b : data.e, data); + }, _setterCSSStyle = function _setterCSSStyle(target, property, value) { + return target.style[property] = value; + }, _setterCSSProp = function _setterCSSProp(target, property, value) { + return target.style.setProperty(property, value); + }, _setterTransform = function _setterTransform(target, property, value) { + return target._gsap[property] = value; + }, _setterScale = function _setterScale(target, property, value) { + return target._gsap.scaleX = target._gsap.scaleY = value; + }, _setterScaleWithRender = function _setterScaleWithRender(target, property, value, data, ratio) { + var cache = target._gsap; + cache.scaleX = cache.scaleY = value; + cache.renderTransform(ratio, cache); + }, _setterTransformWithRender = function _setterTransformWithRender(target, property, value, data, ratio) { + var cache = target._gsap; + cache[property] = value; + cache.renderTransform(ratio, cache); + }, _transformProp = "transform", _transformOriginProp = _transformProp + "Origin", _supports3D, _createElement = function _createElement(type, ns) { + var e = _doc$1.createElementNS ? _doc$1.createElementNS((ns || "http://www.w3.org/1999/xhtml").replace(/^https/, "http"), type) : _doc$1.createElement(type); + return e.style ? e : _doc$1.createElement(type); + }, _getComputedProperty = function _getComputedProperty(target, property, skipPrefixFallback) { + var cs = getComputedStyle(target); + return cs[property] || cs.getPropertyValue(property.replace(_capsExp, "-$1").toLowerCase()) || cs.getPropertyValue(property) || !skipPrefixFallback && _getComputedProperty(target, _checkPropPrefix(property) || property, 1) || ""; + }, _prefixes = ("O,Moz,ms,Ms,Webkit").split(","), _checkPropPrefix = function _checkPropPrefix(property, element, preferPrefix) { + var e = element || _tempDiv, s = e.style, i = 5; + if ((property in s) && !preferPrefix) { + return property; + } + property = property.charAt(0).toUpperCase() + property.substr(1); + while (i-- && !((_prefixes[i] + property in s))) {} + return i < 0 ? null : (i === 3 ? "ms" : i >= 0 ? _prefixes[i] : "") + property; + }, _initCore = function _initCore() { + if (_windowExists$1() && window.document) { + _win$1 = window; + _doc$1 = _win$1.document; + _docElement = _doc$1.documentElement; + _tempDiv = _createElement("div") || ({ + style: {} + }); + _tempDivStyler = _createElement("div"); + _transformProp = _checkPropPrefix(_transformProp); + _transformOriginProp = _transformProp + "Origin"; + _tempDiv.style.cssText = "border-width:0;line-height:0;position:absolute;padding:0"; + _supports3D = !!_checkPropPrefix("perspective"); + _pluginInitted = 1; + } + }, _getBBoxHack = function _getBBoxHack(swapIfPossible) { + var svg = _createElement("svg", this.ownerSVGElement && this.ownerSVGElement.getAttribute("xmlns") || "http://www.w3.org/2000/svg"), oldParent = this.parentNode, oldSibling = this.nextSibling, oldCSS = this.style.cssText, bbox; + _docElement.appendChild(svg); + svg.appendChild(this); + this.style.display = "block"; + if (swapIfPossible) { + try { + bbox = this.getBBox(); + this._gsapBBox = this.getBBox; + this.getBBox = _getBBoxHack; + } catch (e) {} + } else if (this._gsapBBox) { + bbox = this._gsapBBox(); + } + if (oldParent) { + if (oldSibling) { + oldParent.insertBefore(this, oldSibling); + } else { + oldParent.appendChild(this); + } + } + _docElement.removeChild(svg); + this.style.cssText = oldCSS; + return bbox; + }, _getAttributeFallbacks = function _getAttributeFallbacks(target, attributesArray) { + var i = attributesArray.length; + while (i--) { + if (target.hasAttribute(attributesArray[i])) { + return target.getAttribute(attributesArray[i]); + } + } + }, _getBBox = function _getBBox(target) { + var bounds; + try { + bounds = target.getBBox(); + } catch (error) { + bounds = _getBBoxHack.call(target, true); + } + bounds && (bounds.width || bounds.height) || target.getBBox === _getBBoxHack || (bounds = _getBBoxHack.call(target, true)); + return bounds && !bounds.width && !bounds.x && !bounds.y ? { + x: +_getAttributeFallbacks(target, ["x", "cx", "x1"]) || 0, + y: +_getAttributeFallbacks(target, ["y", "cy", "y1"]) || 0, + width: 0, + height: 0 + } : bounds; + }, _isSVG = function _isSVG(e) { + return !!(e.getCTM && (!e.parentNode || e.ownerSVGElement) && _getBBox(e)); + }, _removeProperty = function _removeProperty(target, property) { + if (property) { + var style = target.style; + if ((property in _transformProps) && property !== _transformOriginProp) { + property = _transformProp; + } + if (style.removeProperty) { + if (property.substr(0, 2) === "ms" || property.substr(0, 6) === "webkit") { + property = "-" + property; + } + style.removeProperty(property.replace(_capsExp, "-$1").toLowerCase()); + } else { + style.removeAttribute(property); + } + } + }, _addNonTweeningPT = function _addNonTweeningPT(plugin, target, property, beginning, end, onlySetAtEnd) { + var pt = new PropTween(plugin._pt, target, property, 0, 1, onlySetAtEnd ? _renderNonTweeningValueOnlyAtEnd : _renderNonTweeningValue); + plugin._pt = pt; + pt.b = beginning; + pt.e = end; + plugin._props.push(property); + return pt; + }, _nonConvertibleUnits = { + deg: 1, + rad: 1, + turn: 1 + }, _convertToUnit = function _convertToUnit(target, property, value, unit) { + var curValue = parseFloat(value) || 0, curUnit = (value + "").trim().substr((curValue + "").length) || "px", style = _tempDiv.style, horizontal = _horizontalExp.test(property), isRootSVG = target.tagName.toLowerCase() === "svg", measureProperty = (isRootSVG ? "client" : "offset") + (horizontal ? "Width" : "Height"), amount = 100, toPixels = unit === "px", toPercent = unit === "%", px, parent, cache, isSVG; + if (unit === curUnit || !curValue || _nonConvertibleUnits[unit] || _nonConvertibleUnits[curUnit]) { + return curValue; + } + curUnit !== "px" && !toPixels && (curValue = _convertToUnit(target, property, value, "px")); + isSVG = target.getCTM && _isSVG(target); + if ((toPercent || curUnit === "%") && (_transformProps[property] || ~property.indexOf("adius"))) { + px = isSVG ? target.getBBox()[horizontal ? "width" : "height"] : target[measureProperty]; + return _round(toPercent ? curValue / px * amount : curValue / 100 * px); + } + style[horizontal ? "width" : "height"] = amount + (toPixels ? curUnit : unit); + parent = ~property.indexOf("adius") || unit === "em" && target.appendChild && !isRootSVG ? target : target.parentNode; + if (isSVG) { + parent = (target.ownerSVGElement || ({})).parentNode; + } + if (!parent || parent === _doc$1 || !parent.appendChild) { + parent = _doc$1.body; + } + cache = parent._gsap; + if (cache && toPercent && cache.width && horizontal && cache.time === _ticker.time) { + return _round(curValue / cache.width * amount); + } else { + (toPercent || curUnit === "%") && (style.position = _getComputedProperty(target, "position")); + parent === target && (style.position = "static"); + parent.appendChild(_tempDiv); + px = _tempDiv[measureProperty]; + parent.removeChild(_tempDiv); + style.position = "absolute"; + if (horizontal && toPercent) { + cache = _getCache(parent); + cache.time = _ticker.time; + cache.width = parent[measureProperty]; + } + } + return _round(toPixels ? px * curValue / amount : px && curValue ? amount / px * curValue : 0); + }, _get = function _get(target, property, unit, uncache) { + var value; + _pluginInitted || _initCore(); + if ((property in _propertyAliases) && property !== "transform") { + property = _propertyAliases[property]; + if (~property.indexOf(",")) { + property = property.split(",")[0]; + } + } + if (_transformProps[property] && property !== "transform") { + value = _parseTransform(target, uncache); + value = property !== "transformOrigin" ? value[property] : value.svg ? value.origin : _firstTwoOnly(_getComputedProperty(target, _transformOriginProp)) + " " + value.zOrigin + "px"; + } else { + value = target.style[property]; + if (!value || value === "auto" || uncache || ~(value + "").indexOf("calc(")) { + value = _specialProps[property] && _specialProps[property](target, property, unit) || _getComputedProperty(target, property) || _getProperty(target, property) || (property === "opacity" ? 1 : 0); + } + } + return unit && !~(value + "").trim().indexOf(" ") ? _convertToUnit(target, property, value, unit) + unit : value; + }, _tweenComplexCSSString = function _tweenComplexCSSString(target, prop, start, end) { + if (!start || start === "none") { + var p = _checkPropPrefix(prop, target, 1), s = p && _getComputedProperty(target, p, 1); + if (s && s !== start) { + prop = p; + start = s; + } else if (prop === "borderColor") { + start = _getComputedProperty(target, "borderTopColor"); + } + } + var pt = new PropTween(this._pt, target.style, prop, 0, 1, _renderComplexString), index = 0, matchIndex = 0, a, result, startValues, startNum, color, startValue, endValue, endNum, chunk, endUnit, startUnit, relative, endValues; + pt.b = start; + pt.e = end; + start += ""; + end += ""; + if (end === "auto") { + target.style[prop] = end; + end = _getComputedProperty(target, prop) || end; + target.style[prop] = start; + } + a = [start, end]; + _colorStringFilter(a); + start = a[0]; + end = a[1]; + startValues = start.match(_numWithUnitExp) || []; + endValues = end.match(_numWithUnitExp) || []; + if (endValues.length) { + while (result = _numWithUnitExp.exec(end)) { + endValue = result[0]; + chunk = end.substring(index, result.index); + if (color) { + color = (color + 1) % 5; + } else if (chunk.substr(-5) === "rgba(" || chunk.substr(-5) === "hsla(") { + color = 1; + } + if (endValue !== (startValue = startValues[matchIndex++] || "")) { + startNum = parseFloat(startValue) || 0; + startUnit = startValue.substr((startNum + "").length); + relative = endValue.charAt(1) === "=" ? +(endValue.charAt(0) + "1") : 0; + if (relative) { + endValue = endValue.substr(2); + } + endNum = parseFloat(endValue); + endUnit = endValue.substr((endNum + "").length); + index = _numWithUnitExp.lastIndex - endUnit.length; + if (!endUnit) { + endUnit = endUnit || _config.units[prop] || startUnit; + if (index === end.length) { + end += endUnit; + pt.e += endUnit; + } + } + if (startUnit !== endUnit) { + startNum = _convertToUnit(target, prop, startValue, endUnit) || 0; + } + pt._pt = { + _next: pt._pt, + p: chunk || matchIndex === 1 ? chunk : ",", + s: startNum, + c: relative ? relative * endNum : endNum - startNum, + m: color && color < 4 || prop === "zIndex" ? Math.round : 0 + }; + } + } + pt.c = index < end.length ? end.substring(index, end.length) : ""; + } else { + pt.r = prop === "display" && end === "none" ? _renderNonTweeningValueOnlyAtEnd : _renderNonTweeningValue; + } + _relExp.test(end) && (pt.e = 0); + this._pt = pt; + return pt; + }, _keywordToPercent = { + top: "0%", + bottom: "100%", + left: "0%", + right: "100%", + center: "50%" + }, _convertKeywordsToPercentages = function _convertKeywordsToPercentages(value) { + var split = value.split(" "), x = split[0], y = split[1] || "50%"; + if (x === "top" || x === "bottom" || y === "left" || y === "right") { + value = x; + x = y; + y = value; + } + split[0] = _keywordToPercent[x] || x; + split[1] = _keywordToPercent[y] || y; + return split.join(" "); + }, _renderClearProps = function _renderClearProps(ratio, data) { + if (data.tween && data.tween._time === data.tween._dur) { + var target = data.t, style = target.style, props = data.u, cache = target._gsap, prop, clearTransforms, i; + if (props === "all" || props === true) { + style.cssText = ""; + clearTransforms = 1; + } else { + props = props.split(","); + i = props.length; + while (--i > -1) { + prop = props[i]; + if (_transformProps[prop]) { + clearTransforms = 1; + prop = prop === "transformOrigin" ? _transformOriginProp : _transformProp; + } + _removeProperty(target, prop); + } + } + if (clearTransforms) { + _removeProperty(target, _transformProp); + if (cache) { + cache.svg && target.removeAttribute("transform"); + _parseTransform(target, 1); + cache.uncache = 1; + } + } + } + }, _specialProps = { + clearProps: function clearProps(plugin, target, property, endValue, tween) { + if (tween.data !== "isFromStart") { + var pt = plugin._pt = new PropTween(plugin._pt, target, property, 0, 0, _renderClearProps); + pt.u = endValue; + pt.pr = -10; + pt.tween = tween; + plugin._props.push(property); + return 1; + } + } + }, _identity2DMatrix = [1, 0, 0, 1, 0, 0], _rotationalProperties = {}, _isNullTransform = function _isNullTransform(value) { + return value === "matrix(1, 0, 0, 1, 0, 0)" || value === "none" || !value; + }, _getComputedTransformMatrixAsArray = function _getComputedTransformMatrixAsArray(target) { + var matrixString = _getComputedProperty(target, _transformProp); + return _isNullTransform(matrixString) ? _identity2DMatrix : matrixString.substr(7).match(_numExp).map(_round); + }, _getMatrix = function _getMatrix(target, force2D) { + var cache = target._gsap || _getCache(target), style = target.style, matrix = _getComputedTransformMatrixAsArray(target), parent, nextSibling, temp, addedToDOM; + if (cache.svg && target.getAttribute("transform")) { + temp = target.transform.baseVal.consolidate().matrix; + matrix = [temp.a, temp.b, temp.c, temp.d, temp.e, temp.f]; + return matrix.join(",") === "1,0,0,1,0,0" ? _identity2DMatrix : matrix; + } else if (matrix === _identity2DMatrix && !target.offsetParent && target !== _docElement && !cache.svg) { + temp = style.display; + style.display = "block"; + parent = target.parentNode; + if (!parent || !target.offsetParent) { + addedToDOM = 1; + nextSibling = target.nextSibling; + _docElement.appendChild(target); + } + matrix = _getComputedTransformMatrixAsArray(target); + temp ? style.display = temp : _removeProperty(target, "display"); + if (addedToDOM) { + nextSibling ? parent.insertBefore(target, nextSibling) : parent ? parent.appendChild(target) : _docElement.removeChild(target); + } + } + return force2D && matrix.length > 6 ? [matrix[0], matrix[1], matrix[4], matrix[5], matrix[12], matrix[13]] : matrix; + }, _applySVGOrigin = function _applySVGOrigin(target, origin, originIsAbsolute, smooth, matrixArray, pluginToAddPropTweensTo) { + var cache = target._gsap, matrix = matrixArray || _getMatrix(target, true), xOriginOld = cache.xOrigin || 0, yOriginOld = cache.yOrigin || 0, xOffsetOld = cache.xOffset || 0, yOffsetOld = cache.yOffset || 0, a = matrix[0], b = matrix[1], c = matrix[2], d = matrix[3], tx = matrix[4], ty = matrix[5], originSplit = origin.split(" "), xOrigin = parseFloat(originSplit[0]) || 0, yOrigin = parseFloat(originSplit[1]) || 0, bounds, determinant, x, y; + if (!originIsAbsolute) { + bounds = _getBBox(target); + xOrigin = bounds.x + (~originSplit[0].indexOf("%") ? xOrigin / 100 * bounds.width : xOrigin); + yOrigin = bounds.y + (~(originSplit[1] || originSplit[0]).indexOf("%") ? yOrigin / 100 * bounds.height : yOrigin); + } else if (matrix !== _identity2DMatrix && (determinant = a * d - b * c)) { + x = xOrigin * (d / determinant) + yOrigin * (-c / determinant) + (c * ty - d * tx) / determinant; + y = xOrigin * (-b / determinant) + yOrigin * (a / determinant) - (a * ty - b * tx) / determinant; + xOrigin = x; + yOrigin = y; + } + if (smooth || smooth !== false && cache.smooth) { + tx = xOrigin - xOriginOld; + ty = yOrigin - yOriginOld; + cache.xOffset = xOffsetOld + (tx * a + ty * c) - tx; + cache.yOffset = yOffsetOld + (tx * b + ty * d) - ty; + } else { + cache.xOffset = cache.yOffset = 0; + } + cache.xOrigin = xOrigin; + cache.yOrigin = yOrigin; + cache.smooth = !!smooth; + cache.origin = origin; + cache.originIsAbsolute = !!originIsAbsolute; + target.style[_transformOriginProp] = "0px 0px"; + if (pluginToAddPropTweensTo) { + _addNonTweeningPT(pluginToAddPropTweensTo, cache, "xOrigin", xOriginOld, xOrigin); + _addNonTweeningPT(pluginToAddPropTweensTo, cache, "yOrigin", yOriginOld, yOrigin); + _addNonTweeningPT(pluginToAddPropTweensTo, cache, "xOffset", xOffsetOld, cache.xOffset); + _addNonTweeningPT(pluginToAddPropTweensTo, cache, "yOffset", yOffsetOld, cache.yOffset); + } + target.setAttribute("data-svg-origin", xOrigin + " " + yOrigin); + }, _parseTransform = function _parseTransform(target, uncache) { + var cache = target._gsap || new GSCache(target); + if (("x" in cache) && !uncache && !cache.uncache) { + return cache; + } + var style = target.style, invertedScaleX = cache.scaleX < 0, px = "px", deg = "deg", origin = _getComputedProperty(target, _transformOriginProp) || "0", x, y, z, scaleX, scaleY, rotation, rotationX, rotationY, skewX, skewY, perspective, xOrigin, yOrigin, matrix, angle, cos, sin, a, b, c, d, a12, a22, t1, t2, t3, a13, a23, a33, a42, a43, a32; + x = y = z = rotation = rotationX = rotationY = skewX = skewY = perspective = 0; + scaleX = scaleY = 1; + cache.svg = !!(target.getCTM && _isSVG(target)); + matrix = _getMatrix(target, cache.svg); + if (cache.svg) { + t1 = (!cache.uncache || origin === "0px 0px") && !uncache && target.getAttribute("data-svg-origin"); + _applySVGOrigin(target, t1 || origin, !!t1 || cache.originIsAbsolute, cache.smooth !== false, matrix); + } + xOrigin = cache.xOrigin || 0; + yOrigin = cache.yOrigin || 0; + if (matrix !== _identity2DMatrix) { + a = matrix[0]; + b = matrix[1]; + c = matrix[2]; + d = matrix[3]; + x = a12 = matrix[4]; + y = a22 = matrix[5]; + if (matrix.length === 6) { + scaleX = Math.sqrt(a * a + b * b); + scaleY = Math.sqrt(d * d + c * c); + rotation = a || b ? _atan2(b, a) * _RAD2DEG : 0; + skewX = c || d ? _atan2(c, d) * _RAD2DEG + rotation : 0; + skewX && (scaleY *= Math.abs(Math.cos(skewX * _DEG2RAD))); + if (cache.svg) { + x -= xOrigin - (xOrigin * a + yOrigin * c); + y -= yOrigin - (xOrigin * b + yOrigin * d); + } + } else { + a32 = matrix[6]; + a42 = matrix[7]; + a13 = matrix[8]; + a23 = matrix[9]; + a33 = matrix[10]; + a43 = matrix[11]; + x = matrix[12]; + y = matrix[13]; + z = matrix[14]; + angle = _atan2(a32, a33); + rotationX = angle * _RAD2DEG; + if (angle) { + cos = Math.cos(-angle); + sin = Math.sin(-angle); + t1 = a12 * cos + a13 * sin; + t2 = a22 * cos + a23 * sin; + t3 = a32 * cos + a33 * sin; + a13 = a12 * -sin + a13 * cos; + a23 = a22 * -sin + a23 * cos; + a33 = a32 * -sin + a33 * cos; + a43 = a42 * -sin + a43 * cos; + a12 = t1; + a22 = t2; + a32 = t3; + } + angle = _atan2(-c, a33); + rotationY = angle * _RAD2DEG; + if (angle) { + cos = Math.cos(-angle); + sin = Math.sin(-angle); + t1 = a * cos - a13 * sin; + t2 = b * cos - a23 * sin; + t3 = c * cos - a33 * sin; + a43 = d * sin + a43 * cos; + a = t1; + b = t2; + c = t3; + } + angle = _atan2(b, a); + rotation = angle * _RAD2DEG; + if (angle) { + cos = Math.cos(angle); + sin = Math.sin(angle); + t1 = a * cos + b * sin; + t2 = a12 * cos + a22 * sin; + b = b * cos - a * sin; + a22 = a22 * cos - a12 * sin; + a = t1; + a12 = t2; + } + if (rotationX && Math.abs(rotationX) + Math.abs(rotation) > 359.9) { + rotationX = rotation = 0; + rotationY = 180 - rotationY; + } + scaleX = _round(Math.sqrt(a * a + b * b + c * c)); + scaleY = _round(Math.sqrt(a22 * a22 + a32 * a32)); + angle = _atan2(a12, a22); + skewX = Math.abs(angle) > 0.0002 ? angle * _RAD2DEG : 0; + perspective = a43 ? 1 / (a43 < 0 ? -a43 : a43) : 0; + } + if (cache.svg) { + t1 = target.getAttribute("transform"); + cache.forceCSS = target.setAttribute("transform", "") || !_isNullTransform(_getComputedProperty(target, _transformProp)); + t1 && target.setAttribute("transform", t1); + } + } + if (Math.abs(skewX) > 90 && Math.abs(skewX) < 270) { + if (invertedScaleX) { + scaleX *= -1; + skewX += rotation <= 0 ? 180 : -180; + rotation += rotation <= 0 ? 180 : -180; + } else { + scaleY *= -1; + skewX += skewX <= 0 ? 180 : -180; + } + } + cache.x = x - ((cache.xPercent = x && (cache.xPercent || (Math.round(target.offsetWidth / 2) === Math.round(-x) ? -50 : 0))) ? target.offsetWidth * cache.xPercent / 100 : 0) + px; + cache.y = y - ((cache.yPercent = y && (cache.yPercent || (Math.round(target.offsetHeight / 2) === Math.round(-y) ? -50 : 0))) ? target.offsetHeight * cache.yPercent / 100 : 0) + px; + cache.z = z + px; + cache.scaleX = _round(scaleX); + cache.scaleY = _round(scaleY); + cache.rotation = _round(rotation) + deg; + cache.rotationX = _round(rotationX) + deg; + cache.rotationY = _round(rotationY) + deg; + cache.skewX = skewX + deg; + cache.skewY = skewY + deg; + cache.transformPerspective = perspective + px; + if (cache.zOrigin = parseFloat(origin.split(" ")[2]) || 0) { + style[_transformOriginProp] = _firstTwoOnly(origin); + } + cache.xOffset = cache.yOffset = 0; + cache.force3D = _config.force3D; + cache.renderTransform = cache.svg ? _renderSVGTransforms : _supports3D ? _renderCSSTransforms : _renderNon3DTransforms; + cache.uncache = 0; + return cache; + }, _firstTwoOnly = function _firstTwoOnly(value) { + return (value = value.split(" "))[0] + " " + value[1]; + }, _addPxTranslate = function _addPxTranslate(target, start, value) { + var unit = getUnit(start); + return _round(parseFloat(start) + parseFloat(_convertToUnit(target, "x", value + "px", unit))) + unit; + }, _renderNon3DTransforms = function _renderNon3DTransforms(ratio, cache) { + cache.z = "0px"; + cache.rotationY = cache.rotationX = "0deg"; + cache.force3D = 0; + _renderCSSTransforms(ratio, cache); + }, _zeroDeg = "0deg", _zeroPx = "0px", _endParenthesis = ") ", _renderCSSTransforms = function _renderCSSTransforms(ratio, cache) { + var _ref = cache || this, xPercent = _ref.xPercent, yPercent = _ref.yPercent, x = _ref.x, y = _ref.y, z = _ref.z, rotation = _ref.rotation, rotationY = _ref.rotationY, rotationX = _ref.rotationX, skewX = _ref.skewX, skewY = _ref.skewY, scaleX = _ref.scaleX, scaleY = _ref.scaleY, transformPerspective = _ref.transformPerspective, force3D = _ref.force3D, target = _ref.target, zOrigin = _ref.zOrigin, transforms = "", use3D = force3D === "auto" && ratio && ratio !== 1 || force3D === true; + if (zOrigin && (rotationX !== _zeroDeg || rotationY !== _zeroDeg)) { + var angle = parseFloat(rotationY) * _DEG2RAD, a13 = Math.sin(angle), a33 = Math.cos(angle), cos; + angle = parseFloat(rotationX) * _DEG2RAD; + cos = Math.cos(angle); + x = _addPxTranslate(target, x, a13 * cos * -zOrigin); + y = _addPxTranslate(target, y, -Math.sin(angle) * -zOrigin); + z = _addPxTranslate(target, z, a33 * cos * -zOrigin + zOrigin); + } + if (transformPerspective !== _zeroPx) { + transforms += "perspective(" + transformPerspective + _endParenthesis; + } + if (xPercent || yPercent) { + transforms += "translate(" + xPercent + "%, " + yPercent + "%) "; + } + if (use3D || x !== _zeroPx || y !== _zeroPx || z !== _zeroPx) { + transforms += z !== _zeroPx || use3D ? "translate3d(" + x + ", " + y + ", " + z + ") " : "translate(" + x + ", " + y + _endParenthesis; + } + if (rotation !== _zeroDeg) { + transforms += "rotate(" + rotation + _endParenthesis; + } + if (rotationY !== _zeroDeg) { + transforms += "rotateY(" + rotationY + _endParenthesis; + } + if (rotationX !== _zeroDeg) { + transforms += "rotateX(" + rotationX + _endParenthesis; + } + if (skewX !== _zeroDeg || skewY !== _zeroDeg) { + transforms += "skew(" + skewX + ", " + skewY + _endParenthesis; + } + if (scaleX !== 1 || scaleY !== 1) { + transforms += "scale(" + scaleX + ", " + scaleY + _endParenthesis; + } + target.style[_transformProp] = transforms || "translate(0, 0)"; + }, _renderSVGTransforms = function _renderSVGTransforms(ratio, cache) { + var _ref2 = cache || this, xPercent = _ref2.xPercent, yPercent = _ref2.yPercent, x = _ref2.x, y = _ref2.y, rotation = _ref2.rotation, skewX = _ref2.skewX, skewY = _ref2.skewY, scaleX = _ref2.scaleX, scaleY = _ref2.scaleY, target = _ref2.target, xOrigin = _ref2.xOrigin, yOrigin = _ref2.yOrigin, xOffset = _ref2.xOffset, yOffset = _ref2.yOffset, forceCSS = _ref2.forceCSS, tx = parseFloat(x), ty = parseFloat(y), a11, a21, a12, a22, temp; + rotation = parseFloat(rotation); + skewX = parseFloat(skewX); + skewY = parseFloat(skewY); + if (skewY) { + skewY = parseFloat(skewY); + skewX += skewY; + rotation += skewY; + } + if (rotation || skewX) { + rotation *= _DEG2RAD; + skewX *= _DEG2RAD; + a11 = Math.cos(rotation) * scaleX; + a21 = Math.sin(rotation) * scaleX; + a12 = Math.sin(rotation - skewX) * -scaleY; + a22 = Math.cos(rotation - skewX) * scaleY; + if (skewX) { + skewY *= _DEG2RAD; + temp = Math.tan(skewX - skewY); + temp = Math.sqrt(1 + temp * temp); + a12 *= temp; + a22 *= temp; + if (skewY) { + temp = Math.tan(skewY); + temp = Math.sqrt(1 + temp * temp); + a11 *= temp; + a21 *= temp; + } + } + a11 = _round(a11); + a21 = _round(a21); + a12 = _round(a12); + a22 = _round(a22); + } else { + a11 = scaleX; + a22 = scaleY; + a21 = a12 = 0; + } + if (tx && !~(x + "").indexOf("px") || ty && !~(y + "").indexOf("px")) { + tx = _convertToUnit(target, "x", x, "px"); + ty = _convertToUnit(target, "y", y, "px"); + } + if (xOrigin || yOrigin || xOffset || yOffset) { + tx = _round(tx + xOrigin - (xOrigin * a11 + yOrigin * a12) + xOffset); + ty = _round(ty + yOrigin - (xOrigin * a21 + yOrigin * a22) + yOffset); + } + if (xPercent || yPercent) { + temp = target.getBBox(); + tx = _round(tx + xPercent / 100 * temp.width); + ty = _round(ty + yPercent / 100 * temp.height); + } + temp = "matrix(" + a11 + "," + a21 + "," + a12 + "," + a22 + "," + tx + "," + ty + ")"; + target.setAttribute("transform", temp); + forceCSS && (target.style[_transformProp] = temp); + }, _addRotationalPropTween = function _addRotationalPropTween(plugin, target, property, startNum, endValue, relative) { + var cap = 360, isString = _isString(endValue), endNum = parseFloat(endValue) * (isString && ~endValue.indexOf("rad") ? _RAD2DEG : 1), change = relative ? endNum * relative : endNum - startNum, finalValue = startNum + change + "deg", direction, pt; + if (isString) { + direction = endValue.split("_")[1]; + if (direction === "short") { + change %= cap; + if (change !== change % (cap / 2)) { + change += change < 0 ? cap : -cap; + } + } + if (direction === "cw" && change < 0) { + change = (change + cap * _bigNum$1) % cap - ~~(change / cap) * cap; + } else if (direction === "ccw" && change > 0) { + change = (change - cap * _bigNum$1) % cap - ~~(change / cap) * cap; + } + } + plugin._pt = pt = new PropTween(plugin._pt, target, property, startNum, change, _renderPropWithEnd); + pt.e = finalValue; + pt.u = "deg"; + plugin._props.push(property); + return pt; + }, _assign = function _assign(target, source) { + for (var p in source) { + target[p] = source[p]; + } + return target; + }, _addRawTransformPTs = function _addRawTransformPTs(plugin, transforms, target) { + var startCache = _assign({}, target._gsap), exclude = "perspective,force3D,transformOrigin,svgOrigin", style = target.style, endCache, p, startValue, endValue, startNum, endNum, startUnit, endUnit; + if (startCache.svg) { + startValue = target.getAttribute("transform"); + target.setAttribute("transform", ""); + style[_transformProp] = transforms; + endCache = _parseTransform(target, 1); + _removeProperty(target, _transformProp); + target.setAttribute("transform", startValue); + } else { + startValue = getComputedStyle(target)[_transformProp]; + style[_transformProp] = transforms; + endCache = _parseTransform(target, 1); + style[_transformProp] = startValue; + } + for (p in _transformProps) { + startValue = startCache[p]; + endValue = endCache[p]; + if (startValue !== endValue && exclude.indexOf(p) < 0) { + startUnit = getUnit(startValue); + endUnit = getUnit(endValue); + startNum = startUnit !== endUnit ? _convertToUnit(target, p, startValue, endUnit) : parseFloat(startValue); + endNum = parseFloat(endValue); + plugin._pt = new PropTween(plugin._pt, endCache, p, startNum, endNum - startNum, _renderCSSProp); + plugin._pt.u = endUnit || 0; + plugin._props.push(p); + } + } + _assign(endCache, startCache); + }; + _forEachName("padding,margin,Width,Radius", function (name, index) { + var t = "Top", r = "Right", b = "Bottom", l = "Left", props = (index < 3 ? [t, r, b, l] : [t + l, t + r, b + r, b + l]).map(function (side) { + return index < 2 ? name + side : "border" + side + name; + }); + _specialProps[index > 1 ? "border" + name : name] = function (plugin, target, property, endValue, tween) { + var a, vars; + if (arguments.length < 4) { + a = props.map(function (prop) { + return _get(plugin, prop, property); + }); + vars = a.join(" "); + return vars.split(a[0]).length === 5 ? a[0] : vars; + } + a = (endValue + "").split(" "); + vars = {}; + props.forEach(function (prop, i) { + return vars[prop] = a[i] = a[i] || a[(i - 1) / 2 | 0]; + }); + plugin.init(target, vars, tween); + }; + }); + var CSSPlugin = { + name: "css", + register: _initCore, + targetTest: function targetTest(target) { + return target.style && target.nodeType; + }, + init: function init(target, vars, tween, index, targets) { + var props = this._props, style = target.style, startAt = tween.vars.startAt, startValue, endValue, endNum, startNum, type, specialProp, p, startUnit, endUnit, relative, isTransformRelated, transformPropTween, cache, smooth, hasPriority; + _pluginInitted || _initCore(); + for (p in vars) { + if (p === "autoRound") { + continue; + } + endValue = vars[p]; + if (_plugins[p] && _checkPlugin(p, vars, tween, index, target, targets)) { + continue; + } + type = typeof endValue; + specialProp = _specialProps[p]; + if (type === "function") { + endValue = endValue.call(tween, index, target, targets); + type = typeof endValue; + } + if (type === "string" && ~endValue.indexOf("random(")) { + endValue = _replaceRandom(endValue); + } + if (specialProp) { + specialProp(this, target, p, endValue, tween) && (hasPriority = 1); + } else if (p.substr(0, 2) === "--") { + startValue = (getComputedStyle(target).getPropertyValue(p) + "").trim(); + endValue += ""; + _colorExp.lastIndex = 0; + if (!_colorExp.test(startValue)) { + startUnit = getUnit(startValue); + endUnit = getUnit(endValue); + } + endUnit ? startUnit !== endUnit && (startValue = _convertToUnit(target, p, startValue, endUnit) + endUnit) : startUnit && (endValue += startUnit); + this.add(style, "setProperty", startValue, endValue, index, targets, 0, 0, p); + props.push(p); + } else if (type !== "undefined") { + if (startAt && (p in startAt)) { + startValue = typeof startAt[p] === "function" ? startAt[p].call(tween, index, target, targets) : startAt[p]; + (p in _config.units) && !getUnit(startValue) && (startValue += _config.units[p]); + (startValue + "").charAt(1) === "=" && (startValue = _get(target, p)); + } else { + startValue = _get(target, p); + } + startNum = parseFloat(startValue); + relative = type === "string" && endValue.charAt(1) === "=" ? +(endValue.charAt(0) + "1") : 0; + relative && (endValue = endValue.substr(2)); + endNum = parseFloat(endValue); + if ((p in _propertyAliases)) { + if (p === "autoAlpha") { + if (startNum === 1 && _get(target, "visibility") === "hidden" && endNum) { + startNum = 0; + } + _addNonTweeningPT(this, style, "visibility", startNum ? "inherit" : "hidden", endNum ? "inherit" : "hidden", !endNum); + } + if (p !== "scale" && p !== "transform") { + p = _propertyAliases[p]; + ~p.indexOf(",") && (p = p.split(",")[0]); + } + } + isTransformRelated = (p in _transformProps); + if (isTransformRelated) { + if (!transformPropTween) { + cache = target._gsap; + cache.renderTransform && !vars.parseTransform || _parseTransform(target, vars.parseTransform); + smooth = vars.smoothOrigin !== false && cache.smooth; + transformPropTween = this._pt = new PropTween(this._pt, style, _transformProp, 0, 1, cache.renderTransform, cache, 0, -1); + transformPropTween.dep = 1; + } + if (p === "scale") { + this._pt = new PropTween(this._pt, cache, "scaleY", cache.scaleY, (relative ? relative * endNum : endNum - cache.scaleY) || 0); + props.push("scaleY", p); + p += "X"; + } else if (p === "transformOrigin") { + endValue = _convertKeywordsToPercentages(endValue); + if (cache.svg) { + _applySVGOrigin(target, endValue, 0, smooth, 0, this); + } else { + endUnit = parseFloat(endValue.split(" ")[2]) || 0; + endUnit !== cache.zOrigin && _addNonTweeningPT(this, cache, "zOrigin", cache.zOrigin, endUnit); + _addNonTweeningPT(this, style, p, _firstTwoOnly(startValue), _firstTwoOnly(endValue)); + } + continue; + } else if (p === "svgOrigin") { + _applySVGOrigin(target, endValue, 1, smooth, 0, this); + continue; + } else if ((p in _rotationalProperties)) { + _addRotationalPropTween(this, cache, p, startNum, endValue, relative); + continue; + } else if (p === "smoothOrigin") { + _addNonTweeningPT(this, cache, "smooth", cache.smooth, endValue); + continue; + } else if (p === "force3D") { + cache[p] = endValue; + continue; + } else if (p === "transform") { + _addRawTransformPTs(this, endValue, target); + continue; + } + } else if (!((p in style))) { + p = _checkPropPrefix(p) || p; + } + if (isTransformRelated || (endNum || endNum === 0) && (startNum || startNum === 0) && !_complexExp.test(endValue) && (p in style)) { + startUnit = (startValue + "").substr((startNum + "").length); + endNum || (endNum = 0); + endUnit = getUnit(endValue) || ((p in _config.units) ? _config.units[p] : startUnit); + startUnit !== endUnit && (startNum = _convertToUnit(target, p, startValue, endUnit)); + this._pt = new PropTween(this._pt, isTransformRelated ? cache : style, p, startNum, relative ? relative * endNum : endNum - startNum, !isTransformRelated && (endUnit === "px" || p === "zIndex") && vars.autoRound !== false ? _renderRoundedCSSProp : _renderCSSProp); + this._pt.u = endUnit || 0; + if (startUnit !== endUnit) { + this._pt.b = startValue; + this._pt.r = _renderCSSPropWithBeginning; + } + } else if (!((p in style))) { + if ((p in target)) { + this.add(target, p, startValue || target[p], endValue, index, targets); + } else { + _missingPlugin(p, endValue); + continue; + } + } else { + _tweenComplexCSSString.call(this, target, p, startValue, endValue); + } + props.push(p); + } + } + hasPriority && _sortPropTweensByPriority(this); + }, + get: _get, + aliases: _propertyAliases, + getSetter: function getSetter(target, property, plugin) { + var p = _propertyAliases[property]; + p && p.indexOf(",") < 0 && (property = p); + return (property in _transformProps) && property !== _transformOriginProp && (target._gsap.x || _get(target, "x")) ? plugin && _recentSetterPlugin === plugin ? property === "scale" ? _setterScale : _setterTransform : (_recentSetterPlugin = plugin || ({})) && (property === "scale" ? _setterScaleWithRender : _setterTransformWithRender) : target.style && !_isUndefined(target.style[property]) ? _setterCSSStyle : ~property.indexOf("-") ? _setterCSSProp : _getSetter(target, property); + }, + core: { + _removeProperty: _removeProperty, + _getMatrix: _getMatrix + } + }; + gsap.utils.checkPrefix = _checkPropPrefix; + (function (positionAndScale, rotation, others, aliases) { + var all = _forEachName(positionAndScale + "," + rotation + "," + others, function (name) { + _transformProps[name] = 1; + }); + _forEachName(rotation, function (name) { + _config.units[name] = "deg"; + _rotationalProperties[name] = 1; + }); + _propertyAliases[all[13]] = positionAndScale + "," + rotation; + _forEachName(aliases, function (name) { + var split = name.split(":"); + _propertyAliases[split[1]] = all[split[0]]; + }); + })("x,y,z,scale,scaleX,scaleY,xPercent,yPercent", "rotation,rotationX,rotationY,skewX,skewY", "transform,transformOrigin,svgOrigin,force3D,smoothOrigin,transformPerspective", "0:translateX,1:translateY,2:translateZ,8:rotate,8:rotationZ,8:rotateZ,9:rotateX,10:rotateY"); + _forEachName("x,y,z,top,right,bottom,left,width,height,fontSize,padding,margin,perspective", function (name) { + _config.units[name] = "px"; + }); + gsap.registerPlugin(CSSPlugin); + var gsapWithCSS = gsap.registerPlugin(CSSPlugin) || gsap, TweenMaxWithCSS = gsapWithCSS.core.Tween; + exports.Back = Back; + exports.Bounce = Bounce; + exports.CSSPlugin = CSSPlugin; + exports.Circ = Circ; + exports.Cubic = Cubic; + exports.Elastic = Elastic; + exports.Expo = Expo; + exports.Linear = Linear; + exports.Power0 = Power0; + exports.Power1 = Power1; + exports.Power2 = Power2; + exports.Power3 = Power3; + exports.Power4 = Power4; + exports.Quad = Quad; + exports.Quart = Quart; + exports.Quint = Quint; + exports.Sine = Sine; + exports.SteppedEase = SteppedEase; + exports.Strong = Strong; + exports.TimelineLite = Timeline; + exports.TimelineMax = Timeline; + exports.TweenLite = Tween; + exports.TweenMax = TweenMaxWithCSS; + exports.default = gsapWithCSS; + exports.gsap = gsapWithCSS; + if (typeof window === 'undefined' || window !== exports) { + Object.defineProperty(exports, '__esModule', { + value: true + }); + } else { + delete window.default; + } +}); diff --git a/.parcel-cache/58/b378df96109621ea92ec61d1b51727.blob b/.parcel-cache/58/b378df96109621ea92ec61d1b51727.blob new file mode 100644 index 0000000..2a38fbb Binary files /dev/null and b/.parcel-cache/58/b378df96109621ea92ec61d1b51727.blob differ diff --git a/.parcel-cache/59/0dc18cd20546f6d2a3ee78c00e2a42.blob b/.parcel-cache/59/0dc18cd20546f6d2a3ee78c00e2a42.blob new file mode 100644 index 0000000..da706bb Binary files /dev/null and b/.parcel-cache/59/0dc18cd20546f6d2a3ee78c00e2a42.blob differ diff --git a/.parcel-cache/59/11a21936968844a290126fdad19ead.v8 b/.parcel-cache/59/11a21936968844a290126fdad19ead.v8 new file mode 100644 index 0000000..a114892 Binary files /dev/null and b/.parcel-cache/59/11a21936968844a290126fdad19ead.v8 differ diff --git a/.parcel-cache/59/7b77176bb153f18cb3b4ced01e42dd.blob b/.parcel-cache/59/7b77176bb153f18cb3b4ced01e42dd.blob new file mode 100644 index 0000000..9c40c71 Binary files /dev/null and b/.parcel-cache/59/7b77176bb153f18cb3b4ced01e42dd.blob differ diff --git a/.parcel-cache/59/d655bfef603013765028ba99e50cf9.blob b/.parcel-cache/59/d655bfef603013765028ba99e50cf9.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/59/d655bfef603013765028ba99e50cf9.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/5a/2e49142abff4e2698a21a143ccdfe6.v8 b/.parcel-cache/5a/2e49142abff4e2698a21a143ccdfe6.v8 new file mode 100644 index 0000000..2bca28f Binary files /dev/null and b/.parcel-cache/5a/2e49142abff4e2698a21a143ccdfe6.v8 differ diff --git a/.parcel-cache/5a/33055caa5a014b613457ae109262de.blob b/.parcel-cache/5a/33055caa5a014b613457ae109262de.blob new file mode 100644 index 0000000..155d5d8 Binary files /dev/null and b/.parcel-cache/5a/33055caa5a014b613457ae109262de.blob differ diff --git a/.parcel-cache/5a/7606dca1ea3fc65ec1becfcb6010d0.blob b/.parcel-cache/5a/7606dca1ea3fc65ec1becfcb6010d0.blob new file mode 100644 index 0000000..3f7075c Binary files /dev/null and b/.parcel-cache/5a/7606dca1ea3fc65ec1becfcb6010d0.blob differ diff --git a/.parcel-cache/5a/842710131bb0057c55cc61b0c2f286.blob b/.parcel-cache/5a/842710131bb0057c55cc61b0c2f286.blob new file mode 100644 index 0000000..808c78c --- /dev/null +++ b/.parcel-cache/5a/842710131bb0057c55cc61b0c2f286.blob @@ -0,0 +1,215 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + + diff --git a/.parcel-cache/5b/43afd4efa03ba32761229b9b6aba59.blob b/.parcel-cache/5b/43afd4efa03ba32761229b9b6aba59.blob new file mode 100644 index 0000000..677f396 Binary files /dev/null and b/.parcel-cache/5b/43afd4efa03ba32761229b9b6aba59.blob differ diff --git a/.parcel-cache/5b/49f689906f0dd2662a3068c7a9794f.v8 b/.parcel-cache/5b/49f689906f0dd2662a3068c7a9794f.v8 new file mode 100644 index 0000000..86a9267 Binary files /dev/null and b/.parcel-cache/5b/49f689906f0dd2662a3068c7a9794f.v8 differ diff --git a/.parcel-cache/5b/72cfa91150f8009cf92ec03f673171.v8 b/.parcel-cache/5b/72cfa91150f8009cf92ec03f673171.v8 new file mode 100644 index 0000000..8d55de1 Binary files /dev/null and b/.parcel-cache/5b/72cfa91150f8009cf92ec03f673171.v8 differ diff --git a/.parcel-cache/5b/73055ca0c04b907ae31193c1851c08.v8 b/.parcel-cache/5b/73055ca0c04b907ae31193c1851c08.v8 new file mode 100644 index 0000000..857023d Binary files /dev/null and b/.parcel-cache/5b/73055ca0c04b907ae31193c1851c08.v8 differ diff --git a/.parcel-cache/5b/c2e7ad3998baf3295711fbdd6591ce.blob b/.parcel-cache/5b/c2e7ad3998baf3295711fbdd6591ce.blob new file mode 100644 index 0000000..6cd7af9 Binary files /dev/null and b/.parcel-cache/5b/c2e7ad3998baf3295711fbdd6591ce.blob differ diff --git a/.parcel-cache/5c/06c3b29ec921d91d8b8e85ea750a4c.v8 b/.parcel-cache/5c/06c3b29ec921d91d8b8e85ea750a4c.v8 new file mode 100644 index 0000000..56532b0 Binary files /dev/null and b/.parcel-cache/5c/06c3b29ec921d91d8b8e85ea750a4c.v8 differ diff --git a/.parcel-cache/5c/4f542cce8e43f9c800c10c5a9dd977.v8 b/.parcel-cache/5c/4f542cce8e43f9c800c10c5a9dd977.v8 new file mode 100644 index 0000000..397208a Binary files /dev/null and b/.parcel-cache/5c/4f542cce8e43f9c800c10c5a9dd977.v8 differ diff --git a/.parcel-cache/5c/54e6b03c0e91fe589bdd0cf8c555a2.blob b/.parcel-cache/5c/54e6b03c0e91fe589bdd0cf8c555a2.blob new file mode 100644 index 0000000..2f3c12b --- /dev/null +++ b/.parcel-cache/5c/54e6b03c0e91fe589bdd0cf8c555a2.blob @@ -0,0 +1,511 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/5c/a5ff53609aed9adcb35d5dd2cd445b.blob b/.parcel-cache/5c/a5ff53609aed9adcb35d5dd2cd445b.blob new file mode 100644 index 0000000..f94c5cc Binary files /dev/null and b/.parcel-cache/5c/a5ff53609aed9adcb35d5dd2cd445b.blob differ diff --git a/.parcel-cache/5c/ee416fcb46af67b7e6acb7869fa8f5.blob b/.parcel-cache/5c/ee416fcb46af67b7e6acb7869fa8f5.blob new file mode 100644 index 0000000..a7ac9ad --- /dev/null +++ b/.parcel-cache/5c/ee416fcb46af67b7e6acb7869fa8f5.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/5d/0a0b1d059216fb695e4c27d4b7985a.blob b/.parcel-cache/5d/0a0b1d059216fb695e4c27d4b7985a.blob new file mode 100644 index 0000000..79fa96d Binary files /dev/null and b/.parcel-cache/5d/0a0b1d059216fb695e4c27d4b7985a.blob differ diff --git a/.parcel-cache/5d/3ca54811a62d2e73fe611541a7a592.v8 b/.parcel-cache/5d/3ca54811a62d2e73fe611541a7a592.v8 new file mode 100644 index 0000000..fd05f3f Binary files /dev/null and b/.parcel-cache/5d/3ca54811a62d2e73fe611541a7a592.v8 differ diff --git a/.parcel-cache/5d/9e0b5fc0bb9fcffde5ed0ea9c53718.blob b/.parcel-cache/5d/9e0b5fc0bb9fcffde5ed0ea9c53718.blob new file mode 100644 index 0000000..b02aaef Binary files /dev/null and b/.parcel-cache/5d/9e0b5fc0bb9fcffde5ed0ea9c53718.blob differ diff --git a/.parcel-cache/5d/c25a4e0b3d455f3a23b87f4eee0bce.v8 b/.parcel-cache/5d/c25a4e0b3d455f3a23b87f4eee0bce.v8 new file mode 100644 index 0000000..4005476 Binary files /dev/null and b/.parcel-cache/5d/c25a4e0b3d455f3a23b87f4eee0bce.v8 differ diff --git a/.parcel-cache/5d/dd0b653b3bbf5f5d46dba8d23a28a8.v8 b/.parcel-cache/5d/dd0b653b3bbf5f5d46dba8d23a28a8.v8 new file mode 100644 index 0000000..7932a57 Binary files /dev/null and b/.parcel-cache/5d/dd0b653b3bbf5f5d46dba8d23a28a8.v8 differ diff --git a/.parcel-cache/5d/e64c5ea29a06900795c0df889ef972.blob b/.parcel-cache/5d/e64c5ea29a06900795c0df889ef972.blob new file mode 100644 index 0000000..7a23c80 Binary files /dev/null and b/.parcel-cache/5d/e64c5ea29a06900795c0df889ef972.blob differ diff --git a/.parcel-cache/5e/43fb5e2305d5c331e2d7e4b1bb7aa4.blob b/.parcel-cache/5e/43fb5e2305d5c331e2d7e4b1bb7aa4.blob new file mode 100644 index 0000000..3ac5200 --- /dev/null +++ b/.parcel-cache/5e/43fb5e2305d5c331e2d7e4b1bb7aa4.blob @@ -0,0 +1,525 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2rem; + --font-size-large: 1.5rem; + --font-size-medium: 1.25rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-gap: 0.5rem; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.5 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 640px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +.details__content-link:hover { + color: var(--color-menu-hover); +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + grid-gap: 0; + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/5e/7b0c6f1644accff4b3a999158a009b.blob b/.parcel-cache/5e/7b0c6f1644accff4b3a999158a009b.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/5e/7b0c6f1644accff4b3a999158a009b.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/5e/873729888edc73655596bbb07037c5.blob b/.parcel-cache/5e/873729888edc73655596bbb07037c5.blob new file mode 100644 index 0000000..592a617 --- /dev/null +++ b/.parcel-cache/5e/873729888edc73655596bbb07037c5.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/5f/4300f2e2d9a4d52cf26e2026f9c327.blob b/.parcel-cache/5f/4300f2e2d9a4d52cf26e2026f9c327.blob new file mode 100644 index 0000000..49c9066 --- /dev/null +++ b/.parcel-cache/5f/4300f2e2d9a4d52cf26e2026f9c327.blob @@ -0,0 +1,525 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2rem; + --font-size-large: 1.5rem; + --font-size-medium: 1.25rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-gap: 0.5rem; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.35 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 640px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +.details__content-link:hover { + color: var(--color-menu-hover); +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + grid-gap: 0; + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/5f/74437306beeb7450c3da09bc1a3f22.blob b/.parcel-cache/5f/74437306beeb7450c3da09bc1a3f22.blob new file mode 100644 index 0000000..25576d5 Binary files /dev/null and b/.parcel-cache/5f/74437306beeb7450c3da09bc1a3f22.blob differ diff --git a/.parcel-cache/5f/89f6ccb3ade0e2a55f571ddb67bfdc.blob b/.parcel-cache/5f/89f6ccb3ade0e2a55f571ddb67bfdc.blob new file mode 100644 index 0000000..ba8c447 Binary files /dev/null and b/.parcel-cache/5f/89f6ccb3ade0e2a55f571ddb67bfdc.blob differ diff --git a/.parcel-cache/5f/9a082c9fa9eca1ff6f0dd11ba9e751.v8 b/.parcel-cache/5f/9a082c9fa9eca1ff6f0dd11ba9e751.v8 new file mode 100644 index 0000000..3a98047 Binary files /dev/null and b/.parcel-cache/5f/9a082c9fa9eca1ff6f0dd11ba9e751.v8 differ diff --git a/.parcel-cache/5f/9cb6d83f99b8bd16e228cf09c29e9c.blob b/.parcel-cache/5f/9cb6d83f99b8bd16e228cf09c29e9c.blob new file mode 100644 index 0000000..dbc5421 --- /dev/null +++ b/.parcel-cache/5f/9cb6d83f99b8bd16e228cf09c29e9c.blob @@ -0,0 +1,5686 @@ +// modules are defined as an array +// [ module function, map of requires ] +// +// map of requires is short require name -> numeric require +// +// anything defined in a previous bundle is accessed via the +// orig method which is the require for previous bundles + +(function(modules, entry, mainEntry, parcelRequireName, globalName) { + /* eslint-disable no-undef */ + var globalObject = + typeof globalThis !== 'undefined' + ? globalThis + : typeof self !== 'undefined' + ? self + : typeof window !== 'undefined' + ? window + : typeof global !== 'undefined' + ? global + : {}; + /* eslint-enable no-undef */ + + // Save the require from previous bundle to this closure if any + var previousRequire = + typeof globalObject[parcelRequireName] === 'function' && + globalObject[parcelRequireName]; + + var cache = previousRequire.cache || {}; + // Do not use `require` to prevent Webpack from trying to bundle this call + var nodeRequire = + typeof module !== 'undefined' && + typeof module.require === 'function' && + module.require.bind(module); + + function newRequire(name, jumped) { + if (!cache[name]) { + if (!modules[name]) { + // if we cannot find the module within our internal map or + // cache jump to the current global require ie. the last bundle + // that was added to the page. + var currentRequire = + typeof globalObject[parcelRequireName] === 'function' && + globalObject[parcelRequireName]; + if (!jumped && currentRequire) { + return currentRequire(name, true); + } + + // If there are other bundles on this page the require from the + // previous one is saved to 'previousRequire'. Repeat this as + // many times as there are bundles until the module is found or + // we exhaust the require chain. + if (previousRequire) { + return previousRequire(name, true); + } + + // Try the node require function if it exists. + if (nodeRequire && typeof name === 'string') { + return nodeRequire(name); + } + + var err = new Error("Cannot find module '" + name + "'"); + err.code = 'MODULE_NOT_FOUND'; + throw err; + } + + localRequire.resolve = resolve; + localRequire.cache = {}; + + var module = (cache[name] = new newRequire.Module(name)); + + modules[name][0].call( + module.exports, + localRequire, + module, + module.exports, + this + ); + } + + return cache[name].exports; + + function localRequire(x) { + return newRequire(localRequire.resolve(x)); + } + + function resolve(x) { + return modules[name][1][x] || x; + } + } + + function Module(moduleName) { + this.id = moduleName; + this.bundle = newRequire; + this.exports = {}; + } + + newRequire.isParcelRequire = true; + newRequire.Module = Module; + newRequire.modules = modules; + newRequire.cache = cache; + newRequire.parent = previousRequire; + newRequire.register = function(id, exports) { + modules[id] = [ + function(require, module) { + module.exports = exports; + }, + {}, + ]; + }; + + Object.defineProperty(newRequire, 'root', { + get: function() { + return globalObject[parcelRequireName]; + }, + }); + + globalObject[parcelRequireName] = newRequire; + + for (var i = 0; i < entry.length; i++) { + newRequire(entry[i]); + } + + if (mainEntry) { + // Expose entry point to Node, AMD or browser globals + // Based on https://github.com/ForbesLindesay/umd/blob/master/template.js + var mainExports = newRequire(mainEntry); + + // CommonJS + if (typeof exports === 'object' && typeof module !== 'undefined') { + module.exports = mainExports; + + // RequireJS + } else if (typeof define === 'function' && define.amd) { + define(function() { + return mainExports; + }); + + // + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + + diff --git a/.parcel-cache/60/59c93ddc1a75eb6afbf32811fa91ef.blob b/.parcel-cache/60/59c93ddc1a75eb6afbf32811fa91ef.blob new file mode 100644 index 0000000..162ed9c Binary files /dev/null and b/.parcel-cache/60/59c93ddc1a75eb6afbf32811fa91ef.blob differ diff --git a/.parcel-cache/60/607b16d46af064e459bf64e5ea7807.v8 b/.parcel-cache/60/607b16d46af064e459bf64e5ea7807.v8 new file mode 100644 index 0000000..7f376b0 Binary files /dev/null and b/.parcel-cache/60/607b16d46af064e459bf64e5ea7807.v8 differ diff --git a/.parcel-cache/60/757d82b7bb3b48bb55dbbea937a9fe.blob b/.parcel-cache/60/757d82b7bb3b48bb55dbbea937a9fe.blob new file mode 100644 index 0000000..2a38fbb Binary files /dev/null and b/.parcel-cache/60/757d82b7bb3b48bb55dbbea937a9fe.blob differ diff --git a/.parcel-cache/60/e9cc8169d60e95ba2315c6731963fc.blob b/.parcel-cache/60/e9cc8169d60e95ba2315c6731963fc.blob new file mode 100644 index 0000000..efb918d Binary files /dev/null and b/.parcel-cache/60/e9cc8169d60e95ba2315c6731963fc.blob differ diff --git a/.parcel-cache/61/207986b983ad6eb4da1184e6aeedaf.v8 b/.parcel-cache/61/207986b983ad6eb4da1184e6aeedaf.v8 new file mode 100644 index 0000000..c53e5f3 Binary files /dev/null and b/.parcel-cache/61/207986b983ad6eb4da1184e6aeedaf.v8 differ diff --git a/.parcel-cache/61/2aea111016b017b90fbe9982630d94.blob b/.parcel-cache/61/2aea111016b017b90fbe9982630d94.blob new file mode 100644 index 0000000..538f293 --- /dev/null +++ b/.parcel-cache/61/2aea111016b017b90fbe9982630d94.blob @@ -0,0 +1,502 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/61/3660cd528cefee86ea4524951ecc57.blob b/.parcel-cache/61/3660cd528cefee86ea4524951ecc57.blob new file mode 100644 index 0000000..412cac9 --- /dev/null +++ b/.parcel-cache/61/3660cd528cefee86ea4524951ecc57.blob @@ -0,0 +1 @@ +{"mappings":"AAAA;A;A;CAGC,sBAAsB;AACvB;A;AAEA;CACC,eAAe;AAChB;A;AAEA;CACC,SAAS;CACT,kBAAkB;CAClB,mBAAmB;CACnB,kBAAkB;CAClB,wBAAwB;CACxB,0BAA0B;CAC1B,uBAAuB;CACvB,0BAA0B;CAC1B,uBAAuB;CACvB,kBAAkB;CAClB,2BAA2B;CAC3B,wBAAwB;CACxB,iCAAiC;CACjC,gGAAgG;CAChG,mCAAmC;CACnC,kCAAkC;AACnC;A;AAEA,gBAAgB;A;AAChB;A;CAEC,WAAW;CACX,eAAe;CACf,aAAa;AACd;A;AAEA;CACC,MAAM;CACN,OAAO;CACP,WAAW;CACX,YAAY;CACZ,2BAA2B;AAC5B;A;AAEA;CACC,QAAQ;CACR,SAAS;CACT,WAAW;CACX,YAAY;CACZ,uBAAuB;CACvB,kBAAkB;CAClB,YAAY;CACZ,6BAA6B;CAC7B,6DAA6D;A;AAE9D;A;AAEA;CACC;EACC,UAAU;EACV,6BAA6B;CAC9B;AACD;A;AAEA;CACC,0BAA0B;CAC1B,wBAAwB;CACxB,aAAa;AACd;A;AAEA;CACC,qBAAqB;CACrB,8BAA8B;CAC9B,aAAa;AACd;A;AAEA,6FAA6F;A;AAC7F;CACC;qCACoC;CACpC,aAAa;CACb,qBAAqB;AACtB;A;AAEA;CACC;kCACiC;CACjC,uBAAuB;AACxB;A;AAEA;CACC;A;kBAEiB;CACjB,sBAAsB;CACtB,uBAAuB;AACxB;A;AAEA;CACC,gBAAgB;CAChB,SAAS;CACT,UAAU;CACV,SAAS;CACT,eAAe;CACf,aAAa;AACd;A;AAEA;CACC,aAAa;AACd;A;AAEA;CACC,eAAe;CACf,aAAa;CACb,aAAa;CACb,4BAA4B;CAC5B,+BAA+B;CAC/B;A;A;A;A;qBAKoB;A;AAErB;A;AAEA;CACC,gBAAgB;CAChB,wBAAwB;CACxB,mBAAmB;AACpB;A;AAEA;CACC,eAAe;CACf,SAAS;CACT,mBAAmB;AACpB;A;AAEA;CACC,cAAc;AACf;A;AAEA;CACC,oBAAoB;AACrB;A;AAEA;CACC,wBAAwB;CACxB,uBAAuB;CACvB,mBAAmB;CACnB,sBAAsB;AACvB;A;AAEA;CACC,gBAAgB;AACjB;A;AAEA;CACC,qBAAqB;CACrB,wBAAwB;CACxB,sBAAsB;AACvB;A;AAEA;CACC,aAAa;CACb,sBAAsB;CACtB,YAAY;CACZ,2BAA2B;CAC3B,kBAAkB;CAClB,2BAA2B;CAC3B,mBAAmB;AACpB;A;AAEA;CACC,kBAAkB;CAClB,iCAAiC;CACjC,SAAS;CACT,mBAAmB;CACnB,iBAAiB;CACjB,gBAAgB;AACjB;A;AAEA;CACC,gBAAgB;AACjB;A;AAEA;CACC,kBAAkB;CAClB,cAAc;CACd,iCAAiC;AAClC;A;AAEA;CACC,iBAAiB;CACjB,cAAc;CACd,SAAS;CACT,eAAe;CACf,iCAAiC;CACjC,gBAAgB;AACjB;A;AAEA;CACC,eAAe;AAChB;A;AAEA;CACC,kBAAkB;CAClB,gBAAgB;CAChB,WAAW;CACX,gBAAgB;CAChB,gBAAgB;CAChB,mBAAmB;CACnB,sBAAsB;AACvB;A;AAEA;CACC,WAAW;AACZ;A;AAEA;CACC,YAAY;AACb;A;AAEA;CACC,kEAA8C;CAC9C,WAAW;CACX,YAAY;CACZ,sBAAsB;AACvB;A;AAEA;CACC,6BAA6B;AAC9B;A;AAEA;CACC,iBAAiB;CACjB,iBAAiB;CACjB,cAAc;CACd,eAAe;CACf,gBAAgB;IACb,kBAAkB;IAClB,gBAAgB;CACnB,kCAAkC;AACnC;A;AAEA;CACC,oBAAoB;AACrB;A;AAEA;CACC,WAAW;CACX,kBAAkB;CAClB,SAAS;CACT,OAAO;CACP,WAAW;CACX,WAAW;CACX,wBAAwB;CACxB,+BAA+B;IAC5B,0BAA0B;AAC9B;A;AAEA;A;CAEC,yBAAyB;CACzB,wBAAwB;AACzB;A;AAEA;CACC,eAAe;CACf,oBAAoB;CACpB,UAAU;CACV,MAAM;CACN,OAAO;CACP,WAAW;CACX,aAAa;CACb,aAAa;CACb,sBAAsB;CACtB,qBAAqB;CACrB,uBAAuB;CACvB,0BAA0B;AAC3B;A;AAEA;CACC,oBAAoB;CACpB,UAAU;AACX;A;AAEA;CACC,WAAW;CACX,cAAc;CACd,cAAc;CACd,cAAc;CACd,kBAAkB;AACnB;A;AAEA;CACC,qBAAqB;CACrB,cAAc;CACd,kCAAkC;CAClC,eAAe;CACf,kBAAkB;CAClB,cAAc;CACd,wBAAwB;AACzB;A;AAEA;CACC,8BAA8B;AAC/B;A;AAEA;CACC,kBAAkB;CAClB,OAAO;CACP,QAAQ;CACR,iBAAiB;CACjB,8BAA8B;CAC9B,yDAAyD;CACzD,UAAU;CACV,cAAc;CACd,qBAAqB;CACrB,aAAa;CACb,mBAAmB;CACnB,iCAAiC;CACjC,wBAAwB;CACxB,yBAAyB;AAC1B;A;AAEA;CACC,UAAU;CACV,yBAAyB;AAC1B;A;AAEA;CACC,kBAAkB;CAClB,SAAS;CACT,aAAa;CACb,eAAe;CACf,cAAc;CACd,UAAU;CACV,oBAAoB;AACrB;A;AAEA;CACC,wBAAwB;AACzB;A;AAEA;CACC,UAAU;CACV,oBAAoB;AACrB;A;AAEA;A;CAEC,kBAAkB;CAClB,WAAW;CACX,YAAY;CACZ,MAAM;CACN,OAAO;CACP,oBAAoB;AACrB;A;AAEA;IACI,kBAAkB;IAClB,WAAW;IACX,YAAY;IACZ,OAAO;IACP,QAAQ;IACR,aAAa;IACb,qCAAqC;IACrC,kCAAkC;IAClC,aAAa;IACb,gBAAgB;IAChB,iCAAiC;IACjC,YAAY;AAChB;A;AAEA;IACI,kEAAkE;CACrE,sBAAsB;AACvB;A;AAEA,SAAS,cAAc,EAAE,gBAAgB,EAAE;A;AAC3C,SAAS,aAAa,EAAE,iBAAiB,EAAE;A;AAC3C,SAAS,aAAa,EAAE,iBAAiB,EAAE;A;AAC3C,SAAS,cAAc,EAAE,iBAAiB,EAAE;A;AAC5C,SAAS,cAAc,EAAE,iBAAiB,EAAE;A;AAC5C,SAAS,cAAc,EAAE,iBAAiB,EAAE;A;AAC5C,SAAS,cAAc,EAAE,gBAAgB,EAAE;A;AAC3C,SAAS,cAAc,EAAE,iBAAiB,EAAE;A;AAC5C,SAAS,cAAc,EAAE,iBAAiB,EAAE;A;AAC5C,UAAU,cAAc,EAAE,iBAAiB,EAAE;A;AAC7C,UAAU,aAAa,EAAE,iBAAiB,EAAE;A;AAC5C,UAAU,cAAc,EAAE,iBAAiB,EAAE;A;AAC7C,UAAU,cAAc,EAAE,gBAAgB,EAAE;A;AAC5C,UAAU,aAAa,EAAE,iBAAiB,EAAE;A;AAC5C,UAAU,aAAa,EAAE,gBAAgB,EAAE;A;AAC3C,UAAU,cAAc,EAAE,iBAAiB,EAAE;A;AAE7C;CACC,YAAY;AACb;A;AAEA;CACC,oBAAoB;CACpB,UAAU;AACX;A;AAEA;CACC,oBAAoB;CACpB,UAAU;AACX;A;AAEA;CACC,UAAU;CACV,oBAAoB;AACrB;A;AAEA;CACC,eAAe;CACf,UAAU;CACV,cAAc;CACd,kBAAkB;AACnB;A;AAEA;CACC,mBAAmB;CACnB,SAAS;CACT,iCAAiC;AAClC;A;AAEA;CACC,gBAAgB;CAChB,iCAAiC;AAClC;A;AAEA;CACC,kBAAkB;CAClB,qBAAqB;CACrB,iCAAiC;CACjC,iBAAiB;CACjB,eAAe;CACf,qBAAqB;AACtB;A;AAEA;CACC;EACC,gBAAgB;EAChB,wBAAwB;EACxB,wBAAwB;EACxB,0BAA0B;EAC1B,yBAAyB;CAC1B;CACA;EACC,aAAa;EACb,8BAA8B;EAC9B;A;A;A;A;qBAKmB;A;CAEpB;CACA;EACC,qBAAqB;CACtB;CACA;EACC,SAAS;EACT,aAAa;EACb,eAAe;EACf,yBAAyB;CAC1B;CACA;EACC,iBAAiB;EACjB,qBAAqB;CACtB;CACA;EACC,eAAe;EACf,iBAAiB;CAClB;CACA;EACC,aAAa;EACb,uBAAuB;CACxB;AACD","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/61/83ed8d7d5eb25043c76164a4b8f599.blob b/.parcel-cache/61/83ed8d7d5eb25043c76164a4b8f599.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/61/83ed8d7d5eb25043c76164a4b8f599.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/61/89543a19f1aef49729419e06a3ad1d.blob b/.parcel-cache/61/89543a19f1aef49729419e06a3ad1d.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/61/89543a19f1aef49729419e06a3ad1d.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/61/b892bad6b614a233b4ed7114dc6691.blob b/.parcel-cache/61/b892bad6b614a233b4ed7114dc6691.blob new file mode 100644 index 0000000..2298daa --- /dev/null +++ b/.parcel-cache/61/b892bad6b614a233b4ed7114dc6691.blob @@ -0,0 +1 @@ +*,:after,:before{box-sizing:border-box}:root{font-size:18px}body{margin:0;--color-text:#111;--color-bg:#f7f5f3;--color-link:#999;--color-link-hover:#000;--font-size-xlarge:2rem;--font-size-large:1.5rem;--font-size-medium:1.25rem;--font-size-small:1rem;--color-menu:#000;--color-menu-hover:#e93f33;color:var(--color-text);background-color:var(--color-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body #cdawrap{--cda-bottom:1.5rem;--cda-left:auto;--cda-right:1.5rem;--cda-width:280px;--cda-text-color:var(--color-menu);--cda-text-color-hover:var(--color-menu-hover);--cda-footer-color:var(--color-menu);--cda-footer-color-hover:var(--color-menu-hover);opacity:0;pointer-events:none;--cda-text-size:13px;--cda-footer-fontsize:11px;--cda-text-align:right;--footer-align:end;transition:opacity .3s;border:1px solid #000;border-radius:5px;padding:1rem}body.state-details #cdawrap{opacity:1;pointer-events:auto}.js .loading:after,.js .loading:before{content:"";position:fixed;z-index:1000}.js .loading:before{top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.js .loading:after{top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;opacity:.4;background:var(--color-link);animation:loaderAnim .7s linear infinite alternate forwards}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}a{text-decoration:underline;color:var(--color-link)}a,a:hover{outline:none}a:hover{text-decoration:none;color:var(--color-link-hover)}a:focus{outline:none;background:#d3d3d3}a:focus-visible,a:focus:not(:focus-visible){background:transparent}a:focus-visible{outline:2px solid red}.unbutton{background:none;border:0;padding:0;margin:0;cursor:pointer;font:inherit}.unbutton:focus{outline:none}main{padding:1.5rem;display:grid;height:100vh;align-content:space-between;grid-gap:.5rem;grid-template-columns:1fr auto;grid-template-areas:"frame menu" "heading heading" "content content" "content content" "deco deco" "footer footer"}.frame{grid-area:frame;color:var(--color-link);margin-bottom:1rem}.frame__title{font-size:1rem;margin:0;font-weight:400}.frame__links{display:block}.frame__links a:not(:last-child){margin-right:.5rem}.line{transform-origin:0 50%;padding-bottom:.35rem;white-space:nowrap;will-change:transform}.oh{overflow:hidden}.oh__inner{display:inline-block;transform-origin:0 50%;will-change:transform}.content{display:flex;flex-direction:column;width:100vw;height:calc(100vh - 13rem);position:relative;justify-content:flex-start;align-items:center}.heading{grid-area:heading;font-size:var(--font-size-large);margin:0 0 2rem;font-weight:400;align-self:start;line-height:1.4}.heading strong{font-weight:600}.content-primary{grid-area:content;line-height:1;font-size:var(--font-size-large)}.content-secondary{grid-area:footer;line-height:1;margin:0;align-self:end;font-size:var(--font-size-small);max-width:400px}.deco{grid-area:deco}.deco__img-wrap{position:relative;overflow:hidden;width:25vw;min-width:250px;max-width:400px;margin-bottom:1rem;will-change:transform}.deco__img-wrap--upper{height:5vh}.deco__img-wrap--lower{height:25vh}.deco__img{background:url(1.HASH_REF_537602dd51df256e213143fa5ff36b68.jpg) no-repeat 50% 0;width:100%;height:100%;will-change:transform}.deco__img--lower{background-position:50% -5vh}.menu-link{align-self:start;justify-self:end;line-height:1;grid-area:menu;overflow:hidden;position:relative;padding:0 0 5px;font-size:var(--font-size-medium)}.menu--open~.menu-link,.state-details .menu-link{pointer-events:none}.menu-link:after{content:"";position:absolute;bottom:0;left:0;height:7%;width:100%;background:currentColor;transition:transform .4s ease;transform-origin:100% 50%}.menu--open~.menu-link:after,.menu-link:hover:after,.state-details .menu-link:after{transform:scaleX(0);transform-origin:0 50%}.menu{position:fixed;pointer-events:none;z-index:100;opacity:0;top:0;left:0;width:100%;height:100vh;display:grid;grid-template-columns:auto auto auto;align-content:center;justify-content:center;counter-reset:menucounter}.menu--open{pointer-events:auto;opacity:1}.state-details .menu{pointer-events:none}.menu__item{grid-column:2;line-height:1;display:block;position:relative}.menu__item-link{text-decoration:none;line-height:1.25;margin-top:calc(var(--font-size-xlarge)*-0.15);font-size:var(--font-size-xlarge);cursor:pointer;position:relative;padding:0 calc(var(--font-size-xlarge)*0.45);color:var(--color-menu)}.menu__item-link:hover{color:var(--color-menu-hover)}.menu__item-link:before{position:absolute;left:0;top:18%;text-align:right;counter-increment:menucounter;content:counters(menucounter,".",decimal-leading-zero);opacity:0;line-height:1;padding-right:.5rem;display:grid;place-items:center;font-size:var(--font-size-small);color:var(--color-text);transform:scale3d(0,0,0)}.menu__item-link:hover:before{opacity:1;transform:scaleX(1)}.close{position:absolute;top:1rem;right:1.5rem;font-size:3rem;line-height:1;opacity:0;pointer-events:none}.close:hover{color:var(--color-menu)}.menu--open .close{opacity:1;pointer-events:auto}.state-details .close{pointer-events:none}.details,.details-wrap{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.details-wrap{overflow:hidden}.panel{position:absolute;width:100%;height:100%;top:0;left:0;display:grid;grid-template-columns:repeat(50,2%);grid-template-rows:repeat(50,2%);--grid-row:1;--grid-column:1;transform:rotate(-35deg);opacity:.5}.panel__img{grid-area:var(--grid-row)/var(--grid-column)/span 12/span 5;will-change:transform}.pos-1{--grid-row:10;--grid-column:1}.pos-2{--grid-row:1;--grid-column:18}.pos-3{--grid-row:1;--grid-column:29}.pos-4{--grid-row:15;--grid-column:12}.pos-5{--grid-row:17;--grid-column:25}.pos-6{--grid-row:20;--grid-column:43}.pos-7{--grid-row:35;--grid-column:5}.pos-8{--grid-row:40;--grid-column:14}.pos-9{--grid-row:37;--grid-column:29}.pos-10{--grid-row:35;--grid-column:42}.pos-11{--grid-row:7;--grid-column:46}.pos-12{--grid-row:32;--grid-column:20}.pos-13{--grid-row:22;--grid-column:2}.pos-14{--grid-row:9;--grid-column:38}.pos-15{--grid-row:4;--grid-column:7}.pos-16{--grid-row:28;--grid-column:36}.panel__img{width:100px}.details{display:grid;place-items:center;pointer-events:none;opacity:0}.details--open,.details--open~.close--details{pointer-events:auto;opacity:1}.details__content{padding:1.5rem;margin:0 auto;position:relative}.details__content-title{font-weight:400;margin:0;font-size:var(--font-size-xlarge)}.details__content-text{line-height:1;max-width:640px;font-size:var(--font-size-medium)}.details__content-link{position:relative;display:inline-block;font-size:var(--font-size-small);color:var(--color-text);cursor:pointer;text-decoration:none;font-weight:600}.details__content-link:hover{color:var(--color-menu-hover)}@media screen and (min-width:53em){body{overflow:hidden;--font-size-xlarge:11vh;--font-size-large:3.5vw;--font-size-medium:2.75vw;--font-size-small:1.65vw}main{grid-gap:0;height:100vh;grid-template-columns:45% 1fr;grid-template-areas:"heading menu" "content ..." "content deco" "... deco" "footer deco" "footer frame"}.line{padding-bottom:.5vw}.frame{margin:0;display:flex;flex-wrap:wrap;justify-content:flex-end}.frame__links{margin-left:2rem;display:inline-block}.deco{align-self:end;justify-self:end}.content{height:100vh;justify-content:center}.details__content{width:50%;padding:.5rem}} \ No newline at end of file diff --git a/.parcel-cache/62/2edce73dfce5419985b537ea027ef8.blob b/.parcel-cache/62/2edce73dfce5419985b537ea027ef8.blob new file mode 100644 index 0000000..b13c450 Binary files /dev/null and b/.parcel-cache/62/2edce73dfce5419985b537ea027ef8.blob differ diff --git a/.parcel-cache/62/b7192ed4b86c72706cb756972d9cdb.blob b/.parcel-cache/62/b7192ed4b86c72706cb756972d9cdb.blob new file mode 100644 index 0000000..4439efe --- /dev/null +++ b/.parcel-cache/62/b7192ed4b86c72706cb756972d9cdb.blob @@ -0,0 +1,505 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.underline::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.underline:hover::after, +.menu--open ~ .underline::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/62/c41157f03b486889698290633f719a.blob b/.parcel-cache/62/c41157f03b486889698290633f719a.blob new file mode 100644 index 0000000..3e4e922 Binary files /dev/null and b/.parcel-cache/62/c41157f03b486889698290633f719a.blob differ diff --git a/.parcel-cache/62/e29071adda6538ec10dc837ffe7279.blob b/.parcel-cache/62/e29071adda6538ec10dc837ffe7279.blob new file mode 100644 index 0000000..4011ffc --- /dev/null +++ b/.parcel-cache/62/e29071adda6538ec10dc837ffe7279.blob @@ -0,0 +1,519 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/63/13af807abd02bb3bf8160ab6da8ed7.blob b/.parcel-cache/63/13af807abd02bb3bf8160ab6da8ed7.blob new file mode 100644 index 0000000..19a35e3 --- /dev/null +++ b/.parcel-cache/63/13af807abd02bb3bf8160ab6da8ed7.blob @@ -0,0 +1,503 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + grid-column: 2; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/63/3cbd30bb1b094b8002f5ee01d214ac.v8 b/.parcel-cache/63/3cbd30bb1b094b8002f5ee01d214ac.v8 new file mode 100644 index 0000000..2b36a7d Binary files /dev/null and b/.parcel-cache/63/3cbd30bb1b094b8002f5ee01d214ac.v8 differ diff --git a/.parcel-cache/63/49659651db3143be55e3cd6716a568.v8 b/.parcel-cache/63/49659651db3143be55e3cd6716a568.v8 new file mode 100644 index 0000000..7c5ff1a Binary files /dev/null and b/.parcel-cache/63/49659651db3143be55e3cd6716a568.v8 differ diff --git a/.parcel-cache/63/64bdf675c64f4354130bb5ebab5ea3.blob b/.parcel-cache/63/64bdf675c64f4354130bb5ebab5ea3.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/63/64bdf675c64f4354130bb5ebab5ea3.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/63/ae6e7a02200a75ff992c24c48484cc.blob b/.parcel-cache/63/ae6e7a02200a75ff992c24c48484cc.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/63/ae6e7a02200a75ff992c24c48484cc.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/64/0bcc02b9516661e851f59071fabd94.blob b/.parcel-cache/64/0bcc02b9516661e851f59071fabd94.blob new file mode 100644 index 0000000..7df48fd --- /dev/null +++ b/.parcel-cache/64/0bcc02b9516661e851f59071fabd94.blob @@ -0,0 +1,215 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + + diff --git a/.parcel-cache/64/ba1650d5736d20d4d71b59dd6ddad2.v8 b/.parcel-cache/64/ba1650d5736d20d4d71b59dd6ddad2.v8 new file mode 100644 index 0000000..363edfb Binary files /dev/null and b/.parcel-cache/64/ba1650d5736d20d4d71b59dd6ddad2.v8 differ diff --git a/.parcel-cache/64/c1a43716f356d2e653827485b899f0.v8 b/.parcel-cache/64/c1a43716f356d2e653827485b899f0.v8 new file mode 100644 index 0000000..e30b0b8 Binary files /dev/null and b/.parcel-cache/64/c1a43716f356d2e653827485b899f0.v8 differ diff --git a/.parcel-cache/64/cfec15d11a13f64bba0aa65dedd3e2.blob b/.parcel-cache/64/cfec15d11a13f64bba0aa65dedd3e2.blob new file mode 100644 index 0000000..65b9de7 Binary files /dev/null and b/.parcel-cache/64/cfec15d11a13f64bba0aa65dedd3e2.blob differ diff --git a/.parcel-cache/65/18499c8dbb85355d0283023b2c23c8.blob b/.parcel-cache/65/18499c8dbb85355d0283023b2c23c8.blob new file mode 100644 index 0000000..01b46ab Binary files /dev/null and b/.parcel-cache/65/18499c8dbb85355d0283023b2c23c8.blob differ diff --git a/.parcel-cache/65/2be721b02db7d7f64f1b95f1e2cc0f.v8 b/.parcel-cache/65/2be721b02db7d7f64f1b95f1e2cc0f.v8 new file mode 100644 index 0000000..a83255f Binary files /dev/null and b/.parcel-cache/65/2be721b02db7d7f64f1b95f1e2cc0f.v8 differ diff --git a/.parcel-cache/65/7ed6c3225a184a90a9f9f9026c72f8.v8 b/.parcel-cache/65/7ed6c3225a184a90a9f9f9026c72f8.v8 new file mode 100644 index 0000000..f4df627 Binary files /dev/null and b/.parcel-cache/65/7ed6c3225a184a90a9f9f9026c72f8.v8 differ diff --git a/.parcel-cache/65/dc15362399d643e27e4edf25a20483.blob b/.parcel-cache/65/dc15362399d643e27e4edf25a20483.blob new file mode 100644 index 0000000..a1792dc Binary files /dev/null and b/.parcel-cache/65/dc15362399d643e27e4edf25a20483.blob differ diff --git a/.parcel-cache/67/3c8a9a8458a06011f8aa9d1c914aef.v8 b/.parcel-cache/67/3c8a9a8458a06011f8aa9d1c914aef.v8 new file mode 100644 index 0000000..971e7bc Binary files /dev/null and b/.parcel-cache/67/3c8a9a8458a06011f8aa9d1c914aef.v8 differ diff --git a/.parcel-cache/67/3de459d4fc042225126d521bfeb0f8.v8 b/.parcel-cache/67/3de459d4fc042225126d521bfeb0f8.v8 new file mode 100644 index 0000000..9ef934b Binary files /dev/null and b/.parcel-cache/67/3de459d4fc042225126d521bfeb0f8.v8 differ diff --git a/.parcel-cache/67/c809e77ba6698e720cb783341cee72.v8 b/.parcel-cache/67/c809e77ba6698e720cb783341cee72.v8 new file mode 100644 index 0000000..921a8f5 Binary files /dev/null and b/.parcel-cache/67/c809e77ba6698e720cb783341cee72.v8 differ diff --git a/.parcel-cache/68/23b4629319ed579b23c605743b20e6.v8 b/.parcel-cache/68/23b4629319ed579b23c605743b20e6.v8 new file mode 100644 index 0000000..7aca843 Binary files /dev/null and b/.parcel-cache/68/23b4629319ed579b23c605743b20e6.v8 differ diff --git a/.parcel-cache/68/2cb81e759e9f78d15adaaeba6fcaf9.v8 b/.parcel-cache/68/2cb81e759e9f78d15adaaeba6fcaf9.v8 new file mode 100644 index 0000000..c3417dc Binary files /dev/null and b/.parcel-cache/68/2cb81e759e9f78d15adaaeba6fcaf9.v8 differ diff --git a/.parcel-cache/68/2d4d03b0d917f806ca4db4cb80aa23.blob b/.parcel-cache/68/2d4d03b0d917f806ca4db4cb80aa23.blob new file mode 100644 index 0000000..93bd440 --- /dev/null +++ b/.parcel-cache/68/2d4d03b0d917f806ca4db4cb80aa23.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/68/4b2946936b71bef7c17cc3d806a294.blob b/.parcel-cache/68/4b2946936b71bef7c17cc3d806a294.blob new file mode 100644 index 0000000..c6f247a Binary files /dev/null and b/.parcel-cache/68/4b2946936b71bef7c17cc3d806a294.blob differ diff --git a/.parcel-cache/68/ce1ed4007fe013c6fa0be3c3dd7b7b.v8 b/.parcel-cache/68/ce1ed4007fe013c6fa0be3c3dd7b7b.v8 new file mode 100644 index 0000000..1c992c0 Binary files /dev/null and b/.parcel-cache/68/ce1ed4007fe013c6fa0be3c3dd7b7b.v8 differ diff --git a/.parcel-cache/68/cfb909fc3b971ba4ab8c7ff74a1142.v8 b/.parcel-cache/68/cfb909fc3b971ba4ab8c7ff74a1142.v8 new file mode 100644 index 0000000..ddbfca3 Binary files /dev/null and b/.parcel-cache/68/cfb909fc3b971ba4ab8c7ff74a1142.v8 differ diff --git a/.parcel-cache/69/02c0b04fa802f00db1c8bc0feb6195.blob b/.parcel-cache/69/02c0b04fa802f00db1c8bc0feb6195.blob new file mode 100644 index 0000000..a0d1496 --- /dev/null +++ b/.parcel-cache/69/02c0b04fa802f00db1c8bc0feb6195.blob @@ -0,0 +1,63 @@ +var _parcelHelpers = require("@parcel/transformer-js/lib/esmodule-helpers.js"); +_parcelHelpers.defineInteropFlag(exports); +_parcelHelpers.export(exports, "Menu", function () { + return Menu; +}); +var _textReveal = require('./textReveal'); +var _details = require('./details'); +class Menu { + constructor(el) { + this.DOM = { + el: el, + items: [...el.querySelectorAll('.menu__item')], + links: [...el.querySelectorAll('.menu__item-link')], + closeCtrl: el.querySelector('.close--menu'), + // .details HTML elements (one per menu item) + detailsEl: [...el.querySelectorAll('.menu__item-link')].map(item => document.querySelector(item.href.substring(item.href.indexOf('#')))), + // close details/images page + closeDetailsCtrl: document.querySelector('.details-wrap > .close--details') + }; + // text reveal animations (both the close control and the menu items will slide in/out) + this.textReveal = new _textReveal.TextReveal([this.DOM.closeCtrl, ...this.DOM.items]); + // Details instances + this.detailsInstances = []; + this.DOM.detailsEl.forEach(detailsEl => this.detailsInstances.push(new _details.Details(detailsEl, this.DOM.closeDetailsCtrl))); + this.initEvents(); + } + /*open the menu (animate the menu items in)*/ + open() { + this.DOM.el.classList.add('menu--open'); + // show menu items and show close ctrl + this.textReveal.in(); + } + /*close the menu (animate the menu items out)*/ + close() { + this.textReveal.out().then(() => this.DOM.el.classList.remove('menu--open')); + } + initEvents() { + // clicking a menu link will open the gallery + this.DOM.links.forEach((link, pos) => { + link.addEventListener('click', ev => { + ev.preventDefault(); + this.openDetails(pos); + }); + }); + this.DOM.closeDetailsCtrl.addEventListener('click', () => this.closeDetails()); + } + openDetails(pos) { + // save position + this.menuItemCurrent = pos; + // show the details + this.detailsInstances[this.menuItemCurrent].open(); + // close the menu (animate the menu items out) + this.close(); + } + closeDetails() { + if (this.menuItemCurrent === -1) return; + // open the menu (animate the menu items in) + this.open(); + this.detailsInstances[this.menuItemCurrent].close(); + // reset + this.menuItemCurrent = -1; + } +} diff --git a/.parcel-cache/69/04595d3e5c82f7319c4452d95eb409.v8 b/.parcel-cache/69/04595d3e5c82f7319c4452d95eb409.v8 new file mode 100644 index 0000000..a5e576c Binary files /dev/null and b/.parcel-cache/69/04595d3e5c82f7319c4452d95eb409.v8 differ diff --git a/.parcel-cache/69/9de379aba3cf342d45f218ecfaad1b.blob b/.parcel-cache/69/9de379aba3cf342d45f218ecfaad1b.blob new file mode 100644 index 0000000..731d8b1 Binary files /dev/null and b/.parcel-cache/69/9de379aba3cf342d45f218ecfaad1b.blob differ diff --git a/.parcel-cache/69/c301064252d226994005eb237b0cce.blob b/.parcel-cache/69/c301064252d226994005eb237b0cce.blob new file mode 100644 index 0000000..f3dbdaf --- /dev/null +++ b/.parcel-cache/69/c301064252d226994005eb237b0cce.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/69/e75042c1cac3f1ebdb98fe2b41b8a3.blob b/.parcel-cache/69/e75042c1cac3f1ebdb98fe2b41b8a3.blob new file mode 100644 index 0000000..18ba26c Binary files /dev/null and b/.parcel-cache/69/e75042c1cac3f1ebdb98fe2b41b8a3.blob differ diff --git a/.parcel-cache/6a/336144246f2d3983e0c4d304bb37e9.blob b/.parcel-cache/6a/336144246f2d3983e0c4d304bb37e9.blob new file mode 100644 index 0000000..c418bac Binary files /dev/null and b/.parcel-cache/6a/336144246f2d3983e0c4d304bb37e9.blob differ diff --git a/.parcel-cache/6a/a8d6f1606c0ec0d973ea6cb0b06658.blob b/.parcel-cache/6a/a8d6f1606c0ec0d973ea6cb0b06658.blob new file mode 100644 index 0000000..bda23ea --- /dev/null +++ b/.parcel-cache/6a/a8d6f1606c0ec0d973ea6cb0b06658.blob @@ -0,0 +1,519 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2rem; + --font-size-large: 1.75rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.5 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 600px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/6b/8a07e2035dd13fbeba081c8e8b51a2.blob b/.parcel-cache/6b/8a07e2035dd13fbeba081c8e8b51a2.blob new file mode 100644 index 0000000..487b46a --- /dev/null +++ b/.parcel-cache/6b/8a07e2035dd13fbeba081c8e8b51a2.blob @@ -0,0 +1,523 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2rem; + --font-size-large: 1.5rem; + --font-size-medium: 1.25rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-gap: 0.5rem; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.35 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 640px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +.details__content-link:hover { + color: var(--color-menu-hover); +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + grid-gap: 0; + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/6c/8ec2d78bfc681e788df4df35f99f0a.v8 b/.parcel-cache/6c/8ec2d78bfc681e788df4df35f99f0a.v8 new file mode 100644 index 0000000..1681ecf Binary files /dev/null and b/.parcel-cache/6c/8ec2d78bfc681e788df4df35f99f0a.v8 differ diff --git a/.parcel-cache/6c/d5094a03af8752c2c073689dc54067.blob b/.parcel-cache/6c/d5094a03af8752c2c073689dc54067.blob new file mode 100644 index 0000000..fe69007 --- /dev/null +++ b/.parcel-cache/6c/d5094a03af8752c2c073689dc54067.blob @@ -0,0 +1,519 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 600px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/6d/8d3996a20d34205e3f29e670fbccd7.blob b/.parcel-cache/6d/8d3996a20d34205e3f29e670fbccd7.blob new file mode 100644 index 0000000..1ff368a Binary files /dev/null and b/.parcel-cache/6d/8d3996a20d34205e3f29e670fbccd7.blob differ diff --git a/.parcel-cache/6e/1bca593b4ee2acaf8a4eaa92644ac7.v8 b/.parcel-cache/6e/1bca593b4ee2acaf8a4eaa92644ac7.v8 new file mode 100644 index 0000000..f510221 Binary files /dev/null and b/.parcel-cache/6e/1bca593b4ee2acaf8a4eaa92644ac7.v8 differ diff --git a/.parcel-cache/6e/2d38061b3eb70f63a485ae00e5b78e.blob b/.parcel-cache/6e/2d38061b3eb70f63a485ae00e5b78e.blob new file mode 100644 index 0000000..e60f2bb --- /dev/null +++ b/.parcel-cache/6e/2d38061b3eb70f63a485ae00e5b78e.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/6e/44c441aac6ca8d87be89becbccece7.v8 b/.parcel-cache/6e/44c441aac6ca8d87be89becbccece7.v8 new file mode 100644 index 0000000..3b07fa6 Binary files /dev/null and b/.parcel-cache/6e/44c441aac6ca8d87be89becbccece7.v8 differ diff --git a/.parcel-cache/6e/46ee43d37af87d4a65894d0c3be686.v8 b/.parcel-cache/6e/46ee43d37af87d4a65894d0c3be686.v8 new file mode 100644 index 0000000..8f63bf8 Binary files /dev/null and b/.parcel-cache/6e/46ee43d37af87d4a65894d0c3be686.v8 differ diff --git a/.parcel-cache/6e/5706eb0093e4e9099811ce3440d885.v8 b/.parcel-cache/6e/5706eb0093e4e9099811ce3440d885.v8 new file mode 100644 index 0000000..da9211d Binary files /dev/null and b/.parcel-cache/6e/5706eb0093e4e9099811ce3440d885.v8 differ diff --git a/.parcel-cache/6e/6bb3b6b5feaab43fde7a567147ea92.txt b/.parcel-cache/6e/6bb3b6b5feaab43fde7a567147ea92.txt new file mode 100644 index 0000000..69545a8 --- /dev/null +++ b/.parcel-cache/6e/6bb3b6b5feaab43fde7a567147ea92.txt @@ -0,0 +1,2 @@ +25560902 +1627477330868231000 \ No newline at end of file diff --git a/.parcel-cache/6e/727018b8eace6e27a344fbe16d1a2a.v8 b/.parcel-cache/6e/727018b8eace6e27a344fbe16d1a2a.v8 new file mode 100644 index 0000000..27e74a0 Binary files /dev/null and b/.parcel-cache/6e/727018b8eace6e27a344fbe16d1a2a.v8 differ diff --git a/.parcel-cache/6e/a0c203baf9dd7956de6d8c1ae3a0bc.blob b/.parcel-cache/6e/a0c203baf9dd7956de6d8c1ae3a0bc.blob new file mode 100644 index 0000000..93f04af Binary files /dev/null and b/.parcel-cache/6e/a0c203baf9dd7956de6d8c1ae3a0bc.blob differ diff --git a/.parcel-cache/6e/e29b4b73dbf4107572c543a1d35987.v8 b/.parcel-cache/6e/e29b4b73dbf4107572c543a1d35987.v8 new file mode 100644 index 0000000..3719416 Binary files /dev/null and b/.parcel-cache/6e/e29b4b73dbf4107572c543a1d35987.v8 differ diff --git a/.parcel-cache/6e/f1549d4e5941c7d5e9b62ad1715796.blob b/.parcel-cache/6e/f1549d4e5941c7d5e9b62ad1715796.blob new file mode 100644 index 0000000..75a9ef6 Binary files /dev/null and b/.parcel-cache/6e/f1549d4e5941c7d5e9b62ad1715796.blob differ diff --git a/.parcel-cache/6f/35c3b09e95ac9a46aef31b446a7dd9.v8 b/.parcel-cache/6f/35c3b09e95ac9a46aef31b446a7dd9.v8 new file mode 100644 index 0000000..849ec8b Binary files /dev/null and b/.parcel-cache/6f/35c3b09e95ac9a46aef31b446a7dd9.v8 differ diff --git a/.parcel-cache/6f/436b07776f8346caf61de6121104bd.blob b/.parcel-cache/6f/436b07776f8346caf61de6121104bd.blob new file mode 100644 index 0000000..4757038 --- /dev/null +++ b/.parcel-cache/6f/436b07776f8346caf61de6121104bd.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/6f/4e644ffde50ec5bebdf541b9a88d4a.blob b/.parcel-cache/6f/4e644ffde50ec5bebdf541b9a88d4a.blob new file mode 100644 index 0000000..32960c9 --- /dev/null +++ b/.parcel-cache/6f/4e644ffde50ec5bebdf541b9a88d4a.blob @@ -0,0 +1,654 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + diff --git a/.parcel-cache/6f/a7742f327ec7d559e3c95316f6e289.blob b/.parcel-cache/6f/a7742f327ec7d559e3c95316f6e289.blob new file mode 100644 index 0000000..955a92a Binary files /dev/null and b/.parcel-cache/6f/a7742f327ec7d559e3c95316f6e289.blob differ diff --git a/.parcel-cache/70/684da77e2d706b167d7d373e74ff42.blob b/.parcel-cache/70/684da77e2d706b167d7d373e74ff42.blob new file mode 100644 index 0000000..955a92a Binary files /dev/null and b/.parcel-cache/70/684da77e2d706b167d7d373e74ff42.blob differ diff --git a/.parcel-cache/70/8d4e9cf112cfdc42835dd9e9418d87.blob b/.parcel-cache/70/8d4e9cf112cfdc42835dd9e9418d87.blob new file mode 100644 index 0000000..1d6bd84 Binary files /dev/null and b/.parcel-cache/70/8d4e9cf112cfdc42835dd9e9418d87.blob differ diff --git a/.parcel-cache/70/cf2823f789b3f7d3dced811181da72.v8 b/.parcel-cache/70/cf2823f789b3f7d3dced811181da72.v8 new file mode 100644 index 0000000..76a30cf Binary files /dev/null and b/.parcel-cache/70/cf2823f789b3f7d3dced811181da72.v8 differ diff --git a/.parcel-cache/70/eff02de2fb66906225dd7cab571bf8.blob b/.parcel-cache/70/eff02de2fb66906225dd7cab571bf8.blob new file mode 100644 index 0000000..6b132fe Binary files /dev/null and b/.parcel-cache/70/eff02de2fb66906225dd7cab571bf8.blob differ diff --git a/.parcel-cache/70/f7c3e9ef3e93cd627774fd92256e28.v8 b/.parcel-cache/70/f7c3e9ef3e93cd627774fd92256e28.v8 new file mode 100644 index 0000000..ad8f8f0 Binary files /dev/null and b/.parcel-cache/70/f7c3e9ef3e93cd627774fd92256e28.v8 differ diff --git a/.parcel-cache/70/f8589bd9ad2ab98a939e2f7f71e6db.blob b/.parcel-cache/70/f8589bd9ad2ab98a939e2f7f71e6db.blob new file mode 100644 index 0000000..d846579 Binary files /dev/null and b/.parcel-cache/70/f8589bd9ad2ab98a939e2f7f71e6db.blob differ diff --git a/.parcel-cache/71/349af889d7d6369a8314ba5b5b27e9.blob b/.parcel-cache/71/349af889d7d6369a8314ba5b5b27e9.blob new file mode 100644 index 0000000..d26e733 --- /dev/null +++ b/.parcel-cache/71/349af889d7d6369a8314ba5b5b27e9.blob @@ -0,0 +1,519 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.15 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 600px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/71/3fe20032b7f1e622ee5ee82b9be609.blob b/.parcel-cache/71/3fe20032b7f1e622ee5ee82b9be609.blob new file mode 100644 index 0000000..beac5e2 --- /dev/null +++ b/.parcel-cache/71/3fe20032b7f1e622ee5ee82b9be609.blob @@ -0,0 +1,208 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + diff --git a/.parcel-cache/71/4eaaccbe2d6793325e4a01870aee2f.blob b/.parcel-cache/71/4eaaccbe2d6793325e4a01870aee2f.blob new file mode 100644 index 0000000..21ad0c6 --- /dev/null +++ b/.parcel-cache/71/4eaaccbe2d6793325e4a01870aee2f.blob @@ -0,0 +1,502 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.2; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + justify-items: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1; + font-size: 12vh; + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/71/83461230b7923ff2f1957204ec8aec.blob b/.parcel-cache/71/83461230b7923ff2f1957204ec8aec.blob new file mode 100644 index 0000000..91706dc --- /dev/null +++ b/.parcel-cache/71/83461230b7923ff2f1957204ec8aec.blob @@ -0,0 +1,299 @@ +var HMR_HOST = null; +var HMR_PORT = 1234; +var HMR_SECURE = false; +var HMR_ENV_HASH = "d751713988987e9331980363e24189ce"; +module.bundle.HMR_BUNDLE_ID = "062e9a7565ca912a5f7d6b832142d36c"; +// @flow +/*global HMR_HOST, HMR_PORT, HMR_ENV_HASH, HMR_SECURE*/ +/*:: +import type { +HMRAsset, +HMRMessage, +} from '@parcel/reporter-dev-server/src/HMRServer.js'; +interface ParcelRequire { +(string): mixed; +cache: {|[string]: ParcelModule|}; +hotData: mixed; +Module: any; +parent: ?ParcelRequire; +isParcelRequire: true; +modules: {|[string]: [Function, {|[string]: string|}]|}; +HMR_BUNDLE_ID: string; +root: ParcelRequire; +} +interface ParcelModule { +hot: {| +data: mixed, +accept(cb: (Function) => void): void, +dispose(cb: (mixed) => void): void, +// accept(deps: Array | string, cb: (Function) => void): void, +// decline(): void, +_acceptCallbacks: Array<(Function) => void>, +_disposeCallbacks: Array<(mixed) => void>, +|}; +} +declare var module: {bundle: ParcelRequire, ...}; +declare var HMR_HOST: string; +declare var HMR_PORT: string; +declare var HMR_ENV_HASH: string; +declare var HMR_SECURE: boolean; +*/ +var OVERLAY_ID = '__parcel__error__overlay__'; +var OldModule = module.bundle.Module; +function Module(moduleName) { + OldModule.call(this, moduleName); + this.hot = { + data: module.bundle.hotData, + _acceptCallbacks: [], + _disposeCallbacks: [], + accept: function (fn) { + this._acceptCallbacks.push(fn || (function () {})); + }, + dispose: function (fn) { + this._disposeCallbacks.push(fn); + } + }; + module.bundle.hotData = undefined; +} +module.bundle.Module = Module; +var checkedAssets, /*: {|[string]: boolean|}*/ +acceptedAssets, /*: {|[string]: boolean|}*/ +/*: {|[string]: boolean|}*/ +assetsToAccept; +function getHostname() { + return HMR_HOST || (location.protocol.indexOf('http') === 0 ? location.hostname : 'localhost'); +} +function getPort() { + return HMR_PORT || location.port; +} +// eslint-disable-next-line no-redeclare +var parent = module.bundle.parent; +if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') { + var hostname = getHostname(); + var port = getPort(); + var protocol = HMR_SECURE || location.protocol == 'https:' && !(/localhost|127.0.0.1|0.0.0.0/).test(hostname) ? 'wss' : 'ws'; + var ws = new WebSocket(protocol + '://' + hostname + (port ? ':' + port : '') + '/'); + // $FlowFixMe + ws.onmessage = function (event) /*: {data: string, ...}*/ + { + checkedAssets = { + /*: {|[string]: boolean|}*/ + }; + acceptedAssets = { + /*: {|[string]: boolean|}*/ + }; + assetsToAccept = []; + var data = /*: HMRMessage*/ + JSON.parse(event.data); + if (data.type === 'update') { + // Remove error overlay if there is one + removeErrorOverlay(); + let assets = data.assets.filter(asset => asset.envHash === HMR_ENV_HASH); + // Handle HMR Update + var handled = false; + assets.forEach(asset => { + var didAccept = asset.type === 'css' || asset.type === 'js' && hmrAcceptCheck(module.bundle.root, asset.id, asset.depsByBundle); + if (didAccept) { + handled = true; + } + }); + if (handled) { + console.clear(); + assets.forEach(function (asset) { + hmrApply(module.bundle.root, asset); + }); + for (var i = 0; i < assetsToAccept.length; i++) { + var id = assetsToAccept[i][1]; + if (!acceptedAssets[id]) { + hmrAcceptRun(assetsToAccept[i][0], id); + } + } + } else { + window.location.reload(); + } + } + if (data.type === 'error') { + // Log parcel errors to console + for (let ansiDiagnostic of data.diagnostics.ansi) { + let stack = ansiDiagnostic.codeframe ? ansiDiagnostic.codeframe : ansiDiagnostic.stack; + console.error('🚨 [parcel]: ' + ansiDiagnostic.message + '\n' + stack + '\n\n' + ansiDiagnostic.hints.join('\n')); + } + // Render the fancy html overlay + removeErrorOverlay(); + var overlay = createErrorOverlay(data.diagnostics.html); + // $FlowFixMe + document.body.appendChild(overlay); + } + }; + ws.onerror = function (e) { + console.error(e.message); + }; + ws.onclose = function (e) { + if (undefined !== 'test') { + console.warn('[parcel] 🚨 Connection to the HMR server was lost'); + } + }; +} +function removeErrorOverlay() { + var overlay = document.getElementById(OVERLAY_ID); + if (overlay) { + overlay.remove(); + console.log('[parcel] ✨ Error resolved'); + } +} +function createErrorOverlay(diagnostics) { + var overlay = document.createElement('div'); + overlay.id = OVERLAY_ID; + let errorHTML = '
'; + for (let diagnostic of diagnostics) { + let stack = diagnostic.codeframe ? diagnostic.codeframe : diagnostic.stack; + errorHTML += ` +
+
+ 🚨 ${diagnostic.message} +
+ 
+          ${stack}
+
+
+ ${diagnostic.hints.map(hint => '
' + hint + '
').join('')} +
+
+ `; + } + errorHTML += '
'; + overlay.innerHTML = errorHTML; + return overlay; +} +function getParents(bundle, id) /*: Array<[ParcelRequire, string]>*/ +{ + var modules = bundle.modules; + if (!modules) { + return []; + } + var parents = []; + var k, d, dep; + for (k in modules) { + for (d in modules[k][1]) { + dep = modules[k][1][d]; + if (dep === id || Array.isArray(dep) && dep[dep.length - 1] === id) { + parents.push([bundle, k]); + } + } + } + if (bundle.parent) { + parents = parents.concat(getParents(bundle.parent, id)); + } + return parents; +} +function updateLink(link) { + var newLink = link.cloneNode(); + newLink.onload = function () { + if (link.parentNode !== null) { + // $FlowFixMe + link.parentNode.removeChild(link); + } + }; + newLink.setAttribute('href', // $FlowFixMe + link.getAttribute('href').split('?')[0] + '?' + Date.now()); + // $FlowFixMe + link.parentNode.insertBefore(newLink, link.nextSibling); +} +var cssTimeout = null; +function reloadCSS() { + if (cssTimeout) { + return; + } + cssTimeout = setTimeout(function () { + var links = document.querySelectorAll('link[rel="stylesheet"]'); + for (var i = 0; i < links.length; i++) { + // $FlowFixMe[incompatible-type] + var href = /*: string*/ + links[i].getAttribute('href'); + var hostname = getHostname(); + var servedFromHMRServer = hostname === 'localhost' ? new RegExp('^(https?:\\/\\/(0.0.0.0|127.0.0.1)|localhost):' + getPort()).test(href) : href.indexOf(hostname + ':' + getPort()); + var absolute = (/^https?:\/\//i).test(href) && href.indexOf(window.location.origin) !== 0 && !servedFromHMRServer; + if (!absolute) { + updateLink(links[i]); + } + } + cssTimeout = null; + }, 50); +} +function hmrApply(bundle, /*: ParcelRequire*/ +asset) /*: HMRAsset*/ +{ + var modules = bundle.modules; + if (!modules) { + return; + } + if (asset.type === 'css') { + reloadCSS(); + return; + } + let deps = asset.depsByBundle[bundle.HMR_BUNDLE_ID]; + if (deps) { + var fn = new Function('require', 'module', 'exports', asset.output); + modules[asset.id] = [fn, deps]; + } else if (bundle.parent) { + hmrApply(bundle.parent, asset); + } +} +function hmrAcceptCheck(bundle, /*: ParcelRequire*/ +id, /*: ParcelRequire*/ +/*: string*/ +depsByBundle) /*: ?{ [string]: { [string]: string } }*/ +{ + var modules = bundle.modules; + if (!modules) { + return; + } + if (depsByBundle && !depsByBundle[bundle.HMR_BUNDLE_ID]) { + // If we reached the root bundle without finding where the asset should go, + // there's nothing to do. Mark as "accepted" so we don't reload the page. + if (!bundle.parent) { + return true; + } + return hmrAcceptCheck(bundle.parent, id, depsByBundle); + } + if (checkedAssets[id]) { + return; + } + checkedAssets[id] = true; + var cached = bundle.cache[id]; + assetsToAccept.push([bundle, id]); + if (cached && cached.hot && cached.hot._acceptCallbacks.length) { + return true; + } + return getParents(module.bundle.root, id).some(function (v) { + return hmrAcceptCheck(v[0], v[1], null); + }); +} +function hmrAcceptRun(bundle, /*: ParcelRequire*/ +id) /*: string*/ +{ + var cached = bundle.cache[id]; + bundle.hotData = {}; + if (cached && cached.hot) { + cached.hot.data = bundle.hotData; + } + if (cached && cached.hot && cached.hot._disposeCallbacks.length) { + cached.hot._disposeCallbacks.forEach(function (cb) { + cb(bundle.hotData); + }); + } + delete bundle.cache[id]; + bundle(id); + cached = bundle.cache[id]; + if (cached && cached.hot && cached.hot._acceptCallbacks.length) { + cached.hot._acceptCallbacks.forEach(function (cb) { + var assetsToAlsoAccept = cb(function () { + return getParents(module.bundle.root, id); + }); + if (assetsToAlsoAccept && assetsToAccept.length) { + assetsToAccept.push.apply(assetsToAccept, assetsToAlsoAccept); + } + }); + } + acceptedAssets[id] = true; +} diff --git a/.parcel-cache/71/9e5443b51cccf6bf034d556c0bac14.v8 b/.parcel-cache/71/9e5443b51cccf6bf034d556c0bac14.v8 new file mode 100644 index 0000000..d430ffb Binary files /dev/null and b/.parcel-cache/71/9e5443b51cccf6bf034d556c0bac14.v8 differ diff --git a/.parcel-cache/71/a56c96b9fd38fc89c21a656da6dce4.blob b/.parcel-cache/71/a56c96b9fd38fc89c21a656da6dce4.blob new file mode 100644 index 0000000..faf2cf2 Binary files /dev/null and b/.parcel-cache/71/a56c96b9fd38fc89c21a656da6dce4.blob differ diff --git a/.parcel-cache/71/d2790691ddc0295872bf9758bb2cb3.blob b/.parcel-cache/71/d2790691ddc0295872bf9758bb2cb3.blob new file mode 100644 index 0000000..d2d9e24 Binary files /dev/null and b/.parcel-cache/71/d2790691ddc0295872bf9758bb2cb3.blob differ diff --git a/.parcel-cache/72/4138576ead2c020ece4524bfe3fe16.blob b/.parcel-cache/72/4138576ead2c020ece4524bfe3fe16.blob new file mode 100644 index 0000000..075c607 --- /dev/null +++ b/.parcel-cache/72/4138576ead2c020ece4524bfe3fe16.blob @@ -0,0 +1,547 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2rem; + --font-size-large: 1.5rem; + --font-size-medium: 1.25rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +body #cdawrap { + --cda-top: 1.5rem; + --cda-bottom: auto; + --cda-left: 1.5rem; + --cda-width: 360px; + --cda-text-color: var(--color-menu); + --cda-text-color-hover: var(--color-menu-hover); + opacity: 0 !important; + pointer-events: none; + transition: opacity 0.4s; +} + +body.state-details #cdawrap { + opacity: 1; + pointer-events: auto; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-gap: 0.5rem; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(908c1417d06f899ac3fd6887fb3a9434) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.45 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.details-wrap { + overflow: hidden; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 1.5rem; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 640px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +.details__content-link:hover { + color: var(--color-menu-hover); +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + grid-gap: 0; + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } + .details__content { + width: 50%; + padding: 0.5rem; + } +} diff --git a/.parcel-cache/72/68cdf3e780dfa2e9920e9e591ace9f.v8 b/.parcel-cache/72/68cdf3e780dfa2e9920e9e591ace9f.v8 new file mode 100644 index 0000000..f3c6940 Binary files /dev/null and b/.parcel-cache/72/68cdf3e780dfa2e9920e9e591ace9f.v8 differ diff --git a/.parcel-cache/72/6ab97d4734e603d5e3315905b1e948.v8 b/.parcel-cache/72/6ab97d4734e603d5e3315905b1e948.v8 new file mode 100644 index 0000000..aa455b5 Binary files /dev/null and b/.parcel-cache/72/6ab97d4734e603d5e3315905b1e948.v8 differ diff --git a/.parcel-cache/72/c28fde7f4b9b2665648d1f6f95d033.v8 b/.parcel-cache/72/c28fde7f4b9b2665648d1f6f95d033.v8 new file mode 100644 index 0000000..dc1446b Binary files /dev/null and b/.parcel-cache/72/c28fde7f4b9b2665648d1f6f95d033.v8 differ diff --git a/.parcel-cache/72/c94bb80f9e98aa18a37f21245ea64c.blob b/.parcel-cache/72/c94bb80f9e98aa18a37f21245ea64c.blob new file mode 100644 index 0000000..8c7e28d Binary files /dev/null and b/.parcel-cache/72/c94bb80f9e98aa18a37f21245ea64c.blob differ diff --git a/.parcel-cache/72/d1e3ec6aa787718c5528951b9acd54.v8 b/.parcel-cache/72/d1e3ec6aa787718c5528951b9acd54.v8 new file mode 100644 index 0000000..f14da4d Binary files /dev/null and b/.parcel-cache/72/d1e3ec6aa787718c5528951b9acd54.v8 differ diff --git a/.parcel-cache/73/332ab71fc6b7b77e7d2bd38c2b81b1.v8 b/.parcel-cache/73/332ab71fc6b7b77e7d2bd38c2b81b1.v8 new file mode 100644 index 0000000..6dfb45b Binary files /dev/null and b/.parcel-cache/73/332ab71fc6b7b77e7d2bd38c2b81b1.v8 differ diff --git a/.parcel-cache/73/40aff5a068974d39d7ec57ec0a0d99.v8 b/.parcel-cache/73/40aff5a068974d39d7ec57ec0a0d99.v8 new file mode 100644 index 0000000..c47045c Binary files /dev/null and b/.parcel-cache/73/40aff5a068974d39d7ec57ec0a0d99.v8 differ diff --git a/.parcel-cache/73/62e57bf3d79e994fad402713773a5a.blob b/.parcel-cache/73/62e57bf3d79e994fad402713773a5a.blob new file mode 100644 index 0000000..bd2d0c8 --- /dev/null +++ b/.parcel-cache/73/62e57bf3d79e994fad402713773a5a.blob @@ -0,0 +1,299 @@ +var HMR_HOST = null; +var HMR_PORT = 1234; +var HMR_SECURE = false; +var HMR_ENV_HASH = "d751713988987e9331980363e24189ce"; +module.bundle.HMR_BUNDLE_ID = "145c3e433f0cd2bafb02322823229821"; +// @flow +/*global HMR_HOST, HMR_PORT, HMR_ENV_HASH, HMR_SECURE*/ +/*:: +import type { +HMRAsset, +HMRMessage, +} from '@parcel/reporter-dev-server/src/HMRServer.js'; +interface ParcelRequire { +(string): mixed; +cache: {|[string]: ParcelModule|}; +hotData: mixed; +Module: any; +parent: ?ParcelRequire; +isParcelRequire: true; +modules: {|[string]: [Function, {|[string]: string|}]|}; +HMR_BUNDLE_ID: string; +root: ParcelRequire; +} +interface ParcelModule { +hot: {| +data: mixed, +accept(cb: (Function) => void): void, +dispose(cb: (mixed) => void): void, +// accept(deps: Array | string, cb: (Function) => void): void, +// decline(): void, +_acceptCallbacks: Array<(Function) => void>, +_disposeCallbacks: Array<(mixed) => void>, +|}; +} +declare var module: {bundle: ParcelRequire, ...}; +declare var HMR_HOST: string; +declare var HMR_PORT: string; +declare var HMR_ENV_HASH: string; +declare var HMR_SECURE: boolean; +*/ +var OVERLAY_ID = '__parcel__error__overlay__'; +var OldModule = module.bundle.Module; +function Module(moduleName) { + OldModule.call(this, moduleName); + this.hot = { + data: module.bundle.hotData, + _acceptCallbacks: [], + _disposeCallbacks: [], + accept: function (fn) { + this._acceptCallbacks.push(fn || (function () {})); + }, + dispose: function (fn) { + this._disposeCallbacks.push(fn); + } + }; + module.bundle.hotData = undefined; +} +module.bundle.Module = Module; +var checkedAssets, /*: {|[string]: boolean|}*/ +acceptedAssets, /*: {|[string]: boolean|}*/ +/*: {|[string]: boolean|}*/ +assetsToAccept; +function getHostname() { + return HMR_HOST || (location.protocol.indexOf('http') === 0 ? location.hostname : 'localhost'); +} +function getPort() { + return HMR_PORT || location.port; +} +// eslint-disable-next-line no-redeclare +var parent = module.bundle.parent; +if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') { + var hostname = getHostname(); + var port = getPort(); + var protocol = HMR_SECURE || location.protocol == 'https:' && !(/localhost|127.0.0.1|0.0.0.0/).test(hostname) ? 'wss' : 'ws'; + var ws = new WebSocket(protocol + '://' + hostname + (port ? ':' + port : '') + '/'); + // $FlowFixMe + ws.onmessage = function (event) /*: {data: string, ...}*/ + { + checkedAssets = { + /*: {|[string]: boolean|}*/ + }; + acceptedAssets = { + /*: {|[string]: boolean|}*/ + }; + assetsToAccept = []; + var data = /*: HMRMessage*/ + JSON.parse(event.data); + if (data.type === 'update') { + // Remove error overlay if there is one + removeErrorOverlay(); + let assets = data.assets.filter(asset => asset.envHash === HMR_ENV_HASH); + // Handle HMR Update + var handled = false; + assets.forEach(asset => { + var didAccept = asset.type === 'css' || asset.type === 'js' && hmrAcceptCheck(module.bundle.root, asset.id, asset.depsByBundle); + if (didAccept) { + handled = true; + } + }); + if (handled) { + console.clear(); + assets.forEach(function (asset) { + hmrApply(module.bundle.root, asset); + }); + for (var i = 0; i < assetsToAccept.length; i++) { + var id = assetsToAccept[i][1]; + if (!acceptedAssets[id]) { + hmrAcceptRun(assetsToAccept[i][0], id); + } + } + } else { + window.location.reload(); + } + } + if (data.type === 'error') { + // Log parcel errors to console + for (let ansiDiagnostic of data.diagnostics.ansi) { + let stack = ansiDiagnostic.codeframe ? ansiDiagnostic.codeframe : ansiDiagnostic.stack; + console.error('🚨 [parcel]: ' + ansiDiagnostic.message + '\n' + stack + '\n\n' + ansiDiagnostic.hints.join('\n')); + } + // Render the fancy html overlay + removeErrorOverlay(); + var overlay = createErrorOverlay(data.diagnostics.html); + // $FlowFixMe + document.body.appendChild(overlay); + } + }; + ws.onerror = function (e) { + console.error(e.message); + }; + ws.onclose = function (e) { + if (undefined !== 'test') { + console.warn('[parcel] 🚨 Connection to the HMR server was lost'); + } + }; +} +function removeErrorOverlay() { + var overlay = document.getElementById(OVERLAY_ID); + if (overlay) { + overlay.remove(); + console.log('[parcel] ✨ Error resolved'); + } +} +function createErrorOverlay(diagnostics) { + var overlay = document.createElement('div'); + overlay.id = OVERLAY_ID; + let errorHTML = '
'; + for (let diagnostic of diagnostics) { + let stack = diagnostic.codeframe ? diagnostic.codeframe : diagnostic.stack; + errorHTML += ` +
+
+ 🚨 ${diagnostic.message} +
+ 
+          ${stack}
+
+
+ ${diagnostic.hints.map(hint => '
' + hint + '
').join('')} +
+
+ `; + } + errorHTML += '
'; + overlay.innerHTML = errorHTML; + return overlay; +} +function getParents(bundle, id) /*: Array<[ParcelRequire, string]>*/ +{ + var modules = bundle.modules; + if (!modules) { + return []; + } + var parents = []; + var k, d, dep; + for (k in modules) { + for (d in modules[k][1]) { + dep = modules[k][1][d]; + if (dep === id || Array.isArray(dep) && dep[dep.length - 1] === id) { + parents.push([bundle, k]); + } + } + } + if (bundle.parent) { + parents = parents.concat(getParents(bundle.parent, id)); + } + return parents; +} +function updateLink(link) { + var newLink = link.cloneNode(); + newLink.onload = function () { + if (link.parentNode !== null) { + // $FlowFixMe + link.parentNode.removeChild(link); + } + }; + newLink.setAttribute('href', // $FlowFixMe + link.getAttribute('href').split('?')[0] + '?' + Date.now()); + // $FlowFixMe + link.parentNode.insertBefore(newLink, link.nextSibling); +} +var cssTimeout = null; +function reloadCSS() { + if (cssTimeout) { + return; + } + cssTimeout = setTimeout(function () { + var links = document.querySelectorAll('link[rel="stylesheet"]'); + for (var i = 0; i < links.length; i++) { + // $FlowFixMe[incompatible-type] + var href = /*: string*/ + links[i].getAttribute('href'); + var hostname = getHostname(); + var servedFromHMRServer = hostname === 'localhost' ? new RegExp('^(https?:\\/\\/(0.0.0.0|127.0.0.1)|localhost):' + getPort()).test(href) : href.indexOf(hostname + ':' + getPort()); + var absolute = (/^https?:\/\//i).test(href) && href.indexOf(window.location.origin) !== 0 && !servedFromHMRServer; + if (!absolute) { + updateLink(links[i]); + } + } + cssTimeout = null; + }, 50); +} +function hmrApply(bundle, /*: ParcelRequire*/ +asset) /*: HMRAsset*/ +{ + var modules = bundle.modules; + if (!modules) { + return; + } + if (asset.type === 'css') { + reloadCSS(); + return; + } + let deps = asset.depsByBundle[bundle.HMR_BUNDLE_ID]; + if (deps) { + var fn = new Function('require', 'module', 'exports', asset.output); + modules[asset.id] = [fn, deps]; + } else if (bundle.parent) { + hmrApply(bundle.parent, asset); + } +} +function hmrAcceptCheck(bundle, /*: ParcelRequire*/ +id, /*: ParcelRequire*/ +/*: string*/ +depsByBundle) /*: ?{ [string]: { [string]: string } }*/ +{ + var modules = bundle.modules; + if (!modules) { + return; + } + if (depsByBundle && !depsByBundle[bundle.HMR_BUNDLE_ID]) { + // If we reached the root bundle without finding where the asset should go, + // there's nothing to do. Mark as "accepted" so we don't reload the page. + if (!bundle.parent) { + return true; + } + return hmrAcceptCheck(bundle.parent, id, depsByBundle); + } + if (checkedAssets[id]) { + return; + } + checkedAssets[id] = true; + var cached = bundle.cache[id]; + assetsToAccept.push([bundle, id]); + if (cached && cached.hot && cached.hot._acceptCallbacks.length) { + return true; + } + return getParents(module.bundle.root, id).some(function (v) { + return hmrAcceptCheck(v[0], v[1], null); + }); +} +function hmrAcceptRun(bundle, /*: ParcelRequire*/ +id) /*: string*/ +{ + var cached = bundle.cache[id]; + bundle.hotData = {}; + if (cached && cached.hot) { + cached.hot.data = bundle.hotData; + } + if (cached && cached.hot && cached.hot._disposeCallbacks.length) { + cached.hot._disposeCallbacks.forEach(function (cb) { + cb(bundle.hotData); + }); + } + delete bundle.cache[id]; + bundle(id); + cached = bundle.cache[id]; + if (cached && cached.hot && cached.hot._acceptCallbacks.length) { + cached.hot._acceptCallbacks.forEach(function (cb) { + var assetsToAlsoAccept = cb(function () { + return getParents(module.bundle.root, id); + }); + if (assetsToAlsoAccept && assetsToAccept.length) { + assetsToAccept.push.apply(assetsToAccept, assetsToAlsoAccept); + } + }); + } + acceptedAssets[id] = true; +} diff --git a/.parcel-cache/73/aab29b3570f6b649ba64f3c9681863.v8 b/.parcel-cache/73/aab29b3570f6b649ba64f3c9681863.v8 new file mode 100644 index 0000000..1de190a Binary files /dev/null and b/.parcel-cache/73/aab29b3570f6b649ba64f3c9681863.v8 differ diff --git a/.parcel-cache/73/fadbaf6ee88e2cebc2932553dfcbde.blob b/.parcel-cache/73/fadbaf6ee88e2cebc2932553dfcbde.blob new file mode 100644 index 0000000..9f7f754 --- /dev/null +++ b/.parcel-cache/73/fadbaf6ee88e2cebc2932553dfcbde.blob @@ -0,0 +1,64 @@ +var _parcelHelpers = require("@parcel/transformer-js/lib/esmodule-helpers.js"); +_parcelHelpers.defineInteropFlag(exports); +_parcelHelpers.export(exports, "Details", function () { + return Details; +}); +var _textReveal = require('./textReveal'); +var _textLinesReveal = require('./textLinesReveal'); +var _gsap = require('gsap'); +var _gsapDefault = _parcelHelpers.interopDefault(_gsap); +class Details { + constructor(el, closeDetailsCtrl) { + this.DOM = { + el: el, + images: el.querySelectorAll('.panel > .panel__img'), + title: el.querySelector('.details__content > .details__content-title'), + text: el.querySelector('.details__content > .details__content-text'), + link: el.querySelector('.details__content > .details__content-link'), + closeDetailsCtrl: closeDetailsCtrl + }; + // textLinesReveal obj (this.DOM.text animation) + this.textLinesReveal = new _textLinesReveal.TextLinesReveal(this.DOM.text); + // TextReveal obj (this.DOM.title and this.DOM.link animation) + this.textReveal = new _textReveal.TextReveal([this.DOM.title, this.DOM.link, this.DOM.closeDetailsCtrl]); + } + open() { + this.DOM.el.classList.add('details--open'); + document.body.classList.add('state-details'); + this.textLinesReveal.in(); + this.textReveal.in(); + _gsapDefault.default.killTweensOf(this.DOM.images); + _gsapDefault.default.timeline({ + defaults: { + duration: 2, + ease: 'expo' + } + }).set(this.DOM.images, { + opacity: 0, + y: '150%' + }).to(this.DOM.images, { + opacity: 1, + y: '0%', + stagger: 0.01 + }); + } + close() { + this.textLinesReveal.out(); + this.textReveal.out(); + _gsapDefault.default.killTweensOf(this.DOM.images); + _gsapDefault.default.timeline({ + defaults: { + duration: 0.7, + ease: 'power2' + }, + onComplete: () => { + this.DOM.el.classList.remove('details--open'); + document.body.classList.remove('state-details'); + } + }).to(this.DOM.images, { + opacity: 0, + y: '-150%', + stagger: 0.01 + }); + } +} diff --git a/.parcel-cache/74/1a7b3ac2f2d6fbd66ff4c2b5007040.blob b/.parcel-cache/74/1a7b3ac2f2d6fbd66ff4c2b5007040.blob new file mode 100644 index 0000000..6629271 Binary files /dev/null and b/.parcel-cache/74/1a7b3ac2f2d6fbd66ff4c2b5007040.blob differ diff --git a/.parcel-cache/74/5fedac5ff29994590bdf0cbff31710.blob b/.parcel-cache/74/5fedac5ff29994590bdf0cbff31710.blob new file mode 100644 index 0000000..812c82e --- /dev/null +++ b/.parcel-cache/74/5fedac5ff29994590bdf0cbff31710.blob @@ -0,0 +1,60 @@ +var _parcelHelpers = require("@parcel/transformer-js/lib/esmodule-helpers.js"); +_parcelHelpers.defineInteropFlag(exports); +_parcelHelpers.export(exports, "Details", function () { + return Details; +}); +var _textReveal = require('./textReveal'); +var _textLinesReveal = require('./textLinesReveal'); +var _gsap = require('gsap'); +var _gsapDefault = _parcelHelpers.interopDefault(_gsap); +class Details { + constructor(el, closeDetailsCtrl) { + this.DOM = { + el: el, + images: el.querySelectorAll('.panel > .panel__img'), + title: el.querySelector('.details__content > .details__content-title'), + text: el.querySelector('.details__content > .details__content-text'), + link: el.querySelector('.details__content > .details__content-link'), + closeDetailsCtrl: closeDetailsCtrl + }; + // textLinesReveal obj (this.DOM.text animation) + this.textLinesReveal = new _textLinesReveal.TextLinesReveal(this.DOM.text); + // TextReveal obj (this.DOM.title and this.DOM.link animation) + this.textReveal = new _textReveal.TextReveal([this.DOM.title, this.DOM.link, this.DOM.closeDetailsCtrl]); + } + open() { + this.DOM.el.classList.add('details--open'); + this.textLinesReveal.in(); + this.textReveal.in(); + _gsapDefault.default.killTweensOf(this.DOM.images); + _gsapDefault.default.timeline({ + defaults: { + duration: 2, + ease: 'expo' + } + }).set(this.DOM.images, { + opacity: 0, + y: '150%' + }).to(this.DOM.images, { + opacity: 1, + y: '0%', + stagger: 0.01 + }); + } + close() { + this.textLinesReveal.out(); + this.textReveal.out(); + _gsapDefault.default.killTweensOf(this.DOM.images); + _gsapDefault.default.timeline({ + defaults: { + duration: 0.7, + ease: 'power2' + }, + onComplete: () => this.DOM.el.classList.remove('details--open') + }).to(this.DOM.images, { + opacity: 0, + y: '-150%', + stagger: 0.01 + }); + } +} diff --git a/.parcel-cache/74/7d9409012824c85e53df8716ca0e10.blob b/.parcel-cache/74/7d9409012824c85e53df8716ca0e10.blob new file mode 100644 index 0000000..367b8be --- /dev/null +++ b/.parcel-cache/74/7d9409012824c85e53df8716ca0e10.blob @@ -0,0 +1,517 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.15 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 600px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/74/82fb71e1d3a4962442b1504a12d7a1.v8 b/.parcel-cache/74/82fb71e1d3a4962442b1504a12d7a1.v8 new file mode 100644 index 0000000..a20db05 Binary files /dev/null and b/.parcel-cache/74/82fb71e1d3a4962442b1504a12d7a1.v8 differ diff --git a/.parcel-cache/74/a0aca9f107f949e1fa19361a5e15e6.blob b/.parcel-cache/74/a0aca9f107f949e1fa19361a5e15e6.blob new file mode 100644 index 0000000..0185e16 Binary files /dev/null and b/.parcel-cache/74/a0aca9f107f949e1fa19361a5e15e6.blob differ diff --git a/.parcel-cache/74/cdc50df63a4ff05ed2bed6c2e03212.blob b/.parcel-cache/74/cdc50df63a4ff05ed2bed6c2e03212.blob new file mode 100644 index 0000000..f76851e --- /dev/null +++ b/.parcel-cache/74/cdc50df63a4ff05ed2bed6c2e03212.blob @@ -0,0 +1,548 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2rem; + --font-size-large: 1.5rem; + --font-size-medium: 1.25rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +body #cdawrap { + --cda-top: 1.5rem; + --cda-bottom: auto; + --cda-left: 1.5rem; + --cda-width: 300px; + --cda-text-color: var(--color-menu); + --cda-text-color-hover: var(--color-menu-hover); + opacity: 0; + pointer-events: none; + --cda-text-size: 13px; +} + +body.state-details #cdawrap { + opacity: 1; + pointer-events: auto; + transition: opacity 0.4s; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-gap: 0.5rem; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(908c1417d06f899ac3fd6887fb3a9434) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.45 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.details-wrap { + overflow: hidden; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 1.5rem; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 640px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +.details__content-link:hover { + color: var(--color-menu-hover); +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + grid-gap: 0; + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } + .details__content { + width: 50%; + padding: 0.5rem; + } +} diff --git a/.parcel-cache/75/4bd682e48d7bfda231dc5b3514051b.blob b/.parcel-cache/75/4bd682e48d7bfda231dc5b3514051b.blob new file mode 100644 index 0000000..76dedbf --- /dev/null +++ b/.parcel-cache/75/4bd682e48d7bfda231dc5b3514051b.blob @@ -0,0 +1,502 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + justify-items: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/75/b54e58ae9e74ba91596977d4544fbd.blob b/.parcel-cache/75/b54e58ae9e74ba91596977d4544fbd.blob new file mode 100644 index 0000000..b0e19c8 Binary files /dev/null and b/.parcel-cache/75/b54e58ae9e74ba91596977d4544fbd.blob differ diff --git a/.parcel-cache/75/dfe2da714c330de9ba09d4f363ce18.blob b/.parcel-cache/75/dfe2da714c330de9ba09d4f363ce18.blob new file mode 100644 index 0000000..ca0201e Binary files /dev/null and b/.parcel-cache/75/dfe2da714c330de9ba09d4f363ce18.blob differ diff --git a/.parcel-cache/76/3b59bf9270816e78255cdb58704500.blob b/.parcel-cache/76/3b59bf9270816e78255cdb58704500.blob new file mode 100644 index 0000000..7ee6399 --- /dev/null +++ b/.parcel-cache/76/3b59bf9270816e78255cdb58704500.blob @@ -0,0 +1,517 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 600px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/76/4a363bf0112ec8ffdeefb15b5a925a.blob b/.parcel-cache/76/4a363bf0112ec8ffdeefb15b5a925a.blob new file mode 100644 index 0000000..3f2c7c1 --- /dev/null +++ b/.parcel-cache/76/4a363bf0112ec8ffdeefb15b5a925a.blob @@ -0,0 +1,49 @@ +var _parcelHelpers = require("@parcel/transformer-js/lib/esmodule-helpers.js"); +_parcelHelpers.defineInteropFlag(exports); +_parcelHelpers.export(exports, "TextReveal", function () { + return TextReveal; +}); +var _gsap = require('gsap'); +class TextReveal { + constructor(el) { + this.DOM = { + outer: el, + inner: Array.isArray(el) ? el.map(outer => outer.querySelector('.oh__inner')) : el.querySelector('.oh__inner') + }; + } + in() { + if (this.outTimeline && this.outTimeline.isActive()) { + this.outTimeline.kill(); + } + this.inTimeline = _gsap.gsap.timeline({ + defaults: { + duration: 1.2, + ease: 'expo' + } + }).set(this.DOM.inner, { + y: '150%', + rotate: 15 + }).to(this.DOM.inner, { + y: '0%', + rotate: 0, + stagger: 0.03 + }); + return this.inTimeline; + } + out() { + if (this.inTimeline && this.inTimeline.isActive()) { + this.inTimeline.kill(); + } + this.outTimeline = _gsap.gsap.timeline({ + defaults: { + duration: 0.7, + ease: 'power2' + } + }).to(this.DOM.inner, { + y: '-150%', + rotate: -5, + stagger: 0.03 + }); + return this.outTimeline; + } +} diff --git a/.parcel-cache/76/5ae4510bc14c96a76b6eec2aeab047.blob b/.parcel-cache/76/5ae4510bc14c96a76b6eec2aeab047.blob new file mode 100644 index 0000000..7396ded --- /dev/null +++ b/.parcel-cache/76/5ae4510bc14c96a76b6eec2aeab047.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./node_modules/@parcel/runtime-browser-hmr/lib/HMRRuntime.js","./src/js/index.js","./src/js/utils.js","./node_modules/imagesloaded/imagesloaded.js","./node_modules/ev-emitter/ev-emitter.js","./node_modules/@parcel/transformer-js/lib/esmodule-helpers.js","./src/js/menu.js","./src/js/textReveal.js","./node_modules/gsap/dist/gsap.js","./src/js/details.js","./src/js/textLinesReveal.js","./node_modules/split-type/umd/index.js","./src/js/imgReveal.js"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null],"names":["HMR_HOST","HMR_PORT","HMR_SECURE","HMR_ENV_HASH","module","bundle","HMR_BUNDLE_ID","OVERLAY_ID","OldModule","Module","moduleName","call","hot","data","hotData","_acceptCallbacks","_disposeCallbacks","accept","fn","push","dispose","undefined","checkedAssets","acceptedAssets","assetsToAccept","location","protocol","indexOf","hostname","port","parent","isParcelRequire","WebSocket","getHostname","getPort","test","ws","onmessage","event","JSON","parse","type","removeErrorOverlay","assets","filter","asset","envHash","handled","forEach","didAccept","hmrAcceptCheck","root","id","depsByBundle","console","clear","hmrApply","i","length","hmrAcceptRun","window","reload","ansiDiagnostic","diagnostics","ansi","stack","codeframe","error","message","hints","join","overlay","createErrorOverlay","html","document","body","appendChild","onerror","e","onclose","warn","getElementById","remove","log","createElement","errorHTML","diagnostic","map","hint","innerHTML","modules","parents","k","d","dep","Array","isArray","concat","getParents","link","newLink","cloneNode","onload","parentNode","removeChild","setAttribute","getAttribute","split","Date","now","insertBefore","nextSibling","cssTimeout","setTimeout","links","querySelectorAll","href","servedFromHMRServer","RegExp","absolute","origin","updateLink","reloadCSS","deps","Function","output","cached","cache","some","v","cb","assetsToAlsoAccept","apply","DOM","frame","querySelector","menuCtrl","menuWrap","textContent","heading","primary","secondary","img","state","textLinesReveal","imgReveal","textReveal","menu","showContent","in","toggleFrame","hideContent","out","to","duration","ease","opacity","Number","addEventListener","open","closeCtrl","close","then","classList","preloadImages","wrapLines","imagesLoaded","require","selector","Promise","resolve","reject","background","elems","wrapType","wrapClass","char","wrapEl","factory","define","amd","EvEmitter","exports","$","jQuery","a","b","prop","arraySlice","prototype","slice","obj","isArrayLike","elem","options","onAlways","ImagesLoaded","queryElem","elements","makeArray","extend","on","getImages","jqDeferred","Deferred","check","bind","Object","create","images","addElementImages","nodeName","addImage","addElementBackgroundImages","nodeType","elementNodeTypes","childImgs","children","child","style","getComputedStyle","reURL","matches","exec","backgroundImage","url","addBackground","loadingImage","LoadingImage","Background","_this","progressedCount","hasAnyBroken","complete","image","progress","once","onProgress","isLoaded","emitEvent","notify","debug","eventName","isComplete","jqMethod","getIsImageComplete","confirm","naturalWidth","proxyImage","Image","src","handleEvent","method","unbindEvents","removeEventListener","element","makeJQueryPlugin","callback","instance","promise","global","proto","listener","events","_events","listeners","onceEvents","_onceEvents","onceListeners","off","index","splice","args","isOnce","allOff","constructor","el","items","detailsEl","item","substring","closeDetailsCtrl","detailsInstances","initEvents","add","pos","ev","preventDefault","openDetails","closeDetails","menuItemCurrent","outer","inner","outTimeline","isActive","kill","inTimeline","timeline","defaults","set","y","rotate","stagger","self","subClass","superClass","__proto__","ReferenceError","_config","autoSleep","force3D","nullTargetWarn","units","lineHeight","_defaults","overwrite","delay","_suppressOverwrites","_bigNum","_tinyNum","_2PI","Math","PI","_HALF_PI","_gsID","_sqrt","sqrt","_cos","cos","_sin","sin","_isString","value","_isFunction","_isNumber","_isUndefined","_isObject","_isNotFalse","_windowExists","_isFuncOrString","_isTypedArray","ArrayBuffer","isView","_isArray","_strictNumExp","_numExp","_numWithUnitExp","_complexStringNumExp","_relExp","_delimitedValueExp","_unitExp","_globalTimeline","_win","_coreInitted","_doc","_globals","_installScope","_coreReady","_install","scope","_merge","gsap","_missingPlugin","property","_warn","suppress","_addGlobal","name","_emptyFunc","_reservedProps","_lazyTweens","_lazyLookup","_lastRenderedFrame","_plugins","_effects","_nextGCFrame","_harnessPlugins","_callbackNames","_harness","targets","target","harnessPlugin","_gsap","harness","targetTest","GSCache","_getCache","toArray","_getProperty","_forEachName","names","func","_round","round","_arrayContainsAny","toSearch","toFind","l","_lazyRender","tween","_lazy","render","_lazySafeRender","animation","time","suppressEvents","force","_numericIfPossible","n","parseFloat","match","trim","_passThrough","p","_setDefaults","_setKeyframeDefaults","base","toMerge","_mergeDeep","_copyExcluding","excluding","copy","_inheritDefaults","vars","keyframes","inherit","_dp","_arraysMatch","a1","a2","_addLinkedListItem","firstProp","lastProp","sortBy","prev","t","_prev","_next","_removeLinkedListItem","next","_removeFromParent","onlyIfParentHasAutoRemove","autoRemoveChildren","_act","_uncache","_end","_dur","_start","_dirty","_recacheAncestors","totalDuration","_hasNoPausedAncestors","_ts","_elapsedCycleDuration","_repeat","_animationCycle","_tTime","_rDelay","tTime","cycleDuration","whole","floor","_parentToChildTotalTime","parentTime","_tDur","_setEnd","abs","_rts","_alignPlayhead","totalTime","smoothChildTiming","_time","_postAddChecks","_initted","rawTime","_clamp","_zTime","_addToTimeline","position","skipChecks","_parsePosition","_delay","timeScale","_sort","_isFromOrFromStart","_recent","_scrollTrigger","trigger","ScrollTrigger","_attemptInitTween","_initTween","_pt","lazy","_ticker","_parentPlayheadIsBeforeStart","_ref","_lock","_ref2","_renderZeroDurationTween","prevRatio","ratio","repeatDelay","pt","iteration","prevIteration","_yoyo","repeatRefresh","invalidate","_from","r","_startAt","_onUpdate","_callback","_prom","_findNextPauseTween","prevTime","_first","_last","_setDuration","skipUncache","leavePlayhead","repeat","dur","totalProgress","_onUpdateTotalDuration","Timeline","_zeroPosition","endTime","percentAnimation","labels","recent","clippedDuration","offset","isPercent","isNaN","charAt","substr","replace","_createTweenType","params","isLegacy","varsIndex","irVars","immediateRender","runBackwards","startAt","Tween","_conditionalReturn","min","max","getUnit","clamp","_slice","_isArrayLike","nonEmpty","_flatten","ar","leaveStrings","accumulator","_accumulator","_wake","current","nativeElement","shuffle","sort","random","distribute","each","_parseEase","from","isDecimal","ratios","axis","ratioX","ratioY","center","edges","end","distances","originX","originY","x","j","wrapAt","grid","getBoundingClientRect","left","amount","u","_invertEase","_roundModifier","pow","raw","snap","snapTo","radius","is2D","values","increment","closest","dx","dy","roundingIncrement","returnFunction","pipe","_len","arguments","functions","_key","reduce","f","unitize","unit","normalize","mapRange","_wrapArray","wrapper","wrap","range","wrapYoyo","total","_replaceRandom","s","nums","inMin","inMax","outMin","outMax","inRange","outRange","interpolate","start","mutate","isString","master","interpolators","il","_addPropTween","_renderPropTweens","_getLabelInDirection","fromTime","backward","distance","label","executeLazyFirst","callbackScope","_interrupt","scrollTrigger","_quickTween","_createPlugin","config","isFunc","Plugin","init","_props","instanceDefaults","_killPropTweensOf","modifier","_addPluginModifier","rawVars","statics","get","getSetter","_getSetter","aliases","register","toUpperCase","PropTween","_255","_colorLookup","aqua","lime","silver","black","maroon","teal","blue","navy","white","olive","yellow","orange","gray","purple","green","red","pink","cyan","transparent","_hue","h","m1","m2","splitColor","toHSL","forceAlpha","g","wasHSL","parseInt","_colorOrderData","c","_colorExp","_formatColors","orderMatchData","result","colors","shell","color","shift","_hslExp","_colorStringFilter","combined","lastIndex","_tickerActive","_getTime","_lagThreshold","_adjustedLag","_startTime","_lastUpdate","_gap","_nextTime","_listeners","_id","_req","_raf","_self","_delta","_i","_tick","elapsed","manual","overlap","dispatch","tick","deltaRatio","fps","wake","gsapVersions","version","GreenSockGlobals","requestAnimationFrame","sleep","cancelAnimationFrame","clearTimeout","lagSmoothing","threshold","adjustedLag","_fps","_easeMap","_customEaseExp","_quotesExp","_parseObjectInString","key","val","parsedVal","lastIndexOf","_valueInParentheses","nested","_configEaseFromString","_CE","_propagateYoyoEase","isYoyo","yoyoEase","_ease","_yEase","defaultEase","_insertEase","easeIn","easeOut","easeInOut","lowercaseName","toLowerCase","_easeInOutFromOut","_configElastic","amplitude","period","p1","p2","p3","asin","_configBack","overshoot","power","Linear","easeNone","none","n1","n2","n3","SteppedEase","steps","immediateStart","Animation","Infinity","yoyo","_proto","startTime","_totalTime","_ptLookup","_pTime","_ps","paused","includeRepeats","wrapRepeats","globalTime","seek","restart","includeDelay","play","reversed","reverse","pause","atTime","resume","eventCallback","onFulfilled","_resolve","_then","_Animation","_inheritsLoose","sortChildren","_assertThisInitialized","_proto2","fromTo","fromVars","toVars","delayedCall","staggerTo","onCompleteAll","onCompleteAllParams","onComplete","onCompleteParams","staggerFrom","staggerFromTo","tDur","crossingStart","prevPaused","pauseTween","prevStart","rewinding","doesWrap","onRepeat","_hasPause","_forcing","onUpdate","adjustedTime","_this2","addLabel","getChildren","tweens","timelines","ignoreBeforeTime","getById","animations","removeLabel","killTweensOf","_totalTime2","addPause","removePause","props","onlyActive","getTweensOf","_overwritingTween","parsedTargets","isGlobalTime","_targets","tweenTo","tl","_vars","_onStart","onStart","onStartParams","initted","tweenFromTo","fromPosition","toPosition","nextLabel","afterTime","previousLabel","beforeTime","currentLabel","shiftChildren","adjustLabels","includeLabels","updateRoot","_addComplexStringPropTween","setter","stringFilter","funcParam","_renderComplexString","matchIndex","startNums","endNum","chunk","startNum","hasRandom","m","fp","currentValue","parsedStart","_setterPlain","_setterFuncWithParam","_setterFunc","_renderBoolean","_renderPlain","_processVars","_parseFuncOrString","_checkPlugin","plugin","ptLookup","priority","onUpdateParams","autoRevert","prevStartAt","fullTargets","autoOverwrite","_overwrite","cleanVars","hasPriority","gsData","harnessVars","overwritten","_op","_sortPropTweensByPriority","_onInit","_addAliasesToVars","propertyAliases","_staggerTweenProps","_staggerPropsToSkip","_Animation2","skipInherit","_this3","_this3$vars","curTarget","staggerFunc","staggerVarsToMerge","_proto3","killingTargets","propTweenLookup","firstPT","overwrittenProps","curLookup","curOverwriteProps","onReverseComplete","onReverseCompleteParams","_setterAttribute","hasNonDependentRemaining","op","_setterWithModifier","mSet","mt","pt2","first","last","pr","change","renderer","_proto4","TweenMax","TweenLite","TimelineLite","TimelineMax","registerPlugin","_len2","_key2","getProperty","uncache","getter","format","quickSetter","setters","isTweening","registerEffect","_ref3","effect","plugins","extendTimeline","pluginName","registerEase","parseEase","exportRoot","includeDelayedCalls","utils","install","effects","ticker","globalTimeline","core","globals","getCache","suppressOverwrites","_getPluginPropTween","_addModifiers","modifiers","_buildModifierPlugin","temp","Power0","Power1","Power2","Power3","Power4","Quad","Cubic","Quart","Quint","Strong","Elastic","Back","Bounce","Sine","Expo","Circ","_win$1","_doc$1","_docElement","_pluginInitted","_tempDiv","_tempDivStyler","_recentSetterPlugin","_windowExists$1","_transformProps","_RAD2DEG","_DEG2RAD","_atan2","atan2","_bigNum$1","_capsExp","_horizontalExp","_complexExp","_propertyAliases","autoAlpha","scale","alpha","_renderCSSProp","_renderPropWithEnd","_renderCSSPropWithBeginning","_renderRoundedCSSProp","_renderNonTweeningValue","_renderNonTweeningValueOnlyAtEnd","_setterCSSStyle","_setterCSSProp","setProperty","_setterTransform","_setterScale","scaleX","scaleY","_setterScaleWithRender","renderTransform","_setterTransformWithRender","_transformProp","_transformOriginProp","_supports3D","_createElement","ns","createElementNS","_getComputedProperty","skipPrefixFallback","cs","getPropertyValue","_checkPropPrefix","_prefixes","preferPrefix","_initCore","documentElement","cssText","_getBBoxHack","swapIfPossible","svg","ownerSVGElement","oldParent","oldSibling","oldCSS","bbox","display","getBBox","_gsapBBox","_getAttributeFallbacks","attributesArray","hasAttribute","_getBBox","bounds","width","height","_isSVG","getCTM","_removeProperty","removeProperty","removeAttribute","_addNonTweeningPT","beginning","onlySetAtEnd","_nonConvertibleUnits","deg","rad","turn","_convertToUnit","curValue","curUnit","horizontal","isRootSVG","tagName","measureProperty","toPixels","toPercent","px","isSVG","_get","_parseTransform","_firstTwoOnly","zOrigin","_specialProps","_tweenComplexCSSString","startValues","startValue","endValue","endUnit","startUnit","relative","endValues","_keywordToPercent","top","bottom","right","_convertKeywordsToPercentages","_renderClearProps","clearTransforms","clearProps","_identity2DMatrix","_rotationalProperties","_isNullTransform","_getComputedTransformMatrixAsArray","matrixString","_getMatrix","force2D","matrix","addedToDOM","transform","baseVal","consolidate","offsetParent","_applySVGOrigin","originIsAbsolute","smooth","matrixArray","pluginToAddPropTweensTo","xOriginOld","xOrigin","yOriginOld","yOrigin","xOffsetOld","xOffset","yOffsetOld","yOffset","tx","ty","originSplit","determinant","invertedScaleX","z","rotation","rotationX","rotationY","skewX","skewY","perspective","angle","a12","a22","t1","t2","t3","a13","a23","a33","a42","a43","a32","forceCSS","xPercent","offsetWidth","yPercent","offsetHeight","transformPerspective","_renderSVGTransforms","_renderCSSTransforms","_renderNon3DTransforms","_addPxTranslate","_zeroDeg","_zeroPx","_endParenthesis","transforms","use3D","a11","a21","tan","_addRotationalPropTween","cap","finalValue","direction","_assign","source","_addRawTransformPTs","startCache","exclude","endCache","side","CSSPlugin","specialProp","isTransformRelated","transformPropTween","parseTransform","smoothOrigin","autoRound","checkPrefix","positionAndScale","others","all","gsapWithCSS","TweenMaxWithCSS","default","defineProperty","title","text","animationElems","SplitTypeInstances","lines","SplitTypeInstance","types","isVisible","globalThis","SplitType","Constructor","TypeError","descriptor","enumerable","configurable","writable","protoProps","staticProps","_defineProperties","object","getOwnPropertyNames","extended","getOwnPropertyDescriptor","newValue","settings","isObject","isLength","input","flatten","isNode","owner","Data","expando","uid","collection","arr","len","string","separator","String","rsAstralRange","rsComboMarksRange","rsComboSymbolsRange","rsVarRange","rsAstral","rsCombo","rsFitz","rsModifier","rsNonAstral","rsRegional","rsSurrPair","rsZWJ","reOptMod","rsOptVar","rsOptJoin","rsSeq","rsSymbol","reUnicode","unicodeRange","reHasUnicode","hasUnicode","unicodeToArray","asciiToArray","toString","stringToArray","attributes","keys","attribute","words","chars","LINE_BREAK_SYMBOL","brTag","tempDiv","splitClass","lineClass","wordClass","charClass","createFragment","createDocumentFragment","createTextNode","str","parseTypes","TAG_NAME","BR_SYMBOL","isAbsolute","splitText","TEXT_CONTENT","getTextContent","toWords","WORD","idx","wordElement","characterElementsForCurrentWord","toChars","CHAR","class","characterElement","wordsInEachLine","wordsInCurrentLine","elementHeight","elementWidth","contentBox","lineOffsetY","nodes","getElementsByTagName","parentElement","nextElementSibling","align","textAlign","offsetLeft","offsetTop","cssWidth","cssHeight","node","isWord","wordOffsetY","wordsInThisLine","lineElement","charNode","replaceChild","firstChild","isLineNode","isChildOfLineNode","_createClass","parseSettings","_classCallCheck","isSplit","getTargetElements","originals","revert","scrollPos","pageXOffset","pageYOffset","_split2","splitSingleElement","scrollTo","RemoveData","outerImages","innerImages"],"version":3,"file":"index.HASH_REF_062e9a7565ca912a5f7d6b832142d36c.js.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/76/7e2e756614579055bc0f4019ec4da2.v8 b/.parcel-cache/76/7e2e756614579055bc0f4019ec4da2.v8 new file mode 100644 index 0000000..2580ed9 Binary files /dev/null and b/.parcel-cache/76/7e2e756614579055bc0f4019ec4da2.v8 differ diff --git a/.parcel-cache/76/ad5a0bd94573667ed4ce543a4c1736.v8 b/.parcel-cache/76/ad5a0bd94573667ed4ce543a4c1736.v8 new file mode 100644 index 0000000..9c25b43 Binary files /dev/null and b/.parcel-cache/76/ad5a0bd94573667ed4ce543a4c1736.v8 differ diff --git a/.parcel-cache/76/addecd97e17af738a38daca9139371.blob b/.parcel-cache/76/addecd97e17af738a38daca9139371.blob new file mode 100644 index 0000000..7e754d6 Binary files /dev/null and b/.parcel-cache/76/addecd97e17af738a38daca9139371.blob differ diff --git a/.parcel-cache/76/c72b4913b89047f6e6bfb381bac02c.v8 b/.parcel-cache/76/c72b4913b89047f6e6bfb381bac02c.v8 new file mode 100644 index 0000000..7058c08 Binary files /dev/null and b/.parcel-cache/76/c72b4913b89047f6e6bfb381bac02c.v8 differ diff --git a/.parcel-cache/77/7ec53659290d326ab0220174513f91.blob b/.parcel-cache/77/7ec53659290d326ab0220174513f91.blob new file mode 100644 index 0000000..1aadaab Binary files /dev/null and b/.parcel-cache/77/7ec53659290d326ab0220174513f91.blob differ diff --git a/.parcel-cache/77/d2c1103998491c38f0974a8c5f9f43.blob b/.parcel-cache/77/d2c1103998491c38f0974a8c5f9f43.blob new file mode 100644 index 0000000..f42fe1b Binary files /dev/null and b/.parcel-cache/77/d2c1103998491c38f0974a8c5f9f43.blob differ diff --git a/.parcel-cache/77/edf969b8c039b5535c8f5d60386f3f.v8 b/.parcel-cache/77/edf969b8c039b5535c8f5d60386f3f.v8 new file mode 100644 index 0000000..e493c20 Binary files /dev/null and b/.parcel-cache/77/edf969b8c039b5535c8f5d60386f3f.v8 differ diff --git a/.parcel-cache/78/1b4c36a1e12d29e9ef2586ebbb9ec9.blob b/.parcel-cache/78/1b4c36a1e12d29e9ef2586ebbb9ec9.blob new file mode 100644 index 0000000..4e2b67b Binary files /dev/null and b/.parcel-cache/78/1b4c36a1e12d29e9ef2586ebbb9ec9.blob differ diff --git a/.parcel-cache/78/2cc5fd362135a2085dfc05a79d0547.v8 b/.parcel-cache/78/2cc5fd362135a2085dfc05a79d0547.v8 new file mode 100644 index 0000000..7680358 Binary files /dev/null and b/.parcel-cache/78/2cc5fd362135a2085dfc05a79d0547.v8 differ diff --git a/.parcel-cache/78/319e72799d814cf98e797440af96a2.blob b/.parcel-cache/78/319e72799d814cf98e797440af96a2.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/78/319e72799d814cf98e797440af96a2.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/78/68b0f6f3f12180668541efb4d1ba6e.v8 b/.parcel-cache/78/68b0f6f3f12180668541efb4d1ba6e.v8 new file mode 100644 index 0000000..8f8c438 Binary files /dev/null and b/.parcel-cache/78/68b0f6f3f12180668541efb4d1ba6e.v8 differ diff --git a/.parcel-cache/78/7b75189adeabf6f770521884d258e5.v8 b/.parcel-cache/78/7b75189adeabf6f770521884d258e5.v8 new file mode 100644 index 0000000..c2bb91b Binary files /dev/null and b/.parcel-cache/78/7b75189adeabf6f770521884d258e5.v8 differ diff --git a/.parcel-cache/78/c5153f48ac25c1627674c9a16b667a.blob b/.parcel-cache/78/c5153f48ac25c1627674c9a16b667a.blob new file mode 100644 index 0000000..bab10a8 Binary files /dev/null and b/.parcel-cache/78/c5153f48ac25c1627674c9a16b667a.blob differ diff --git a/.parcel-cache/78/e138ce8f544f2d6e367b19c5fe11f6.v8 b/.parcel-cache/78/e138ce8f544f2d6e367b19c5fe11f6.v8 new file mode 100644 index 0000000..2381a56 Binary files /dev/null and b/.parcel-cache/78/e138ce8f544f2d6e367b19c5fe11f6.v8 differ diff --git a/.parcel-cache/78/f345a6db6e6d3535c324212c9e05cc.blob b/.parcel-cache/78/f345a6db6e6d3535c324212c9e05cc.blob new file mode 100644 index 0000000..8a6bdca --- /dev/null +++ b/.parcel-cache/78/f345a6db6e6d3535c324212c9e05cc.blob @@ -0,0 +1,519 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/78/f48fef549d76c8fe307cb149f38031.blob b/.parcel-cache/78/f48fef549d76c8fe307cb149f38031.blob new file mode 100644 index 0000000..9183043 --- /dev/null +++ b/.parcel-cache/78/f48fef549d76c8fe307cb149f38031.blob @@ -0,0 +1,30 @@ +var _parcelHelpers = require("@parcel/transformer-js/lib/esmodule-helpers.js"); +_parcelHelpers.defineInteropFlag(exports); +_parcelHelpers.export(exports, "preloadImages", function () { + return preloadImages; +}); +_parcelHelpers.export(exports, "wrapLines", function () { + return wrapLines; +}); +const imagesLoaded = require('imagesloaded'); +// Preload images +const preloadImages = selector => { + return new Promise((resolve, reject) => { + imagesLoaded(document.querySelectorAll(selector), { + background: true + }, resolve); + }); +}; +// wrap each element of an array +// elems - the array of elements to wrap +// wrapType - type of wrapper ('div', 'span' etc) +// wrapClass - wrapper class(s) +const wrapLines = (elems, wrapType, wrapClass) => { + elems.forEach(char => { + // add a wrap for every char (overflow hidden) + const wrapEl = document.createElement(wrapType); + wrapEl.classList = wrapClass; + char.parentNode.appendChild(wrapEl); + wrapEl.appendChild(char); + }); +}; diff --git a/.parcel-cache/79/db1659e4e3214c9b50487bf726f7a1.v8 b/.parcel-cache/79/db1659e4e3214c9b50487bf726f7a1.v8 new file mode 100644 index 0000000..2147d43 Binary files /dev/null and b/.parcel-cache/79/db1659e4e3214c9b50487bf726f7a1.v8 differ diff --git a/.parcel-cache/79/ea94283253d8c671c6534e7065a3ec.v8 b/.parcel-cache/79/ea94283253d8c671c6534e7065a3ec.v8 new file mode 100644 index 0000000..fba95e1 Binary files /dev/null and b/.parcel-cache/79/ea94283253d8c671c6534e7065a3ec.v8 differ diff --git a/.parcel-cache/7a/319f7ae59f6972a3ec9ebb5c520caa.v8 b/.parcel-cache/7a/319f7ae59f6972a3ec9ebb5c520caa.v8 new file mode 100644 index 0000000..d934c3a Binary files /dev/null and b/.parcel-cache/7a/319f7ae59f6972a3ec9ebb5c520caa.v8 differ diff --git a/.parcel-cache/7a/58f398adda396479a0b42fdfeb0582.blob b/.parcel-cache/7a/58f398adda396479a0b42fdfeb0582.blob new file mode 100644 index 0000000..3ac3604 Binary files /dev/null and b/.parcel-cache/7a/58f398adda396479a0b42fdfeb0582.blob differ diff --git a/.parcel-cache/7a/a1ee66b3bcb930df3bf1bfc86a6115.blob b/.parcel-cache/7a/a1ee66b3bcb930df3bf1bfc86a6115.blob new file mode 100644 index 0000000..b17b56e --- /dev/null +++ b/.parcel-cache/7a/a1ee66b3bcb930df3bf1bfc86a6115.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/7b/0b87bccbcac109c452d68d1c167f0f.v8 b/.parcel-cache/7b/0b87bccbcac109c452d68d1c167f0f.v8 new file mode 100644 index 0000000..59b73de Binary files /dev/null and b/.parcel-cache/7b/0b87bccbcac109c452d68d1c167f0f.v8 differ diff --git a/.parcel-cache/7b/1364a00a0cadaad3320130600167cf.blob b/.parcel-cache/7b/1364a00a0cadaad3320130600167cf.blob new file mode 100644 index 0000000..56864c0 --- /dev/null +++ b/.parcel-cache/7b/1364a00a0cadaad3320130600167cf.blob @@ -0,0 +1,207 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + diff --git a/.parcel-cache/7b/1f2ae932195fcb150935a0b2826695.blob b/.parcel-cache/7b/1f2ae932195fcb150935a0b2826695.blob new file mode 100644 index 0000000..a664276 --- /dev/null +++ b/.parcel-cache/7b/1f2ae932195fcb150935a0b2826695.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/7b/233e9db4a805cbc8ca0d49dea3ba5c.blob b/.parcel-cache/7b/233e9db4a805cbc8ca0d49dea3ba5c.blob new file mode 100644 index 0000000..ca26d46 --- /dev/null +++ b/.parcel-cache/7b/233e9db4a805cbc8ca0d49dea3ba5c.blob @@ -0,0 +1,5667 @@ +// modules are defined as an array +// [ module function, map of requires ] +// +// map of requires is short require name -> numeric require +// +// anything defined in a previous bundle is accessed via the +// orig method which is the require for previous bundles + +(function(modules, entry, mainEntry, parcelRequireName, globalName) { + /* eslint-disable no-undef */ + var globalObject = + typeof globalThis !== 'undefined' + ? globalThis + : typeof self !== 'undefined' + ? self + : typeof window !== 'undefined' + ? window + : typeof global !== 'undefined' + ? global + : {}; + /* eslint-enable no-undef */ + + // Save the require from previous bundle to this closure if any + var previousRequire = + typeof globalObject[parcelRequireName] === 'function' && + globalObject[parcelRequireName]; + + var cache = previousRequire.cache || {}; + // Do not use `require` to prevent Webpack from trying to bundle this call + var nodeRequire = + typeof module !== 'undefined' && + typeof module.require === 'function' && + module.require.bind(module); + + function newRequire(name, jumped) { + if (!cache[name]) { + if (!modules[name]) { + // if we cannot find the module within our internal map or + // cache jump to the current global require ie. the last bundle + // that was added to the page. + var currentRequire = + typeof globalObject[parcelRequireName] === 'function' && + globalObject[parcelRequireName]; + if (!jumped && currentRequire) { + return currentRequire(name, true); + } + + // If there are other bundles on this page the require from the + // previous one is saved to 'previousRequire'. Repeat this as + // many times as there are bundles until the module is found or + // we exhaust the require chain. + if (previousRequire) { + return previousRequire(name, true); + } + + // Try the node require function if it exists. + if (nodeRequire && typeof name === 'string') { + return nodeRequire(name); + } + + var err = new Error("Cannot find module '" + name + "'"); + err.code = 'MODULE_NOT_FOUND'; + throw err; + } + + localRequire.resolve = resolve; + localRequire.cache = {}; + + var module = (cache[name] = new newRequire.Module(name)); + + modules[name][0].call( + module.exports, + localRequire, + module, + module.exports, + this + ); + } + + return cache[name].exports; + + function localRequire(x) { + return newRequire(localRequire.resolve(x)); + } + + function resolve(x) { + return modules[name][1][x] || x; + } + } + + function Module(moduleName) { + this.id = moduleName; + this.bundle = newRequire; + this.exports = {}; + } + + newRequire.isParcelRequire = true; + newRequire.Module = Module; + newRequire.modules = modules; + newRequire.cache = cache; + newRequire.parent = previousRequire; + newRequire.register = function(id, exports) { + modules[id] = [ + function(require, module) { + module.exports = exports; + }, + {}, + ]; + }; + + Object.defineProperty(newRequire, 'root', { + get: function() { + return globalObject[parcelRequireName]; + }, + }); + + globalObject[parcelRequireName] = newRequire; + + for (var i = 0; i < entry.length; i++) { + newRequire(entry[i]); + } + + if (mainEntry) { + // Expose entry point to Node, AMD or browser globals + // Based on https://github.com/ForbesLindesay/umd/blob/master/template.js + var mainExports = newRequire(mainEntry); + + // CommonJS + if (typeof exports === 'object' && typeof module !== 'undefined') { + module.exports = mainExports; + + // RequireJS + } else if (typeof define === 'function' && define.amd) { + define(function() { + return mainExports; + }); + + // + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + diff --git a/.parcel-cache/7b/d654abaf87ebd587ec6f4ebb0fe4d7.blob b/.parcel-cache/7b/d654abaf87ebd587ec6f4ebb0fe4d7.blob new file mode 100644 index 0000000..b9064ae --- /dev/null +++ b/.parcel-cache/7b/d654abaf87ebd587ec6f4ebb0fe4d7.blob @@ -0,0 +1,523 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2rem; + --font-size-large: 1.5rem; + --font-size-medium: 1.25rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-gap: 0.5rem; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(908c1417d06f899ac3fd6887fb3a9434) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.45 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 640px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +.details__content-link:hover { + color: var(--color-menu-hover); +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + grid-gap: 0; + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/7b/e2bd52a9dad3e59769ae7f08c8e470.blob b/.parcel-cache/7b/e2bd52a9dad3e59769ae7f08c8e470.blob new file mode 100644 index 0000000..798f609 Binary files /dev/null and b/.parcel-cache/7b/e2bd52a9dad3e59769ae7f08c8e470.blob differ diff --git a/.parcel-cache/7c/37d5638dce3fa2488bf9308c4cf00f.v8 b/.parcel-cache/7c/37d5638dce3fa2488bf9308c4cf00f.v8 new file mode 100644 index 0000000..c027d08 Binary files /dev/null and b/.parcel-cache/7c/37d5638dce3fa2488bf9308c4cf00f.v8 differ diff --git a/.parcel-cache/7c/ba9eaf9acbaecac2d28cbdbbc9811d.blob b/.parcel-cache/7c/ba9eaf9acbaecac2d28cbdbbc9811d.blob new file mode 100644 index 0000000..1eab759 Binary files /dev/null and b/.parcel-cache/7c/ba9eaf9acbaecac2d28cbdbbc9811d.blob differ diff --git a/.parcel-cache/7c/ed87e4a1797083bc82ce89e5d5d464.v8 b/.parcel-cache/7c/ed87e4a1797083bc82ce89e5d5d464.v8 new file mode 100644 index 0000000..f925c51 Binary files /dev/null and b/.parcel-cache/7c/ed87e4a1797083bc82ce89e5d5d464.v8 differ diff --git a/.parcel-cache/7d/31ec22efd22629b045718741f93430.blob b/.parcel-cache/7d/31ec22efd22629b045718741f93430.blob new file mode 100644 index 0000000..4865b03 --- /dev/null +++ b/.parcel-cache/7d/31ec22efd22629b045718741f93430.blob @@ -0,0 +1 @@ +{"mappings":"AAAA,iBAGC,qBACD,CAEA,MACC,cACD,CAEA,KACC,QAAS,CACT,iBAAkB,CAClB,kBAAmB,CACnB,iBAAkB,CAClB,uBAAwB,CACxB,uBAAwB,CACxB,wBAAyB,CACzB,0BAA2B,CAC3B,sBAAuB,CACvB,iBAAkB,CAClB,0BAA2B,CAC3B,uBAAwB,CACxB,gCAAiC,CACjC,gFAAsF,CACtF,kCAAmC,CACnC,iCACD,CAIA,uCAEC,UAAW,CACX,cAAe,CACf,YACD,CAEA,oBACC,KAAM,CACN,MAAO,CACP,UAAW,CACX,WAAY,CACZ,0BACD,CAEA,mBACC,OAAQ,CACR,QAAS,CACT,UAAW,CACX,WAAY,CACZ,sBAAuB,CACvB,iBAAkB,CAClB,UAAY,CACZ,4BAA6B,CAC7B,2DAED,CAEA,sBACC,GACC,SAAU,CACV,0BACD,CACD,CAEA,EACC,yBAA0B,CAC1B,uBAED,CAEA,UAHC,YAOD,CAJA,QACC,oBAAqB,CACrB,6BAED,CAIA,QAGC,YAAa,CACb,kBACD,CAQA,4CAHC,sBASD,CANA,gBAIC,qBAED,CAEA,UACC,eAAgB,CAChB,QAAS,CACT,SAAU,CACV,QAAS,CACT,cAAe,CACf,YACD,CAEA,gBACC,YACD,CAEA,KACC,cAAe,CACf,YAAa,CACb,YAAa,CACb,2BAA4B,CAC5B,cAAgB,CAChB,8BAA+B,CAC/B,kHAOD,CAEA,OACC,eAAgB,CAChB,uBAAwB,CACxB,kBACD,CAEA,cACC,cAAe,CACf,QAAS,CACT,eACD,CAEA,cACC,aACD,CAEA,iCACC,kBACD,CAEA,MACC,sBAAwB,CACxB,qBAAuB,CACvB,kBAAmB,CACnB,qBACD,CAEA,IACC,eACD,CAEA,WACC,oBAAqB,CACrB,sBAAwB,CACxB,qBACD,CAEA,SACC,YAAa,CACb,qBAAsB,CACtB,WAAY,CACZ,0BAA2B,CAC3B,iBAAkB,CAClB,0BAA2B,CAC3B,kBACD,CAEA,SACC,iBAAkB,CAClB,gCAAiC,CACjC,eAAkB,CAClB,eAAmB,CACnB,gBAAiB,CACjB,eACD,CAEA,gBACC,eACD,CAEA,iBACC,iBAAkB,CAClB,aAAc,CACd,gCACD,CAEA,mBACC,gBAAiB,CACjB,aAAc,CACd,QAAS,CACT,cAAe,CACf,gCAAiC,CACjC,eACD,CAEA,MACC,cACD,CAEA,gBACC,iBAAkB,CAClB,eAAgB,CAChB,UAAW,CACX,eAAgB,CAChB,eAAgB,CAChB,kBAAmB,CACnB,qBACD,CAEA,uBACC,UACD,CAEA,uBACC,WACD,CAEA,WACC,+EAAiF,CACjF,UAAW,CACX,WAAY,CACZ,qBACD,CAEA,kBACC,4BACD,CAEA,WACC,gBAAiB,CACjB,gBAAiB,CACjB,aAAc,CACd,cAAe,CACf,eAAgB,CACb,iBAAkB,CAClB,eAAgB,CACnB,iCACD,CAEA,iDAEC,mBACD,CAEA,iBACC,UAAW,CACX,iBAAkB,CAClB,QAAS,CACT,MAAO,CACP,SAAU,CACV,UAAW,CACX,uBAAwB,CACxB,6BAA+B,CAC5B,yBACJ,CAEA,oFAGC,mBAAyB,CACzB,sBACD,CAEA,MACC,cAAe,CACf,mBAAoB,CACpB,WAAY,CACZ,SAAU,CACV,KAAM,CACN,MAAO,CACP,UAAW,CACX,YAAa,CACb,YAAa,CACb,oCAAqC,CACrC,oBAAqB,CACrB,sBAAuB,CACvB,yBACD,CAEA,YACC,mBAAoB,CACpB,SACD,CAEA,qBACC,mBACD,CAEA,YACC,aAAc,CACd,aAAc,CACd,aAAc,CACd,iBACD,CAEA,iBACC,oBAAqB,CACrB,gBAAiB,CACjB,8CAAkD,CAClD,iCAAkC,CAClC,cAAe,CACf,iBAAkB,CAClB,4CAAgD,CAChD,uBACD,CAEA,uBACC,6BACD,CAEA,wBACC,iBAAkB,CAClB,MAAO,CACP,OAAQ,CACR,gBAAiB,CACjB,6BAA8B,CAC9B,sDAAyD,CACzD,SAAU,CACV,aAAc,CACd,mBAAqB,CACrB,YAAa,CACb,kBAAmB,CACnB,gCAAiC,CACjC,uBAAwB,CACxB,wBACD,CAEA,8BACC,SAAU,CACV,mBACD,CAEA,OACC,iBAAkB,CAClB,QAAS,CACT,YAAa,CACb,cAAe,CACf,aAAc,CACd,SAAU,CACV,mBACD,CAEA,aACC,uBACD,CAEA,mBACC,SAAU,CACV,mBACD,CAEA,sBACC,mBACD,CAEA,uBAEC,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,KAAM,CACN,MAAO,CACP,mBACD,CAEA,cACC,eACD,CAEA,OACI,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,KAAO,CACP,MAAQ,CACR,YAAa,CACb,mCAAqC,CACrC,gCAAkC,CAClC,YAAa,CACb,eAAgB,CAChB,wBAAiC,CACjC,UACJ,CAEA,YACI,2DAAkE,CACrE,qBACD,CAEA,OAAS,aAAc,CAAE,eAAkB,CAE3C,OAAS,YAAa,CAAE,gBAAmB,CAE3C,OAAS,YAAa,CAAE,gBAAmB,CAE3C,OAAS,aAAc,CAAE,gBAAmB,CAE5C,OAAS,aAAc,CAAE,gBAAmB,CAE5C,OAAS,aAAc,CAAE,gBAAmB,CAE5C,OAAS,aAAc,CAAE,eAAkB,CAE3C,OAAS,aAAc,CAAE,gBAAmB,CAE5C,OAAS,aAAc,CAAE,gBAAmB,CAE5C,QAAU,aAAc,CAAE,gBAAmB,CAE7C,QAAU,YAAa,CAAE,gBAAmB,CAE5C,QAAU,aAAc,CAAE,gBAAmB,CAE7C,QAAU,aAAc,CAAE,eAAkB,CAE5C,QAAU,YAAa,CAAE,gBAAmB,CAE5C,QAAU,YAAa,CAAE,eAAkB,CAE3C,QAAU,aAAc,CAAE,gBAAmB,CAE7C,YACC,WACD,CAEA,SACC,YAAa,CACb,kBAAmB,CACnB,mBAAoB,CACpB,SACD,CAOA,8CAJC,mBAAoB,CACpB,SAMD,CAEA,kBACC,cAAe,CACf,aAAc,CACd,iBACD,CAEA,wBACC,eAAmB,CACnB,QAAS,CACT,iCACD,CAEA,uBACC,aAAc,CACd,eAAgB,CAChB,iCACD,CAEA,uBACC,iBAAkB,CAClB,oBAAqB,CACrB,gCAAiC,CACjC,uBAAwB,CACxB,cAAe,CACf,oBAAqB,CACrB,eACD,CAEA,6BACC,6BACD,CAEA,mCACC,KACC,eAAgB,CAChB,uBAAwB,CACxB,uBAAwB,CACxB,yBAA0B,CAC1B,wBACD,CACA,KACC,UAAW,CACX,YAAa,CACb,6BAA8B,CAC9B,uGAOD,CACA,MACC,mBACD,CACA,OACC,QAAS,CACT,YAAa,CACb,cAAe,CACf,wBACD,CACA,cACC,gBAAiB,CACjB,oBACD,CACA,MACC,cAAe,CACf,gBACD,CACA,SACC,YAAa,CACb,sBACD,CACA,kBACC,SAAU,CACV,aACD,CACD","sources":["./%3Cinput%20css%20dN5TUR%3E"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_eacc0ceee7547c8404559d17320bd6f3.css.map"} \ No newline at end of file diff --git a/.parcel-cache/7d/320146be42eceb365c87ed6b7e42c5.blob b/.parcel-cache/7d/320146be42eceb365c87ed6b7e42c5.blob new file mode 100644 index 0000000..3827cba --- /dev/null +++ b/.parcel-cache/7d/320146be42eceb365c87ed6b7e42c5.blob @@ -0,0 +1,5671 @@ +// modules are defined as an array +// [ module function, map of requires ] +// +// map of requires is short require name -> numeric require +// +// anything defined in a previous bundle is accessed via the +// orig method which is the require for previous bundles + +(function(modules, entry, mainEntry, parcelRequireName, globalName) { + /* eslint-disable no-undef */ + var globalObject = + typeof globalThis !== 'undefined' + ? globalThis + : typeof self !== 'undefined' + ? self + : typeof window !== 'undefined' + ? window + : typeof global !== 'undefined' + ? global + : {}; + /* eslint-enable no-undef */ + + // Save the require from previous bundle to this closure if any + var previousRequire = + typeof globalObject[parcelRequireName] === 'function' && + globalObject[parcelRequireName]; + + var cache = previousRequire.cache || {}; + // Do not use `require` to prevent Webpack from trying to bundle this call + var nodeRequire = + typeof module !== 'undefined' && + typeof module.require === 'function' && + module.require.bind(module); + + function newRequire(name, jumped) { + if (!cache[name]) { + if (!modules[name]) { + // if we cannot find the module within our internal map or + // cache jump to the current global require ie. the last bundle + // that was added to the page. + var currentRequire = + typeof globalObject[parcelRequireName] === 'function' && + globalObject[parcelRequireName]; + if (!jumped && currentRequire) { + return currentRequire(name, true); + } + + // If there are other bundles on this page the require from the + // previous one is saved to 'previousRequire'. Repeat this as + // many times as there are bundles until the module is found or + // we exhaust the require chain. + if (previousRequire) { + return previousRequire(name, true); + } + + // Try the node require function if it exists. + if (nodeRequire && typeof name === 'string') { + return nodeRequire(name); + } + + var err = new Error("Cannot find module '" + name + "'"); + err.code = 'MODULE_NOT_FOUND'; + throw err; + } + + localRequire.resolve = resolve; + localRequire.cache = {}; + + var module = (cache[name] = new newRequire.Module(name)); + + modules[name][0].call( + module.exports, + localRequire, + module, + module.exports, + this + ); + } + + return cache[name].exports; + + function localRequire(x) { + return newRequire(localRequire.resolve(x)); + } + + function resolve(x) { + return modules[name][1][x] || x; + } + } + + function Module(moduleName) { + this.id = moduleName; + this.bundle = newRequire; + this.exports = {}; + } + + newRequire.isParcelRequire = true; + newRequire.Module = Module; + newRequire.modules = modules; + newRequire.cache = cache; + newRequire.parent = previousRequire; + newRequire.register = function(id, exports) { + modules[id] = [ + function(require, module) { + module.exports = exports; + }, + {}, + ]; + }; + + Object.defineProperty(newRequire, 'root', { + get: function() { + return globalObject[parcelRequireName]; + }, + }); + + globalObject[parcelRequireName] = newRequire; + + for (var i = 0; i < entry.length; i++) { + newRequire(entry[i]); + } + + if (mainEntry) { + // Expose entry point to Node, AMD or browser globals + // Based on https://github.com/ForbesLindesay/umd/blob/master/template.js + var mainExports = newRequire(mainEntry); + + // CommonJS + if (typeof exports === 'object' && typeof module !== 'undefined') { + module.exports = mainExports; + + // RequireJS + } else if (typeof define === 'function' && define.amd) { + define(function() { + return mainExports; + }); + + // + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + diff --git a/.parcel-cache/7f/1e6ce90d776737eebadd37621dc054.blob b/.parcel-cache/7f/1e6ce90d776737eebadd37621dc054.blob new file mode 100644 index 0000000..a28dcc8 --- /dev/null +++ b/.parcel-cache/7f/1e6ce90d776737eebadd37621dc054.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/7f/2bfd45578595b09556264d4187e843.blob b/.parcel-cache/7f/2bfd45578595b09556264d4187e843.blob new file mode 100644 index 0000000..842f176 Binary files /dev/null and b/.parcel-cache/7f/2bfd45578595b09556264d4187e843.blob differ diff --git a/.parcel-cache/7f/380da172f136a90369917072c008fd.blob b/.parcel-cache/7f/380da172f136a90369917072c008fd.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/7f/380da172f136a90369917072c008fd.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/7f/38fd2fd3910bc014a930a24c5fffc1.blob b/.parcel-cache/7f/38fd2fd3910bc014a930a24c5fffc1.blob new file mode 100644 index 0000000..42484d3 Binary files /dev/null and b/.parcel-cache/7f/38fd2fd3910bc014a930a24c5fffc1.blob differ diff --git a/.parcel-cache/7f/473505438ed9d542533e4b01b163ae.blob b/.parcel-cache/7f/473505438ed9d542533e4b01b163ae.blob new file mode 100644 index 0000000..981528d --- /dev/null +++ b/.parcel-cache/7f/473505438ed9d542533e4b01b163ae.blob @@ -0,0 +1,502 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + justify-items: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1; + font-size: var(--font-size-small); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/7f/5ae2537c6ad18fbf64cea572eedf34.blob b/.parcel-cache/7f/5ae2537c6ad18fbf64cea572eedf34.blob new file mode 100644 index 0000000..150ed88 --- /dev/null +++ b/.parcel-cache/7f/5ae2537c6ad18fbf64cea572eedf34.blob @@ -0,0 +1,655 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + diff --git a/.parcel-cache/7f/729fde7511e9f0b3807c602c93bc3c.blob b/.parcel-cache/7f/729fde7511e9f0b3807c602c93bc3c.blob new file mode 100644 index 0000000..acbb0ee Binary files /dev/null and b/.parcel-cache/7f/729fde7511e9f0b3807c602c93bc3c.blob differ diff --git a/.parcel-cache/7f/75d1caf3aa0d9449701f6d8ab03e8a.v8 b/.parcel-cache/7f/75d1caf3aa0d9449701f6d8ab03e8a.v8 new file mode 100644 index 0000000..2c1b220 Binary files /dev/null and b/.parcel-cache/7f/75d1caf3aa0d9449701f6d8ab03e8a.v8 differ diff --git a/.parcel-cache/7f/b0d1c0d9e023a61fd3c92e490fdb67.v8 b/.parcel-cache/7f/b0d1c0d9e023a61fd3c92e490fdb67.v8 new file mode 100644 index 0000000..da823de Binary files /dev/null and b/.parcel-cache/7f/b0d1c0d9e023a61fd3c92e490fdb67.v8 differ diff --git a/.parcel-cache/7f/bd3464e4de9b5f83e6ae7f2dfa9346.blob b/.parcel-cache/7f/bd3464e4de9b5f83e6ae7f2dfa9346.blob new file mode 100644 index 0000000..6b132fe Binary files /dev/null and b/.parcel-cache/7f/bd3464e4de9b5f83e6ae7f2dfa9346.blob differ diff --git a/.parcel-cache/7f/ea96777ef28164df89cf32336a4920.blob b/.parcel-cache/7f/ea96777ef28164df89cf32336a4920.blob new file mode 100644 index 0000000..a1792dc Binary files /dev/null and b/.parcel-cache/7f/ea96777ef28164df89cf32336a4920.blob differ diff --git a/.parcel-cache/80/37196457a2362631ed3e15e5e790af.blob b/.parcel-cache/80/37196457a2362631ed3e15e5e790af.blob new file mode 100644 index 0000000..7a23c80 Binary files /dev/null and b/.parcel-cache/80/37196457a2362631ed3e15e5e790af.blob differ diff --git a/.parcel-cache/80/64063268dce4fd621898966cff5a75.v8 b/.parcel-cache/80/64063268dce4fd621898966cff5a75.v8 new file mode 100644 index 0000000..a2a5998 Binary files /dev/null and b/.parcel-cache/80/64063268dce4fd621898966cff5a75.v8 differ diff --git a/.parcel-cache/80/7fa753ef8fcbe9ba95f086dddccd74.v8 b/.parcel-cache/80/7fa753ef8fcbe9ba95f086dddccd74.v8 new file mode 100644 index 0000000..e50a6b6 Binary files /dev/null and b/.parcel-cache/80/7fa753ef8fcbe9ba95f086dddccd74.v8 differ diff --git a/.parcel-cache/80/c6f4f4d0d1e36a9a9057c4470ee2e5.blob b/.parcel-cache/80/c6f4f4d0d1e36a9a9057c4470ee2e5.blob new file mode 100644 index 0000000..b4b299c --- /dev/null +++ b/.parcel-cache/80/c6f4f4d0d1e36a9a9057c4470ee2e5.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/80/d4a54c24f1ce2a5910f48c88a90e79.blob b/.parcel-cache/80/d4a54c24f1ce2a5910f48c88a90e79.blob new file mode 100644 index 0000000..6cad77d Binary files /dev/null and b/.parcel-cache/80/d4a54c24f1ce2a5910f48c88a90e79.blob differ diff --git a/.parcel-cache/81/3cbd9316b283bc86ef4e9fb2ee5b1d.blob b/.parcel-cache/81/3cbd9316b283bc86ef4e9fb2ee5b1d.blob new file mode 100644 index 0000000..bcbaa92 Binary files /dev/null and b/.parcel-cache/81/3cbd9316b283bc86ef4e9fb2ee5b1d.blob differ diff --git a/.parcel-cache/81/44ec1d8e0b3aa843130879ac83bdd9.blob b/.parcel-cache/81/44ec1d8e0b3aa843130879ac83bdd9.blob new file mode 100644 index 0000000..979ff1c Binary files /dev/null and b/.parcel-cache/81/44ec1d8e0b3aa843130879ac83bdd9.blob differ diff --git a/.parcel-cache/81/e297959327edb66839786d0dd4da75.blob b/.parcel-cache/81/e297959327edb66839786d0dd4da75.blob new file mode 100644 index 0000000..cd245ef --- /dev/null +++ b/.parcel-cache/81/e297959327edb66839786d0dd4da75.blob @@ -0,0 +1,76 @@ +var _parcelHelpers = require("@parcel/transformer-js/lib/esmodule-helpers.js"); +_parcelHelpers.defineInteropFlag(exports); +_parcelHelpers.export(exports, "TextLinesReveal", function () { + return TextLinesReveal; +}); +var _splitType = require('split-type'); +var _splitTypeDefault = _parcelHelpers.interopDefault(_splitType); +var _utils = require('./utils'); +var _gsap = require('gsap'); +class TextLinesReveal { + constructor(animationElems) { + this.DOM = { + animationElems: Array.isArray(animationElems) ? animationElems : [animationElems] + }; + // array of SplitType instances + this.SplitTypeInstances = []; + // array of all HTML .line + this.lines = []; + for (const el of this.DOM.animationElems) { + const SplitTypeInstance = new _splitTypeDefault.default(el, { + types: 'lines' + }); + // wrap the lines (div with class .oh) + // the inner child will be the one animating the transform + _utils.wrapLines(SplitTypeInstance.lines, 'div', 'oh'); + this.lines.push(SplitTypeInstance.lines); + // keep a reference to the SplitType instance + this.SplitTypeInstances.push(SplitTypeInstance); + } + this.initEvents(); + } + in() { + _gsap.gsap.killTweensOf(this.lines); + return _gsap.gsap.timeline({ + defaults: { + duration: 1.2, + ease: 'expo' + } + }).set(this.lines, { + y: '150%', + rotate: 15 + }).to(this.lines, { + y: '0%', + rotate: 0, + stagger: 0.04 + }); + } + out() { + _gsap.gsap.killTweensOf(this.lines); + return _gsap.gsap.timeline({ + defaults: { + duration: 0.7, + ease: 'power2' + } + }).to(this.lines, { + y: '-150%', + rotate: -5, + stagger: 0.02 + }); + } + initEvents() { + window.addEventListener('resize', () => { + // empty the lines array + this.lines = []; + // re initialize the Split Text + for (const instance of this.SplitTypeInstances) { + // re-split text + // https://github.com/lukePeavey/SplitType#instancesplitoptions-void + instance.split(); + // need to wrap again the new lines elements (div with class .oh) + _utils.wrapLines(instance.lines, 'div', 'oh'); + this.lines.push(instance.lines); + } + }); + } +} diff --git a/.parcel-cache/82/2f5dadbaf6893a3ff45baf36bf82e4.v8 b/.parcel-cache/82/2f5dadbaf6893a3ff45baf36bf82e4.v8 new file mode 100644 index 0000000..df84745 Binary files /dev/null and b/.parcel-cache/82/2f5dadbaf6893a3ff45baf36bf82e4.v8 differ diff --git a/.parcel-cache/82/4227447836e21b7cd186fe833da2d7.v8 b/.parcel-cache/82/4227447836e21b7cd186fe833da2d7.v8 new file mode 100644 index 0000000..9bd2d1e Binary files /dev/null and b/.parcel-cache/82/4227447836e21b7cd186fe833da2d7.v8 differ diff --git a/.parcel-cache/82/4c6e2d65a379d138aa36512193c932.blob b/.parcel-cache/82/4c6e2d65a379d138aa36512193c932.blob new file mode 100644 index 0000000..b6773e7 Binary files /dev/null and b/.parcel-cache/82/4c6e2d65a379d138aa36512193c932.blob differ diff --git a/.parcel-cache/82/5760e267308ab98482054bcb91355d.v8 b/.parcel-cache/82/5760e267308ab98482054bcb91355d.v8 new file mode 100644 index 0000000..3b8bf57 Binary files /dev/null and b/.parcel-cache/82/5760e267308ab98482054bcb91355d.v8 differ diff --git a/.parcel-cache/82/9c7c6c86fc381605e82cb6c093b8c3.blob b/.parcel-cache/82/9c7c6c86fc381605e82cb6c093b8c3.blob new file mode 100644 index 0000000..3f7075c Binary files /dev/null and b/.parcel-cache/82/9c7c6c86fc381605e82cb6c093b8c3.blob differ diff --git a/.parcel-cache/82/d2d34b8533df1ba356e01ea9ca00c0.v8 b/.parcel-cache/82/d2d34b8533df1ba356e01ea9ca00c0.v8 new file mode 100644 index 0000000..1582034 Binary files /dev/null and b/.parcel-cache/82/d2d34b8533df1ba356e01ea9ca00c0.v8 differ diff --git a/.parcel-cache/82/fd919b87c380b6660100cd7a1d72ef.blob b/.parcel-cache/82/fd919b87c380b6660100cd7a1d72ef.blob new file mode 100644 index 0000000..bd68b9d --- /dev/null +++ b/.parcel-cache/82/fd919b87c380b6660100cd7a1d72ef.blob @@ -0,0 +1,207 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + diff --git a/.parcel-cache/83/050d5e4927c05b5b516907aeee2583.blob b/.parcel-cache/83/050d5e4927c05b5b516907aeee2583.blob new file mode 100644 index 0000000..39cb6e5 Binary files /dev/null and b/.parcel-cache/83/050d5e4927c05b5b516907aeee2583.blob differ diff --git a/.parcel-cache/83/4f13808e55629828fff04a1e7a5c7c.blob b/.parcel-cache/83/4f13808e55629828fff04a1e7a5c7c.blob new file mode 100644 index 0000000..cd245ef --- /dev/null +++ b/.parcel-cache/83/4f13808e55629828fff04a1e7a5c7c.blob @@ -0,0 +1,76 @@ +var _parcelHelpers = require("@parcel/transformer-js/lib/esmodule-helpers.js"); +_parcelHelpers.defineInteropFlag(exports); +_parcelHelpers.export(exports, "TextLinesReveal", function () { + return TextLinesReveal; +}); +var _splitType = require('split-type'); +var _splitTypeDefault = _parcelHelpers.interopDefault(_splitType); +var _utils = require('./utils'); +var _gsap = require('gsap'); +class TextLinesReveal { + constructor(animationElems) { + this.DOM = { + animationElems: Array.isArray(animationElems) ? animationElems : [animationElems] + }; + // array of SplitType instances + this.SplitTypeInstances = []; + // array of all HTML .line + this.lines = []; + for (const el of this.DOM.animationElems) { + const SplitTypeInstance = new _splitTypeDefault.default(el, { + types: 'lines' + }); + // wrap the lines (div with class .oh) + // the inner child will be the one animating the transform + _utils.wrapLines(SplitTypeInstance.lines, 'div', 'oh'); + this.lines.push(SplitTypeInstance.lines); + // keep a reference to the SplitType instance + this.SplitTypeInstances.push(SplitTypeInstance); + } + this.initEvents(); + } + in() { + _gsap.gsap.killTweensOf(this.lines); + return _gsap.gsap.timeline({ + defaults: { + duration: 1.2, + ease: 'expo' + } + }).set(this.lines, { + y: '150%', + rotate: 15 + }).to(this.lines, { + y: '0%', + rotate: 0, + stagger: 0.04 + }); + } + out() { + _gsap.gsap.killTweensOf(this.lines); + return _gsap.gsap.timeline({ + defaults: { + duration: 0.7, + ease: 'power2' + } + }).to(this.lines, { + y: '-150%', + rotate: -5, + stagger: 0.02 + }); + } + initEvents() { + window.addEventListener('resize', () => { + // empty the lines array + this.lines = []; + // re initialize the Split Text + for (const instance of this.SplitTypeInstances) { + // re-split text + // https://github.com/lukePeavey/SplitType#instancesplitoptions-void + instance.split(); + // need to wrap again the new lines elements (div with class .oh) + _utils.wrapLines(instance.lines, 'div', 'oh'); + this.lines.push(instance.lines); + } + }); + } +} diff --git a/.parcel-cache/83/d87b6dbcf8a4f64408e9e47b7e2f62.blob b/.parcel-cache/83/d87b6dbcf8a4f64408e9e47b7e2f62.blob new file mode 100644 index 0000000..4df3a62 Binary files /dev/null and b/.parcel-cache/83/d87b6dbcf8a4f64408e9e47b7e2f62.blob differ diff --git a/.parcel-cache/83/f37b49c83c135780c1e8dce5cdd8fa.blob b/.parcel-cache/83/f37b49c83c135780c1e8dce5cdd8fa.blob new file mode 100644 index 0000000..199610f Binary files /dev/null and b/.parcel-cache/83/f37b49c83c135780c1e8dce5cdd8fa.blob differ diff --git a/.parcel-cache/83/ff75a441a711d30d65d35ff40c48f0.v8 b/.parcel-cache/83/ff75a441a711d30d65d35ff40c48f0.v8 new file mode 100644 index 0000000..fa2fad5 Binary files /dev/null and b/.parcel-cache/83/ff75a441a711d30d65d35ff40c48f0.v8 differ diff --git a/.parcel-cache/84/425d6af159e4c7a1546e061fd3e89c.blob b/.parcel-cache/84/425d6af159e4c7a1546e061fd3e89c.blob new file mode 100644 index 0000000..12968ab --- /dev/null +++ b/.parcel-cache/84/425d6af159e4c7a1546e061fd3e89c.blob @@ -0,0 +1 @@ +*,:after,:before{box-sizing:border-box}:root{font-size:18px}body{margin:0;--color-text:#111;--color-bg:#f7f5f3;--color-link:#999;--color-link-hover:#000;--font-size-xlarge:2rem;--font-size-large:1.5rem;--font-size-medium:1.25rem;--font-size-small:1rem;--color-menu:#000;--color-menu-hover:#e93f33;color:var(--color-text);background-color:var(--color-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body #cdawrap{--cda-top:1.5rem;--cda-bottom:auto;--cda-left:1.5rem;--cda-width:360px;--cda-text-color:var(--color-menu);--cda-text-color-hover:var(--color-menu-hover)}.js .loading:after,.js .loading:before{content:"";position:fixed;z-index:1000}.js .loading:before{top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.js .loading:after{top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;opacity:.4;background:var(--color-link);animation:loaderAnim .7s linear infinite alternate forwards}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}a{text-decoration:underline;color:var(--color-link)}a,a:hover{outline:none}a:hover{text-decoration:none;color:var(--color-link-hover)}a:focus{outline:none;background:#d3d3d3}a:focus-visible,a:focus:not(:focus-visible){background:transparent}a:focus-visible{outline:2px solid red}.unbutton{background:none;border:0;padding:0;margin:0;cursor:pointer;font:inherit}.unbutton:focus{outline:none}main{padding:1.5rem;display:grid;height:100vh;align-content:space-between;grid-gap:.5rem;grid-template-columns:1fr auto;grid-template-areas:"frame menu" "heading heading" "content content" "content content" "deco deco" "footer footer"}.frame{grid-area:frame;color:var(--color-link);margin-bottom:1rem}.frame__title{font-size:1rem;margin:0;font-weight:400}.frame__links{display:block}.frame__links a:not(:last-child){margin-right:.5rem}.line{transform-origin:0 50%;padding-bottom:.35rem;white-space:nowrap;will-change:transform}.oh{overflow:hidden}.oh__inner{display:inline-block;transform-origin:0 50%;will-change:transform}.content{display:flex;flex-direction:column;width:100vw;height:calc(100vh - 13rem);position:relative;justify-content:flex-start;align-items:center}.heading{grid-area:heading;font-size:var(--font-size-large);margin:0 0 2rem;font-weight:400;align-self:start;line-height:1.4}.heading strong{font-weight:600}.content-primary{grid-area:content;line-height:1;font-size:var(--font-size-large)}.content-secondary{grid-area:footer;line-height:1;margin:0;align-self:end;font-size:var(--font-size-small);max-width:400px}.deco{grid-area:deco}.deco__img-wrap{position:relative;overflow:hidden;width:25vw;min-width:250px;max-width:400px;margin-bottom:1rem;will-change:transform}.deco__img-wrap--upper{height:5vh}.deco__img-wrap--lower{height:25vh}.deco__img{background:url(1.HASH_REF_537602dd51df256e213143fa5ff36b68.jpg) no-repeat 50% 0;width:100%;height:100%;will-change:transform}.deco__img--lower{background-position:50% -5vh}.menu-link{align-self:start;justify-self:end;line-height:1;grid-area:menu;overflow:hidden;position:relative;padding:0 0 5px;font-size:var(--font-size-medium)}.menu--open~.menu-link,.state-details .menu-link{pointer-events:none}.menu-link:after{content:"";position:absolute;bottom:0;left:0;height:7%;width:100%;background:currentColor;transition:transform .4s ease;transform-origin:100% 50%}.menu--open~.menu-link:after,.menu-link:hover:after,.state-details .menu-link:after{transform:scaleX(0);transform-origin:0 50%}.menu{position:fixed;pointer-events:none;z-index:100;opacity:0;top:0;left:0;width:100%;height:100vh;display:grid;grid-template-columns:auto auto auto;align-content:center;justify-content:center;counter-reset:menucounter}.menu--open{pointer-events:auto;opacity:1}.state-details .menu{pointer-events:none}.menu__item{grid-column:2;line-height:1;display:block;position:relative}.menu__item-link{text-decoration:none;line-height:1.25;margin-top:calc(var(--font-size-xlarge)*-0.15);font-size:var(--font-size-xlarge);cursor:pointer;position:relative;padding:0 calc(var(--font-size-xlarge)*0.45);color:var(--color-menu)}.menu__item-link:hover{color:var(--color-menu-hover)}.menu__item-link:before{position:absolute;left:0;top:18%;text-align:right;counter-increment:menucounter;content:counters(menucounter,".",decimal-leading-zero);opacity:0;line-height:1;padding-right:.5rem;display:grid;place-items:center;font-size:var(--font-size-small);color:var(--color-text);transform:scale3d(0,0,0)}.menu__item-link:hover:before{opacity:1;transform:scaleX(1)}.close{position:absolute;top:1rem;right:1.5rem;font-size:3rem;line-height:1;opacity:0;pointer-events:none}.close:hover{color:var(--color-menu)}.menu--open .close{opacity:1;pointer-events:auto}.state-details .close{pointer-events:none}.details,.details-wrap{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.details-wrap{overflow:hidden}.panel{position:absolute;width:100%;height:100%;top:0;left:0;display:grid;grid-template-columns:repeat(50,2%);grid-template-rows:repeat(50,2%);--grid-row:1;--grid-column:1;transform:rotate(-35deg);opacity:.5}.panel__img{grid-area:var(--grid-row)/var(--grid-column)/span 12/span 5;will-change:transform}.pos-1{--grid-row:10;--grid-column:1}.pos-2{--grid-row:1;--grid-column:18}.pos-3{--grid-row:1;--grid-column:29}.pos-4{--grid-row:15;--grid-column:12}.pos-5{--grid-row:17;--grid-column:25}.pos-6{--grid-row:20;--grid-column:43}.pos-7{--grid-row:35;--grid-column:5}.pos-8{--grid-row:40;--grid-column:14}.pos-9{--grid-row:37;--grid-column:29}.pos-10{--grid-row:35;--grid-column:42}.pos-11{--grid-row:7;--grid-column:46}.pos-12{--grid-row:32;--grid-column:20}.pos-13{--grid-row:22;--grid-column:2}.pos-14{--grid-row:9;--grid-column:38}.pos-15{--grid-row:4;--grid-column:7}.pos-16{--grid-row:28;--grid-column:36}.panel__img{width:100px}.details{display:grid;place-items:center;pointer-events:none;opacity:0}.details--open,.details--open~.close--details{pointer-events:auto;opacity:1}.details__content{padding:1.5rem;margin:0 auto;position:relative}.details__content-title{font-weight:400;margin:0;font-size:var(--font-size-xlarge)}.details__content-text{line-height:1;max-width:640px;font-size:var(--font-size-medium)}.details__content-link{position:relative;display:inline-block;font-size:var(--font-size-small);color:var(--color-text);cursor:pointer;text-decoration:none;font-weight:600}.details__content-link:hover{color:var(--color-menu-hover)}@media screen and (min-width:53em){body{overflow:hidden;--font-size-xlarge:11vh;--font-size-large:3.5vw;--font-size-medium:2.75vw;--font-size-small:1.65vw}main{grid-gap:0;height:100vh;grid-template-columns:45% 1fr;grid-template-areas:"heading menu" "content ..." "content deco" "... deco" "footer deco" "footer frame"}.line{padding-bottom:.5vw}.frame{margin:0;display:flex;flex-wrap:wrap;justify-content:flex-end}.frame__links{margin-left:2rem;display:inline-block}.deco{align-self:end;justify-self:end}.content{height:100vh;justify-content:center}.details__content{width:50%;padding:.5rem}} \ No newline at end of file diff --git a/.parcel-cache/84/428a0b8c738997481cb2bc0843d537.v8 b/.parcel-cache/84/428a0b8c738997481cb2bc0843d537.v8 new file mode 100644 index 0000000..8f14f44 Binary files /dev/null and b/.parcel-cache/84/428a0b8c738997481cb2bc0843d537.v8 differ diff --git a/.parcel-cache/84/84300afc8bee112bec71020152df24.blob b/.parcel-cache/84/84300afc8bee112bec71020152df24.blob new file mode 100644 index 0000000..3e4e922 Binary files /dev/null and b/.parcel-cache/84/84300afc8bee112bec71020152df24.blob differ diff --git a/.parcel-cache/84/c74adf15748f0edeb1ce5e46f980ce.v8 b/.parcel-cache/84/c74adf15748f0edeb1ce5e46f980ce.v8 new file mode 100644 index 0000000..b3c9811 Binary files /dev/null and b/.parcel-cache/84/c74adf15748f0edeb1ce5e46f980ce.v8 differ diff --git a/.parcel-cache/84/d63c5847f0f550a720fa867cfa5f10.v8 b/.parcel-cache/84/d63c5847f0f550a720fa867cfa5f10.v8 new file mode 100644 index 0000000..dbdc922 Binary files /dev/null and b/.parcel-cache/84/d63c5847f0f550a720fa867cfa5f10.v8 differ diff --git a/.parcel-cache/84/e09f7e05e370deafb859bdb1828215.v8 b/.parcel-cache/84/e09f7e05e370deafb859bdb1828215.v8 new file mode 100644 index 0000000..d43ab13 Binary files /dev/null and b/.parcel-cache/84/e09f7e05e370deafb859bdb1828215.v8 differ diff --git a/.parcel-cache/85/4ccccb74fc5e126d21ed8ec9ef14ec.blob b/.parcel-cache/85/4ccccb74fc5e126d21ed8ec9ef14ec.blob new file mode 100644 index 0000000..557bd35 Binary files /dev/null and b/.parcel-cache/85/4ccccb74fc5e126d21ed8ec9ef14ec.blob differ diff --git a/.parcel-cache/85/9c7d0118d1629094b8714b47d63f80.blob b/.parcel-cache/85/9c7d0118d1629094b8714b47d63f80.blob new file mode 100644 index 0000000..2acb9d9 --- /dev/null +++ b/.parcel-cache/85/9c7d0118d1629094b8714b47d63f80.blob @@ -0,0 +1,505 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.underline::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.underline:hover::after, +.menu--open ~ .underline::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/85/b5ade44f02addde4e9a0900c54931b.v8 b/.parcel-cache/85/b5ade44f02addde4e9a0900c54931b.v8 new file mode 100644 index 0000000..8a5d91e Binary files /dev/null and b/.parcel-cache/85/b5ade44f02addde4e9a0900c54931b.v8 differ diff --git a/.parcel-cache/86/5894b8b51f35762f288f72dcd2e2df.blob b/.parcel-cache/86/5894b8b51f35762f288f72dcd2e2df.blob new file mode 100644 index 0000000..3908d05 Binary files /dev/null and b/.parcel-cache/86/5894b8b51f35762f288f72dcd2e2df.blob differ diff --git a/.parcel-cache/87/9c8cfdbe4f452b956b5ef8af52079d.blob b/.parcel-cache/87/9c8cfdbe4f452b956b5ef8af52079d.blob new file mode 100644 index 0000000..db44904 Binary files /dev/null and b/.parcel-cache/87/9c8cfdbe4f452b956b5ef8af52079d.blob differ diff --git a/.parcel-cache/87/d6b92fdc0ab062df5a67c391944d6f.blob b/.parcel-cache/87/d6b92fdc0ab062df5a67c391944d6f.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/87/d6b92fdc0ab062df5a67c391944d6f.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/88/19cd00981052e544fad19865a515f0.blob b/.parcel-cache/88/19cd00981052e544fad19865a515f0.blob new file mode 100644 index 0000000..7280a8d Binary files /dev/null and b/.parcel-cache/88/19cd00981052e544fad19865a515f0.blob differ diff --git a/.parcel-cache/88/2acedd71f172c18a7150b80fac45fb.v8 b/.parcel-cache/88/2acedd71f172c18a7150b80fac45fb.v8 new file mode 100644 index 0000000..4e53f8c Binary files /dev/null and b/.parcel-cache/88/2acedd71f172c18a7150b80fac45fb.v8 differ diff --git a/.parcel-cache/88/7b12cf0d121cf2a02f4ca21a7b8087.blob b/.parcel-cache/88/7b12cf0d121cf2a02f4ca21a7b8087.blob new file mode 100644 index 0000000..7a23c80 Binary files /dev/null and b/.parcel-cache/88/7b12cf0d121cf2a02f4ca21a7b8087.blob differ diff --git a/.parcel-cache/88/81ce9a09e8508acb3dd9a08a83ee49.blob b/.parcel-cache/88/81ce9a09e8508acb3dd9a08a83ee49.blob new file mode 100644 index 0000000..77c9667 --- /dev/null +++ b/.parcel-cache/88/81ce9a09e8508acb3dd9a08a83ee49.blob @@ -0,0 +1,3439 @@ +var define; +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) : typeof define === 'function' && define.amd ? define(['exports'], factory) : (global = global || self, factory(global.window = global.window || ({}))); +})(this, function (exports) { + "use strict"; + function _inheritsLoose(subClass, superClass) { + subClass.prototype = Object.create(superClass.prototype); + subClass.prototype.constructor = subClass; + subClass.__proto__ = superClass; + } + function _assertThisInitialized(self) { + if (self === void 0) { + throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); + } + return self; + } + /*! + * GSAP 3.7.1 + * https://greensock.com + * + * @license Copyright 2008-2021, GreenSock. All rights reserved. + * Subject to the terms at https://greensock.com/standard-license or for + * Club GreenSock members, the agreement issued with that membership. + * @author: Jack Doyle, jack@greensock.com + */ + var _config = { + autoSleep: 120, + force3D: "auto", + nullTargetWarn: 1, + units: { + lineHeight: "" + } + }, _defaults = { + duration: .5, + overwrite: false, + delay: 0 + }, _suppressOverwrites, _bigNum = 1e8, _tinyNum = 1 / _bigNum, _2PI = Math.PI * 2, _HALF_PI = _2PI / 4, _gsID = 0, _sqrt = Math.sqrt, _cos = Math.cos, _sin = Math.sin, _isString = function _isString(value) { + return typeof value === "string"; + }, _isFunction = function _isFunction(value) { + return typeof value === "function"; + }, _isNumber = function _isNumber(value) { + return typeof value === "number"; + }, _isUndefined = function _isUndefined(value) { + return typeof value === "undefined"; + }, _isObject = function _isObject(value) { + return typeof value === "object"; + }, _isNotFalse = function _isNotFalse(value) { + return value !== false; + }, _windowExists = function _windowExists() { + return typeof window !== "undefined"; + }, _isFuncOrString = function _isFuncOrString(value) { + return _isFunction(value) || _isString(value); + }, _isTypedArray = typeof ArrayBuffer === "function" && ArrayBuffer.isView || (function () {}), _isArray = Array.isArray, _strictNumExp = /(?:-?\.?\d|\.)+/gi, _numExp = /[-+=.]*\d+[.e\-+]*\d*[e\-+]*\d*/g, _numWithUnitExp = /[-+=.]*\d+[.e-]*\d*[a-z%]*/g, _complexStringNumExp = /[-+=.]*\d+\.?\d*(?:e-|e\+)?\d*/gi, _relExp = /[+-]=-?[.\d]+/, _delimitedValueExp = /[^,'"\[\]\s]+/gi, _unitExp = /[\d.+\-=]+(?:e[-+]\d*)*/i, _globalTimeline, _win, _coreInitted, _doc, _globals = {}, _installScope = {}, _coreReady, _install = function _install(scope) { + return (_installScope = _merge(scope, _globals)) && gsap; + }, _missingPlugin = function _missingPlugin(property, value) { + return console.warn("Invalid property", property, "set to", value, "Missing plugin? gsap.registerPlugin()"); + }, _warn = function _warn(message, suppress) { + return !suppress && console.warn(message); + }, _addGlobal = function _addGlobal(name, obj) { + return name && (_globals[name] = obj) && _installScope && (_installScope[name] = obj) || _globals; + }, _emptyFunc = function _emptyFunc() { + return 0; + }, _reservedProps = {}, _lazyTweens = [], _lazyLookup = {}, _lastRenderedFrame, _plugins = {}, _effects = {}, _nextGCFrame = 30, _harnessPlugins = [], _callbackNames = "", _harness = function _harness(targets) { + var target = targets[0], harnessPlugin, i; + _isObject(target) || _isFunction(target) || (targets = [targets]); + if (!(harnessPlugin = (target._gsap || ({})).harness)) { + i = _harnessPlugins.length; + while (i-- && !_harnessPlugins[i].targetTest(target)) {} + harnessPlugin = _harnessPlugins[i]; + } + i = targets.length; + while (i--) { + targets[i] && (targets[i]._gsap || (targets[i]._gsap = new GSCache(targets[i], harnessPlugin))) || targets.splice(i, 1); + } + return targets; + }, _getCache = function _getCache(target) { + return target._gsap || _harness(toArray(target))[0]._gsap; + }, _getProperty = function _getProperty(target, property, v) { + return (v = target[property]) && _isFunction(v) ? target[property]() : _isUndefined(v) && target.getAttribute && target.getAttribute(property) || v; + }, _forEachName = function _forEachName(names, func) { + return (names = names.split(",")).forEach(func) || names; + }, _round = function _round(value) { + return Math.round(value * 100000) / 100000 || 0; + }, _arrayContainsAny = function _arrayContainsAny(toSearch, toFind) { + var l = toFind.length, i = 0; + for (; toSearch.indexOf(toFind[i]) < 0 && ++i < l; ) {} + return i < l; + }, _lazyRender = function _lazyRender() { + var l = _lazyTweens.length, a = _lazyTweens.slice(0), i, tween; + _lazyLookup = {}; + _lazyTweens.length = 0; + for (i = 0; i < l; i++) { + tween = a[i]; + tween && tween._lazy && (tween.render(tween._lazy[0], tween._lazy[1], true)._lazy = 0); + } + }, _lazySafeRender = function _lazySafeRender(animation, time, suppressEvents, force) { + _lazyTweens.length && _lazyRender(); + animation.render(time, suppressEvents, force); + _lazyTweens.length && _lazyRender(); + }, _numericIfPossible = function _numericIfPossible(value) { + var n = parseFloat(value); + return (n || n === 0) && (value + "").match(_delimitedValueExp).length < 2 ? n : _isString(value) ? value.trim() : value; + }, _passThrough = function _passThrough(p) { + return p; + }, _setDefaults = function _setDefaults(obj, defaults) { + for (var p in defaults) { + (p in obj) || (obj[p] = defaults[p]); + } + return obj; + }, _setKeyframeDefaults = function _setKeyframeDefaults(obj, defaults) { + for (var p in defaults) { + (p in obj) || p === "duration" || p === "ease" || (obj[p] = defaults[p]); + } + }, _merge = function _merge(base, toMerge) { + for (var p in toMerge) { + base[p] = toMerge[p]; + } + return base; + }, _mergeDeep = function _mergeDeep(base, toMerge) { + for (var p in toMerge) { + p !== "__proto__" && p !== "constructor" && p !== "prototype" && (base[p] = _isObject(toMerge[p]) ? _mergeDeep(base[p] || (base[p] = {}), toMerge[p]) : toMerge[p]); + } + return base; + }, _copyExcluding = function _copyExcluding(obj, excluding) { + var copy = {}, p; + for (p in obj) { + (p in excluding) || (copy[p] = obj[p]); + } + return copy; + }, _inheritDefaults = function _inheritDefaults(vars) { + var parent = vars.parent || _globalTimeline, func = vars.keyframes ? _setKeyframeDefaults : _setDefaults; + if (_isNotFalse(vars.inherit)) { + while (parent) { + func(vars, parent.vars.defaults); + parent = parent.parent || parent._dp; + } + } + return vars; + }, _arraysMatch = function _arraysMatch(a1, a2) { + var i = a1.length, match = i === a2.length; + while (match && i-- && a1[i] === a2[i]) {} + return i < 0; + }, _addLinkedListItem = function _addLinkedListItem(parent, child, firstProp, lastProp, sortBy) { + if (firstProp === void 0) { + firstProp = "_first"; + } + if (lastProp === void 0) { + lastProp = "_last"; + } + var prev = parent[lastProp], t; + if (sortBy) { + t = child[sortBy]; + while (prev && prev[sortBy] > t) { + prev = prev._prev; + } + } + if (prev) { + child._next = prev._next; + prev._next = child; + } else { + child._next = parent[firstProp]; + parent[firstProp] = child; + } + if (child._next) { + child._next._prev = child; + } else { + parent[lastProp] = child; + } + child._prev = prev; + child.parent = child._dp = parent; + return child; + }, _removeLinkedListItem = function _removeLinkedListItem(parent, child, firstProp, lastProp) { + if (firstProp === void 0) { + firstProp = "_first"; + } + if (lastProp === void 0) { + lastProp = "_last"; + } + var prev = child._prev, next = child._next; + if (prev) { + prev._next = next; + } else if (parent[firstProp] === child) { + parent[firstProp] = next; + } + if (next) { + next._prev = prev; + } else if (parent[lastProp] === child) { + parent[lastProp] = prev; + } + child._next = child._prev = child.parent = null; + }, _removeFromParent = function _removeFromParent(child, onlyIfParentHasAutoRemove) { + child.parent && (!onlyIfParentHasAutoRemove || child.parent.autoRemoveChildren) && child.parent.remove(child); + child._act = 0; + }, _uncache = function _uncache(animation, child) { + if (animation && (!child || child._end > animation._dur || child._start < 0)) { + var a = animation; + while (a) { + a._dirty = 1; + a = a.parent; + } + } + return animation; + }, _recacheAncestors = function _recacheAncestors(animation) { + var parent = animation.parent; + while (parent && parent.parent) { + parent._dirty = 1; + parent.totalDuration(); + parent = parent.parent; + } + return animation; + }, _hasNoPausedAncestors = function _hasNoPausedAncestors(animation) { + return !animation || animation._ts && _hasNoPausedAncestors(animation.parent); + }, _elapsedCycleDuration = function _elapsedCycleDuration(animation) { + return animation._repeat ? _animationCycle(animation._tTime, animation = animation.duration() + animation._rDelay) * animation : 0; + }, _animationCycle = function _animationCycle(tTime, cycleDuration) { + var whole = Math.floor(tTime /= cycleDuration); + return tTime && whole === tTime ? whole - 1 : whole; + }, _parentToChildTotalTime = function _parentToChildTotalTime(parentTime, child) { + return (parentTime - child._start) * child._ts + (child._ts >= 0 ? 0 : child._dirty ? child.totalDuration() : child._tDur); + }, _setEnd = function _setEnd(animation) { + return animation._end = _round(animation._start + (animation._tDur / Math.abs(animation._ts || animation._rts || _tinyNum) || 0)); + }, _alignPlayhead = function _alignPlayhead(animation, totalTime) { + var parent = animation._dp; + if (parent && parent.smoothChildTiming && animation._ts) { + animation._start = _round(parent._time - (animation._ts > 0 ? totalTime / animation._ts : ((animation._dirty ? animation.totalDuration() : animation._tDur) - totalTime) / -animation._ts)); + _setEnd(animation); + parent._dirty || _uncache(parent, animation); + } + return animation; + }, _postAddChecks = function _postAddChecks(timeline, child) { + var t; + if (child._time || child._initted && !child._dur) { + t = _parentToChildTotalTime(timeline.rawTime(), child); + if (!child._dur || _clamp(0, child.totalDuration(), t) - child._tTime > _tinyNum) { + child.render(t, true); + } + } + if (_uncache(timeline, child)._dp && timeline._initted && timeline._time >= timeline._dur && timeline._ts) { + if (timeline._dur < timeline.duration()) { + t = timeline; + while (t._dp) { + t.rawTime() >= 0 && t.totalTime(t._tTime); + t = t._dp; + } + } + timeline._zTime = -_tinyNum; + } + }, _addToTimeline = function _addToTimeline(timeline, child, position, skipChecks) { + child.parent && _removeFromParent(child); + child._start = _round((_isNumber(position) ? position : position || timeline !== _globalTimeline ? _parsePosition(timeline, position, child) : timeline._time) + child._delay); + child._end = _round(child._start + (child.totalDuration() / Math.abs(child.timeScale()) || 0)); + _addLinkedListItem(timeline, child, "_first", "_last", timeline._sort ? "_start" : 0); + _isFromOrFromStart(child) || (timeline._recent = child); + skipChecks || _postAddChecks(timeline, child); + return timeline; + }, _scrollTrigger = function _scrollTrigger(animation, trigger) { + return (_globals.ScrollTrigger || _missingPlugin("scrollTrigger", trigger)) && _globals.ScrollTrigger.create(trigger, animation); + }, _attemptInitTween = function _attemptInitTween(tween, totalTime, force, suppressEvents) { + _initTween(tween, totalTime); + if (!tween._initted) { + return 1; + } + if (!force && tween._pt && (tween._dur && tween.vars.lazy !== false || !tween._dur && tween.vars.lazy) && _lastRenderedFrame !== _ticker.frame) { + _lazyTweens.push(tween); + tween._lazy = [totalTime, suppressEvents]; + return 1; + } + }, _parentPlayheadIsBeforeStart = function _parentPlayheadIsBeforeStart(_ref) { + var parent = _ref.parent; + return parent && parent._ts && parent._initted && !parent._lock && (parent.rawTime() < 0 || _parentPlayheadIsBeforeStart(parent)); + }, _isFromOrFromStart = function _isFromOrFromStart(_ref2) { + var data = _ref2.data; + return data === "isFromStart" || data === "isStart"; + }, _renderZeroDurationTween = function _renderZeroDurationTween(tween, totalTime, suppressEvents, force) { + var prevRatio = tween.ratio, ratio = totalTime < 0 || !totalTime && (!tween._start && _parentPlayheadIsBeforeStart(tween) && !(!tween._initted && _isFromOrFromStart(tween)) || (tween._ts < 0 || tween._dp._ts < 0) && !_isFromOrFromStart(tween)) ? 0 : 1, repeatDelay = tween._rDelay, tTime = 0, pt, iteration, prevIteration; + if (repeatDelay && tween._repeat) { + tTime = _clamp(0, tween._tDur, totalTime); + iteration = _animationCycle(tTime, repeatDelay); + prevIteration = _animationCycle(tween._tTime, repeatDelay); + tween._yoyo && iteration & 1 && (ratio = 1 - ratio); + if (iteration !== prevIteration) { + prevRatio = 1 - ratio; + tween.vars.repeatRefresh && tween._initted && tween.invalidate(); + } + } + if (ratio !== prevRatio || force || tween._zTime === _tinyNum || !totalTime && tween._zTime) { + if (!tween._initted && _attemptInitTween(tween, totalTime, force, suppressEvents)) { + return; + } + prevIteration = tween._zTime; + tween._zTime = totalTime || (suppressEvents ? _tinyNum : 0); + suppressEvents || (suppressEvents = totalTime && !prevIteration); + tween.ratio = ratio; + tween._from && (ratio = 1 - ratio); + tween._time = 0; + tween._tTime = tTime; + pt = tween._pt; + while (pt) { + pt.r(ratio, pt.d); + pt = pt._next; + } + tween._startAt && totalTime < 0 && tween._startAt.render(totalTime, true, true); + tween._onUpdate && !suppressEvents && _callback(tween, "onUpdate"); + tTime && tween._repeat && !suppressEvents && tween.parent && _callback(tween, "onRepeat"); + if ((totalTime >= tween._tDur || totalTime < 0) && tween.ratio === ratio) { + ratio && _removeFromParent(tween, 1); + if (!suppressEvents) { + _callback(tween, ratio ? "onComplete" : "onReverseComplete", true); + tween._prom && tween._prom(); + } + } + } else if (!tween._zTime) { + tween._zTime = totalTime; + } + }, _findNextPauseTween = function _findNextPauseTween(animation, prevTime, time) { + var child; + if (time > prevTime) { + child = animation._first; + while (child && child._start <= time) { + if (!child._dur && child.data === "isPause" && child._start > prevTime) { + return child; + } + child = child._next; + } + } else { + child = animation._last; + while (child && child._start >= time) { + if (!child._dur && child.data === "isPause" && child._start < prevTime) { + return child; + } + child = child._prev; + } + } + }, _setDuration = function _setDuration(animation, duration, skipUncache, leavePlayhead) { + var repeat = animation._repeat, dur = _round(duration) || 0, totalProgress = animation._tTime / animation._tDur; + totalProgress && !leavePlayhead && (animation._time *= dur / animation._dur); + animation._dur = dur; + animation._tDur = !repeat ? dur : repeat < 0 ? 1e10 : _round(dur * (repeat + 1) + animation._rDelay * repeat); + totalProgress && !leavePlayhead ? _alignPlayhead(animation, animation._tTime = animation._tDur * totalProgress) : animation.parent && _setEnd(animation); + skipUncache || _uncache(animation.parent, animation); + return animation; + }, _onUpdateTotalDuration = function _onUpdateTotalDuration(animation) { + return animation instanceof Timeline ? _uncache(animation) : _setDuration(animation, animation._dur); + }, _zeroPosition = { + _start: 0, + endTime: _emptyFunc, + totalDuration: _emptyFunc + }, _parsePosition = function _parsePosition(animation, position, percentAnimation) { + var labels = animation.labels, recent = animation._recent || _zeroPosition, clippedDuration = animation.duration() >= _bigNum ? recent.endTime(false) : animation._dur, i, offset, isPercent; + if (_isString(position) && (isNaN(position) || (position in labels))) { + offset = position.charAt(0); + isPercent = position.substr(-1) === "%"; + i = position.indexOf("="); + if (offset === "<" || offset === ">") { + i >= 0 && (position = position.replace(/=/, "")); + return (offset === "<" ? recent._start : recent.endTime(recent._repeat >= 0)) + (parseFloat(position.substr(1)) || 0) * (isPercent ? (i < 0 ? recent : percentAnimation).totalDuration() / 100 : 1); + } + if (i < 0) { + (position in labels) || (labels[position] = clippedDuration); + return labels[position]; + } + offset = parseFloat(position.charAt(i - 1) + position.substr(i + 1)); + if (isPercent && percentAnimation) { + offset = offset / 100 * (_isArray(percentAnimation) ? percentAnimation[0] : percentAnimation).totalDuration(); + } + return i > 1 ? _parsePosition(animation, position.substr(0, i - 1), percentAnimation) + offset : clippedDuration + offset; + } + return position == null ? clippedDuration : +position; + }, _createTweenType = function _createTweenType(type, params, timeline) { + var isLegacy = _isNumber(params[1]), varsIndex = (isLegacy ? 2 : 1) + (type < 2 ? 0 : 1), vars = params[varsIndex], irVars, parent; + isLegacy && (vars.duration = params[1]); + vars.parent = timeline; + if (type) { + irVars = vars; + parent = timeline; + while (parent && !(("immediateRender" in irVars))) { + irVars = parent.vars.defaults || ({}); + parent = _isNotFalse(parent.vars.inherit) && parent.parent; + } + vars.immediateRender = _isNotFalse(irVars.immediateRender); + type < 2 ? vars.runBackwards = 1 : vars.startAt = params[varsIndex - 1]; + } + return new Tween(params[0], vars, params[varsIndex + 1]); + }, _conditionalReturn = function _conditionalReturn(value, func) { + return value || value === 0 ? func(value) : func; + }, _clamp = function _clamp(min, max, value) { + return value < min ? min : value > max ? max : value; + }, getUnit = function getUnit(value) { + if (typeof value !== "string") { + return ""; + } + var v = _unitExp.exec(value); + return v ? value.substr(v.index + v[0].length) : ""; + }, clamp = function clamp(min, max, value) { + return _conditionalReturn(value, function (v) { + return _clamp(min, max, v); + }); + }, _slice = [].slice, _isArrayLike = function _isArrayLike(value, nonEmpty) { + return value && _isObject(value) && ("length" in value) && (!nonEmpty && !value.length || (value.length - 1 in value) && _isObject(value[0])) && !value.nodeType && value !== _win; + }, _flatten = function _flatten(ar, leaveStrings, accumulator) { + if (accumulator === void 0) { + accumulator = []; + } + return ar.forEach(function (value) { + var _accumulator; + return _isString(value) && !leaveStrings || _isArrayLike(value, 1) ? (_accumulator = accumulator).push.apply(_accumulator, toArray(value)) : accumulator.push(value); + }) || accumulator; + }, toArray = function toArray(value, scope, leaveStrings) { + return _isString(value) && !leaveStrings && (_coreInitted || !_wake()) ? _slice.call((scope || _doc).querySelectorAll(value), 0) : _isArray(value) ? _flatten(value, leaveStrings) : _isArrayLike(value) ? _slice.call(value, 0) : value ? [value] : []; + }, selector = function selector(value) { + value = toArray(value)[0] || _warn("Invalid scope") || ({}); + return function (v) { + var el = value.current || value.nativeElement || value; + return toArray(v, el.querySelectorAll ? el : el === value ? _warn("Invalid scope") || _doc.createElement("div") : value); + }; + }, shuffle = function shuffle(a) { + return a.sort(function () { + return .5 - Math.random(); + }); + }, distribute = function distribute(v) { + if (_isFunction(v)) { + return v; + } + var vars = _isObject(v) ? v : { + each: v + }, ease = _parseEase(vars.ease), from = vars.from || 0, base = parseFloat(vars.base) || 0, cache = {}, isDecimal = from > 0 && from < 1, ratios = isNaN(from) || isDecimal, axis = vars.axis, ratioX = from, ratioY = from; + if (_isString(from)) { + ratioX = ratioY = ({ + center: .5, + edges: .5, + end: 1 + })[from] || 0; + } else if (!isDecimal && ratios) { + ratioX = from[0]; + ratioY = from[1]; + } + return function (i, target, a) { + var l = (a || vars).length, distances = cache[l], originX, originY, x, y, d, j, max, min, wrapAt; + if (!distances) { + wrapAt = vars.grid === "auto" ? 0 : (vars.grid || [1, _bigNum])[1]; + if (!wrapAt) { + max = -_bigNum; + while (max < (max = a[wrapAt++].getBoundingClientRect().left) && wrapAt < l) {} + wrapAt--; + } + distances = cache[l] = []; + originX = ratios ? Math.min(wrapAt, l) * ratioX - .5 : from % wrapAt; + originY = ratios ? l * ratioY / wrapAt - .5 : from / wrapAt | 0; + max = 0; + min = _bigNum; + for (j = 0; j < l; j++) { + x = j % wrapAt - originX; + y = originY - (j / wrapAt | 0); + distances[j] = d = !axis ? _sqrt(x * x + y * y) : Math.abs(axis === "y" ? y : x); + d > max && (max = d); + d < min && (min = d); + } + from === "random" && shuffle(distances); + distances.max = max - min; + distances.min = min; + distances.v = l = (parseFloat(vars.amount) || parseFloat(vars.each) * (wrapAt > l ? l - 1 : !axis ? Math.max(wrapAt, l / wrapAt) : axis === "y" ? l / wrapAt : wrapAt) || 0) * (from === "edges" ? -1 : 1); + distances.b = l < 0 ? base - l : base; + distances.u = getUnit(vars.amount || vars.each) || 0; + ease = ease && l < 0 ? _invertEase(ease) : ease; + } + l = (distances[i] - distances.min) / distances.max || 0; + return _round(distances.b + (ease ? ease(l) : l) * distances.v) + distances.u; + }; + }, _roundModifier = function _roundModifier(v) { + var p = v < 1 ? Math.pow(10, (v + "").length - 2) : 1; + return function (raw) { + var n = Math.round(parseFloat(raw) / v) * v * p; + return (n - n % 1) / p + (_isNumber(raw) ? 0 : getUnit(raw)); + }; + }, snap = function snap(snapTo, value) { + var isArray = _isArray(snapTo), radius, is2D; + if (!isArray && _isObject(snapTo)) { + radius = isArray = snapTo.radius || _bigNum; + if (snapTo.values) { + snapTo = toArray(snapTo.values); + if (is2D = !_isNumber(snapTo[0])) { + radius *= radius; + } + } else { + snapTo = _roundModifier(snapTo.increment); + } + } + return _conditionalReturn(value, !isArray ? _roundModifier(snapTo) : _isFunction(snapTo) ? function (raw) { + is2D = snapTo(raw); + return Math.abs(is2D - raw) <= radius ? is2D : raw; + } : function (raw) { + var x = parseFloat(is2D ? raw.x : raw), y = parseFloat(is2D ? raw.y : 0), min = _bigNum, closest = 0, i = snapTo.length, dx, dy; + while (i--) { + if (is2D) { + dx = snapTo[i].x - x; + dy = snapTo[i].y - y; + dx = dx * dx + dy * dy; + } else { + dx = Math.abs(snapTo[i] - x); + } + if (dx < min) { + min = dx; + closest = i; + } + } + closest = !radius || min <= radius ? snapTo[closest] : raw; + return is2D || closest === raw || _isNumber(raw) ? closest : closest + getUnit(raw); + }); + }, random = function random(min, max, roundingIncrement, returnFunction) { + return _conditionalReturn(_isArray(min) ? !max : roundingIncrement === true ? !!(roundingIncrement = 0) : !returnFunction, function () { + return _isArray(min) ? min[~~(Math.random() * min.length)] : (roundingIncrement = roundingIncrement || 1e-5) && (returnFunction = roundingIncrement < 1 ? Math.pow(10, (roundingIncrement + "").length - 2) : 1) && Math.floor(Math.round((min - roundingIncrement / 2 + Math.random() * (max - min + roundingIncrement * .99)) / roundingIncrement) * roundingIncrement * returnFunction) / returnFunction; + }); + }, pipe = function pipe() { + for (var _len = arguments.length, functions = new Array(_len), _key = 0; _key < _len; _key++) { + functions[_key] = arguments[_key]; + } + return function (value) { + return functions.reduce(function (v, f) { + return f(v); + }, value); + }; + }, unitize = function unitize(func, unit) { + return function (value) { + return func(parseFloat(value)) + (unit || getUnit(value)); + }; + }, normalize = function normalize(min, max, value) { + return mapRange(min, max, 0, 1, value); + }, _wrapArray = function _wrapArray(a, wrapper, value) { + return _conditionalReturn(value, function (index) { + return a[~~wrapper(index)]; + }); + }, wrap = function wrap(min, max, value) { + var range = max - min; + return _isArray(min) ? _wrapArray(min, wrap(0, min.length), max) : _conditionalReturn(value, function (value) { + return (range + (value - min) % range) % range + min; + }); + }, wrapYoyo = function wrapYoyo(min, max, value) { + var range = max - min, total = range * 2; + return _isArray(min) ? _wrapArray(min, wrapYoyo(0, min.length - 1), max) : _conditionalReturn(value, function (value) { + value = (total + (value - min) % total) % total || 0; + return min + (value > range ? total - value : value); + }); + }, _replaceRandom = function _replaceRandom(value) { + var prev = 0, s = "", i, nums, end, isArray; + while (~(i = value.indexOf("random(", prev))) { + end = value.indexOf(")", i); + isArray = value.charAt(i + 7) === "["; + nums = value.substr(i + 7, end - i - 7).match(isArray ? _delimitedValueExp : _strictNumExp); + s += value.substr(prev, i - prev) + random(isArray ? nums : +nums[0], isArray ? 0 : +nums[1], +nums[2] || 1e-5); + prev = end + 1; + } + return s + value.substr(prev, value.length - prev); + }, mapRange = function mapRange(inMin, inMax, outMin, outMax, value) { + var inRange = inMax - inMin, outRange = outMax - outMin; + return _conditionalReturn(value, function (value) { + return outMin + ((value - inMin) / inRange * outRange || 0); + }); + }, interpolate = function interpolate(start, end, progress, mutate) { + var func = isNaN(start + end) ? 0 : function (p) { + return (1 - p) * start + p * end; + }; + if (!func) { + var isString = _isString(start), master = {}, p, i, interpolators, l, il; + progress === true && (mutate = 1) && (progress = null); + if (isString) { + start = { + p: start + }; + end = { + p: end + }; + } else if (_isArray(start) && !_isArray(end)) { + interpolators = []; + l = start.length; + il = l - 2; + for (i = 1; i < l; i++) { + interpolators.push(interpolate(start[i - 1], start[i])); + } + l--; + func = function func(p) { + p *= l; + var i = Math.min(il, ~~p); + return interpolators[i](p - i); + }; + progress = end; + } else if (!mutate) { + start = _merge(_isArray(start) ? [] : {}, start); + } + if (!interpolators) { + for (p in end) { + _addPropTween.call(master, start, p, "get", end[p]); + } + func = function func(p) { + return _renderPropTweens(p, master) || (isString ? start.p : start); + }; + } + } + return _conditionalReturn(progress, func); + }, _getLabelInDirection = function _getLabelInDirection(timeline, fromTime, backward) { + var labels = timeline.labels, min = _bigNum, p, distance, label; + for (p in labels) { + distance = labels[p] - fromTime; + if (distance < 0 === !!backward && distance && min > (distance = Math.abs(distance))) { + label = p; + min = distance; + } + } + return label; + }, _callback = function _callback(animation, type, executeLazyFirst) { + var v = animation.vars, callback = v[type], params, scope; + if (!callback) { + return; + } + params = v[type + "Params"]; + scope = v.callbackScope || animation; + executeLazyFirst && _lazyTweens.length && _lazyRender(); + return params ? callback.apply(scope, params) : callback.call(scope); + }, _interrupt = function _interrupt(animation) { + _removeFromParent(animation); + animation.scrollTrigger && animation.scrollTrigger.kill(false); + animation.progress() < 1 && _callback(animation, "onInterrupt"); + return animation; + }, _quickTween, _createPlugin = function _createPlugin(config) { + config = !config.name && config["default"] || config; + var name = config.name, isFunc = _isFunction(config), Plugin = name && !isFunc && config.init ? function () { + this._props = []; + } : config, instanceDefaults = { + init: _emptyFunc, + render: _renderPropTweens, + add: _addPropTween, + kill: _killPropTweensOf, + modifier: _addPluginModifier, + rawVars: 0 + }, statics = { + targetTest: 0, + get: 0, + getSetter: _getSetter, + aliases: {}, + register: 0 + }; + _wake(); + if (config !== Plugin) { + if (_plugins[name]) { + return; + } + _setDefaults(Plugin, _setDefaults(_copyExcluding(config, instanceDefaults), statics)); + _merge(Plugin.prototype, _merge(instanceDefaults, _copyExcluding(config, statics))); + _plugins[Plugin.prop = name] = Plugin; + if (config.targetTest) { + _harnessPlugins.push(Plugin); + _reservedProps[name] = 1; + } + name = (name === "css" ? "CSS" : name.charAt(0).toUpperCase() + name.substr(1)) + "Plugin"; + } + _addGlobal(name, Plugin); + config.register && config.register(gsap, Plugin, PropTween); + }, _255 = 255, _colorLookup = { + aqua: [0, _255, _255], + lime: [0, _255, 0], + silver: [192, 192, 192], + black: [0, 0, 0], + maroon: [128, 0, 0], + teal: [0, 128, 128], + blue: [0, 0, _255], + navy: [0, 0, 128], + white: [_255, _255, _255], + olive: [128, 128, 0], + yellow: [_255, _255, 0], + orange: [_255, 165, 0], + gray: [128, 128, 128], + purple: [128, 0, 128], + green: [0, 128, 0], + red: [_255, 0, 0], + pink: [_255, 192, 203], + cyan: [0, _255, _255], + transparent: [_255, _255, _255, 0] + }, _hue = function _hue(h, m1, m2) { + h = h < 0 ? h + 1 : h > 1 ? h - 1 : h; + return (h * 6 < 1 ? m1 + (m2 - m1) * h * 6 : h < .5 ? m2 : h * 3 < 2 ? m1 + (m2 - m1) * (2 / 3 - h) * 6 : m1) * _255 + .5 | 0; + }, splitColor = function splitColor(v, toHSL, forceAlpha) { + var a = !v ? _colorLookup.black : _isNumber(v) ? [v >> 16, v >> 8 & _255, v & _255] : 0, r, g, b, h, s, l, max, min, d, wasHSL; + if (!a) { + if (v.substr(-1) === ",") { + v = v.substr(0, v.length - 1); + } + if (_colorLookup[v]) { + a = _colorLookup[v]; + } else if (v.charAt(0) === "#") { + if (v.length < 6) { + r = v.charAt(1); + g = v.charAt(2); + b = v.charAt(3); + v = "#" + r + r + g + g + b + b + (v.length === 5 ? v.charAt(4) + v.charAt(4) : ""); + } + if (v.length === 9) { + a = parseInt(v.substr(1, 6), 16); + return [a >> 16, a >> 8 & _255, a & _255, parseInt(v.substr(7), 16) / 255]; + } + v = parseInt(v.substr(1), 16); + a = [v >> 16, v >> 8 & _255, v & _255]; + } else if (v.substr(0, 3) === "hsl") { + a = wasHSL = v.match(_strictNumExp); + if (!toHSL) { + h = +a[0] % 360 / 360; + s = +a[1] / 100; + l = +a[2] / 100; + g = l <= .5 ? l * (s + 1) : l + s - l * s; + r = l * 2 - g; + a.length > 3 && (a[3] *= 1); + a[0] = _hue(h + 1 / 3, r, g); + a[1] = _hue(h, r, g); + a[2] = _hue(h - 1 / 3, r, g); + } else if (~v.indexOf("=")) { + a = v.match(_numExp); + forceAlpha && a.length < 4 && (a[3] = 1); + return a; + } + } else { + a = v.match(_strictNumExp) || _colorLookup.transparent; + } + a = a.map(Number); + } + if (toHSL && !wasHSL) { + r = a[0] / _255; + g = a[1] / _255; + b = a[2] / _255; + max = Math.max(r, g, b); + min = Math.min(r, g, b); + l = (max + min) / 2; + if (max === min) { + h = s = 0; + } else { + d = max - min; + s = l > 0.5 ? d / (2 - max - min) : d / (max + min); + h = max === r ? (g - b) / d + (g < b ? 6 : 0) : max === g ? (b - r) / d + 2 : (r - g) / d + 4; + h *= 60; + } + a[0] = ~~(h + .5); + a[1] = ~~(s * 100 + .5); + a[2] = ~~(l * 100 + .5); + } + forceAlpha && a.length < 4 && (a[3] = 1); + return a; + }, _colorOrderData = function _colorOrderData(v) { + var values = [], c = [], i = -1; + v.split(_colorExp).forEach(function (v) { + var a = v.match(_numWithUnitExp) || []; + values.push.apply(values, a); + c.push(i += a.length + 1); + }); + values.c = c; + return values; + }, _formatColors = function _formatColors(s, toHSL, orderMatchData) { + var result = "", colors = (s + result).match(_colorExp), type = toHSL ? "hsla(" : "rgba(", i = 0, c, shell, d, l; + if (!colors) { + return s; + } + colors = colors.map(function (color) { + return (color = splitColor(color, toHSL, 1)) && type + (toHSL ? color[0] + "," + color[1] + "%," + color[2] + "%," + color[3] : color.join(",")) + ")"; + }); + if (orderMatchData) { + d = _colorOrderData(s); + c = orderMatchData.c; + if (c.join(result) !== d.c.join(result)) { + shell = s.replace(_colorExp, "1").split(_numWithUnitExp); + l = shell.length - 1; + for (; i < l; i++) { + result += shell[i] + (~c.indexOf(i) ? colors.shift() || type + "0,0,0,0)" : (d.length ? d : colors.length ? colors : orderMatchData).shift()); + } + } + } + if (!shell) { + shell = s.split(_colorExp); + l = shell.length - 1; + for (; i < l; i++) { + result += shell[i] + colors[i]; + } + } + return result + shell[l]; + }, _colorExp = (function () { + var s = "(?:\\b(?:(?:rgb|rgba|hsl|hsla)\\(.+?\\))|\\B#(?:[0-9a-f]{3,4}){1,2}\\b", p; + for (p in _colorLookup) { + s += "|" + p + "\\b"; + } + return new RegExp(s + ")", "gi"); + })(), _hslExp = /hsl[a]?\(/, _colorStringFilter = function _colorStringFilter(a) { + var combined = a.join(" "), toHSL; + _colorExp.lastIndex = 0; + if (_colorExp.test(combined)) { + toHSL = _hslExp.test(combined); + a[1] = _formatColors(a[1], toHSL); + a[0] = _formatColors(a[0], toHSL, _colorOrderData(a[1])); + return true; + } + }, _tickerActive, _ticker = (function () { + var _getTime = Date.now, _lagThreshold = 500, _adjustedLag = 33, _startTime = _getTime(), _lastUpdate = _startTime, _gap = 1000 / 240, _nextTime = _gap, _listeners = [], _id, _req, _raf, _self, _delta, _i, _tick = function _tick(v) { + var elapsed = _getTime() - _lastUpdate, manual = v === true, overlap, dispatch, time, frame; + elapsed > _lagThreshold && (_startTime += elapsed - _adjustedLag); + _lastUpdate += elapsed; + time = _lastUpdate - _startTime; + overlap = time - _nextTime; + if (overlap > 0 || manual) { + frame = ++_self.frame; + _delta = time - _self.time * 1000; + _self.time = time = time / 1000; + _nextTime += overlap + (overlap >= _gap ? 4 : _gap - overlap); + dispatch = 1; + } + manual || (_id = _req(_tick)); + if (dispatch) { + for (_i = 0; _i < _listeners.length; _i++) { + _listeners[_i](time, _delta, frame, v); + } + } + }; + _self = { + time: 0, + frame: 0, + tick: function tick() { + _tick(true); + }, + deltaRatio: function deltaRatio(fps) { + return _delta / (1000 / (fps || 60)); + }, + wake: function wake() { + if (_coreReady) { + if (!_coreInitted && _windowExists()) { + _win = _coreInitted = window; + _doc = _win.document || ({}); + _globals.gsap = gsap; + (_win.gsapVersions || (_win.gsapVersions = [])).push(gsap.version); + _install(_installScope || _win.GreenSockGlobals || !_win.gsap && _win || ({})); + _raf = _win.requestAnimationFrame; + } + _id && _self.sleep(); + _req = _raf || (function (f) { + return setTimeout(f, _nextTime - _self.time * 1000 + 1 | 0); + }); + _tickerActive = 1; + _tick(2); + } + }, + sleep: function sleep() { + (_raf ? _win.cancelAnimationFrame : clearTimeout)(_id); + _tickerActive = 0; + _req = _emptyFunc; + }, + lagSmoothing: function lagSmoothing(threshold, adjustedLag) { + _lagThreshold = threshold || 1 / _tinyNum; + _adjustedLag = Math.min(adjustedLag, _lagThreshold, 0); + }, + fps: function fps(_fps) { + _gap = 1000 / (_fps || 240); + _nextTime = _self.time * 1000 + _gap; + }, + add: function add(callback) { + _listeners.indexOf(callback) < 0 && _listeners.push(callback); + _wake(); + }, + remove: function remove(callback) { + var i; + ~(i = _listeners.indexOf(callback)) && _listeners.splice(i, 1) && _i >= i && _i--; + }, + _listeners: _listeners + }; + return _self; + })(), _wake = function _wake() { + return !_tickerActive && _ticker.wake(); + }, _easeMap = {}, _customEaseExp = /^[\d.\-M][\d.\-,\s]/, _quotesExp = /["']/g, _parseObjectInString = function _parseObjectInString(value) { + var obj = {}, split = value.substr(1, value.length - 3).split(":"), key = split[0], i = 1, l = split.length, index, val, parsedVal; + for (; i < l; i++) { + val = split[i]; + index = i !== l - 1 ? val.lastIndexOf(",") : val.length; + parsedVal = val.substr(0, index); + obj[key] = isNaN(parsedVal) ? parsedVal.replace(_quotesExp, "").trim() : +parsedVal; + key = val.substr(index + 1).trim(); + } + return obj; + }, _valueInParentheses = function _valueInParentheses(value) { + var open = value.indexOf("(") + 1, close = value.indexOf(")"), nested = value.indexOf("(", open); + return value.substring(open, ~nested && nested < close ? value.indexOf(")", close + 1) : close); + }, _configEaseFromString = function _configEaseFromString(name) { + var split = (name + "").split("("), ease = _easeMap[split[0]]; + return ease && split.length > 1 && ease.config ? ease.config.apply(null, ~name.indexOf("{") ? [_parseObjectInString(split[1])] : _valueInParentheses(name).split(",").map(_numericIfPossible)) : _easeMap._CE && _customEaseExp.test(name) ? _easeMap._CE("", name) : ease; + }, _invertEase = function _invertEase(ease) { + return function (p) { + return 1 - ease(1 - p); + }; + }, _propagateYoyoEase = function _propagateYoyoEase(timeline, isYoyo) { + var child = timeline._first, ease; + while (child) { + if (child instanceof Timeline) { + _propagateYoyoEase(child, isYoyo); + } else if (child.vars.yoyoEase && (!child._yoyo || !child._repeat) && child._yoyo !== isYoyo) { + if (child.timeline) { + _propagateYoyoEase(child.timeline, isYoyo); + } else { + ease = child._ease; + child._ease = child._yEase; + child._yEase = ease; + child._yoyo = isYoyo; + } + } + child = child._next; + } + }, _parseEase = function _parseEase(ease, defaultEase) { + return !ease ? defaultEase : (_isFunction(ease) ? ease : _easeMap[ease] || _configEaseFromString(ease)) || defaultEase; + }, _insertEase = function _insertEase(names, easeIn, easeOut, easeInOut) { + if (easeOut === void 0) { + easeOut = function easeOut(p) { + return 1 - easeIn(1 - p); + }; + } + if (easeInOut === void 0) { + easeInOut = function easeInOut(p) { + return p < .5 ? easeIn(p * 2) / 2 : 1 - easeIn((1 - p) * 2) / 2; + }; + } + var ease = { + easeIn: easeIn, + easeOut: easeOut, + easeInOut: easeInOut + }, lowercaseName; + _forEachName(names, function (name) { + _easeMap[name] = _globals[name] = ease; + _easeMap[lowercaseName = name.toLowerCase()] = easeOut; + for (var p in ease) { + _easeMap[lowercaseName + (p === "easeIn" ? ".in" : p === "easeOut" ? ".out" : ".inOut")] = _easeMap[name + "." + p] = ease[p]; + } + }); + return ease; + }, _easeInOutFromOut = function _easeInOutFromOut(easeOut) { + return function (p) { + return p < .5 ? (1 - easeOut(1 - p * 2)) / 2 : .5 + easeOut((p - .5) * 2) / 2; + }; + }, _configElastic = function _configElastic(type, amplitude, period) { + var p1 = amplitude >= 1 ? amplitude : 1, p2 = (period || (type ? .3 : .45)) / (amplitude < 1 ? amplitude : 1), p3 = p2 / _2PI * (Math.asin(1 / p1) || 0), easeOut = function easeOut(p) { + return p === 1 ? 1 : p1 * Math.pow(2, -10 * p) * _sin((p - p3) * p2) + 1; + }, ease = type === "out" ? easeOut : type === "in" ? function (p) { + return 1 - easeOut(1 - p); + } : _easeInOutFromOut(easeOut); + p2 = _2PI / p2; + ease.config = function (amplitude, period) { + return _configElastic(type, amplitude, period); + }; + return ease; + }, _configBack = function _configBack(type, overshoot) { + if (overshoot === void 0) { + overshoot = 1.70158; + } + var easeOut = function easeOut(p) { + return p ? --p * p * ((overshoot + 1) * p + overshoot) + 1 : 0; + }, ease = type === "out" ? easeOut : type === "in" ? function (p) { + return 1 - easeOut(1 - p); + } : _easeInOutFromOut(easeOut); + ease.config = function (overshoot) { + return _configBack(type, overshoot); + }; + return ease; + }; + _forEachName("Linear,Quad,Cubic,Quart,Quint,Strong", function (name, i) { + var power = i < 5 ? i + 1 : i; + _insertEase(name + ",Power" + (power - 1), i ? function (p) { + return Math.pow(p, power); + } : function (p) { + return p; + }, function (p) { + return 1 - Math.pow(1 - p, power); + }, function (p) { + return p < .5 ? Math.pow(p * 2, power) / 2 : 1 - Math.pow((1 - p) * 2, power) / 2; + }); + }); + _easeMap.Linear.easeNone = _easeMap.none = _easeMap.Linear.easeIn; + _insertEase("Elastic", _configElastic("in"), _configElastic("out"), _configElastic()); + (function (n, c) { + var n1 = 1 / c, n2 = 2 * n1, n3 = 2.5 * n1, easeOut = function easeOut(p) { + return p < n1 ? n * p * p : p < n2 ? n * Math.pow(p - 1.5 / c, 2) + .75 : p < n3 ? n * (p -= 2.25 / c) * p + .9375 : n * Math.pow(p - 2.625 / c, 2) + .984375; + }; + _insertEase("Bounce", function (p) { + return 1 - easeOut(1 - p); + }, easeOut); + })(7.5625, 2.75); + _insertEase("Expo", function (p) { + return p ? Math.pow(2, 10 * (p - 1)) : 0; + }); + _insertEase("Circ", function (p) { + return -(_sqrt(1 - p * p) - 1); + }); + _insertEase("Sine", function (p) { + return p === 1 ? 1 : -_cos(p * _HALF_PI) + 1; + }); + _insertEase("Back", _configBack("in"), _configBack("out"), _configBack()); + _easeMap.SteppedEase = _easeMap.steps = _globals.SteppedEase = { + config: function config(steps, immediateStart) { + if (steps === void 0) { + steps = 1; + } + var p1 = 1 / steps, p2 = steps + (immediateStart ? 0 : 1), p3 = immediateStart ? 1 : 0, max = 1 - _tinyNum; + return function (p) { + return ((p2 * _clamp(0, max, p) | 0) + p3) * p1; + }; + } + }; + _defaults.ease = _easeMap["quad.out"]; + _forEachName("onComplete,onUpdate,onStart,onRepeat,onReverseComplete,onInterrupt", function (name) { + return _callbackNames += name + "," + name + "Params,"; + }); + var GSCache = function GSCache(target, harness) { + this.id = _gsID++; + target._gsap = this; + this.target = target; + this.harness = harness; + this.get = harness ? harness.get : _getProperty; + this.set = harness ? harness.getSetter : _getSetter; + }; + var Animation = (function () { + function Animation(vars) { + this.vars = vars; + this._delay = +vars.delay || 0; + if (this._repeat = vars.repeat === Infinity ? -2 : vars.repeat || 0) { + this._rDelay = vars.repeatDelay || 0; + this._yoyo = !!vars.yoyo || !!vars.yoyoEase; + } + this._ts = 1; + _setDuration(this, +vars.duration, 1, 1); + this.data = vars.data; + _tickerActive || _ticker.wake(); + } + var _proto = Animation.prototype; + _proto.delay = function delay(value) { + if (value || value === 0) { + this.parent && this.parent.smoothChildTiming && this.startTime(this._start + value - this._delay); + this._delay = value; + return this; + } + return this._delay; + }; + _proto.duration = function duration(value) { + return arguments.length ? this.totalDuration(this._repeat > 0 ? value + (value + this._rDelay) * this._repeat : value) : this.totalDuration() && this._dur; + }; + _proto.totalDuration = function totalDuration(value) { + if (!arguments.length) { + return this._tDur; + } + this._dirty = 0; + return _setDuration(this, this._repeat < 0 ? value : (value - this._repeat * this._rDelay) / (this._repeat + 1)); + }; + _proto.totalTime = function totalTime(_totalTime, suppressEvents) { + _wake(); + if (!arguments.length) { + return this._tTime; + } + var parent = this._dp; + if (parent && parent.smoothChildTiming && this._ts) { + _alignPlayhead(this, _totalTime); + !parent._dp || parent.parent || _postAddChecks(parent, this); + while (parent.parent) { + if (parent.parent._time !== parent._start + (parent._ts >= 0 ? parent._tTime / parent._ts : (parent.totalDuration() - parent._tTime) / -parent._ts)) { + parent.totalTime(parent._tTime, true); + } + parent = parent.parent; + } + if (!this.parent && this._dp.autoRemoveChildren && (this._ts > 0 && _totalTime < this._tDur || this._ts < 0 && _totalTime > 0 || !this._tDur && !_totalTime)) { + _addToTimeline(this._dp, this, this._start - this._delay); + } + } + if (this._tTime !== _totalTime || !this._dur && !suppressEvents || this._initted && Math.abs(this._zTime) === _tinyNum || !_totalTime && !this._initted && (this.add || this._ptLookup)) { + this._ts || (this._pTime = _totalTime); + _lazySafeRender(this, _totalTime, suppressEvents); + } + return this; + }; + _proto.time = function time(value, suppressEvents) { + return arguments.length ? this.totalTime(Math.min(this.totalDuration(), value + _elapsedCycleDuration(this)) % (this._dur + this._rDelay) || (value ? this._dur : 0), suppressEvents) : this._time; + }; + _proto.totalProgress = function totalProgress(value, suppressEvents) { + return arguments.length ? this.totalTime(this.totalDuration() * value, suppressEvents) : this.totalDuration() ? Math.min(1, this._tTime / this._tDur) : this.ratio; + }; + _proto.progress = function progress(value, suppressEvents) { + return arguments.length ? this.totalTime(this.duration() * (this._yoyo && !(this.iteration() & 1) ? 1 - value : value) + _elapsedCycleDuration(this), suppressEvents) : this.duration() ? Math.min(1, this._time / this._dur) : this.ratio; + }; + _proto.iteration = function iteration(value, suppressEvents) { + var cycleDuration = this.duration() + this._rDelay; + return arguments.length ? this.totalTime(this._time + (value - 1) * cycleDuration, suppressEvents) : this._repeat ? _animationCycle(this._tTime, cycleDuration) + 1 : 1; + }; + _proto.timeScale = function timeScale(value) { + if (!arguments.length) { + return this._rts === -_tinyNum ? 0 : this._rts; + } + if (this._rts === value) { + return this; + } + var tTime = this.parent && this._ts ? _parentToChildTotalTime(this.parent._time, this) : this._tTime; + this._rts = +value || 0; + this._ts = this._ps || value === -_tinyNum ? 0 : this._rts; + return _recacheAncestors(this.totalTime(_clamp(-this._delay, this._tDur, tTime), true)); + }; + _proto.paused = function paused(value) { + if (!arguments.length) { + return this._ps; + } + if (this._ps !== value) { + this._ps = value; + if (value) { + this._pTime = this._tTime || Math.max(-this._delay, this.rawTime()); + this._ts = this._act = 0; + } else { + _wake(); + this._ts = this._rts; + this.totalTime(this.parent && !this.parent.smoothChildTiming ? this.rawTime() : this._tTime || this._pTime, this.progress() === 1 && Math.abs(this._zTime) !== _tinyNum && (this._tTime -= _tinyNum)); + } + } + return this; + }; + _proto.startTime = function startTime(value) { + if (arguments.length) { + this._start = value; + var parent = this.parent || this._dp; + parent && (parent._sort || !this.parent) && _addToTimeline(parent, this, value - this._delay); + return this; + } + return this._start; + }; + _proto.endTime = function endTime(includeRepeats) { + return this._start + (_isNotFalse(includeRepeats) ? this.totalDuration() : this.duration()) / Math.abs(this._ts); + }; + _proto.rawTime = function rawTime(wrapRepeats) { + var parent = this.parent || this._dp; + return !parent ? this._tTime : wrapRepeats && (!this._ts || this._repeat && this._time && this.totalProgress() < 1) ? this._tTime % (this._dur + this._rDelay) : !this._ts ? this._tTime : _parentToChildTotalTime(parent.rawTime(wrapRepeats), this); + }; + _proto.globalTime = function globalTime(rawTime) { + var animation = this, time = arguments.length ? rawTime : animation.rawTime(); + while (animation) { + time = animation._start + time / (animation._ts || 1); + animation = animation._dp; + } + return time; + }; + _proto.repeat = function repeat(value) { + if (arguments.length) { + this._repeat = value === Infinity ? -2 : value; + return _onUpdateTotalDuration(this); + } + return this._repeat === -2 ? Infinity : this._repeat; + }; + _proto.repeatDelay = function repeatDelay(value) { + if (arguments.length) { + var time = this._time; + this._rDelay = value; + _onUpdateTotalDuration(this); + return time ? this.time(time) : this; + } + return this._rDelay; + }; + _proto.yoyo = function yoyo(value) { + if (arguments.length) { + this._yoyo = value; + return this; + } + return this._yoyo; + }; + _proto.seek = function seek(position, suppressEvents) { + return this.totalTime(_parsePosition(this, position), _isNotFalse(suppressEvents)); + }; + _proto.restart = function restart(includeDelay, suppressEvents) { + return this.play().totalTime(includeDelay ? -this._delay : 0, _isNotFalse(suppressEvents)); + }; + _proto.play = function play(from, suppressEvents) { + from != null && this.seek(from, suppressEvents); + return this.reversed(false).paused(false); + }; + _proto.reverse = function reverse(from, suppressEvents) { + from != null && this.seek(from || this.totalDuration(), suppressEvents); + return this.reversed(true).paused(false); + }; + _proto.pause = function pause(atTime, suppressEvents) { + atTime != null && this.seek(atTime, suppressEvents); + return this.paused(true); + }; + _proto.resume = function resume() { + return this.paused(false); + }; + _proto.reversed = function reversed(value) { + if (arguments.length) { + !!value !== this.reversed() && this.timeScale(-this._rts || (value ? -_tinyNum : 0)); + return this; + } + return this._rts < 0; + }; + _proto.invalidate = function invalidate() { + this._initted = this._act = 0; + this._zTime = -_tinyNum; + return this; + }; + _proto.isActive = function isActive() { + var parent = this.parent || this._dp, start = this._start, rawTime; + return !!(!parent || this._ts && this._initted && parent.isActive() && (rawTime = parent.rawTime(true)) >= start && rawTime < this.endTime(true) - _tinyNum); + }; + _proto.eventCallback = function eventCallback(type, callback, params) { + var vars = this.vars; + if (arguments.length > 1) { + if (!callback) { + delete vars[type]; + } else { + vars[type] = callback; + params && (vars[type + "Params"] = params); + type === "onUpdate" && (this._onUpdate = callback); + } + return this; + } + return vars[type]; + }; + _proto.then = function then(onFulfilled) { + var self = this; + return new Promise(function (resolve) { + var f = _isFunction(onFulfilled) ? onFulfilled : _passThrough, _resolve = function _resolve() { + var _then = self.then; + self.then = null; + _isFunction(f) && (f = f(self)) && (f.then || f === self) && (self.then = _then); + resolve(f); + self.then = _then; + }; + if (self._initted && self.totalProgress() === 1 && self._ts >= 0 || !self._tTime && self._ts < 0) { + _resolve(); + } else { + self._prom = _resolve; + } + }); + }; + _proto.kill = function kill() { + _interrupt(this); + }; + return Animation; + })(); + _setDefaults(Animation.prototype, { + _time: 0, + _start: 0, + _end: 0, + _tTime: 0, + _tDur: 0, + _dirty: 0, + _repeat: 0, + _yoyo: false, + parent: null, + _initted: false, + _rDelay: 0, + _ts: 1, + _dp: 0, + ratio: 0, + _zTime: -_tinyNum, + _prom: 0, + _ps: false, + _rts: 1 + }); + var Timeline = (function (_Animation) { + _inheritsLoose(Timeline, _Animation); + function Timeline(vars, position) { + var _this; + if (vars === void 0) { + vars = {}; + } + _this = _Animation.call(this, vars) || this; + _this.labels = {}; + _this.smoothChildTiming = !!vars.smoothChildTiming; + _this.autoRemoveChildren = !!vars.autoRemoveChildren; + _this._sort = _isNotFalse(vars.sortChildren); + _globalTimeline && _addToTimeline(vars.parent || _globalTimeline, _assertThisInitialized(_this), position); + vars.reversed && _this.reverse(); + vars.paused && _this.paused(true); + vars.scrollTrigger && _scrollTrigger(_assertThisInitialized(_this), vars.scrollTrigger); + return _this; + } + var _proto2 = Timeline.prototype; + _proto2.to = function to(targets, vars, position) { + _createTweenType(0, arguments, this); + return this; + }; + _proto2.from = function from(targets, vars, position) { + _createTweenType(1, arguments, this); + return this; + }; + _proto2.fromTo = function fromTo(targets, fromVars, toVars, position) { + _createTweenType(2, arguments, this); + return this; + }; + _proto2.set = function set(targets, vars, position) { + vars.duration = 0; + vars.parent = this; + _inheritDefaults(vars).repeatDelay || (vars.repeat = 0); + vars.immediateRender = !!vars.immediateRender; + new Tween(targets, vars, _parsePosition(this, position), 1); + return this; + }; + _proto2.call = function call(callback, params, position) { + return _addToTimeline(this, Tween.delayedCall(0, callback, params), position); + }; + _proto2.staggerTo = function staggerTo(targets, duration, vars, stagger, position, onCompleteAll, onCompleteAllParams) { + vars.duration = duration; + vars.stagger = vars.stagger || stagger; + vars.onComplete = onCompleteAll; + vars.onCompleteParams = onCompleteAllParams; + vars.parent = this; + new Tween(targets, vars, _parsePosition(this, position)); + return this; + }; + _proto2.staggerFrom = function staggerFrom(targets, duration, vars, stagger, position, onCompleteAll, onCompleteAllParams) { + vars.runBackwards = 1; + _inheritDefaults(vars).immediateRender = _isNotFalse(vars.immediateRender); + return this.staggerTo(targets, duration, vars, stagger, position, onCompleteAll, onCompleteAllParams); + }; + _proto2.staggerFromTo = function staggerFromTo(targets, duration, fromVars, toVars, stagger, position, onCompleteAll, onCompleteAllParams) { + toVars.startAt = fromVars; + _inheritDefaults(toVars).immediateRender = _isNotFalse(toVars.immediateRender); + return this.staggerTo(targets, duration, toVars, stagger, position, onCompleteAll, onCompleteAllParams); + }; + _proto2.render = function render(totalTime, suppressEvents, force) { + var prevTime = this._time, tDur = this._dirty ? this.totalDuration() : this._tDur, dur = this._dur, tTime = this !== _globalTimeline && totalTime > tDur - _tinyNum && totalTime >= 0 ? tDur : totalTime < _tinyNum ? 0 : totalTime, crossingStart = this._zTime < 0 !== totalTime < 0 && (this._initted || !dur), time, child, next, iteration, cycleDuration, prevPaused, pauseTween, timeScale, prevStart, prevIteration, yoyo, isYoyo; + if (tTime !== this._tTime || force || crossingStart) { + if (prevTime !== this._time && dur) { + tTime += this._time - prevTime; + totalTime += this._time - prevTime; + } + time = tTime; + prevStart = this._start; + timeScale = this._ts; + prevPaused = !timeScale; + if (crossingStart) { + dur || (prevTime = this._zTime); + (totalTime || !suppressEvents) && (this._zTime = totalTime); + } + if (this._repeat) { + yoyo = this._yoyo; + cycleDuration = dur + this._rDelay; + if (this._repeat < -1 && totalTime < 0) { + return this.totalTime(cycleDuration * 100 + totalTime, suppressEvents, force); + } + time = _round(tTime % cycleDuration); + if (tTime === tDur) { + iteration = this._repeat; + time = dur; + } else { + iteration = ~~(tTime / cycleDuration); + if (iteration && iteration === tTime / cycleDuration) { + time = dur; + iteration--; + } + time > dur && (time = dur); + } + prevIteration = _animationCycle(this._tTime, cycleDuration); + !prevTime && this._tTime && prevIteration !== iteration && (prevIteration = iteration); + if (yoyo && iteration & 1) { + time = dur - time; + isYoyo = 1; + } + if (iteration !== prevIteration && !this._lock) { + var rewinding = yoyo && prevIteration & 1, doesWrap = rewinding === (yoyo && iteration & 1); + iteration < prevIteration && (rewinding = !rewinding); + prevTime = rewinding ? 0 : dur; + this._lock = 1; + this.render(prevTime || (isYoyo ? 0 : _round(iteration * cycleDuration)), suppressEvents, !dur)._lock = 0; + this._tTime = tTime; + !suppressEvents && this.parent && _callback(this, "onRepeat"); + this.vars.repeatRefresh && !isYoyo && (this.invalidate()._lock = 1); + if (prevTime && prevTime !== this._time || prevPaused !== !this._ts || this.vars.onRepeat && !this.parent && !this._act) { + return this; + } + dur = this._dur; + tDur = this._tDur; + if (doesWrap) { + this._lock = 2; + prevTime = rewinding ? dur : -0.0001; + this.render(prevTime, true); + this.vars.repeatRefresh && !isYoyo && this.invalidate(); + } + this._lock = 0; + if (!this._ts && !prevPaused) { + return this; + } + _propagateYoyoEase(this, isYoyo); + } + } + if (this._hasPause && !this._forcing && this._lock < 2) { + pauseTween = _findNextPauseTween(this, _round(prevTime), _round(time)); + if (pauseTween) { + tTime -= time - (time = pauseTween._start); + } + } + this._tTime = tTime; + this._time = time; + this._act = !timeScale; + if (!this._initted) { + this._onUpdate = this.vars.onUpdate; + this._initted = 1; + this._zTime = totalTime; + prevTime = 0; + } + if (!prevTime && time && !suppressEvents) { + _callback(this, "onStart"); + if (this._tTime !== tTime) { + return this; + } + } + if (time >= prevTime && totalTime >= 0) { + child = this._first; + while (child) { + next = child._next; + if ((child._act || time >= child._start) && child._ts && pauseTween !== child) { + if (child.parent !== this) { + return this.render(totalTime, suppressEvents, force); + } + child.render(child._ts > 0 ? (time - child._start) * child._ts : (child._dirty ? child.totalDuration() : child._tDur) + (time - child._start) * child._ts, suppressEvents, force); + if (time !== this._time || !this._ts && !prevPaused) { + pauseTween = 0; + next && (tTime += this._zTime = -_tinyNum); + break; + } + } + child = next; + } + } else { + child = this._last; + var adjustedTime = totalTime < 0 ? totalTime : time; + while (child) { + next = child._prev; + if ((child._act || adjustedTime <= child._end) && child._ts && pauseTween !== child) { + if (child.parent !== this) { + return this.render(totalTime, suppressEvents, force); + } + child.render(child._ts > 0 ? (adjustedTime - child._start) * child._ts : (child._dirty ? child.totalDuration() : child._tDur) + (adjustedTime - child._start) * child._ts, suppressEvents, force); + if (time !== this._time || !this._ts && !prevPaused) { + pauseTween = 0; + next && (tTime += this._zTime = adjustedTime ? -_tinyNum : _tinyNum); + break; + } + } + child = next; + } + } + if (pauseTween && !suppressEvents) { + this.pause(); + pauseTween.render(time >= prevTime ? 0 : -_tinyNum)._zTime = time >= prevTime ? 1 : -1; + if (this._ts) { + this._start = prevStart; + _setEnd(this); + return this.render(totalTime, suppressEvents, force); + } + } + this._onUpdate && !suppressEvents && _callback(this, "onUpdate", true); + if (tTime === tDur && tDur >= this.totalDuration() || !tTime && prevTime) if (prevStart === this._start || Math.abs(timeScale) !== Math.abs(this._ts)) if (!this._lock) { + (totalTime || !dur) && (tTime === tDur && this._ts > 0 || !tTime && this._ts < 0) && _removeFromParent(this, 1); + if (!suppressEvents && !(totalTime < 0 && !prevTime) && (tTime || prevTime || !tDur)) { + _callback(this, tTime === tDur && totalTime >= 0 ? "onComplete" : "onReverseComplete", true); + this._prom && !(tTime < tDur && this.timeScale() > 0) && this._prom(); + } + } + } + return this; + }; + _proto2.add = function add(child, position) { + var _this2 = this; + _isNumber(position) || (position = _parsePosition(this, position, child)); + if (!(child instanceof Animation)) { + if (_isArray(child)) { + child.forEach(function (obj) { + return _this2.add(obj, position); + }); + return this; + } + if (_isString(child)) { + return this.addLabel(child, position); + } + if (_isFunction(child)) { + child = Tween.delayedCall(0, child); + } else { + return this; + } + } + return this !== child ? _addToTimeline(this, child, position) : this; + }; + _proto2.getChildren = function getChildren(nested, tweens, timelines, ignoreBeforeTime) { + if (nested === void 0) { + nested = true; + } + if (tweens === void 0) { + tweens = true; + } + if (timelines === void 0) { + timelines = true; + } + if (ignoreBeforeTime === void 0) { + ignoreBeforeTime = -_bigNum; + } + var a = [], child = this._first; + while (child) { + if (child._start >= ignoreBeforeTime) { + if (child instanceof Tween) { + tweens && a.push(child); + } else { + timelines && a.push(child); + nested && a.push.apply(a, child.getChildren(true, tweens, timelines)); + } + } + child = child._next; + } + return a; + }; + _proto2.getById = function getById(id) { + var animations = this.getChildren(1, 1, 1), i = animations.length; + while (i--) { + if (animations[i].vars.id === id) { + return animations[i]; + } + } + }; + _proto2.remove = function remove(child) { + if (_isString(child)) { + return this.removeLabel(child); + } + if (_isFunction(child)) { + return this.killTweensOf(child); + } + _removeLinkedListItem(this, child); + if (child === this._recent) { + this._recent = this._last; + } + return _uncache(this); + }; + _proto2.totalTime = function totalTime(_totalTime2, suppressEvents) { + if (!arguments.length) { + return this._tTime; + } + this._forcing = 1; + if (!this._dp && this._ts) { + this._start = _round(_ticker.time - (this._ts > 0 ? _totalTime2 / this._ts : (this.totalDuration() - _totalTime2) / -this._ts)); + } + _Animation.prototype.totalTime.call(this, _totalTime2, suppressEvents); + this._forcing = 0; + return this; + }; + _proto2.addLabel = function addLabel(label, position) { + this.labels[label] = _parsePosition(this, position); + return this; + }; + _proto2.removeLabel = function removeLabel(label) { + delete this.labels[label]; + return this; + }; + _proto2.addPause = function addPause(position, callback, params) { + var t = Tween.delayedCall(0, callback || _emptyFunc, params); + t.data = "isPause"; + this._hasPause = 1; + return _addToTimeline(this, t, _parsePosition(this, position)); + }; + _proto2.removePause = function removePause(position) { + var child = this._first; + position = _parsePosition(this, position); + while (child) { + if (child._start === position && child.data === "isPause") { + _removeFromParent(child); + } + child = child._next; + } + }; + _proto2.killTweensOf = function killTweensOf(targets, props, onlyActive) { + var tweens = this.getTweensOf(targets, onlyActive), i = tweens.length; + while (i--) { + _overwritingTween !== tweens[i] && tweens[i].kill(targets, props); + } + return this; + }; + _proto2.getTweensOf = function getTweensOf(targets, onlyActive) { + var a = [], parsedTargets = toArray(targets), child = this._first, isGlobalTime = _isNumber(onlyActive), children; + while (child) { + if (child instanceof Tween) { + if (_arrayContainsAny(child._targets, parsedTargets) && (isGlobalTime ? (!_overwritingTween || child._initted && child._ts) && child.globalTime(0) <= onlyActive && child.globalTime(child.totalDuration()) > onlyActive : !onlyActive || child.isActive())) { + a.push(child); + } + } else if ((children = child.getTweensOf(parsedTargets, onlyActive)).length) { + a.push.apply(a, children); + } + child = child._next; + } + return a; + }; + _proto2.tweenTo = function tweenTo(position, vars) { + vars = vars || ({}); + var tl = this, endTime = _parsePosition(tl, position), _vars = vars, startAt = _vars.startAt, _onStart = _vars.onStart, onStartParams = _vars.onStartParams, immediateRender = _vars.immediateRender, initted, tween = Tween.to(tl, _setDefaults({ + ease: vars.ease || "none", + lazy: false, + immediateRender: false, + time: endTime, + overwrite: "auto", + duration: vars.duration || Math.abs((endTime - (startAt && ("time" in startAt) ? startAt.time : tl._time)) / tl.timeScale()) || _tinyNum, + onStart: function onStart() { + tl.pause(); + if (!initted) { + var duration = vars.duration || Math.abs((endTime - (startAt && ("time" in startAt) ? startAt.time : tl._time)) / tl.timeScale()); + tween._dur !== duration && _setDuration(tween, duration, 0, 1).render(tween._time, true, true); + initted = 1; + } + _onStart && _onStart.apply(tween, onStartParams || []); + } + }, vars)); + return immediateRender ? tween.render(0) : tween; + }; + _proto2.tweenFromTo = function tweenFromTo(fromPosition, toPosition, vars) { + return this.tweenTo(toPosition, _setDefaults({ + startAt: { + time: _parsePosition(this, fromPosition) + } + }, vars)); + }; + _proto2.recent = function recent() { + return this._recent; + }; + _proto2.nextLabel = function nextLabel(afterTime) { + if (afterTime === void 0) { + afterTime = this._time; + } + return _getLabelInDirection(this, _parsePosition(this, afterTime)); + }; + _proto2.previousLabel = function previousLabel(beforeTime) { + if (beforeTime === void 0) { + beforeTime = this._time; + } + return _getLabelInDirection(this, _parsePosition(this, beforeTime), 1); + }; + _proto2.currentLabel = function currentLabel(value) { + return arguments.length ? this.seek(value, true) : this.previousLabel(this._time + _tinyNum); + }; + _proto2.shiftChildren = function shiftChildren(amount, adjustLabels, ignoreBeforeTime) { + if (ignoreBeforeTime === void 0) { + ignoreBeforeTime = 0; + } + var child = this._first, labels = this.labels, p; + while (child) { + if (child._start >= ignoreBeforeTime) { + child._start += amount; + child._end += amount; + } + child = child._next; + } + if (adjustLabels) { + for (p in labels) { + if (labels[p] >= ignoreBeforeTime) { + labels[p] += amount; + } + } + } + return _uncache(this); + }; + _proto2.invalidate = function invalidate() { + var child = this._first; + this._lock = 0; + while (child) { + child.invalidate(); + child = child._next; + } + return _Animation.prototype.invalidate.call(this); + }; + _proto2.clear = function clear(includeLabels) { + if (includeLabels === void 0) { + includeLabels = true; + } + var child = this._first, next; + while (child) { + next = child._next; + this.remove(child); + child = next; + } + this._dp && (this._time = this._tTime = this._pTime = 0); + includeLabels && (this.labels = {}); + return _uncache(this); + }; + _proto2.totalDuration = function totalDuration(value) { + var max = 0, self = this, child = self._last, prevStart = _bigNum, prev, start, parent; + if (arguments.length) { + return self.timeScale((self._repeat < 0 ? self.duration() : self.totalDuration()) / (self.reversed() ? -value : value)); + } + if (self._dirty) { + parent = self.parent; + while (child) { + prev = child._prev; + child._dirty && child.totalDuration(); + start = child._start; + if (start > prevStart && self._sort && child._ts && !self._lock) { + self._lock = 1; + _addToTimeline(self, child, start - child._delay, 1)._lock = 0; + } else { + prevStart = start; + } + if (start < 0 && child._ts) { + max -= start; + if (!parent && !self._dp || parent && parent.smoothChildTiming) { + self._start += start / self._ts; + self._time -= start; + self._tTime -= start; + } + self.shiftChildren(-start, false, -1e999); + prevStart = 0; + } + child._end > max && child._ts && (max = child._end); + child = prev; + } + _setDuration(self, self === _globalTimeline && self._time > max ? self._time : max, 1, 1); + self._dirty = 0; + } + return self._tDur; + }; + Timeline.updateRoot = function updateRoot(time) { + if (_globalTimeline._ts) { + _lazySafeRender(_globalTimeline, _parentToChildTotalTime(time, _globalTimeline)); + _lastRenderedFrame = _ticker.frame; + } + if (_ticker.frame >= _nextGCFrame) { + _nextGCFrame += _config.autoSleep || 120; + var child = _globalTimeline._first; + if (!child || !child._ts) if (_config.autoSleep && _ticker._listeners.length < 2) { + while (child && !child._ts) { + child = child._next; + } + child || _ticker.sleep(); + } + } + }; + return Timeline; + })(Animation); + _setDefaults(Timeline.prototype, { + _lock: 0, + _hasPause: 0, + _forcing: 0 + }); + var _addComplexStringPropTween = function _addComplexStringPropTween(target, prop, start, end, setter, stringFilter, funcParam) { + var pt = new PropTween(this._pt, target, prop, 0, 1, _renderComplexString, null, setter), index = 0, matchIndex = 0, result, startNums, color, endNum, chunk, startNum, hasRandom, a; + pt.b = start; + pt.e = end; + start += ""; + end += ""; + if (hasRandom = ~end.indexOf("random(")) { + end = _replaceRandom(end); + } + if (stringFilter) { + a = [start, end]; + stringFilter(a, target, prop); + start = a[0]; + end = a[1]; + } + startNums = start.match(_complexStringNumExp) || []; + while (result = _complexStringNumExp.exec(end)) { + endNum = result[0]; + chunk = end.substring(index, result.index); + if (color) { + color = (color + 1) % 5; + } else if (chunk.substr(-5) === "rgba(") { + color = 1; + } + if (endNum !== startNums[matchIndex++]) { + startNum = parseFloat(startNums[matchIndex - 1]) || 0; + pt._pt = { + _next: pt._pt, + p: chunk || matchIndex === 1 ? chunk : ",", + s: startNum, + c: endNum.charAt(1) === "=" ? parseFloat(endNum.substr(2)) * (endNum.charAt(0) === "-" ? -1 : 1) : parseFloat(endNum) - startNum, + m: color && color < 4 ? Math.round : 0 + }; + index = _complexStringNumExp.lastIndex; + } + } + pt.c = index < end.length ? end.substring(index, end.length) : ""; + pt.fp = funcParam; + if (_relExp.test(end) || hasRandom) { + pt.e = 0; + } + this._pt = pt; + return pt; + }, _addPropTween = function _addPropTween(target, prop, start, end, index, targets, modifier, stringFilter, funcParam) { + _isFunction(end) && (end = end(index || 0, target, targets)); + var currentValue = target[prop], parsedStart = start !== "get" ? start : !_isFunction(currentValue) ? currentValue : funcParam ? target[prop.indexOf("set") || !_isFunction(target["get" + prop.substr(3)]) ? prop : "get" + prop.substr(3)](funcParam) : target[prop](), setter = !_isFunction(currentValue) ? _setterPlain : funcParam ? _setterFuncWithParam : _setterFunc, pt; + if (_isString(end)) { + if (~end.indexOf("random(")) { + end = _replaceRandom(end); + } + if (end.charAt(1) === "=") { + pt = parseFloat(parsedStart) + parseFloat(end.substr(2)) * (end.charAt(0) === "-" ? -1 : 1) + (getUnit(parsedStart) || 0); + if (pt || pt === 0) { + end = pt; + } + } + } + if (parsedStart !== end) { + if (!isNaN(parsedStart * end) && end !== "") { + pt = new PropTween(this._pt, target, prop, +parsedStart || 0, end - (parsedStart || 0), typeof currentValue === "boolean" ? _renderBoolean : _renderPlain, 0, setter); + funcParam && (pt.fp = funcParam); + modifier && pt.modifier(modifier, this, target); + return this._pt = pt; + } + !currentValue && !((prop in target)) && _missingPlugin(prop, end); + return _addComplexStringPropTween.call(this, target, prop, parsedStart, end, setter, stringFilter || _config.stringFilter, funcParam); + } + }, _processVars = function _processVars(vars, index, target, targets, tween) { + _isFunction(vars) && (vars = _parseFuncOrString(vars, tween, index, target, targets)); + if (!_isObject(vars) || vars.style && vars.nodeType || _isArray(vars) || _isTypedArray(vars)) { + return _isString(vars) ? _parseFuncOrString(vars, tween, index, target, targets) : vars; + } + var copy = {}, p; + for (p in vars) { + copy[p] = _parseFuncOrString(vars[p], tween, index, target, targets); + } + return copy; + }, _checkPlugin = function _checkPlugin(property, vars, tween, index, target, targets) { + var plugin, pt, ptLookup, i; + if (_plugins[property] && (plugin = new _plugins[property]()).init(target, plugin.rawVars ? vars[property] : _processVars(vars[property], index, target, targets, tween), tween, index, targets) !== false) { + tween._pt = pt = new PropTween(tween._pt, target, property, 0, 1, plugin.render, plugin, 0, plugin.priority); + if (tween !== _quickTween) { + ptLookup = tween._ptLookup[tween._targets.indexOf(target)]; + i = plugin._props.length; + while (i--) { + ptLookup[plugin._props[i]] = pt; + } + } + } + return plugin; + }, _overwritingTween, _initTween = function _initTween(tween, time) { + var vars = tween.vars, ease = vars.ease, startAt = vars.startAt, immediateRender = vars.immediateRender, lazy = vars.lazy, onUpdate = vars.onUpdate, onUpdateParams = vars.onUpdateParams, callbackScope = vars.callbackScope, runBackwards = vars.runBackwards, yoyoEase = vars.yoyoEase, keyframes = vars.keyframes, autoRevert = vars.autoRevert, dur = tween._dur, prevStartAt = tween._startAt, targets = tween._targets, parent = tween.parent, fullTargets = parent && parent.data === "nested" ? parent.parent._targets : targets, autoOverwrite = tween._overwrite === "auto" && !_suppressOverwrites, tl = tween.timeline, cleanVars, i, p, pt, target, hasPriority, gsData, harness, plugin, ptLookup, index, harnessVars, overwritten; + tl && (!keyframes || !ease) && (ease = "none"); + tween._ease = _parseEase(ease, _defaults.ease); + tween._yEase = yoyoEase ? _invertEase(_parseEase(yoyoEase === true ? ease : yoyoEase, _defaults.ease)) : 0; + if (yoyoEase && tween._yoyo && !tween._repeat) { + yoyoEase = tween._yEase; + tween._yEase = tween._ease; + tween._ease = yoyoEase; + } + tween._from = !tl && !!vars.runBackwards; + if (!tl) { + harness = targets[0] ? _getCache(targets[0]).harness : 0; + harnessVars = harness && vars[harness.prop]; + cleanVars = _copyExcluding(vars, _reservedProps); + prevStartAt && prevStartAt.render(-1, true).kill(); + if (startAt) { + _removeFromParent(tween._startAt = Tween.set(targets, _setDefaults({ + data: "isStart", + overwrite: false, + parent: parent, + immediateRender: true, + lazy: _isNotFalse(lazy), + startAt: null, + delay: 0, + onUpdate: onUpdate, + onUpdateParams: onUpdateParams, + callbackScope: callbackScope, + stagger: 0 + }, startAt))); + time < 0 && !immediateRender && !autoRevert && tween._startAt.render(-1, true); + if (immediateRender) { + time > 0 && !autoRevert && (tween._startAt = 0); + if (dur && time <= 0) { + time && (tween._zTime = time); + return; + } + } else if (autoRevert === false) { + tween._startAt = 0; + } + } else if (runBackwards && dur) { + if (prevStartAt) { + !autoRevert && (tween._startAt = 0); + } else { + time && (immediateRender = false); + p = _setDefaults({ + overwrite: false, + data: "isFromStart", + lazy: immediateRender && _isNotFalse(lazy), + immediateRender: immediateRender, + stagger: 0, + parent: parent + }, cleanVars); + harnessVars && (p[harness.prop] = harnessVars); + _removeFromParent(tween._startAt = Tween.set(targets, p)); + time < 0 && tween._startAt.render(-1, true); + if (!immediateRender) { + _initTween(tween._startAt, _tinyNum); + } else if (!time) { + return; + } + } + } + tween._pt = 0; + lazy = dur && _isNotFalse(lazy) || lazy && !dur; + for (i = 0; i < targets.length; i++) { + target = targets[i]; + gsData = target._gsap || _harness(targets)[i]._gsap; + tween._ptLookup[i] = ptLookup = {}; + _lazyLookup[gsData.id] && _lazyTweens.length && _lazyRender(); + index = fullTargets === targets ? i : fullTargets.indexOf(target); + if (harness && (plugin = new harness()).init(target, harnessVars || cleanVars, tween, index, fullTargets) !== false) { + tween._pt = pt = new PropTween(tween._pt, target, plugin.name, 0, 1, plugin.render, plugin, 0, plugin.priority); + plugin._props.forEach(function (name) { + ptLookup[name] = pt; + }); + plugin.priority && (hasPriority = 1); + } + if (!harness || harnessVars) { + for (p in cleanVars) { + if (_plugins[p] && (plugin = _checkPlugin(p, cleanVars, tween, index, target, fullTargets))) { + plugin.priority && (hasPriority = 1); + } else { + ptLookup[p] = pt = _addPropTween.call(tween, target, p, "get", cleanVars[p], index, fullTargets, 0, vars.stringFilter); + } + } + } + tween._op && tween._op[i] && tween.kill(target, tween._op[i]); + if (autoOverwrite && tween._pt) { + _overwritingTween = tween; + _globalTimeline.killTweensOf(target, ptLookup, tween.globalTime(0)); + overwritten = !tween.parent; + _overwritingTween = 0; + } + tween._pt && lazy && (_lazyLookup[gsData.id] = 1); + } + hasPriority && _sortPropTweensByPriority(tween); + tween._onInit && tween._onInit(tween); + } + tween._onUpdate = onUpdate; + tween._initted = (!tween._op || tween._pt) && !overwritten; + }, _addAliasesToVars = function _addAliasesToVars(targets, vars) { + var harness = targets[0] ? _getCache(targets[0]).harness : 0, propertyAliases = harness && harness.aliases, copy, p, i, aliases; + if (!propertyAliases) { + return vars; + } + copy = _merge({}, vars); + for (p in propertyAliases) { + if ((p in copy)) { + aliases = propertyAliases[p].split(","); + i = aliases.length; + while (i--) { + copy[aliases[i]] = copy[p]; + } + } + } + return copy; + }, _parseFuncOrString = function _parseFuncOrString(value, tween, i, target, targets) { + return _isFunction(value) ? value.call(tween, i, target, targets) : _isString(value) && ~value.indexOf("random(") ? _replaceRandom(value) : value; + }, _staggerTweenProps = _callbackNames + "repeat,repeatDelay,yoyo,repeatRefresh,yoyoEase", _staggerPropsToSkip = (_staggerTweenProps + ",id,stagger,delay,duration,paused,scrollTrigger").split(","); + var Tween = (function (_Animation2) { + _inheritsLoose(Tween, _Animation2); + function Tween(targets, vars, position, skipInherit) { + var _this3; + if (typeof vars === "number") { + position.duration = vars; + vars = position; + position = null; + } + _this3 = _Animation2.call(this, skipInherit ? vars : _inheritDefaults(vars)) || this; + var _this3$vars = _this3.vars, duration = _this3$vars.duration, delay = _this3$vars.delay, immediateRender = _this3$vars.immediateRender, stagger = _this3$vars.stagger, overwrite = _this3$vars.overwrite, keyframes = _this3$vars.keyframes, defaults = _this3$vars.defaults, scrollTrigger = _this3$vars.scrollTrigger, yoyoEase = _this3$vars.yoyoEase, parent = vars.parent || _globalTimeline, parsedTargets = (_isArray(targets) || _isTypedArray(targets) ? _isNumber(targets[0]) : ("length" in vars)) ? [targets] : toArray(targets), tl, i, copy, l, p, curTarget, staggerFunc, staggerVarsToMerge; + _this3._targets = parsedTargets.length ? _harness(parsedTargets) : _warn("GSAP target " + targets + " not found. https://greensock.com", !_config.nullTargetWarn) || []; + _this3._ptLookup = []; + _this3._overwrite = overwrite; + if (keyframes || stagger || _isFuncOrString(duration) || _isFuncOrString(delay)) { + vars = _this3.vars; + tl = _this3.timeline = new Timeline({ + data: "nested", + defaults: defaults || ({}) + }); + tl.kill(); + tl.parent = tl._dp = _assertThisInitialized(_this3); + tl._start = 0; + if (keyframes) { + _setDefaults(tl.vars.defaults, { + ease: "none" + }); + stagger ? parsedTargets.forEach(function (t, i) { + return keyframes.forEach(function (frame, j) { + return tl.to(t, frame, j ? ">" : i * stagger); + }); + }) : keyframes.forEach(function (frame) { + return tl.to(parsedTargets, frame, ">"); + }); + } else { + l = parsedTargets.length; + staggerFunc = stagger ? distribute(stagger) : _emptyFunc; + if (_isObject(stagger)) { + for (p in stagger) { + if (~_staggerTweenProps.indexOf(p)) { + staggerVarsToMerge || (staggerVarsToMerge = {}); + staggerVarsToMerge[p] = stagger[p]; + } + } + } + for (i = 0; i < l; i++) { + copy = {}; + for (p in vars) { + if (_staggerPropsToSkip.indexOf(p) < 0) { + copy[p] = vars[p]; + } + } + copy.stagger = 0; + yoyoEase && (copy.yoyoEase = yoyoEase); + staggerVarsToMerge && _merge(copy, staggerVarsToMerge); + curTarget = parsedTargets[i]; + copy.duration = +_parseFuncOrString(duration, _assertThisInitialized(_this3), i, curTarget, parsedTargets); + copy.delay = (+_parseFuncOrString(delay, _assertThisInitialized(_this3), i, curTarget, parsedTargets) || 0) - _this3._delay; + if (!stagger && l === 1 && copy.delay) { + _this3._delay = delay = copy.delay; + _this3._start += delay; + copy.delay = 0; + } + tl.to(curTarget, copy, staggerFunc(i, curTarget, parsedTargets)); + } + tl.duration() ? duration = delay = 0 : _this3.timeline = 0; + } + duration || _this3.duration(duration = tl.duration()); + } else { + _this3.timeline = 0; + } + if (overwrite === true && !_suppressOverwrites) { + _overwritingTween = _assertThisInitialized(_this3); + _globalTimeline.killTweensOf(parsedTargets); + _overwritingTween = 0; + } + _addToTimeline(parent, _assertThisInitialized(_this3), position); + vars.reversed && _this3.reverse(); + vars.paused && _this3.paused(true); + if (immediateRender || !duration && !keyframes && _this3._start === _round(parent._time) && _isNotFalse(immediateRender) && _hasNoPausedAncestors(_assertThisInitialized(_this3)) && parent.data !== "nested") { + _this3._tTime = -_tinyNum; + _this3.render(Math.max(0, -delay)); + } + scrollTrigger && _scrollTrigger(_assertThisInitialized(_this3), scrollTrigger); + return _this3; + } + var _proto3 = Tween.prototype; + _proto3.render = function render(totalTime, suppressEvents, force) { + var prevTime = this._time, tDur = this._tDur, dur = this._dur, tTime = totalTime > tDur - _tinyNum && totalTime >= 0 ? tDur : totalTime < _tinyNum ? 0 : totalTime, time, pt, iteration, cycleDuration, prevIteration, isYoyo, ratio, timeline, yoyoEase; + if (!dur) { + _renderZeroDurationTween(this, totalTime, suppressEvents, force); + } else if (tTime !== this._tTime || !totalTime || force || !this._initted && this._tTime || this._startAt && this._zTime < 0 !== totalTime < 0) { + time = tTime; + timeline = this.timeline; + if (this._repeat) { + cycleDuration = dur + this._rDelay; + if (this._repeat < -1 && totalTime < 0) { + return this.totalTime(cycleDuration * 100 + totalTime, suppressEvents, force); + } + time = _round(tTime % cycleDuration); + if (tTime === tDur) { + iteration = this._repeat; + time = dur; + } else { + iteration = ~~(tTime / cycleDuration); + if (iteration && iteration === tTime / cycleDuration) { + time = dur; + iteration--; + } + time > dur && (time = dur); + } + isYoyo = this._yoyo && iteration & 1; + if (isYoyo) { + yoyoEase = this._yEase; + time = dur - time; + } + prevIteration = _animationCycle(this._tTime, cycleDuration); + if (time === prevTime && !force && this._initted) { + return this; + } + if (iteration !== prevIteration) { + timeline && this._yEase && _propagateYoyoEase(timeline, isYoyo); + if (this.vars.repeatRefresh && !isYoyo && !this._lock) { + this._lock = force = 1; + this.render(_round(cycleDuration * iteration), true).invalidate()._lock = 0; + } + } + } + if (!this._initted) { + if (_attemptInitTween(this, totalTime < 0 ? totalTime : time, force, suppressEvents)) { + this._tTime = 0; + return this; + } + if (dur !== this._dur) { + return this.render(totalTime, suppressEvents, force); + } + } + this._tTime = tTime; + this._time = time; + if (!this._act && this._ts) { + this._act = 1; + this._lazy = 0; + } + this.ratio = ratio = (yoyoEase || this._ease)(time / dur); + if (this._from) { + this.ratio = ratio = 1 - ratio; + } + if (time && !prevTime && !suppressEvents) { + _callback(this, "onStart"); + if (this._tTime !== tTime) { + return this; + } + } + pt = this._pt; + while (pt) { + pt.r(ratio, pt.d); + pt = pt._next; + } + timeline && timeline.render(totalTime < 0 ? totalTime : !time && isYoyo ? -_tinyNum : timeline._dur * ratio, suppressEvents, force) || this._startAt && (this._zTime = totalTime); + if (this._onUpdate && !suppressEvents) { + totalTime < 0 && this._startAt && this._startAt.render(totalTime, true, force); + _callback(this, "onUpdate"); + } + this._repeat && iteration !== prevIteration && this.vars.onRepeat && !suppressEvents && this.parent && _callback(this, "onRepeat"); + if ((tTime === this._tDur || !tTime) && this._tTime === tTime) { + totalTime < 0 && this._startAt && !this._onUpdate && this._startAt.render(totalTime, true, true); + (totalTime || !dur) && (tTime === this._tDur && this._ts > 0 || !tTime && this._ts < 0) && _removeFromParent(this, 1); + if (!suppressEvents && !(totalTime < 0 && !prevTime) && (tTime || prevTime)) { + _callback(this, tTime === tDur ? "onComplete" : "onReverseComplete", true); + this._prom && !(tTime < tDur && this.timeScale() > 0) && this._prom(); + } + } + } + return this; + }; + _proto3.targets = function targets() { + return this._targets; + }; + _proto3.invalidate = function invalidate() { + this._pt = this._op = this._startAt = this._onUpdate = this._lazy = this.ratio = 0; + this._ptLookup = []; + this.timeline && this.timeline.invalidate(); + return _Animation2.prototype.invalidate.call(this); + }; + _proto3.kill = function kill(targets, vars) { + if (vars === void 0) { + vars = "all"; + } + if (!targets && (!vars || vars === "all")) { + this._lazy = this._pt = 0; + return this.parent ? _interrupt(this) : this; + } + if (this.timeline) { + var tDur = this.timeline.totalDuration(); + this.timeline.killTweensOf(targets, vars, _overwritingTween && _overwritingTween.vars.overwrite !== true)._first || _interrupt(this); + this.parent && tDur !== this.timeline.totalDuration() && _setDuration(this, this._dur * this.timeline._tDur / tDur, 0, 1); + return this; + } + var parsedTargets = this._targets, killingTargets = targets ? toArray(targets) : parsedTargets, propTweenLookup = this._ptLookup, firstPT = this._pt, overwrittenProps, curLookup, curOverwriteProps, props, p, pt, i; + if ((!vars || vars === "all") && _arraysMatch(parsedTargets, killingTargets)) { + vars === "all" && (this._pt = 0); + return _interrupt(this); + } + overwrittenProps = this._op = this._op || []; + if (vars !== "all") { + if (_isString(vars)) { + p = {}; + _forEachName(vars, function (name) { + return p[name] = 1; + }); + vars = p; + } + vars = _addAliasesToVars(parsedTargets, vars); + } + i = parsedTargets.length; + while (i--) { + if (~killingTargets.indexOf(parsedTargets[i])) { + curLookup = propTweenLookup[i]; + if (vars === "all") { + overwrittenProps[i] = vars; + props = curLookup; + curOverwriteProps = {}; + } else { + curOverwriteProps = overwrittenProps[i] = overwrittenProps[i] || ({}); + props = vars; + } + for (p in props) { + pt = curLookup && curLookup[p]; + if (pt) { + if (!(("kill" in pt.d)) || pt.d.kill(p) === true) { + _removeLinkedListItem(this, pt, "_pt"); + } + delete curLookup[p]; + } + if (curOverwriteProps !== "all") { + curOverwriteProps[p] = 1; + } + } + } + } + this._initted && !this._pt && firstPT && _interrupt(this); + return this; + }; + Tween.to = function to(targets, vars) { + return new Tween(targets, vars, arguments[2]); + }; + Tween.from = function from(targets, vars) { + return _createTweenType(1, arguments); + }; + Tween.delayedCall = function delayedCall(delay, callback, params, scope) { + return new Tween(callback, 0, { + immediateRender: false, + lazy: false, + overwrite: false, + delay: delay, + onComplete: callback, + onReverseComplete: callback, + onCompleteParams: params, + onReverseCompleteParams: params, + callbackScope: scope + }); + }; + Tween.fromTo = function fromTo(targets, fromVars, toVars) { + return _createTweenType(2, arguments); + }; + Tween.set = function set(targets, vars) { + vars.duration = 0; + vars.repeatDelay || (vars.repeat = 0); + return new Tween(targets, vars); + }; + Tween.killTweensOf = function killTweensOf(targets, props, onlyActive) { + return _globalTimeline.killTweensOf(targets, props, onlyActive); + }; + return Tween; + })(Animation); + _setDefaults(Tween.prototype, { + _targets: [], + _lazy: 0, + _startAt: 0, + _op: 0, + _onInit: 0 + }); + _forEachName("staggerTo,staggerFrom,staggerFromTo", function (name) { + Tween[name] = function () { + var tl = new Timeline(), params = _slice.call(arguments, 0); + params.splice(name === "staggerFromTo" ? 5 : 4, 0, 0); + return tl[name].apply(tl, params); + }; + }); + var _setterPlain = function _setterPlain(target, property, value) { + return target[property] = value; + }, _setterFunc = function _setterFunc(target, property, value) { + return target[property](value); + }, _setterFuncWithParam = function _setterFuncWithParam(target, property, value, data) { + return target[property](data.fp, value); + }, _setterAttribute = function _setterAttribute(target, property, value) { + return target.setAttribute(property, value); + }, _getSetter = function _getSetter(target, property) { + return _isFunction(target[property]) ? _setterFunc : _isUndefined(target[property]) && target.setAttribute ? _setterAttribute : _setterPlain; + }, _renderPlain = function _renderPlain(ratio, data) { + return data.set(data.t, data.p, Math.round((data.s + data.c * ratio) * 1000000) / 1000000, data); + }, _renderBoolean = function _renderBoolean(ratio, data) { + return data.set(data.t, data.p, !!(data.s + data.c * ratio), data); + }, _renderComplexString = function _renderComplexString(ratio, data) { + var pt = data._pt, s = ""; + if (!ratio && data.b) { + s = data.b; + } else if (ratio === 1 && data.e) { + s = data.e; + } else { + while (pt) { + s = pt.p + (pt.m ? pt.m(pt.s + pt.c * ratio) : Math.round((pt.s + pt.c * ratio) * 10000) / 10000) + s; + pt = pt._next; + } + s += data.c; + } + data.set(data.t, data.p, s, data); + }, _renderPropTweens = function _renderPropTweens(ratio, data) { + var pt = data._pt; + while (pt) { + pt.r(ratio, pt.d); + pt = pt._next; + } + }, _addPluginModifier = function _addPluginModifier(modifier, tween, target, property) { + var pt = this._pt, next; + while (pt) { + next = pt._next; + pt.p === property && pt.modifier(modifier, tween, target); + pt = next; + } + }, _killPropTweensOf = function _killPropTweensOf(property) { + var pt = this._pt, hasNonDependentRemaining, next; + while (pt) { + next = pt._next; + if (pt.p === property && !pt.op || pt.op === property) { + _removeLinkedListItem(this, pt, "_pt"); + } else if (!pt.dep) { + hasNonDependentRemaining = 1; + } + pt = next; + } + return !hasNonDependentRemaining; + }, _setterWithModifier = function _setterWithModifier(target, property, value, data) { + data.mSet(target, property, data.m.call(data.tween, value, data.mt), data); + }, _sortPropTweensByPriority = function _sortPropTweensByPriority(parent) { + var pt = parent._pt, next, pt2, first, last; + while (pt) { + next = pt._next; + pt2 = first; + while (pt2 && pt2.pr > pt.pr) { + pt2 = pt2._next; + } + if (pt._prev = pt2 ? pt2._prev : last) { + pt._prev._next = pt; + } else { + first = pt; + } + if (pt._next = pt2) { + pt2._prev = pt; + } else { + last = pt; + } + pt = next; + } + parent._pt = first; + }; + var PropTween = (function () { + function PropTween(next, target, prop, start, change, renderer, data, setter, priority) { + this.t = target; + this.s = start; + this.c = change; + this.p = prop; + this.r = renderer || _renderPlain; + this.d = data || this; + this.set = setter || _setterPlain; + this.pr = priority || 0; + this._next = next; + if (next) { + next._prev = this; + } + } + var _proto4 = PropTween.prototype; + _proto4.modifier = function modifier(func, tween, target) { + this.mSet = this.mSet || this.set; + this.set = _setterWithModifier; + this.m = func; + this.mt = target; + this.tween = tween; + }; + return PropTween; + })(); + _forEachName(_callbackNames + "parent,duration,ease,delay,overwrite,runBackwards,startAt,yoyo,immediateRender,repeat,repeatDelay,data,paused,reversed,lazy,callbackScope,stringFilter,id,yoyoEase,stagger,inherit,repeatRefresh,keyframes,autoRevert,scrollTrigger", function (name) { + return _reservedProps[name] = 1; + }); + _globals.TweenMax = _globals.TweenLite = Tween; + _globals.TimelineLite = _globals.TimelineMax = Timeline; + _globalTimeline = new Timeline({ + sortChildren: false, + defaults: _defaults, + autoRemoveChildren: true, + id: "root", + smoothChildTiming: true + }); + _config.stringFilter = _colorStringFilter; + var _gsap = { + registerPlugin: function registerPlugin() { + for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) { + args[_key2] = arguments[_key2]; + } + args.forEach(function (config) { + return _createPlugin(config); + }); + }, + timeline: function timeline(vars) { + return new Timeline(vars); + }, + getTweensOf: function getTweensOf(targets, onlyActive) { + return _globalTimeline.getTweensOf(targets, onlyActive); + }, + getProperty: function getProperty(target, property, unit, uncache) { + _isString(target) && (target = toArray(target)[0]); + var getter = _getCache(target || ({})).get, format = unit ? _passThrough : _numericIfPossible; + unit === "native" && (unit = ""); + return !target ? target : !property ? function (property, unit, uncache) { + return format((_plugins[property] && _plugins[property].get || getter)(target, property, unit, uncache)); + } : format((_plugins[property] && _plugins[property].get || getter)(target, property, unit, uncache)); + }, + quickSetter: function quickSetter(target, property, unit) { + target = toArray(target); + if (target.length > 1) { + var setters = target.map(function (t) { + return gsap.quickSetter(t, property, unit); + }), l = setters.length; + return function (value) { + var i = l; + while (i--) { + setters[i](value); + } + }; + } + target = target[0] || ({}); + var Plugin = _plugins[property], cache = _getCache(target), p = cache.harness && (cache.harness.aliases || ({}))[property] || property, setter = Plugin ? function (value) { + var p = new Plugin(); + _quickTween._pt = 0; + p.init(target, unit ? value + unit : value, _quickTween, 0, [target]); + p.render(1, p); + _quickTween._pt && _renderPropTweens(1, _quickTween); + } : cache.set(target, p); + return Plugin ? setter : function (value) { + return setter(target, p, unit ? value + unit : value, cache, 1); + }; + }, + isTweening: function isTweening(targets) { + return _globalTimeline.getTweensOf(targets, true).length > 0; + }, + defaults: function defaults(value) { + value && value.ease && (value.ease = _parseEase(value.ease, _defaults.ease)); + return _mergeDeep(_defaults, value || ({})); + }, + config: function config(value) { + return _mergeDeep(_config, value || ({})); + }, + registerEffect: function registerEffect(_ref3) { + var name = _ref3.name, effect = _ref3.effect, plugins = _ref3.plugins, defaults = _ref3.defaults, extendTimeline = _ref3.extendTimeline; + (plugins || "").split(",").forEach(function (pluginName) { + return pluginName && !_plugins[pluginName] && !_globals[pluginName] && _warn(name + " effect requires " + pluginName + " plugin."); + }); + _effects[name] = function (targets, vars, tl) { + return effect(toArray(targets), _setDefaults(vars || ({}), defaults), tl); + }; + if (extendTimeline) { + Timeline.prototype[name] = function (targets, vars, position) { + return this.add(_effects[name](targets, _isObject(vars) ? vars : (position = vars) && ({}), this), position); + }; + } + }, + registerEase: function registerEase(name, ease) { + _easeMap[name] = _parseEase(ease); + }, + parseEase: function parseEase(ease, defaultEase) { + return arguments.length ? _parseEase(ease, defaultEase) : _easeMap; + }, + getById: function getById(id) { + return _globalTimeline.getById(id); + }, + exportRoot: function exportRoot(vars, includeDelayedCalls) { + if (vars === void 0) { + vars = {}; + } + var tl = new Timeline(vars), child, next; + tl.smoothChildTiming = _isNotFalse(vars.smoothChildTiming); + _globalTimeline.remove(tl); + tl._dp = 0; + tl._time = tl._tTime = _globalTimeline._time; + child = _globalTimeline._first; + while (child) { + next = child._next; + if (includeDelayedCalls || !(!child._dur && child instanceof Tween && child.vars.onComplete === child._targets[0])) { + _addToTimeline(tl, child, child._start - child._delay); + } + child = next; + } + _addToTimeline(_globalTimeline, tl, 0); + return tl; + }, + utils: { + wrap: wrap, + wrapYoyo: wrapYoyo, + distribute: distribute, + random: random, + snap: snap, + normalize: normalize, + getUnit: getUnit, + clamp: clamp, + splitColor: splitColor, + toArray: toArray, + selector: selector, + mapRange: mapRange, + pipe: pipe, + unitize: unitize, + interpolate: interpolate, + shuffle: shuffle + }, + install: _install, + effects: _effects, + ticker: _ticker, + updateRoot: Timeline.updateRoot, + plugins: _plugins, + globalTimeline: _globalTimeline, + core: { + PropTween: PropTween, + globals: _addGlobal, + Tween: Tween, + Timeline: Timeline, + Animation: Animation, + getCache: _getCache, + _removeLinkedListItem: _removeLinkedListItem, + suppressOverwrites: function suppressOverwrites(value) { + return _suppressOverwrites = value; + } + } + }; + _forEachName("to,from,fromTo,delayedCall,set,killTweensOf", function (name) { + return _gsap[name] = Tween[name]; + }); + _ticker.add(Timeline.updateRoot); + _quickTween = _gsap.to({}, { + duration: 0 + }); + var _getPluginPropTween = function _getPluginPropTween(plugin, prop) { + var pt = plugin._pt; + while (pt && pt.p !== prop && pt.op !== prop && pt.fp !== prop) { + pt = pt._next; + } + return pt; + }, _addModifiers = function _addModifiers(tween, modifiers) { + var targets = tween._targets, p, i, pt; + for (p in modifiers) { + i = targets.length; + while (i--) { + pt = tween._ptLookup[i][p]; + if (pt && (pt = pt.d)) { + if (pt._pt) { + pt = _getPluginPropTween(pt, p); + } + pt && pt.modifier && pt.modifier(modifiers[p], tween, targets[i], p); + } + } + } + }, _buildModifierPlugin = function _buildModifierPlugin(name, modifier) { + return { + name: name, + rawVars: 1, + init: function init(target, vars, tween) { + tween._onInit = function (tween) { + var temp, p; + if (_isString(vars)) { + temp = {}; + _forEachName(vars, function (name) { + return temp[name] = 1; + }); + vars = temp; + } + if (modifier) { + temp = {}; + for (p in vars) { + temp[p] = modifier(vars[p]); + } + vars = temp; + } + _addModifiers(tween, vars); + }; + } + }; + }; + var gsap = _gsap.registerPlugin({ + name: "attr", + init: function init(target, vars, tween, index, targets) { + var p, pt; + for (p in vars) { + pt = this.add(target, "setAttribute", (target.getAttribute(p) || 0) + "", vars[p], index, targets, 0, 0, p); + pt && (pt.op = p); + this._props.push(p); + } + } + }, { + name: "endArray", + init: function init(target, value) { + var i = value.length; + while (i--) { + this.add(target, i, target[i] || 0, value[i]); + } + } + }, _buildModifierPlugin("roundProps", _roundModifier), _buildModifierPlugin("modifiers"), _buildModifierPlugin("snap", snap)) || _gsap; + Tween.version = Timeline.version = gsap.version = "3.7.1"; + _coreReady = 1; + _windowExists() && _wake(); + var Power0 = _easeMap.Power0, Power1 = _easeMap.Power1, Power2 = _easeMap.Power2, Power3 = _easeMap.Power3, Power4 = _easeMap.Power4, Linear = _easeMap.Linear, Quad = _easeMap.Quad, Cubic = _easeMap.Cubic, Quart = _easeMap.Quart, Quint = _easeMap.Quint, Strong = _easeMap.Strong, Elastic = _easeMap.Elastic, Back = _easeMap.Back, SteppedEase = _easeMap.SteppedEase, Bounce = _easeMap.Bounce, Sine = _easeMap.Sine, Expo = _easeMap.Expo, Circ = _easeMap.Circ; + var _win$1, _doc$1, _docElement, _pluginInitted, _tempDiv, _tempDivStyler, _recentSetterPlugin, _windowExists$1 = function _windowExists() { + return typeof window !== "undefined"; + }, _transformProps = {}, _RAD2DEG = 180 / Math.PI, _DEG2RAD = Math.PI / 180, _atan2 = Math.atan2, _bigNum$1 = 1e8, _capsExp = /([A-Z])/g, _horizontalExp = /(?:left|right|width|margin|padding|x)/i, _complexExp = /[\s,\(]\S/, _propertyAliases = { + autoAlpha: "opacity,visibility", + scale: "scaleX,scaleY", + alpha: "opacity" + }, _renderCSSProp = function _renderCSSProp(ratio, data) { + return data.set(data.t, data.p, Math.round((data.s + data.c * ratio) * 10000) / 10000 + data.u, data); + }, _renderPropWithEnd = function _renderPropWithEnd(ratio, data) { + return data.set(data.t, data.p, ratio === 1 ? data.e : Math.round((data.s + data.c * ratio) * 10000) / 10000 + data.u, data); + }, _renderCSSPropWithBeginning = function _renderCSSPropWithBeginning(ratio, data) { + return data.set(data.t, data.p, ratio ? Math.round((data.s + data.c * ratio) * 10000) / 10000 + data.u : data.b, data); + }, _renderRoundedCSSProp = function _renderRoundedCSSProp(ratio, data) { + var value = data.s + data.c * ratio; + data.set(data.t, data.p, ~~(value + (value < 0 ? -.5 : .5)) + data.u, data); + }, _renderNonTweeningValue = function _renderNonTweeningValue(ratio, data) { + return data.set(data.t, data.p, ratio ? data.e : data.b, data); + }, _renderNonTweeningValueOnlyAtEnd = function _renderNonTweeningValueOnlyAtEnd(ratio, data) { + return data.set(data.t, data.p, ratio !== 1 ? data.b : data.e, data); + }, _setterCSSStyle = function _setterCSSStyle(target, property, value) { + return target.style[property] = value; + }, _setterCSSProp = function _setterCSSProp(target, property, value) { + return target.style.setProperty(property, value); + }, _setterTransform = function _setterTransform(target, property, value) { + return target._gsap[property] = value; + }, _setterScale = function _setterScale(target, property, value) { + return target._gsap.scaleX = target._gsap.scaleY = value; + }, _setterScaleWithRender = function _setterScaleWithRender(target, property, value, data, ratio) { + var cache = target._gsap; + cache.scaleX = cache.scaleY = value; + cache.renderTransform(ratio, cache); + }, _setterTransformWithRender = function _setterTransformWithRender(target, property, value, data, ratio) { + var cache = target._gsap; + cache[property] = value; + cache.renderTransform(ratio, cache); + }, _transformProp = "transform", _transformOriginProp = _transformProp + "Origin", _supports3D, _createElement = function _createElement(type, ns) { + var e = _doc$1.createElementNS ? _doc$1.createElementNS((ns || "http://www.w3.org/1999/xhtml").replace(/^https/, "http"), type) : _doc$1.createElement(type); + return e.style ? e : _doc$1.createElement(type); + }, _getComputedProperty = function _getComputedProperty(target, property, skipPrefixFallback) { + var cs = getComputedStyle(target); + return cs[property] || cs.getPropertyValue(property.replace(_capsExp, "-$1").toLowerCase()) || cs.getPropertyValue(property) || !skipPrefixFallback && _getComputedProperty(target, _checkPropPrefix(property) || property, 1) || ""; + }, _prefixes = ("O,Moz,ms,Ms,Webkit").split(","), _checkPropPrefix = function _checkPropPrefix(property, element, preferPrefix) { + var e = element || _tempDiv, s = e.style, i = 5; + if ((property in s) && !preferPrefix) { + return property; + } + property = property.charAt(0).toUpperCase() + property.substr(1); + while (i-- && !((_prefixes[i] + property in s))) {} + return i < 0 ? null : (i === 3 ? "ms" : i >= 0 ? _prefixes[i] : "") + property; + }, _initCore = function _initCore() { + if (_windowExists$1() && window.document) { + _win$1 = window; + _doc$1 = _win$1.document; + _docElement = _doc$1.documentElement; + _tempDiv = _createElement("div") || ({ + style: {} + }); + _tempDivStyler = _createElement("div"); + _transformProp = _checkPropPrefix(_transformProp); + _transformOriginProp = _transformProp + "Origin"; + _tempDiv.style.cssText = "border-width:0;line-height:0;position:absolute;padding:0"; + _supports3D = !!_checkPropPrefix("perspective"); + _pluginInitted = 1; + } + }, _getBBoxHack = function _getBBoxHack(swapIfPossible) { + var svg = _createElement("svg", this.ownerSVGElement && this.ownerSVGElement.getAttribute("xmlns") || "http://www.w3.org/2000/svg"), oldParent = this.parentNode, oldSibling = this.nextSibling, oldCSS = this.style.cssText, bbox; + _docElement.appendChild(svg); + svg.appendChild(this); + this.style.display = "block"; + if (swapIfPossible) { + try { + bbox = this.getBBox(); + this._gsapBBox = this.getBBox; + this.getBBox = _getBBoxHack; + } catch (e) {} + } else if (this._gsapBBox) { + bbox = this._gsapBBox(); + } + if (oldParent) { + if (oldSibling) { + oldParent.insertBefore(this, oldSibling); + } else { + oldParent.appendChild(this); + } + } + _docElement.removeChild(svg); + this.style.cssText = oldCSS; + return bbox; + }, _getAttributeFallbacks = function _getAttributeFallbacks(target, attributesArray) { + var i = attributesArray.length; + while (i--) { + if (target.hasAttribute(attributesArray[i])) { + return target.getAttribute(attributesArray[i]); + } + } + }, _getBBox = function _getBBox(target) { + var bounds; + try { + bounds = target.getBBox(); + } catch (error) { + bounds = _getBBoxHack.call(target, true); + } + bounds && (bounds.width || bounds.height) || target.getBBox === _getBBoxHack || (bounds = _getBBoxHack.call(target, true)); + return bounds && !bounds.width && !bounds.x && !bounds.y ? { + x: +_getAttributeFallbacks(target, ["x", "cx", "x1"]) || 0, + y: +_getAttributeFallbacks(target, ["y", "cy", "y1"]) || 0, + width: 0, + height: 0 + } : bounds; + }, _isSVG = function _isSVG(e) { + return !!(e.getCTM && (!e.parentNode || e.ownerSVGElement) && _getBBox(e)); + }, _removeProperty = function _removeProperty(target, property) { + if (property) { + var style = target.style; + if ((property in _transformProps) && property !== _transformOriginProp) { + property = _transformProp; + } + if (style.removeProperty) { + if (property.substr(0, 2) === "ms" || property.substr(0, 6) === "webkit") { + property = "-" + property; + } + style.removeProperty(property.replace(_capsExp, "-$1").toLowerCase()); + } else { + style.removeAttribute(property); + } + } + }, _addNonTweeningPT = function _addNonTweeningPT(plugin, target, property, beginning, end, onlySetAtEnd) { + var pt = new PropTween(plugin._pt, target, property, 0, 1, onlySetAtEnd ? _renderNonTweeningValueOnlyAtEnd : _renderNonTweeningValue); + plugin._pt = pt; + pt.b = beginning; + pt.e = end; + plugin._props.push(property); + return pt; + }, _nonConvertibleUnits = { + deg: 1, + rad: 1, + turn: 1 + }, _convertToUnit = function _convertToUnit(target, property, value, unit) { + var curValue = parseFloat(value) || 0, curUnit = (value + "").trim().substr((curValue + "").length) || "px", style = _tempDiv.style, horizontal = _horizontalExp.test(property), isRootSVG = target.tagName.toLowerCase() === "svg", measureProperty = (isRootSVG ? "client" : "offset") + (horizontal ? "Width" : "Height"), amount = 100, toPixels = unit === "px", toPercent = unit === "%", px, parent, cache, isSVG; + if (unit === curUnit || !curValue || _nonConvertibleUnits[unit] || _nonConvertibleUnits[curUnit]) { + return curValue; + } + curUnit !== "px" && !toPixels && (curValue = _convertToUnit(target, property, value, "px")); + isSVG = target.getCTM && _isSVG(target); + if ((toPercent || curUnit === "%") && (_transformProps[property] || ~property.indexOf("adius"))) { + px = isSVG ? target.getBBox()[horizontal ? "width" : "height"] : target[measureProperty]; + return _round(toPercent ? curValue / px * amount : curValue / 100 * px); + } + style[horizontal ? "width" : "height"] = amount + (toPixels ? curUnit : unit); + parent = ~property.indexOf("adius") || unit === "em" && target.appendChild && !isRootSVG ? target : target.parentNode; + if (isSVG) { + parent = (target.ownerSVGElement || ({})).parentNode; + } + if (!parent || parent === _doc$1 || !parent.appendChild) { + parent = _doc$1.body; + } + cache = parent._gsap; + if (cache && toPercent && cache.width && horizontal && cache.time === _ticker.time) { + return _round(curValue / cache.width * amount); + } else { + (toPercent || curUnit === "%") && (style.position = _getComputedProperty(target, "position")); + parent === target && (style.position = "static"); + parent.appendChild(_tempDiv); + px = _tempDiv[measureProperty]; + parent.removeChild(_tempDiv); + style.position = "absolute"; + if (horizontal && toPercent) { + cache = _getCache(parent); + cache.time = _ticker.time; + cache.width = parent[measureProperty]; + } + } + return _round(toPixels ? px * curValue / amount : px && curValue ? amount / px * curValue : 0); + }, _get = function _get(target, property, unit, uncache) { + var value; + _pluginInitted || _initCore(); + if ((property in _propertyAliases) && property !== "transform") { + property = _propertyAliases[property]; + if (~property.indexOf(",")) { + property = property.split(",")[0]; + } + } + if (_transformProps[property] && property !== "transform") { + value = _parseTransform(target, uncache); + value = property !== "transformOrigin" ? value[property] : value.svg ? value.origin : _firstTwoOnly(_getComputedProperty(target, _transformOriginProp)) + " " + value.zOrigin + "px"; + } else { + value = target.style[property]; + if (!value || value === "auto" || uncache || ~(value + "").indexOf("calc(")) { + value = _specialProps[property] && _specialProps[property](target, property, unit) || _getComputedProperty(target, property) || _getProperty(target, property) || (property === "opacity" ? 1 : 0); + } + } + return unit && !~(value + "").trim().indexOf(" ") ? _convertToUnit(target, property, value, unit) + unit : value; + }, _tweenComplexCSSString = function _tweenComplexCSSString(target, prop, start, end) { + if (!start || start === "none") { + var p = _checkPropPrefix(prop, target, 1), s = p && _getComputedProperty(target, p, 1); + if (s && s !== start) { + prop = p; + start = s; + } else if (prop === "borderColor") { + start = _getComputedProperty(target, "borderTopColor"); + } + } + var pt = new PropTween(this._pt, target.style, prop, 0, 1, _renderComplexString), index = 0, matchIndex = 0, a, result, startValues, startNum, color, startValue, endValue, endNum, chunk, endUnit, startUnit, relative, endValues; + pt.b = start; + pt.e = end; + start += ""; + end += ""; + if (end === "auto") { + target.style[prop] = end; + end = _getComputedProperty(target, prop) || end; + target.style[prop] = start; + } + a = [start, end]; + _colorStringFilter(a); + start = a[0]; + end = a[1]; + startValues = start.match(_numWithUnitExp) || []; + endValues = end.match(_numWithUnitExp) || []; + if (endValues.length) { + while (result = _numWithUnitExp.exec(end)) { + endValue = result[0]; + chunk = end.substring(index, result.index); + if (color) { + color = (color + 1) % 5; + } else if (chunk.substr(-5) === "rgba(" || chunk.substr(-5) === "hsla(") { + color = 1; + } + if (endValue !== (startValue = startValues[matchIndex++] || "")) { + startNum = parseFloat(startValue) || 0; + startUnit = startValue.substr((startNum + "").length); + relative = endValue.charAt(1) === "=" ? +(endValue.charAt(0) + "1") : 0; + if (relative) { + endValue = endValue.substr(2); + } + endNum = parseFloat(endValue); + endUnit = endValue.substr((endNum + "").length); + index = _numWithUnitExp.lastIndex - endUnit.length; + if (!endUnit) { + endUnit = endUnit || _config.units[prop] || startUnit; + if (index === end.length) { + end += endUnit; + pt.e += endUnit; + } + } + if (startUnit !== endUnit) { + startNum = _convertToUnit(target, prop, startValue, endUnit) || 0; + } + pt._pt = { + _next: pt._pt, + p: chunk || matchIndex === 1 ? chunk : ",", + s: startNum, + c: relative ? relative * endNum : endNum - startNum, + m: color && color < 4 || prop === "zIndex" ? Math.round : 0 + }; + } + } + pt.c = index < end.length ? end.substring(index, end.length) : ""; + } else { + pt.r = prop === "display" && end === "none" ? _renderNonTweeningValueOnlyAtEnd : _renderNonTweeningValue; + } + _relExp.test(end) && (pt.e = 0); + this._pt = pt; + return pt; + }, _keywordToPercent = { + top: "0%", + bottom: "100%", + left: "0%", + right: "100%", + center: "50%" + }, _convertKeywordsToPercentages = function _convertKeywordsToPercentages(value) { + var split = value.split(" "), x = split[0], y = split[1] || "50%"; + if (x === "top" || x === "bottom" || y === "left" || y === "right") { + value = x; + x = y; + y = value; + } + split[0] = _keywordToPercent[x] || x; + split[1] = _keywordToPercent[y] || y; + return split.join(" "); + }, _renderClearProps = function _renderClearProps(ratio, data) { + if (data.tween && data.tween._time === data.tween._dur) { + var target = data.t, style = target.style, props = data.u, cache = target._gsap, prop, clearTransforms, i; + if (props === "all" || props === true) { + style.cssText = ""; + clearTransforms = 1; + } else { + props = props.split(","); + i = props.length; + while (--i > -1) { + prop = props[i]; + if (_transformProps[prop]) { + clearTransforms = 1; + prop = prop === "transformOrigin" ? _transformOriginProp : _transformProp; + } + _removeProperty(target, prop); + } + } + if (clearTransforms) { + _removeProperty(target, _transformProp); + if (cache) { + cache.svg && target.removeAttribute("transform"); + _parseTransform(target, 1); + cache.uncache = 1; + } + } + } + }, _specialProps = { + clearProps: function clearProps(plugin, target, property, endValue, tween) { + if (tween.data !== "isFromStart") { + var pt = plugin._pt = new PropTween(plugin._pt, target, property, 0, 0, _renderClearProps); + pt.u = endValue; + pt.pr = -10; + pt.tween = tween; + plugin._props.push(property); + return 1; + } + } + }, _identity2DMatrix = [1, 0, 0, 1, 0, 0], _rotationalProperties = {}, _isNullTransform = function _isNullTransform(value) { + return value === "matrix(1, 0, 0, 1, 0, 0)" || value === "none" || !value; + }, _getComputedTransformMatrixAsArray = function _getComputedTransformMatrixAsArray(target) { + var matrixString = _getComputedProperty(target, _transformProp); + return _isNullTransform(matrixString) ? _identity2DMatrix : matrixString.substr(7).match(_numExp).map(_round); + }, _getMatrix = function _getMatrix(target, force2D) { + var cache = target._gsap || _getCache(target), style = target.style, matrix = _getComputedTransformMatrixAsArray(target), parent, nextSibling, temp, addedToDOM; + if (cache.svg && target.getAttribute("transform")) { + temp = target.transform.baseVal.consolidate().matrix; + matrix = [temp.a, temp.b, temp.c, temp.d, temp.e, temp.f]; + return matrix.join(",") === "1,0,0,1,0,0" ? _identity2DMatrix : matrix; + } else if (matrix === _identity2DMatrix && !target.offsetParent && target !== _docElement && !cache.svg) { + temp = style.display; + style.display = "block"; + parent = target.parentNode; + if (!parent || !target.offsetParent) { + addedToDOM = 1; + nextSibling = target.nextSibling; + _docElement.appendChild(target); + } + matrix = _getComputedTransformMatrixAsArray(target); + temp ? style.display = temp : _removeProperty(target, "display"); + if (addedToDOM) { + nextSibling ? parent.insertBefore(target, nextSibling) : parent ? parent.appendChild(target) : _docElement.removeChild(target); + } + } + return force2D && matrix.length > 6 ? [matrix[0], matrix[1], matrix[4], matrix[5], matrix[12], matrix[13]] : matrix; + }, _applySVGOrigin = function _applySVGOrigin(target, origin, originIsAbsolute, smooth, matrixArray, pluginToAddPropTweensTo) { + var cache = target._gsap, matrix = matrixArray || _getMatrix(target, true), xOriginOld = cache.xOrigin || 0, yOriginOld = cache.yOrigin || 0, xOffsetOld = cache.xOffset || 0, yOffsetOld = cache.yOffset || 0, a = matrix[0], b = matrix[1], c = matrix[2], d = matrix[3], tx = matrix[4], ty = matrix[5], originSplit = origin.split(" "), xOrigin = parseFloat(originSplit[0]) || 0, yOrigin = parseFloat(originSplit[1]) || 0, bounds, determinant, x, y; + if (!originIsAbsolute) { + bounds = _getBBox(target); + xOrigin = bounds.x + (~originSplit[0].indexOf("%") ? xOrigin / 100 * bounds.width : xOrigin); + yOrigin = bounds.y + (~(originSplit[1] || originSplit[0]).indexOf("%") ? yOrigin / 100 * bounds.height : yOrigin); + } else if (matrix !== _identity2DMatrix && (determinant = a * d - b * c)) { + x = xOrigin * (d / determinant) + yOrigin * (-c / determinant) + (c * ty - d * tx) / determinant; + y = xOrigin * (-b / determinant) + yOrigin * (a / determinant) - (a * ty - b * tx) / determinant; + xOrigin = x; + yOrigin = y; + } + if (smooth || smooth !== false && cache.smooth) { + tx = xOrigin - xOriginOld; + ty = yOrigin - yOriginOld; + cache.xOffset = xOffsetOld + (tx * a + ty * c) - tx; + cache.yOffset = yOffsetOld + (tx * b + ty * d) - ty; + } else { + cache.xOffset = cache.yOffset = 0; + } + cache.xOrigin = xOrigin; + cache.yOrigin = yOrigin; + cache.smooth = !!smooth; + cache.origin = origin; + cache.originIsAbsolute = !!originIsAbsolute; + target.style[_transformOriginProp] = "0px 0px"; + if (pluginToAddPropTweensTo) { + _addNonTweeningPT(pluginToAddPropTweensTo, cache, "xOrigin", xOriginOld, xOrigin); + _addNonTweeningPT(pluginToAddPropTweensTo, cache, "yOrigin", yOriginOld, yOrigin); + _addNonTweeningPT(pluginToAddPropTweensTo, cache, "xOffset", xOffsetOld, cache.xOffset); + _addNonTweeningPT(pluginToAddPropTweensTo, cache, "yOffset", yOffsetOld, cache.yOffset); + } + target.setAttribute("data-svg-origin", xOrigin + " " + yOrigin); + }, _parseTransform = function _parseTransform(target, uncache) { + var cache = target._gsap || new GSCache(target); + if (("x" in cache) && !uncache && !cache.uncache) { + return cache; + } + var style = target.style, invertedScaleX = cache.scaleX < 0, px = "px", deg = "deg", origin = _getComputedProperty(target, _transformOriginProp) || "0", x, y, z, scaleX, scaleY, rotation, rotationX, rotationY, skewX, skewY, perspective, xOrigin, yOrigin, matrix, angle, cos, sin, a, b, c, d, a12, a22, t1, t2, t3, a13, a23, a33, a42, a43, a32; + x = y = z = rotation = rotationX = rotationY = skewX = skewY = perspective = 0; + scaleX = scaleY = 1; + cache.svg = !!(target.getCTM && _isSVG(target)); + matrix = _getMatrix(target, cache.svg); + if (cache.svg) { + t1 = (!cache.uncache || origin === "0px 0px") && !uncache && target.getAttribute("data-svg-origin"); + _applySVGOrigin(target, t1 || origin, !!t1 || cache.originIsAbsolute, cache.smooth !== false, matrix); + } + xOrigin = cache.xOrigin || 0; + yOrigin = cache.yOrigin || 0; + if (matrix !== _identity2DMatrix) { + a = matrix[0]; + b = matrix[1]; + c = matrix[2]; + d = matrix[3]; + x = a12 = matrix[4]; + y = a22 = matrix[5]; + if (matrix.length === 6) { + scaleX = Math.sqrt(a * a + b * b); + scaleY = Math.sqrt(d * d + c * c); + rotation = a || b ? _atan2(b, a) * _RAD2DEG : 0; + skewX = c || d ? _atan2(c, d) * _RAD2DEG + rotation : 0; + skewX && (scaleY *= Math.abs(Math.cos(skewX * _DEG2RAD))); + if (cache.svg) { + x -= xOrigin - (xOrigin * a + yOrigin * c); + y -= yOrigin - (xOrigin * b + yOrigin * d); + } + } else { + a32 = matrix[6]; + a42 = matrix[7]; + a13 = matrix[8]; + a23 = matrix[9]; + a33 = matrix[10]; + a43 = matrix[11]; + x = matrix[12]; + y = matrix[13]; + z = matrix[14]; + angle = _atan2(a32, a33); + rotationX = angle * _RAD2DEG; + if (angle) { + cos = Math.cos(-angle); + sin = Math.sin(-angle); + t1 = a12 * cos + a13 * sin; + t2 = a22 * cos + a23 * sin; + t3 = a32 * cos + a33 * sin; + a13 = a12 * -sin + a13 * cos; + a23 = a22 * -sin + a23 * cos; + a33 = a32 * -sin + a33 * cos; + a43 = a42 * -sin + a43 * cos; + a12 = t1; + a22 = t2; + a32 = t3; + } + angle = _atan2(-c, a33); + rotationY = angle * _RAD2DEG; + if (angle) { + cos = Math.cos(-angle); + sin = Math.sin(-angle); + t1 = a * cos - a13 * sin; + t2 = b * cos - a23 * sin; + t3 = c * cos - a33 * sin; + a43 = d * sin + a43 * cos; + a = t1; + b = t2; + c = t3; + } + angle = _atan2(b, a); + rotation = angle * _RAD2DEG; + if (angle) { + cos = Math.cos(angle); + sin = Math.sin(angle); + t1 = a * cos + b * sin; + t2 = a12 * cos + a22 * sin; + b = b * cos - a * sin; + a22 = a22 * cos - a12 * sin; + a = t1; + a12 = t2; + } + if (rotationX && Math.abs(rotationX) + Math.abs(rotation) > 359.9) { + rotationX = rotation = 0; + rotationY = 180 - rotationY; + } + scaleX = _round(Math.sqrt(a * a + b * b + c * c)); + scaleY = _round(Math.sqrt(a22 * a22 + a32 * a32)); + angle = _atan2(a12, a22); + skewX = Math.abs(angle) > 0.0002 ? angle * _RAD2DEG : 0; + perspective = a43 ? 1 / (a43 < 0 ? -a43 : a43) : 0; + } + if (cache.svg) { + t1 = target.getAttribute("transform"); + cache.forceCSS = target.setAttribute("transform", "") || !_isNullTransform(_getComputedProperty(target, _transformProp)); + t1 && target.setAttribute("transform", t1); + } + } + if (Math.abs(skewX) > 90 && Math.abs(skewX) < 270) { + if (invertedScaleX) { + scaleX *= -1; + skewX += rotation <= 0 ? 180 : -180; + rotation += rotation <= 0 ? 180 : -180; + } else { + scaleY *= -1; + skewX += skewX <= 0 ? 180 : -180; + } + } + cache.x = x - ((cache.xPercent = x && (cache.xPercent || (Math.round(target.offsetWidth / 2) === Math.round(-x) ? -50 : 0))) ? target.offsetWidth * cache.xPercent / 100 : 0) + px; + cache.y = y - ((cache.yPercent = y && (cache.yPercent || (Math.round(target.offsetHeight / 2) === Math.round(-y) ? -50 : 0))) ? target.offsetHeight * cache.yPercent / 100 : 0) + px; + cache.z = z + px; + cache.scaleX = _round(scaleX); + cache.scaleY = _round(scaleY); + cache.rotation = _round(rotation) + deg; + cache.rotationX = _round(rotationX) + deg; + cache.rotationY = _round(rotationY) + deg; + cache.skewX = skewX + deg; + cache.skewY = skewY + deg; + cache.transformPerspective = perspective + px; + if (cache.zOrigin = parseFloat(origin.split(" ")[2]) || 0) { + style[_transformOriginProp] = _firstTwoOnly(origin); + } + cache.xOffset = cache.yOffset = 0; + cache.force3D = _config.force3D; + cache.renderTransform = cache.svg ? _renderSVGTransforms : _supports3D ? _renderCSSTransforms : _renderNon3DTransforms; + cache.uncache = 0; + return cache; + }, _firstTwoOnly = function _firstTwoOnly(value) { + return (value = value.split(" "))[0] + " " + value[1]; + }, _addPxTranslate = function _addPxTranslate(target, start, value) { + var unit = getUnit(start); + return _round(parseFloat(start) + parseFloat(_convertToUnit(target, "x", value + "px", unit))) + unit; + }, _renderNon3DTransforms = function _renderNon3DTransforms(ratio, cache) { + cache.z = "0px"; + cache.rotationY = cache.rotationX = "0deg"; + cache.force3D = 0; + _renderCSSTransforms(ratio, cache); + }, _zeroDeg = "0deg", _zeroPx = "0px", _endParenthesis = ") ", _renderCSSTransforms = function _renderCSSTransforms(ratio, cache) { + var _ref = cache || this, xPercent = _ref.xPercent, yPercent = _ref.yPercent, x = _ref.x, y = _ref.y, z = _ref.z, rotation = _ref.rotation, rotationY = _ref.rotationY, rotationX = _ref.rotationX, skewX = _ref.skewX, skewY = _ref.skewY, scaleX = _ref.scaleX, scaleY = _ref.scaleY, transformPerspective = _ref.transformPerspective, force3D = _ref.force3D, target = _ref.target, zOrigin = _ref.zOrigin, transforms = "", use3D = force3D === "auto" && ratio && ratio !== 1 || force3D === true; + if (zOrigin && (rotationX !== _zeroDeg || rotationY !== _zeroDeg)) { + var angle = parseFloat(rotationY) * _DEG2RAD, a13 = Math.sin(angle), a33 = Math.cos(angle), cos; + angle = parseFloat(rotationX) * _DEG2RAD; + cos = Math.cos(angle); + x = _addPxTranslate(target, x, a13 * cos * -zOrigin); + y = _addPxTranslate(target, y, -Math.sin(angle) * -zOrigin); + z = _addPxTranslate(target, z, a33 * cos * -zOrigin + zOrigin); + } + if (transformPerspective !== _zeroPx) { + transforms += "perspective(" + transformPerspective + _endParenthesis; + } + if (xPercent || yPercent) { + transforms += "translate(" + xPercent + "%, " + yPercent + "%) "; + } + if (use3D || x !== _zeroPx || y !== _zeroPx || z !== _zeroPx) { + transforms += z !== _zeroPx || use3D ? "translate3d(" + x + ", " + y + ", " + z + ") " : "translate(" + x + ", " + y + _endParenthesis; + } + if (rotation !== _zeroDeg) { + transforms += "rotate(" + rotation + _endParenthesis; + } + if (rotationY !== _zeroDeg) { + transforms += "rotateY(" + rotationY + _endParenthesis; + } + if (rotationX !== _zeroDeg) { + transforms += "rotateX(" + rotationX + _endParenthesis; + } + if (skewX !== _zeroDeg || skewY !== _zeroDeg) { + transforms += "skew(" + skewX + ", " + skewY + _endParenthesis; + } + if (scaleX !== 1 || scaleY !== 1) { + transforms += "scale(" + scaleX + ", " + scaleY + _endParenthesis; + } + target.style[_transformProp] = transforms || "translate(0, 0)"; + }, _renderSVGTransforms = function _renderSVGTransforms(ratio, cache) { + var _ref2 = cache || this, xPercent = _ref2.xPercent, yPercent = _ref2.yPercent, x = _ref2.x, y = _ref2.y, rotation = _ref2.rotation, skewX = _ref2.skewX, skewY = _ref2.skewY, scaleX = _ref2.scaleX, scaleY = _ref2.scaleY, target = _ref2.target, xOrigin = _ref2.xOrigin, yOrigin = _ref2.yOrigin, xOffset = _ref2.xOffset, yOffset = _ref2.yOffset, forceCSS = _ref2.forceCSS, tx = parseFloat(x), ty = parseFloat(y), a11, a21, a12, a22, temp; + rotation = parseFloat(rotation); + skewX = parseFloat(skewX); + skewY = parseFloat(skewY); + if (skewY) { + skewY = parseFloat(skewY); + skewX += skewY; + rotation += skewY; + } + if (rotation || skewX) { + rotation *= _DEG2RAD; + skewX *= _DEG2RAD; + a11 = Math.cos(rotation) * scaleX; + a21 = Math.sin(rotation) * scaleX; + a12 = Math.sin(rotation - skewX) * -scaleY; + a22 = Math.cos(rotation - skewX) * scaleY; + if (skewX) { + skewY *= _DEG2RAD; + temp = Math.tan(skewX - skewY); + temp = Math.sqrt(1 + temp * temp); + a12 *= temp; + a22 *= temp; + if (skewY) { + temp = Math.tan(skewY); + temp = Math.sqrt(1 + temp * temp); + a11 *= temp; + a21 *= temp; + } + } + a11 = _round(a11); + a21 = _round(a21); + a12 = _round(a12); + a22 = _round(a22); + } else { + a11 = scaleX; + a22 = scaleY; + a21 = a12 = 0; + } + if (tx && !~(x + "").indexOf("px") || ty && !~(y + "").indexOf("px")) { + tx = _convertToUnit(target, "x", x, "px"); + ty = _convertToUnit(target, "y", y, "px"); + } + if (xOrigin || yOrigin || xOffset || yOffset) { + tx = _round(tx + xOrigin - (xOrigin * a11 + yOrigin * a12) + xOffset); + ty = _round(ty + yOrigin - (xOrigin * a21 + yOrigin * a22) + yOffset); + } + if (xPercent || yPercent) { + temp = target.getBBox(); + tx = _round(tx + xPercent / 100 * temp.width); + ty = _round(ty + yPercent / 100 * temp.height); + } + temp = "matrix(" + a11 + "," + a21 + "," + a12 + "," + a22 + "," + tx + "," + ty + ")"; + target.setAttribute("transform", temp); + forceCSS && (target.style[_transformProp] = temp); + }, _addRotationalPropTween = function _addRotationalPropTween(plugin, target, property, startNum, endValue, relative) { + var cap = 360, isString = _isString(endValue), endNum = parseFloat(endValue) * (isString && ~endValue.indexOf("rad") ? _RAD2DEG : 1), change = relative ? endNum * relative : endNum - startNum, finalValue = startNum + change + "deg", direction, pt; + if (isString) { + direction = endValue.split("_")[1]; + if (direction === "short") { + change %= cap; + if (change !== change % (cap / 2)) { + change += change < 0 ? cap : -cap; + } + } + if (direction === "cw" && change < 0) { + change = (change + cap * _bigNum$1) % cap - ~~(change / cap) * cap; + } else if (direction === "ccw" && change > 0) { + change = (change - cap * _bigNum$1) % cap - ~~(change / cap) * cap; + } + } + plugin._pt = pt = new PropTween(plugin._pt, target, property, startNum, change, _renderPropWithEnd); + pt.e = finalValue; + pt.u = "deg"; + plugin._props.push(property); + return pt; + }, _assign = function _assign(target, source) { + for (var p in source) { + target[p] = source[p]; + } + return target; + }, _addRawTransformPTs = function _addRawTransformPTs(plugin, transforms, target) { + var startCache = _assign({}, target._gsap), exclude = "perspective,force3D,transformOrigin,svgOrigin", style = target.style, endCache, p, startValue, endValue, startNum, endNum, startUnit, endUnit; + if (startCache.svg) { + startValue = target.getAttribute("transform"); + target.setAttribute("transform", ""); + style[_transformProp] = transforms; + endCache = _parseTransform(target, 1); + _removeProperty(target, _transformProp); + target.setAttribute("transform", startValue); + } else { + startValue = getComputedStyle(target)[_transformProp]; + style[_transformProp] = transforms; + endCache = _parseTransform(target, 1); + style[_transformProp] = startValue; + } + for (p in _transformProps) { + startValue = startCache[p]; + endValue = endCache[p]; + if (startValue !== endValue && exclude.indexOf(p) < 0) { + startUnit = getUnit(startValue); + endUnit = getUnit(endValue); + startNum = startUnit !== endUnit ? _convertToUnit(target, p, startValue, endUnit) : parseFloat(startValue); + endNum = parseFloat(endValue); + plugin._pt = new PropTween(plugin._pt, endCache, p, startNum, endNum - startNum, _renderCSSProp); + plugin._pt.u = endUnit || 0; + plugin._props.push(p); + } + } + _assign(endCache, startCache); + }; + _forEachName("padding,margin,Width,Radius", function (name, index) { + var t = "Top", r = "Right", b = "Bottom", l = "Left", props = (index < 3 ? [t, r, b, l] : [t + l, t + r, b + r, b + l]).map(function (side) { + return index < 2 ? name + side : "border" + side + name; + }); + _specialProps[index > 1 ? "border" + name : name] = function (plugin, target, property, endValue, tween) { + var a, vars; + if (arguments.length < 4) { + a = props.map(function (prop) { + return _get(plugin, prop, property); + }); + vars = a.join(" "); + return vars.split(a[0]).length === 5 ? a[0] : vars; + } + a = (endValue + "").split(" "); + vars = {}; + props.forEach(function (prop, i) { + return vars[prop] = a[i] = a[i] || a[(i - 1) / 2 | 0]; + }); + plugin.init(target, vars, tween); + }; + }); + var CSSPlugin = { + name: "css", + register: _initCore, + targetTest: function targetTest(target) { + return target.style && target.nodeType; + }, + init: function init(target, vars, tween, index, targets) { + var props = this._props, style = target.style, startAt = tween.vars.startAt, startValue, endValue, endNum, startNum, type, specialProp, p, startUnit, endUnit, relative, isTransformRelated, transformPropTween, cache, smooth, hasPriority; + _pluginInitted || _initCore(); + for (p in vars) { + if (p === "autoRound") { + continue; + } + endValue = vars[p]; + if (_plugins[p] && _checkPlugin(p, vars, tween, index, target, targets)) { + continue; + } + type = typeof endValue; + specialProp = _specialProps[p]; + if (type === "function") { + endValue = endValue.call(tween, index, target, targets); + type = typeof endValue; + } + if (type === "string" && ~endValue.indexOf("random(")) { + endValue = _replaceRandom(endValue); + } + if (specialProp) { + specialProp(this, target, p, endValue, tween) && (hasPriority = 1); + } else if (p.substr(0, 2) === "--") { + startValue = (getComputedStyle(target).getPropertyValue(p) + "").trim(); + endValue += ""; + _colorExp.lastIndex = 0; + if (!_colorExp.test(startValue)) { + startUnit = getUnit(startValue); + endUnit = getUnit(endValue); + } + endUnit ? startUnit !== endUnit && (startValue = _convertToUnit(target, p, startValue, endUnit) + endUnit) : startUnit && (endValue += startUnit); + this.add(style, "setProperty", startValue, endValue, index, targets, 0, 0, p); + props.push(p); + } else if (type !== "undefined") { + if (startAt && (p in startAt)) { + startValue = typeof startAt[p] === "function" ? startAt[p].call(tween, index, target, targets) : startAt[p]; + (p in _config.units) && !getUnit(startValue) && (startValue += _config.units[p]); + (startValue + "").charAt(1) === "=" && (startValue = _get(target, p)); + } else { + startValue = _get(target, p); + } + startNum = parseFloat(startValue); + relative = type === "string" && endValue.charAt(1) === "=" ? +(endValue.charAt(0) + "1") : 0; + relative && (endValue = endValue.substr(2)); + endNum = parseFloat(endValue); + if ((p in _propertyAliases)) { + if (p === "autoAlpha") { + if (startNum === 1 && _get(target, "visibility") === "hidden" && endNum) { + startNum = 0; + } + _addNonTweeningPT(this, style, "visibility", startNum ? "inherit" : "hidden", endNum ? "inherit" : "hidden", !endNum); + } + if (p !== "scale" && p !== "transform") { + p = _propertyAliases[p]; + ~p.indexOf(",") && (p = p.split(",")[0]); + } + } + isTransformRelated = (p in _transformProps); + if (isTransformRelated) { + if (!transformPropTween) { + cache = target._gsap; + cache.renderTransform && !vars.parseTransform || _parseTransform(target, vars.parseTransform); + smooth = vars.smoothOrigin !== false && cache.smooth; + transformPropTween = this._pt = new PropTween(this._pt, style, _transformProp, 0, 1, cache.renderTransform, cache, 0, -1); + transformPropTween.dep = 1; + } + if (p === "scale") { + this._pt = new PropTween(this._pt, cache, "scaleY", cache.scaleY, (relative ? relative * endNum : endNum - cache.scaleY) || 0); + props.push("scaleY", p); + p += "X"; + } else if (p === "transformOrigin") { + endValue = _convertKeywordsToPercentages(endValue); + if (cache.svg) { + _applySVGOrigin(target, endValue, 0, smooth, 0, this); + } else { + endUnit = parseFloat(endValue.split(" ")[2]) || 0; + endUnit !== cache.zOrigin && _addNonTweeningPT(this, cache, "zOrigin", cache.zOrigin, endUnit); + _addNonTweeningPT(this, style, p, _firstTwoOnly(startValue), _firstTwoOnly(endValue)); + } + continue; + } else if (p === "svgOrigin") { + _applySVGOrigin(target, endValue, 1, smooth, 0, this); + continue; + } else if ((p in _rotationalProperties)) { + _addRotationalPropTween(this, cache, p, startNum, endValue, relative); + continue; + } else if (p === "smoothOrigin") { + _addNonTweeningPT(this, cache, "smooth", cache.smooth, endValue); + continue; + } else if (p === "force3D") { + cache[p] = endValue; + continue; + } else if (p === "transform") { + _addRawTransformPTs(this, endValue, target); + continue; + } + } else if (!((p in style))) { + p = _checkPropPrefix(p) || p; + } + if (isTransformRelated || (endNum || endNum === 0) && (startNum || startNum === 0) && !_complexExp.test(endValue) && (p in style)) { + startUnit = (startValue + "").substr((startNum + "").length); + endNum || (endNum = 0); + endUnit = getUnit(endValue) || ((p in _config.units) ? _config.units[p] : startUnit); + startUnit !== endUnit && (startNum = _convertToUnit(target, p, startValue, endUnit)); + this._pt = new PropTween(this._pt, isTransformRelated ? cache : style, p, startNum, relative ? relative * endNum : endNum - startNum, !isTransformRelated && (endUnit === "px" || p === "zIndex") && vars.autoRound !== false ? _renderRoundedCSSProp : _renderCSSProp); + this._pt.u = endUnit || 0; + if (startUnit !== endUnit) { + this._pt.b = startValue; + this._pt.r = _renderCSSPropWithBeginning; + } + } else if (!((p in style))) { + if ((p in target)) { + this.add(target, p, startValue || target[p], endValue, index, targets); + } else { + _missingPlugin(p, endValue); + continue; + } + } else { + _tweenComplexCSSString.call(this, target, p, startValue, endValue); + } + props.push(p); + } + } + hasPriority && _sortPropTweensByPriority(this); + }, + get: _get, + aliases: _propertyAliases, + getSetter: function getSetter(target, property, plugin) { + var p = _propertyAliases[property]; + p && p.indexOf(",") < 0 && (property = p); + return (property in _transformProps) && property !== _transformOriginProp && (target._gsap.x || _get(target, "x")) ? plugin && _recentSetterPlugin === plugin ? property === "scale" ? _setterScale : _setterTransform : (_recentSetterPlugin = plugin || ({})) && (property === "scale" ? _setterScaleWithRender : _setterTransformWithRender) : target.style && !_isUndefined(target.style[property]) ? _setterCSSStyle : ~property.indexOf("-") ? _setterCSSProp : _getSetter(target, property); + }, + core: { + _removeProperty: _removeProperty, + _getMatrix: _getMatrix + } + }; + gsap.utils.checkPrefix = _checkPropPrefix; + (function (positionAndScale, rotation, others, aliases) { + var all = _forEachName(positionAndScale + "," + rotation + "," + others, function (name) { + _transformProps[name] = 1; + }); + _forEachName(rotation, function (name) { + _config.units[name] = "deg"; + _rotationalProperties[name] = 1; + }); + _propertyAliases[all[13]] = positionAndScale + "," + rotation; + _forEachName(aliases, function (name) { + var split = name.split(":"); + _propertyAliases[split[1]] = all[split[0]]; + }); + })("x,y,z,scale,scaleX,scaleY,xPercent,yPercent", "rotation,rotationX,rotationY,skewX,skewY", "transform,transformOrigin,svgOrigin,force3D,smoothOrigin,transformPerspective", "0:translateX,1:translateY,2:translateZ,8:rotate,8:rotationZ,8:rotateZ,9:rotateX,10:rotateY"); + _forEachName("x,y,z,top,right,bottom,left,width,height,fontSize,padding,margin,perspective", function (name) { + _config.units[name] = "px"; + }); + gsap.registerPlugin(CSSPlugin); + var gsapWithCSS = gsap.registerPlugin(CSSPlugin) || gsap, TweenMaxWithCSS = gsapWithCSS.core.Tween; + exports.Back = Back; + exports.Bounce = Bounce; + exports.CSSPlugin = CSSPlugin; + exports.Circ = Circ; + exports.Cubic = Cubic; + exports.Elastic = Elastic; + exports.Expo = Expo; + exports.Linear = Linear; + exports.Power0 = Power0; + exports.Power1 = Power1; + exports.Power2 = Power2; + exports.Power3 = Power3; + exports.Power4 = Power4; + exports.Quad = Quad; + exports.Quart = Quart; + exports.Quint = Quint; + exports.Sine = Sine; + exports.SteppedEase = SteppedEase; + exports.Strong = Strong; + exports.TimelineLite = Timeline; + exports.TimelineMax = Timeline; + exports.TweenLite = Tween; + exports.TweenMax = TweenMaxWithCSS; + exports.default = gsapWithCSS; + exports.gsap = gsapWithCSS; + if (typeof window === 'undefined' || window !== exports) { + Object.defineProperty(exports, '__esModule', { + value: true + }); + } else { + delete window.default; + } +}); diff --git a/.parcel-cache/88/cb7cf302e2e15949156654ab57f136.blob b/.parcel-cache/88/cb7cf302e2e15949156654ab57f136.blob new file mode 100644 index 0000000..6799d4a Binary files /dev/null and b/.parcel-cache/88/cb7cf302e2e15949156654ab57f136.blob differ diff --git a/.parcel-cache/88/d7da2dbaea21454d0e7dfebec13123.blob b/.parcel-cache/88/d7da2dbaea21454d0e7dfebec13123.blob new file mode 100644 index 0000000..63c398f Binary files /dev/null and b/.parcel-cache/88/d7da2dbaea21454d0e7dfebec13123.blob differ diff --git a/.parcel-cache/89/1cab879cfce485ea16b9ff2e93bba0.blob b/.parcel-cache/89/1cab879cfce485ea16b9ff2e93bba0.blob new file mode 100644 index 0000000..96d1837 Binary files /dev/null and b/.parcel-cache/89/1cab879cfce485ea16b9ff2e93bba0.blob differ diff --git a/.parcel-cache/89/2d01aaa8a8693f32af795c1613ab72.blob b/.parcel-cache/89/2d01aaa8a8693f32af795c1613ab72.blob new file mode 100644 index 0000000..10d471f Binary files /dev/null and b/.parcel-cache/89/2d01aaa8a8693f32af795c1613ab72.blob differ diff --git a/.parcel-cache/89/5184822d20f8ee5ea5e27dc4c4fd76.v8 b/.parcel-cache/89/5184822d20f8ee5ea5e27dc4c4fd76.v8 new file mode 100644 index 0000000..94d3098 Binary files /dev/null and b/.parcel-cache/89/5184822d20f8ee5ea5e27dc4c4fd76.v8 differ diff --git a/.parcel-cache/89/5c855d5d302363452b30a27829a1d3.v8 b/.parcel-cache/89/5c855d5d302363452b30a27829a1d3.v8 new file mode 100644 index 0000000..83eaa8b Binary files /dev/null and b/.parcel-cache/89/5c855d5d302363452b30a27829a1d3.v8 differ diff --git a/.parcel-cache/89/633bf18851ace6f86d63fe88ddff0f.blob b/.parcel-cache/89/633bf18851ace6f86d63fe88ddff0f.blob new file mode 100644 index 0000000..3e4e922 Binary files /dev/null and b/.parcel-cache/89/633bf18851ace6f86d63fe88ddff0f.blob differ diff --git a/.parcel-cache/89/cec546998ec6387f2396975a1ee7df.v8 b/.parcel-cache/89/cec546998ec6387f2396975a1ee7df.v8 new file mode 100644 index 0000000..4d0a757 Binary files /dev/null and b/.parcel-cache/89/cec546998ec6387f2396975a1ee7df.v8 differ diff --git a/.parcel-cache/89/e7091f617a0fe6b0fc0d7abb93ec5f.v8 b/.parcel-cache/89/e7091f617a0fe6b0fc0d7abb93ec5f.v8 new file mode 100644 index 0000000..bac8c14 Binary files /dev/null and b/.parcel-cache/89/e7091f617a0fe6b0fc0d7abb93ec5f.v8 differ diff --git a/.parcel-cache/89/ebcd0b5a63f80927c1e7360cc4b9a2.blob b/.parcel-cache/89/ebcd0b5a63f80927c1e7360cc4b9a2.blob new file mode 100644 index 0000000..6267e35 Binary files /dev/null and b/.parcel-cache/89/ebcd0b5a63f80927c1e7360cc4b9a2.blob differ diff --git a/.parcel-cache/89/fd130cab6e59a3111c3c56159885db.blob b/.parcel-cache/89/fd130cab6e59a3111c3c56159885db.blob new file mode 100644 index 0000000..db44904 Binary files /dev/null and b/.parcel-cache/89/fd130cab6e59a3111c3c56159885db.blob differ diff --git a/.parcel-cache/8a/4a3616c3d35a64c8ae7fa311e3d4fe.blob b/.parcel-cache/8a/4a3616c3d35a64c8ae7fa311e3d4fe.blob new file mode 100644 index 0000000..2f294bc Binary files /dev/null and b/.parcel-cache/8a/4a3616c3d35a64c8ae7fa311e3d4fe.blob differ diff --git a/.parcel-cache/8a/c5c96a39e787e4350c46ff607fed8f.v8 b/.parcel-cache/8a/c5c96a39e787e4350c46ff607fed8f.v8 new file mode 100644 index 0000000..265df89 Binary files /dev/null and b/.parcel-cache/8a/c5c96a39e787e4350c46ff607fed8f.v8 differ diff --git a/.parcel-cache/8a/ddb3f17b1ccdbf39ce3c270ffb5039.blob b/.parcel-cache/8a/ddb3f17b1ccdbf39ce3c270ffb5039.blob new file mode 100644 index 0000000..ed337da --- /dev/null +++ b/.parcel-cache/8a/ddb3f17b1ccdbf39ce3c270ffb5039.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/8a/f163fcd32d16390ec86f84bd6028b2.blob b/.parcel-cache/8a/f163fcd32d16390ec86f84bd6028b2.blob new file mode 100644 index 0000000..90929aa --- /dev/null +++ b/.parcel-cache/8a/f163fcd32d16390ec86f84bd6028b2.blob @@ -0,0 +1,41 @@ +"use strict"; + +exports.interopDefault = function (a) { + return a && a.__esModule ? a : { + default: a + }; +}; + +exports.defineInteropFlag = function (a) { + Object.defineProperty(a, '__esModule', { + value: true + }); +}; + +exports.exportAll = function (source, dest) { + Object.keys(source).forEach(function (key) { + if (key === 'default' || key === '__esModule') { + return; + } // Skip duplicate re-exports when they have the same value. + + + if (key in dest && dest[key] === source[key]) { + return; + } + + Object.defineProperty(dest, key, { + enumerable: true, + get: function () { + return source[key]; + } + }); + }); + return dest; +}; + +exports.export = function (dest, destName, get) { + Object.defineProperty(dest, destName, { + enumerable: true, + get: get + }); +}; \ No newline at end of file diff --git a/.parcel-cache/8a/f5b48f0469f88c79fb5f54903c74a0.v8 b/.parcel-cache/8a/f5b48f0469f88c79fb5f54903c74a0.v8 new file mode 100644 index 0000000..f277db4 Binary files /dev/null and b/.parcel-cache/8a/f5b48f0469f88c79fb5f54903c74a0.v8 differ diff --git a/.parcel-cache/8b/19728613049272085a1f78788cb492.v8 b/.parcel-cache/8b/19728613049272085a1f78788cb492.v8 new file mode 100644 index 0000000..4884eab Binary files /dev/null and b/.parcel-cache/8b/19728613049272085a1f78788cb492.v8 differ diff --git a/.parcel-cache/8b/447d32336215e99cb593d35d37805d.blob b/.parcel-cache/8b/447d32336215e99cb593d35d37805d.blob new file mode 100644 index 0000000..42484d3 Binary files /dev/null and b/.parcel-cache/8b/447d32336215e99cb593d35d37805d.blob differ diff --git a/.parcel-cache/8b/45c3eeb090a41beda35057ad18b6e9.v8 b/.parcel-cache/8b/45c3eeb090a41beda35057ad18b6e9.v8 new file mode 100644 index 0000000..925cac7 Binary files /dev/null and b/.parcel-cache/8b/45c3eeb090a41beda35057ad18b6e9.v8 differ diff --git a/.parcel-cache/8b/5ced467300d0a6bfbfc8c672e43ccf.blob b/.parcel-cache/8b/5ced467300d0a6bfbfc8c672e43ccf.blob new file mode 100644 index 0000000..1c15df7 Binary files /dev/null and b/.parcel-cache/8b/5ced467300d0a6bfbfc8c672e43ccf.blob differ diff --git a/.parcel-cache/8c/1bcd779ce3d92b556ece04e14b9a49.v8 b/.parcel-cache/8c/1bcd779ce3d92b556ece04e14b9a49.v8 new file mode 100644 index 0000000..8ea3b8d Binary files /dev/null and b/.parcel-cache/8c/1bcd779ce3d92b556ece04e14b9a49.v8 differ diff --git a/.parcel-cache/8c/5ee750fc448c600466f357b58ce95b.blob b/.parcel-cache/8c/5ee750fc448c600466f357b58ce95b.blob new file mode 100644 index 0000000..5bb031f Binary files /dev/null and b/.parcel-cache/8c/5ee750fc448c600466f357b58ce95b.blob differ diff --git a/.parcel-cache/8d/2a0c06f777264cffc80fbd8b10db94.blob b/.parcel-cache/8d/2a0c06f777264cffc80fbd8b10db94.blob new file mode 100644 index 0000000..199610f Binary files /dev/null and b/.parcel-cache/8d/2a0c06f777264cffc80fbd8b10db94.blob differ diff --git a/.parcel-cache/8d/82df5ed89648a1126dec21befbe406.blob b/.parcel-cache/8d/82df5ed89648a1126dec21befbe406.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/8d/82df5ed89648a1126dec21befbe406.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/8d/8d30ea96e25893b862f3aaff13013d.blob b/.parcel-cache/8d/8d30ea96e25893b862f3aaff13013d.blob new file mode 100644 index 0000000..06f6cbb --- /dev/null +++ b/.parcel-cache/8d/8d30ea96e25893b862f3aaff13013d.blob @@ -0,0 +1,505 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.underline::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.underline:hover::after, +.menu--open ~ .underline::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/8d/96689ffbafa88b232db11e8f2fca49.v8 b/.parcel-cache/8d/96689ffbafa88b232db11e8f2fca49.v8 new file mode 100644 index 0000000..90192ef Binary files /dev/null and b/.parcel-cache/8d/96689ffbafa88b232db11e8f2fca49.v8 differ diff --git a/.parcel-cache/8e/0c93a28e7204704b99d14f52f4886b.blob b/.parcel-cache/8e/0c93a28e7204704b99d14f52f4886b.blob new file mode 100644 index 0000000..b02aaef Binary files /dev/null and b/.parcel-cache/8e/0c93a28e7204704b99d14f52f4886b.blob differ diff --git a/.parcel-cache/8e/8ea88cf50e67c8fac75c843c328045.blob b/.parcel-cache/8e/8ea88cf50e67c8fac75c843c328045.blob new file mode 100644 index 0000000..8c954d4 --- /dev/null +++ b/.parcel-cache/8e/8ea88cf50e67c8fac75c843c328045.blob @@ -0,0 +1,517 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.5 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 600px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/8e/977b22af9fdc09f8e9cda47cb34381.v8 b/.parcel-cache/8e/977b22af9fdc09f8e9cda47cb34381.v8 new file mode 100644 index 0000000..997553d Binary files /dev/null and b/.parcel-cache/8e/977b22af9fdc09f8e9cda47cb34381.v8 differ diff --git a/.parcel-cache/8e/a225c7a84e8759fd3fe71a9a2ae260.blob b/.parcel-cache/8e/a225c7a84e8759fd3fe71a9a2ae260.blob new file mode 100644 index 0000000..ecab45e Binary files /dev/null and b/.parcel-cache/8e/a225c7a84e8759fd3fe71a9a2ae260.blob differ diff --git a/.parcel-cache/8e/aa2d432cf0cdd5e3b3d7638aee23ba.blob b/.parcel-cache/8e/aa2d432cf0cdd5e3b3d7638aee23ba.blob new file mode 100644 index 0000000..92557bd --- /dev/null +++ b/.parcel-cache/8e/aa2d432cf0cdd5e3b3d7638aee23ba.blob @@ -0,0 +1,517 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family:Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/8e/c1bf9f3a0376a058a61140f3e78487.v8 b/.parcel-cache/8e/c1bf9f3a0376a058a61140f3e78487.v8 new file mode 100644 index 0000000..93bba5c Binary files /dev/null and b/.parcel-cache/8e/c1bf9f3a0376a058a61140f3e78487.v8 differ diff --git a/.parcel-cache/8f/18b5c71a9044b46a55f264fef7c54b.blob b/.parcel-cache/8f/18b5c71a9044b46a55f264fef7c54b.blob new file mode 100644 index 0000000..7205cb8 Binary files /dev/null and b/.parcel-cache/8f/18b5c71a9044b46a55f264fef7c54b.blob differ diff --git a/.parcel-cache/8f/5027abacc94b0cd9ab07cd1752326d.v8 b/.parcel-cache/8f/5027abacc94b0cd9ab07cd1752326d.v8 new file mode 100644 index 0000000..99a04bb Binary files /dev/null and b/.parcel-cache/8f/5027abacc94b0cd9ab07cd1752326d.v8 differ diff --git a/.parcel-cache/8f/5bb2413e1655ab07b0923d0e5e9b20.blob b/.parcel-cache/8f/5bb2413e1655ab07b0923d0e5e9b20.blob new file mode 100644 index 0000000..4a90dc3 Binary files /dev/null and b/.parcel-cache/8f/5bb2413e1655ab07b0923d0e5e9b20.blob differ diff --git a/.parcel-cache/8f/5d9d2b525c8601430bce490cda8d5d.v8 b/.parcel-cache/8f/5d9d2b525c8601430bce490cda8d5d.v8 new file mode 100644 index 0000000..fe823be Binary files /dev/null and b/.parcel-cache/8f/5d9d2b525c8601430bce490cda8d5d.v8 differ diff --git a/.parcel-cache/8f/791c42f1be509e83c2eecd22a804a6.v8 b/.parcel-cache/8f/791c42f1be509e83c2eecd22a804a6.v8 new file mode 100644 index 0000000..70361a3 Binary files /dev/null and b/.parcel-cache/8f/791c42f1be509e83c2eecd22a804a6.v8 differ diff --git a/.parcel-cache/8f/c36620a30b449d159f5d0cc834218a.v8 b/.parcel-cache/8f/c36620a30b449d159f5d0cc834218a.v8 new file mode 100644 index 0000000..a0b9f68 Binary files /dev/null and b/.parcel-cache/8f/c36620a30b449d159f5d0cc834218a.v8 differ diff --git a/.parcel-cache/90/2b2640dcf926a1e2117f9449a7f5a3.blob b/.parcel-cache/90/2b2640dcf926a1e2117f9449a7f5a3.blob new file mode 100644 index 0000000..f1abcb7 --- /dev/null +++ b/.parcel-cache/90/2b2640dcf926a1e2117f9449a7f5a3.blob @@ -0,0 +1,502 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + justify-items: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.2; + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/90/5874302c082ded89e001d32cedb403.v8 b/.parcel-cache/90/5874302c082ded89e001d32cedb403.v8 new file mode 100644 index 0000000..1d7295b Binary files /dev/null and b/.parcel-cache/90/5874302c082ded89e001d32cedb403.v8 differ diff --git a/.parcel-cache/90/fcc0a8a53fed9ff539068b8e654ee3.v8 b/.parcel-cache/90/fcc0a8a53fed9ff539068b8e654ee3.v8 new file mode 100644 index 0000000..c14f6dd Binary files /dev/null and b/.parcel-cache/90/fcc0a8a53fed9ff539068b8e654ee3.v8 differ diff --git a/.parcel-cache/91/03d58b193e8890479ff5911e25135e.v8 b/.parcel-cache/91/03d58b193e8890479ff5911e25135e.v8 new file mode 100644 index 0000000..dd23c4b Binary files /dev/null and b/.parcel-cache/91/03d58b193e8890479ff5911e25135e.v8 differ diff --git a/.parcel-cache/91/988e16fa4d94198120b6c75ba1a2ca.blob b/.parcel-cache/91/988e16fa4d94198120b6c75ba1a2ca.blob new file mode 100644 index 0000000..324c840 --- /dev/null +++ b/.parcel-cache/91/988e16fa4d94198120b6c75ba1a2ca.blob @@ -0,0 +1,83 @@ +var _parcelHelpers = require("@parcel/transformer-js/lib/esmodule-helpers.js"); +_parcelHelpers.defineInteropFlag(exports); +_parcelHelpers.export(exports, "TextLinesReveal", function () { + return TextLinesReveal; +}); +var _splitType = require('split-type'); +var _splitTypeDefault = _parcelHelpers.interopDefault(_splitType); +var _utils = require('./utils'); +var _gsap = require('gsap'); +class TextLinesReveal { + constructor(animationElems) { + this.DOM = { + animationElems: Array.isArray(animationElems) ? animationElems : [animationElems] + }; + // array of SplitType instances + this.SplitTypeInstances = []; + // array of all HTML .line + this.lines = []; + for (const el of this.DOM.animationElems) { + const SplitTypeInstance = new _splitTypeDefault.default(el, { + types: 'lines' + }); + // wrap the lines (div with class .oh) + // the inner child will be the one animating the transform + _utils.wrapLines(SplitTypeInstance.lines, 'div', 'oh'); + this.lines.push(SplitTypeInstance.lines); + // keep a reference to the SplitType instance + this.SplitTypeInstances.push(SplitTypeInstance); + } + this.initEvents(); + } + in() { + this.isVisible = true; + _gsap.gsap.killTweensOf(this.lines); + return _gsap.gsap.timeline({ + defaults: { + duration: 1.2, + ease: 'expo' + } + }).set(this.lines, { + y: '150%', + rotate: 15 + }).to(this.lines, { + y: '0%', + rotate: 0, + stagger: 0.04 + }); + } + out() { + this.isVisible = false; + _gsap.gsap.killTweensOf(this.lines); + return _gsap.gsap.timeline({ + defaults: { + duration: 0.7, + ease: 'power2' + } + }).to(this.lines, { + y: '-150%', + rotate: -5, + stagger: 0.02 + }); + } + initEvents() { + window.addEventListener('resize', () => { + // empty the lines array + this.lines = []; + // re initialize the Split Text + for (const instance of this.SplitTypeInstances) { + // re-split text + // https://github.com/lukePeavey/SplitType#instancesplitoptions-void + instance.split(); + // need to wrap again the new lines elements (div with class .oh) + _utils.wrapLines(instance.lines, 'div', 'oh'); + this.lines.push(instance.lines); + } + if (!this.isVisible) { + _gsap.gsap.set(this.lines, { + y: '-150%' + }); + } + }); + } +} diff --git a/.parcel-cache/92/0f8ada4d58121ffb29aa623ae8e581.blob b/.parcel-cache/92/0f8ada4d58121ffb29aa623ae8e581.blob new file mode 100644 index 0000000..293d6f1 --- /dev/null +++ b/.parcel-cache/92/0f8ada4d58121ffb29aa623ae8e581.blob @@ -0,0 +1,518 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2rem; + --font-size-large: 1.5rem; + --font-size-medium: 1.25rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-gap: 0.5rem; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.5 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 640px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/92/cd77990302adaf583737ce31bcc327.v8 b/.parcel-cache/92/cd77990302adaf583737ce31bcc327.v8 new file mode 100644 index 0000000..c53f0a0 Binary files /dev/null and b/.parcel-cache/92/cd77990302adaf583737ce31bcc327.v8 differ diff --git a/.parcel-cache/92/d76140fbd4d6193675026b84d2014a.blob b/.parcel-cache/92/d76140fbd4d6193675026b84d2014a.blob new file mode 100644 index 0000000..f3c0b2a --- /dev/null +++ b/.parcel-cache/92/d76140fbd4d6193675026b84d2014a.blob @@ -0,0 +1,205 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + diff --git a/.parcel-cache/93/2321391e58c726aea7f99b757961e2.blob b/.parcel-cache/93/2321391e58c726aea7f99b757961e2.blob new file mode 100644 index 0000000..098c3df --- /dev/null +++ b/.parcel-cache/93/2321391e58c726aea7f99b757961e2.blob @@ -0,0 +1,208 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + diff --git a/.parcel-cache/94/34de20429d27a968258608da15f76e.blob b/.parcel-cache/94/34de20429d27a968258608da15f76e.blob new file mode 100644 index 0000000..a53fc28 --- /dev/null +++ b/.parcel-cache/94/34de20429d27a968258608da15f76e.blob @@ -0,0 +1,524 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2rem; + --font-size-large: 1.5rem; + --font-size-medium: 1.25rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-gap: 0.5rem; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + font-weight: 600; + padding: 0 calc( 0.45 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 640px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +.details__content-link:hover { + color: var(--color-menu-hover); +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + grid-gap: 0; + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/94/42743959e28baf41efc4aa843cdc02.blob b/.parcel-cache/94/42743959e28baf41efc4aa843cdc02.blob new file mode 100644 index 0000000..e84228d --- /dev/null +++ b/.parcel-cache/94/42743959e28baf41efc4aa843cdc02.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/94/699458ca4d6c189a4890296dbf3a0b.blob b/.parcel-cache/94/699458ca4d6c189a4890296dbf3a0b.blob new file mode 100644 index 0000000..bd8ce02 Binary files /dev/null and b/.parcel-cache/94/699458ca4d6c189a4890296dbf3a0b.blob differ diff --git a/.parcel-cache/95/2c21587ee7397316c186a6d2fc0b9a.v8 b/.parcel-cache/95/2c21587ee7397316c186a6d2fc0b9a.v8 new file mode 100644 index 0000000..21546f6 Binary files /dev/null and b/.parcel-cache/95/2c21587ee7397316c186a6d2fc0b9a.v8 differ diff --git a/.parcel-cache/95/2cc547aeb19d7f402ab8e5c47d404f.blob b/.parcel-cache/95/2cc547aeb19d7f402ab8e5c47d404f.blob new file mode 100644 index 0000000..65b9de7 Binary files /dev/null and b/.parcel-cache/95/2cc547aeb19d7f402ab8e5c47d404f.blob differ diff --git a/.parcel-cache/95/bf9b3444615428d74d3108252913f7.v8 b/.parcel-cache/95/bf9b3444615428d74d3108252913f7.v8 new file mode 100644 index 0000000..d020970 Binary files /dev/null and b/.parcel-cache/95/bf9b3444615428d74d3108252913f7.v8 differ diff --git a/.parcel-cache/95/c5341bc596723120a133454d6f8466.v8 b/.parcel-cache/95/c5341bc596723120a133454d6f8466.v8 new file mode 100644 index 0000000..fac88f4 Binary files /dev/null and b/.parcel-cache/95/c5341bc596723120a133454d6f8466.v8 differ diff --git a/.parcel-cache/95/d35637546d1aa67b6ce5f547a05348.v8 b/.parcel-cache/95/d35637546d1aa67b6ce5f547a05348.v8 new file mode 100644 index 0000000..8a34ec5 Binary files /dev/null and b/.parcel-cache/95/d35637546d1aa67b6ce5f547a05348.v8 differ diff --git a/.parcel-cache/95/fc7a52d80b764ac59d26824959e4da.v8 b/.parcel-cache/95/fc7a52d80b764ac59d26824959e4da.v8 new file mode 100644 index 0000000..a78085e Binary files /dev/null and b/.parcel-cache/95/fc7a52d80b764ac59d26824959e4da.v8 differ diff --git a/.parcel-cache/96/21fe722d518296885cbbaeeca70354.v8 b/.parcel-cache/96/21fe722d518296885cbbaeeca70354.v8 new file mode 100644 index 0000000..a7b88d2 Binary files /dev/null and b/.parcel-cache/96/21fe722d518296885cbbaeeca70354.v8 differ diff --git a/.parcel-cache/96/4c43a6a6bc58ac32b6c209648c3388.v8 b/.parcel-cache/96/4c43a6a6bc58ac32b6c209648c3388.v8 new file mode 100644 index 0000000..61ecbaf Binary files /dev/null and b/.parcel-cache/96/4c43a6a6bc58ac32b6c209648c3388.v8 differ diff --git a/.parcel-cache/96/b97014862f11a3410f8bbaf73ba12b.blob b/.parcel-cache/96/b97014862f11a3410f8bbaf73ba12b.blob new file mode 100644 index 0000000..caf9b6b --- /dev/null +++ b/.parcel-cache/96/b97014862f11a3410f8bbaf73ba12b.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./%3Cinput%20css%20nO6EmY%3E"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_eacc0ceee7547c8404559d17320bd6f3.css.map"} \ No newline at end of file diff --git a/.parcel-cache/96/ba9db383b47a6acffa852c9adaf5ca.blob b/.parcel-cache/96/ba9db383b47a6acffa852c9adaf5ca.blob new file mode 100644 index 0000000..5168737 Binary files /dev/null and b/.parcel-cache/96/ba9db383b47a6acffa852c9adaf5ca.blob differ diff --git a/.parcel-cache/97/64b1dc2372e04f911885cd4c5309c0.v8 b/.parcel-cache/97/64b1dc2372e04f911885cd4c5309c0.v8 new file mode 100644 index 0000000..9cd4b4c Binary files /dev/null and b/.parcel-cache/97/64b1dc2372e04f911885cd4c5309c0.v8 differ diff --git a/.parcel-cache/97/6d953e4f22b26b05b28c5867bf11c5.v8 b/.parcel-cache/97/6d953e4f22b26b05b28c5867bf11c5.v8 new file mode 100644 index 0000000..33e3b89 Binary files /dev/null and b/.parcel-cache/97/6d953e4f22b26b05b28c5867bf11c5.v8 differ diff --git a/.parcel-cache/97/9d0f1288b26983732fd00d1135bffa.blob b/.parcel-cache/97/9d0f1288b26983732fd00d1135bffa.blob new file mode 100644 index 0000000..9130f42 Binary files /dev/null and b/.parcel-cache/97/9d0f1288b26983732fd00d1135bffa.blob differ diff --git a/.parcel-cache/97/b864579c89cb73cea14fc71b804006.v8 b/.parcel-cache/97/b864579c89cb73cea14fc71b804006.v8 new file mode 100644 index 0000000..5b53063 Binary files /dev/null and b/.parcel-cache/97/b864579c89cb73cea14fc71b804006.v8 differ diff --git a/.parcel-cache/97/c5d3385bafc67304cd2c754e6076bc.blob b/.parcel-cache/97/c5d3385bafc67304cd2c754e6076bc.blob new file mode 100644 index 0000000..8cc4083 --- /dev/null +++ b/.parcel-cache/97/c5d3385bafc67304cd2c754e6076bc.blob @@ -0,0 +1,215 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + + diff --git a/.parcel-cache/97/e3fd2f43dcce51581a7bb6ec2c6ed4.blob b/.parcel-cache/97/e3fd2f43dcce51581a7bb6ec2c6ed4.blob new file mode 100644 index 0000000..f52e26b --- /dev/null +++ b/.parcel-cache/97/e3fd2f43dcce51581a7bb6ec2c6ed4.blob @@ -0,0 +1,520 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2rem; + --font-size-large: 1.5rem; + --font-size-medium: 1.25rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-gap: 0.5rem; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.5 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 640px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/98/203971cec94d39a50717e0e14d9f5f.blob b/.parcel-cache/98/203971cec94d39a50717e0e14d9f5f.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/98/203971cec94d39a50717e0e14d9f5f.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/98/b2940ff1e2b75c04e5ff1e47a3ef03.v8 b/.parcel-cache/98/b2940ff1e2b75c04e5ff1e47a3ef03.v8 new file mode 100644 index 0000000..f7c8197 Binary files /dev/null and b/.parcel-cache/98/b2940ff1e2b75c04e5ff1e47a3ef03.v8 differ diff --git a/.parcel-cache/98/c44fe52820e9cff573e8f220d91ee2.blob b/.parcel-cache/98/c44fe52820e9cff573e8f220d91ee2.blob new file mode 100644 index 0000000..4b7b1a1 Binary files /dev/null and b/.parcel-cache/98/c44fe52820e9cff573e8f220d91ee2.blob differ diff --git a/.parcel-cache/98/e1bd828f235b50d134e76e7d26ef34.v8 b/.parcel-cache/98/e1bd828f235b50d134e76e7d26ef34.v8 new file mode 100644 index 0000000..eb43c87 Binary files /dev/null and b/.parcel-cache/98/e1bd828f235b50d134e76e7d26ef34.v8 differ diff --git a/.parcel-cache/99/e4cc4d4887bf718d7f4b5f701333bc.blob b/.parcel-cache/99/e4cc4d4887bf718d7f4b5f701333bc.blob new file mode 100644 index 0000000..955a92a Binary files /dev/null and b/.parcel-cache/99/e4cc4d4887bf718d7f4b5f701333bc.blob differ diff --git a/.parcel-cache/9a/03eef33283979a97962703a62b24da.blob b/.parcel-cache/9a/03eef33283979a97962703a62b24da.blob new file mode 100644 index 0000000..4fa385a Binary files /dev/null and b/.parcel-cache/9a/03eef33283979a97962703a62b24da.blob differ diff --git a/.parcel-cache/9a/14fc7caf7dba97375ba841258dd951.blob b/.parcel-cache/9a/14fc7caf7dba97375ba841258dd951.blob new file mode 100644 index 0000000..e60f2bb --- /dev/null +++ b/.parcel-cache/9a/14fc7caf7dba97375ba841258dd951.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/9a/16281d3fc323ea54885c5d31de0076.blob b/.parcel-cache/9a/16281d3fc323ea54885c5d31de0076.blob new file mode 100644 index 0000000..bdc9873 --- /dev/null +++ b/.parcel-cache/9a/16281d3fc323ea54885c5d31de0076.blob @@ -0,0 +1,507 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.underline::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.underline:hover::after, +.menu--open ~ .underline::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/9a/49924475409b4b489b4238fb963146.blob b/.parcel-cache/9a/49924475409b4b489b4238fb963146.blob new file mode 100644 index 0000000..7a9c196 --- /dev/null +++ b/.parcel-cache/9a/49924475409b4b489b4238fb963146.blob @@ -0,0 +1,655 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + diff --git a/.parcel-cache/9a/85f51c1c80eaffd68b02439cae7c48.v8 b/.parcel-cache/9a/85f51c1c80eaffd68b02439cae7c48.v8 new file mode 100644 index 0000000..f1c43ec Binary files /dev/null and b/.parcel-cache/9a/85f51c1c80eaffd68b02439cae7c48.v8 differ diff --git a/.parcel-cache/9b/428e9ab24bc483bd58161bea0d37b6.blob b/.parcel-cache/9b/428e9ab24bc483bd58161bea0d37b6.blob new file mode 100644 index 0000000..557bd35 Binary files /dev/null and b/.parcel-cache/9b/428e9ab24bc483bd58161bea0d37b6.blob differ diff --git a/.parcel-cache/9b/55a23daf44d7dff2e3589cd21784d1.blob b/.parcel-cache/9b/55a23daf44d7dff2e3589cd21784d1.blob new file mode 100644 index 0000000..9c40c71 Binary files /dev/null and b/.parcel-cache/9b/55a23daf44d7dff2e3589cd21784d1.blob differ diff --git a/.parcel-cache/9b/6fe005afa16ba1f0db36a93e47bb02.v8 b/.parcel-cache/9b/6fe005afa16ba1f0db36a93e47bb02.v8 new file mode 100644 index 0000000..6d1c83a Binary files /dev/null and b/.parcel-cache/9b/6fe005afa16ba1f0db36a93e47bb02.v8 differ diff --git a/.parcel-cache/9b/8a91183cdf68bbdfc5a63e0c3fdf0f.v8 b/.parcel-cache/9b/8a91183cdf68bbdfc5a63e0c3fdf0f.v8 new file mode 100644 index 0000000..5b9ee90 Binary files /dev/null and b/.parcel-cache/9b/8a91183cdf68bbdfc5a63e0c3fdf0f.v8 differ diff --git a/.parcel-cache/9b/cd5fdb7f7b0dbf141c8f863ad65c37.v8 b/.parcel-cache/9b/cd5fdb7f7b0dbf141c8f863ad65c37.v8 new file mode 100644 index 0000000..0f02a10 Binary files /dev/null and b/.parcel-cache/9b/cd5fdb7f7b0dbf141c8f863ad65c37.v8 differ diff --git a/.parcel-cache/9b/d60cb21df30b8c0304d36abab1b9a2.v8 b/.parcel-cache/9b/d60cb21df30b8c0304d36abab1b9a2.v8 new file mode 100644 index 0000000..2a620d9 Binary files /dev/null and b/.parcel-cache/9b/d60cb21df30b8c0304d36abab1b9a2.v8 differ diff --git a/.parcel-cache/9c/533fd6f7fbc72fcc095e8ac162baf1.blob b/.parcel-cache/9c/533fd6f7fbc72fcc095e8ac162baf1.blob new file mode 100644 index 0000000..db44904 Binary files /dev/null and b/.parcel-cache/9c/533fd6f7fbc72fcc095e8ac162baf1.blob differ diff --git a/.parcel-cache/9c/6c1c388de746662f72e4158a7f74b0.blob b/.parcel-cache/9c/6c1c388de746662f72e4158a7f74b0.blob new file mode 100644 index 0000000..fe878a4 --- /dev/null +++ b/.parcel-cache/9c/6c1c388de746662f72e4158a7f74b0.blob @@ -0,0 +1,506 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.underline::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.underline:hover::after, +.menu--open ~ .underline::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/9c/9aa7def9f4a46795cb7c8b5a90e7e3.v8 b/.parcel-cache/9c/9aa7def9f4a46795cb7c8b5a90e7e3.v8 new file mode 100644 index 0000000..7f98fd0 Binary files /dev/null and b/.parcel-cache/9c/9aa7def9f4a46795cb7c8b5a90e7e3.v8 differ diff --git a/.parcel-cache/9c/ab805f052647ff1e8b3c9cba39aaf3.blob b/.parcel-cache/9c/ab805f052647ff1e8b3c9cba39aaf3.blob new file mode 100644 index 0000000..128a4ee Binary files /dev/null and b/.parcel-cache/9c/ab805f052647ff1e8b3c9cba39aaf3.blob differ diff --git a/.parcel-cache/9d/0793ae706ff5fb01df49cbd7c68a99.blob b/.parcel-cache/9d/0793ae706ff5fb01df49cbd7c68a99.blob new file mode 100644 index 0000000..b23ef99 --- /dev/null +++ b/.parcel-cache/9d/0793ae706ff5fb01df49cbd7c68a99.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./%3Cinput%20css%209SIJsk%3E"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_eacc0ceee7547c8404559d17320bd6f3.css.map"} \ No newline at end of file diff --git a/.parcel-cache/9d/fa9db1e28cffe4454028f9ca6ca93c.blob b/.parcel-cache/9d/fa9db1e28cffe4454028f9ca6ca93c.blob new file mode 100644 index 0000000..a7114b7 Binary files /dev/null and b/.parcel-cache/9d/fa9db1e28cffe4454028f9ca6ca93c.blob differ diff --git a/.parcel-cache/9e/d1c75f70677c32126f017044baebf0.v8 b/.parcel-cache/9e/d1c75f70677c32126f017044baebf0.v8 new file mode 100644 index 0000000..7cc38ab Binary files /dev/null and b/.parcel-cache/9e/d1c75f70677c32126f017044baebf0.v8 differ diff --git a/.parcel-cache/9e/f0df0b0baed3ffddb49900a4313263.blob b/.parcel-cache/9e/f0df0b0baed3ffddb49900a4313263.blob new file mode 100644 index 0000000..969a168 --- /dev/null +++ b/.parcel-cache/9e/f0df0b0baed3ffddb49900a4313263.blob @@ -0,0 +1,501 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/9f/2318c982bad9954d966bc87af7f0fa.v8 b/.parcel-cache/9f/2318c982bad9954d966bc87af7f0fa.v8 new file mode 100644 index 0000000..5b818ff Binary files /dev/null and b/.parcel-cache/9f/2318c982bad9954d966bc87af7f0fa.v8 differ diff --git a/.parcel-cache/9f/2b6abaeacba5b0585e876cbf4f1293.blob b/.parcel-cache/9f/2b6abaeacba5b0585e876cbf4f1293.blob new file mode 100644 index 0000000..86b7ded --- /dev/null +++ b/.parcel-cache/9f/2b6abaeacba5b0585e876cbf4f1293.blob @@ -0,0 +1,547 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2rem; + --font-size-large: 1.5rem; + --font-size-medium: 1.25rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +body #cdawrap { + --cda-top: 1.5rem; + --cda-bottom: auto; + --cda-left: 1.5rem; + --cda-width: 360px; + --cda-text-color: var(--color-menu); + --cda-text-color-hover: var(--color-menu-hover); + opacity: 0; + pointer-events: none; + transition: opacity 0.4s; +} + +body.state-details #cdawrap { + opacity: 1; + pointer-events: auto; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-gap: 0.5rem; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(908c1417d06f899ac3fd6887fb3a9434) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.45 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.details-wrap { + overflow: hidden; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 1.5rem; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 640px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +.details__content-link:hover { + color: var(--color-menu-hover); +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + grid-gap: 0; + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } + .details__content { + width: 50%; + padding: 0.5rem; + } +} diff --git a/.parcel-cache/9f/2fa9c99abc2510bc94ba270311d58c.v8 b/.parcel-cache/9f/2fa9c99abc2510bc94ba270311d58c.v8 new file mode 100644 index 0000000..71f08b3 Binary files /dev/null and b/.parcel-cache/9f/2fa9c99abc2510bc94ba270311d58c.v8 differ diff --git a/.parcel-cache/9f/387f62b6b82d0201c5c1791bdccbcf.blob b/.parcel-cache/9f/387f62b6b82d0201c5c1791bdccbcf.blob new file mode 100644 index 0000000..619e094 Binary files /dev/null and b/.parcel-cache/9f/387f62b6b82d0201c5c1791bdccbcf.blob differ diff --git a/.parcel-cache/9f/4e5804779db0b554cbbb43d9b2613e.blob b/.parcel-cache/9f/4e5804779db0b554cbbb43d9b2613e.blob new file mode 100644 index 0000000..cff3dae --- /dev/null +++ b/.parcel-cache/9f/4e5804779db0b554cbbb43d9b2613e.blob @@ -0,0 +1,214 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + + diff --git a/.parcel-cache/9f/535a1c6b1c37e6a0e29de08b352c55.blob b/.parcel-cache/9f/535a1c6b1c37e6a0e29de08b352c55.blob new file mode 100644 index 0000000..ada823c --- /dev/null +++ b/.parcel-cache/9f/535a1c6b1c37e6a0e29de08b352c55.blob @@ -0,0 +1,500 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + justify-items: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1; + font-size: 12vh; + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-large: 3.75vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/9f/63971aa17dc4baca349fd6016e53d9.v8 b/.parcel-cache/9f/63971aa17dc4baca349fd6016e53d9.v8 new file mode 100644 index 0000000..2cbf4e4 Binary files /dev/null and b/.parcel-cache/9f/63971aa17dc4baca349fd6016e53d9.v8 differ diff --git a/.parcel-cache/9f/694913d532d5ef85c669f32c5f88c6.v8 b/.parcel-cache/9f/694913d532d5ef85c669f32c5f88c6.v8 new file mode 100644 index 0000000..355df2d Binary files /dev/null and b/.parcel-cache/9f/694913d532d5ef85c669f32c5f88c6.v8 differ diff --git a/.parcel-cache/9f/76ac1e8bcfd048f40402e54d1ebdb5.blob b/.parcel-cache/9f/76ac1e8bcfd048f40402e54d1ebdb5.blob new file mode 100644 index 0000000..2009da3 Binary files /dev/null and b/.parcel-cache/9f/76ac1e8bcfd048f40402e54d1ebdb5.blob differ diff --git a/.parcel-cache/9f/788d77084ffcda6aadc5aae6b37e36.v8 b/.parcel-cache/9f/788d77084ffcda6aadc5aae6b37e36.v8 new file mode 100644 index 0000000..5dc738f Binary files /dev/null and b/.parcel-cache/9f/788d77084ffcda6aadc5aae6b37e36.v8 differ diff --git a/.parcel-cache/9f/8f47e838a3868c068f2ba8b60d6a75.blob b/.parcel-cache/9f/8f47e838a3868c068f2ba8b60d6a75.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/9f/8f47e838a3868c068f2ba8b60d6a75.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/9f/a198cfac0be983fca241ddd1d677fc.blob b/.parcel-cache/9f/a198cfac0be983fca241ddd1d677fc.blob new file mode 100644 index 0000000..8d17318 Binary files /dev/null and b/.parcel-cache/9f/a198cfac0be983fca241ddd1d677fc.blob differ diff --git a/.parcel-cache/a0/19ffd0a76589806ded4ababbf424fd.blob b/.parcel-cache/a0/19ffd0a76589806ded4ababbf424fd.blob new file mode 100644 index 0000000..8d4dda4 --- /dev/null +++ b/.parcel-cache/a0/19ffd0a76589806ded4ababbf424fd.blob @@ -0,0 +1,503 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + justify-items: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/a0/2b2f4479a3ffa072bac75a08d77f3e.blob b/.parcel-cache/a0/2b2f4479a3ffa072bac75a08d77f3e.blob new file mode 100644 index 0000000..3e4e922 Binary files /dev/null and b/.parcel-cache/a0/2b2f4479a3ffa072bac75a08d77f3e.blob differ diff --git a/.parcel-cache/a0/98d6d8d35c2ac3224d65671baf6c96.blob b/.parcel-cache/a0/98d6d8d35c2ac3224d65671baf6c96.blob new file mode 100644 index 0000000..f671575 Binary files /dev/null and b/.parcel-cache/a0/98d6d8d35c2ac3224d65671baf6c96.blob differ diff --git a/.parcel-cache/a0/c1ff866bcff6b56b04f1e3ac8b988d.blob b/.parcel-cache/a0/c1ff866bcff6b56b04f1e3ac8b988d.blob new file mode 100644 index 0000000..2a38fbb Binary files /dev/null and b/.parcel-cache/a0/c1ff866bcff6b56b04f1e3ac8b988d.blob differ diff --git a/.parcel-cache/a1/12ae1af54c9f673a402f4b0fb69275.v8 b/.parcel-cache/a1/12ae1af54c9f673a402f4b0fb69275.v8 new file mode 100644 index 0000000..37171c0 Binary files /dev/null and b/.parcel-cache/a1/12ae1af54c9f673a402f4b0fb69275.v8 differ diff --git a/.parcel-cache/a1/34f1492a356e9b1bd2e6c049bea6a2.v8 b/.parcel-cache/a1/34f1492a356e9b1bd2e6c049bea6a2.v8 new file mode 100644 index 0000000..2baa2ab Binary files /dev/null and b/.parcel-cache/a1/34f1492a356e9b1bd2e6c049bea6a2.v8 differ diff --git a/.parcel-cache/a1/650d7dd754a35d7b44f38dfb400a7a.blob b/.parcel-cache/a1/650d7dd754a35d7b44f38dfb400a7a.blob new file mode 100644 index 0000000..61b71e8 Binary files /dev/null and b/.parcel-cache/a1/650d7dd754a35d7b44f38dfb400a7a.blob differ diff --git a/.parcel-cache/a1/824fdf9c196f1b58fe62c8acf0f6cb.blob b/.parcel-cache/a1/824fdf9c196f1b58fe62c8acf0f6cb.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/a1/824fdf9c196f1b58fe62c8acf0f6cb.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/a1/8b8365985b09ac86fde5b0cfe01cd4.v8 b/.parcel-cache/a1/8b8365985b09ac86fde5b0cfe01cd4.v8 new file mode 100644 index 0000000..87392a6 Binary files /dev/null and b/.parcel-cache/a1/8b8365985b09ac86fde5b0cfe01cd4.v8 differ diff --git a/.parcel-cache/a1/c907d1c67f110857421f4d0c5f68d5.v8 b/.parcel-cache/a1/c907d1c67f110857421f4d0c5f68d5.v8 new file mode 100644 index 0000000..52ea2db Binary files /dev/null and b/.parcel-cache/a1/c907d1c67f110857421f4d0c5f68d5.v8 differ diff --git a/.parcel-cache/a2/129f6df36e9ae5b421f91d560e3c74.blob b/.parcel-cache/a2/129f6df36e9ae5b421f91d560e3c74.blob new file mode 100644 index 0000000..25576d5 Binary files /dev/null and b/.parcel-cache/a2/129f6df36e9ae5b421f91d560e3c74.blob differ diff --git a/.parcel-cache/a2/6cd62c0075cee2f568728471472666.blob b/.parcel-cache/a2/6cd62c0075cee2f568728471472666.blob new file mode 100644 index 0000000..a5a13f6 --- /dev/null +++ b/.parcel-cache/a2/6cd62c0075cee2f568728471472666.blob @@ -0,0 +1,502 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + justify-items: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1; + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/a2/7233b5d1f42e694db48ceb2eef1128.blob b/.parcel-cache/a2/7233b5d1f42e694db48ceb2eef1128.blob new file mode 100644 index 0000000..7591c2d Binary files /dev/null and b/.parcel-cache/a2/7233b5d1f42e694db48ceb2eef1128.blob differ diff --git a/.parcel-cache/a2/74cd7de1f6d22ae2c29908110b964b.v8 b/.parcel-cache/a2/74cd7de1f6d22ae2c29908110b964b.v8 new file mode 100644 index 0000000..e5c2bf0 Binary files /dev/null and b/.parcel-cache/a2/74cd7de1f6d22ae2c29908110b964b.v8 differ diff --git a/.parcel-cache/a2/cabca47eac299ecb02a37989859982.blob b/.parcel-cache/a2/cabca47eac299ecb02a37989859982.blob new file mode 100644 index 0000000..ad5306b Binary files /dev/null and b/.parcel-cache/a2/cabca47eac299ecb02a37989859982.blob differ diff --git a/.parcel-cache/a2/f67c531e7aa3d3a2ee0fa08035efaf.blob b/.parcel-cache/a2/f67c531e7aa3d3a2ee0fa08035efaf.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/a2/f67c531e7aa3d3a2ee0fa08035efaf.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/a3/00cec783c130445ec7204a5790e667.blob b/.parcel-cache/a3/00cec783c130445ec7204a5790e667.blob new file mode 100644 index 0000000..63c398f Binary files /dev/null and b/.parcel-cache/a3/00cec783c130445ec7204a5790e667.blob differ diff --git a/.parcel-cache/a3/75fee7c42b3b030b0eb1e4631f707e.blob b/.parcel-cache/a3/75fee7c42b3b030b0eb1e4631f707e.blob new file mode 100644 index 0000000..ac06bd0 Binary files /dev/null and b/.parcel-cache/a3/75fee7c42b3b030b0eb1e4631f707e.blob differ diff --git a/.parcel-cache/a3/974cacb3dd39915f5254012c1f3f0f.blob b/.parcel-cache/a3/974cacb3dd39915f5254012c1f3f0f.blob new file mode 100644 index 0000000..f2b2e7b --- /dev/null +++ b/.parcel-cache/a3/974cacb3dd39915f5254012c1f3f0f.blob @@ -0,0 +1,521 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2rem; + --font-size-large: 1.5rem; + --font-size-medium: 1.25rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-gap: 0.5rem; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.5 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 640px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + grid-gap: 0; + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/a3/b2ec737909aff1dde4a6bd166fdd41.blob b/.parcel-cache/a3/b2ec737909aff1dde4a6bd166fdd41.blob new file mode 100644 index 0000000..ad5306b Binary files /dev/null and b/.parcel-cache/a3/b2ec737909aff1dde4a6bd166fdd41.blob differ diff --git a/.parcel-cache/a3/cf2f5ef0ae63a1fde38c7f02b91860.v8 b/.parcel-cache/a3/cf2f5ef0ae63a1fde38c7f02b91860.v8 new file mode 100644 index 0000000..6a06f3d Binary files /dev/null and b/.parcel-cache/a3/cf2f5ef0ae63a1fde38c7f02b91860.v8 differ diff --git a/.parcel-cache/a3/d298f116f223d28d16cf32c5ac0d1d.v8 b/.parcel-cache/a3/d298f116f223d28d16cf32c5ac0d1d.v8 new file mode 100644 index 0000000..d42f659 Binary files /dev/null and b/.parcel-cache/a3/d298f116f223d28d16cf32c5ac0d1d.v8 differ diff --git a/.parcel-cache/a4/187aa3a9b9e9bfad75142a5b421c52.blob b/.parcel-cache/a4/187aa3a9b9e9bfad75142a5b421c52.blob new file mode 100644 index 0000000..e24ffbd Binary files /dev/null and b/.parcel-cache/a4/187aa3a9b9e9bfad75142a5b421c52.blob differ diff --git a/.parcel-cache/a4/1acf2ef7614915b2e6cad05bf8249e.v8 b/.parcel-cache/a4/1acf2ef7614915b2e6cad05bf8249e.v8 new file mode 100644 index 0000000..450ef87 Binary files /dev/null and b/.parcel-cache/a4/1acf2ef7614915b2e6cad05bf8249e.v8 differ diff --git a/.parcel-cache/a4/47c821f793ad65a71deb9a1620ed35.v8 b/.parcel-cache/a4/47c821f793ad65a71deb9a1620ed35.v8 new file mode 100644 index 0000000..311edd2 Binary files /dev/null and b/.parcel-cache/a4/47c821f793ad65a71deb9a1620ed35.v8 differ diff --git a/.parcel-cache/a4/a2d7d2e34d24438c4ae54e976256e0.v8 b/.parcel-cache/a4/a2d7d2e34d24438c4ae54e976256e0.v8 new file mode 100644 index 0000000..95361d3 Binary files /dev/null and b/.parcel-cache/a4/a2d7d2e34d24438c4ae54e976256e0.v8 differ diff --git a/.parcel-cache/a5/0ed9154d1d516d40a22b1ddd6d6d0e.blob b/.parcel-cache/a5/0ed9154d1d516d40a22b1ddd6d6d0e.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/a5/0ed9154d1d516d40a22b1ddd6d6d0e.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/a5/2f624a55845b9744b69a904261f6ff.v8 b/.parcel-cache/a5/2f624a55845b9744b69a904261f6ff.v8 new file mode 100644 index 0000000..7ddb9ef Binary files /dev/null and b/.parcel-cache/a5/2f624a55845b9744b69a904261f6ff.v8 differ diff --git a/.parcel-cache/a5/9461e16189b93dce0470cf1d36b477.blob b/.parcel-cache/a5/9461e16189b93dce0470cf1d36b477.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/a5/9461e16189b93dce0470cf1d36b477.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/a6/2dff913402a13f32e748971d0a653b.blob b/.parcel-cache/a6/2dff913402a13f32e748971d0a653b.blob new file mode 100644 index 0000000..54b38ce Binary files /dev/null and b/.parcel-cache/a6/2dff913402a13f32e748971d0a653b.blob differ diff --git a/.parcel-cache/a6/d59bccd87ae5ddb43197567ea78467.blob b/.parcel-cache/a6/d59bccd87ae5ddb43197567ea78467.blob new file mode 100644 index 0000000..63e042d Binary files /dev/null and b/.parcel-cache/a6/d59bccd87ae5ddb43197567ea78467.blob differ diff --git a/.parcel-cache/a6/f8bb574b9bee174d3c2b500b560fdb.v8 b/.parcel-cache/a6/f8bb574b9bee174d3c2b500b560fdb.v8 new file mode 100644 index 0000000..17c439e Binary files /dev/null and b/.parcel-cache/a6/f8bb574b9bee174d3c2b500b560fdb.v8 differ diff --git a/.parcel-cache/a7/2ef5199c404496108c7b5393d67d52.v8 b/.parcel-cache/a7/2ef5199c404496108c7b5393d67d52.v8 new file mode 100644 index 0000000..09a8392 Binary files /dev/null and b/.parcel-cache/a7/2ef5199c404496108c7b5393d67d52.v8 differ diff --git a/.parcel-cache/a7/325e591b2ab26520c72e4c7a89258c.blob b/.parcel-cache/a7/325e591b2ab26520c72e4c7a89258c.blob new file mode 100644 index 0000000..083c221 Binary files /dev/null and b/.parcel-cache/a7/325e591b2ab26520c72e4c7a89258c.blob differ diff --git a/.parcel-cache/a7/4193c1ef115d06c0199cae145400b8.blob b/.parcel-cache/a7/4193c1ef115d06c0199cae145400b8.blob new file mode 100644 index 0000000..f785951 Binary files /dev/null and b/.parcel-cache/a7/4193c1ef115d06c0199cae145400b8.blob differ diff --git a/.parcel-cache/a7/53927c1657bd4c7c3f83129e528d09.v8 b/.parcel-cache/a7/53927c1657bd4c7c3f83129e528d09.v8 new file mode 100644 index 0000000..9c1f877 Binary files /dev/null and b/.parcel-cache/a7/53927c1657bd4c7c3f83129e528d09.v8 differ diff --git a/.parcel-cache/a7/9f2698b375ac43ae45064fd1aa7652.v8 b/.parcel-cache/a7/9f2698b375ac43ae45064fd1aa7652.v8 new file mode 100644 index 0000000..96f9bb2 Binary files /dev/null and b/.parcel-cache/a7/9f2698b375ac43ae45064fd1aa7652.v8 differ diff --git a/.parcel-cache/a7/c7231596ee99018c4ca354bb813c6f.blob b/.parcel-cache/a7/c7231596ee99018c4ca354bb813c6f.blob new file mode 100644 index 0000000..f085040 --- /dev/null +++ b/.parcel-cache/a7/c7231596ee99018c4ca354bb813c6f.blob @@ -0,0 +1 @@ +{"mappings":"AAAA;A;A;CAGC,sBAAsB;AACvB;A;AAEA;CACC,eAAe;AAChB;A;AAEA;CACC,SAAS;CACT,kBAAkB;CAClB,mBAAmB;CACnB,kBAAkB;CAClB,wBAAwB;CACxB,wBAAwB;CACxB,yBAAyB;CACzB,2BAA2B;CAC3B,uBAAuB;CACvB,kBAAkB;CAClB,2BAA2B;CAC3B,wBAAwB;CACxB,iCAAiC;CACjC,sFAAsF;CACtF,mCAAmC;CACnC,kCAAkC;AACnC;A;AAEA,gBAAgB;A;AAChB;A;CAEC,WAAW;CACX,eAAe;CACf,aAAa;AACd;A;AAEA;CACC,MAAM;CACN,OAAO;CACP,WAAW;CACX,YAAY;CACZ,2BAA2B;AAC5B;A;AAEA;CACC,QAAQ;CACR,SAAS;CACT,WAAW;CACX,YAAY;CACZ,uBAAuB;CACvB,kBAAkB;CAClB,YAAY;CACZ,6BAA6B;CAC7B,6DAA6D;A;AAE9D;A;AAEA;CACC;EACC,UAAU;EACV,6BAA6B;CAC9B;AACD;A;AAEA;CACC,0BAA0B;CAC1B,wBAAwB;CACxB,aAAa;AACd;A;AAEA;CACC,qBAAqB;CACrB,8BAA8B;CAC9B,aAAa;AACd;A;AAEA,6FAA6F;A;AAC7F;CACC;qCACoC;CACpC,aAAa;CACb,qBAAqB;AACtB;A;AAEA;CACC;kCACiC;CACjC,uBAAuB;AACxB;A;AAEA;CACC;A;kBAEiB;CACjB,sBAAsB;CACtB,uBAAuB;AACxB;A;AAEA;CACC,gBAAgB;CAChB,SAAS;CACT,UAAU;CACV,SAAS;CACT,eAAe;CACf,aAAa;AACd;A;AAEA;CACC,aAAa;AACd;A;AAEA;CACC,eAAe;CACf,aAAa;CACb,aAAa;CACb,4BAA4B;CAC5B,gBAAgB;CAChB,+BAA+B;CAC/B;A;A;A;A;qBAKoB;A;AAErB;A;AAEA;CACC,gBAAgB;CAChB,wBAAwB;CACxB,mBAAmB;AACpB;A;AAEA;CACC,eAAe;CACf,SAAS;CACT,mBAAmB;AACpB;A;AAEA;CACC,cAAc;AACf;A;AAEA;CACC,oBAAoB;AACrB;A;AAEA;CACC,wBAAwB;CACxB,uBAAuB;CACvB,mBAAmB;CACnB,sBAAsB;AACvB;A;AAEA;CACC,gBAAgB;AACjB;A;AAEA;CACC,qBAAqB;CACrB,wBAAwB;CACxB,sBAAsB;AACvB;A;AAEA;CACC,aAAa;CACb,sBAAsB;CACtB,YAAY;CACZ,2BAA2B;CAC3B,kBAAkB;CAClB,2BAA2B;CAC3B,mBAAmB;AACpB;A;AAEA;CACC,kBAAkB;CAClB,iCAAiC;CACjC,kBAAkB;CAClB,mBAAmB;CACnB,iBAAiB;CACjB,gBAAgB;AACjB;A;AAEA;CACC,gBAAgB;AACjB;A;AAEA;CACC,kBAAkB;CAClB,cAAc;CACd,iCAAiC;AAClC;A;AAEA;CACC,iBAAiB;CACjB,cAAc;CACd,SAAS;CACT,eAAe;CACf,iCAAiC;CACjC,gBAAgB;AACjB;A;AAEA;CACC,eAAe;AAChB;A;AAEA;CACC,kBAAkB;CAClB,gBAAgB;CAChB,WAAW;CACX,gBAAgB;CAChB,gBAAgB;CAChB,mBAAmB;CACnB,sBAAsB;AACvB;A;AAEA;CACC,WAAW;AACZ;A;AAEA;CACC,YAAY;AACb;A;AAEA;CACC,kEAA8C;CAC9C,WAAW;CACX,YAAY;CACZ,sBAAsB;AACvB;A;AAEA;CACC,6BAA6B;AAC9B;A;AAEA;CACC,iBAAiB;CACjB,iBAAiB;CACjB,cAAc;CACd,eAAe;CACf,gBAAgB;IACb,kBAAkB;IAClB,gBAAgB;CACnB,kCAAkC;AACnC;A;AAEA;A;CAEC,oBAAoB;AACrB;A;AAEA;CACC,WAAW;CACX,kBAAkB;CAClB,SAAS;CACT,OAAO;CACP,UAAU;CACV,WAAW;CACX,wBAAwB;CACxB,+BAA+B;IAC5B,0BAA0B;AAC9B;A;AAEA;A;A;CAGC,yBAAyB;CACzB,wBAAwB;AACzB;A;AAEA;CACC,eAAe;CACf,oBAAoB;CACpB,YAAY;CACZ,UAAU;CACV,MAAM;CACN,OAAO;CACP,WAAW;CACX,aAAa;CACb,aAAa;CACb,qCAAqC;CACrC,qBAAqB;CACrB,uBAAuB;CACvB,0BAA0B;AAC3B;A;AAEA;CACC,oBAAoB;CACpB,UAAU;AACX;A;AAEA;CACC,oBAAoB;AACrB;A;AAEA;CACC,cAAc;CACd,cAAc;CACd,cAAc;CACd,kBAAkB;AACnB;A;AAEA;CACC,qBAAqB;CACrB,iBAAiB;CACjB,kDAAkD;CAClD,kCAAkC;CAClC,eAAe;CACf,kBAAkB;CAClB,+CAA+C;CAC/C,wBAAwB;AACzB;A;AAEA;CACC,8BAA8B;AAC/B;A;AAEA;CACC,kBAAkB;CAClB,OAAO;CACP,QAAQ;CACR,iBAAiB;CACjB,8BAA8B;CAC9B,yDAAyD;CACzD,UAAU;CACV,cAAc;CACd,qBAAqB;CACrB,aAAa;CACb,mBAAmB;CACnB,iCAAiC;CACjC,wBAAwB;CACxB,yBAAyB;AAC1B;A;AAEA;CACC,UAAU;CACV,yBAAyB;AAC1B;A;AAEA;CACC,kBAAkB;CAClB,SAAS;CACT,aAAa;CACb,eAAe;CACf,cAAc;CACd,UAAU;CACV,oBAAoB;AACrB;A;AAEA;CACC,wBAAwB;AACzB;A;AAEA;CACC,UAAU;CACV,oBAAoB;AACrB;A;AAEA;CACC,oBAAoB;AACrB;A;AAEA;A;CAEC,kBAAkB;CAClB,WAAW;CACX,YAAY;CACZ,MAAM;CACN,OAAO;CACP,oBAAoB;AACrB;A;AAEA;IACI,kBAAkB;IAClB,WAAW;IACX,YAAY;IACZ,OAAO;IACP,QAAQ;IACR,aAAa;IACb,qCAAqC;IACrC,kCAAkC;IAClC,aAAa;IACb,gBAAgB;IAChB,iCAAiC;IACjC,YAAY;AAChB;A;AAEA;IACI,kEAAkE;CACrE,sBAAsB;AACvB;A;AAEA,SAAS,cAAc,EAAE,gBAAgB,EAAE;A;AAC3C,SAAS,aAAa,EAAE,iBAAiB,EAAE;A;AAC3C,SAAS,aAAa,EAAE,iBAAiB,EAAE;A;AAC3C,SAAS,cAAc,EAAE,iBAAiB,EAAE;A;AAC5C,SAAS,cAAc,EAAE,iBAAiB,EAAE;A;AAC5C,SAAS,cAAc,EAAE,iBAAiB,EAAE;A;AAC5C,SAAS,cAAc,EAAE,gBAAgB,EAAE;A;AAC3C,SAAS,cAAc,EAAE,iBAAiB,EAAE;A;AAC5C,SAAS,cAAc,EAAE,iBAAiB,EAAE;A;AAC5C,UAAU,cAAc,EAAE,iBAAiB,EAAE;A;AAC7C,UAAU,aAAa,EAAE,iBAAiB,EAAE;A;AAC5C,UAAU,cAAc,EAAE,iBAAiB,EAAE;A;AAC7C,UAAU,cAAc,EAAE,gBAAgB,EAAE;A;AAC5C,UAAU,aAAa,EAAE,iBAAiB,EAAE;A;AAC5C,UAAU,aAAa,EAAE,gBAAgB,EAAE;A;AAC3C,UAAU,cAAc,EAAE,iBAAiB,EAAE;A;AAE7C;CACC,YAAY;AACb;A;AAEA;CACC,aAAa;CACb,mBAAmB;CACnB,oBAAoB;CACpB,UAAU;AACX;A;AAEA;CACC,oBAAoB;CACpB,UAAU;AACX;A;AAEA;CACC,UAAU;CACV,oBAAoB;AACrB;A;AAEA;CACC,eAAe;CACf,UAAU;CACV,cAAc;CACd,kBAAkB;AACnB;A;AAEA;CACC,mBAAmB;CACnB,SAAS;CACT,kCAAkC;AACnC;A;AAEA;CACC,cAAc;CACd,gBAAgB;CAChB,kCAAkC;AACnC;A;AAEA;CACC,kBAAkB;CAClB,qBAAqB;CACrB,iCAAiC;CACjC,wBAAwB;CACxB,eAAe;CACf,qBAAqB;CACrB,gBAAgB;AACjB;A;AAEA;CACC;EACC,gBAAgB;EAChB,wBAAwB;EACxB,wBAAwB;EACxB,0BAA0B;EAC1B,yBAAyB;CAC1B;CACA;EACC,WAAW;EACX,aAAa;EACb,8BAA8B;EAC9B;A;A;A;A;qBAKmB;A;CAEpB;CACA;EACC,qBAAqB;CACtB;CACA;EACC,SAAS;EACT,aAAa;EACb,eAAe;EACf,yBAAyB;CAC1B;CACA;EACC,iBAAiB;EACjB,qBAAqB;CACtB;CACA;EACC,eAAe;EACf,iBAAiB;CAClB;CACA;EACC,aAAa;EACb,uBAAuB;CACxB;AACD","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/a7/e33b5557e7e1e19da6bcc331a21941.v8 b/.parcel-cache/a7/e33b5557e7e1e19da6bcc331a21941.v8 new file mode 100644 index 0000000..64023f7 Binary files /dev/null and b/.parcel-cache/a7/e33b5557e7e1e19da6bcc331a21941.v8 differ diff --git a/.parcel-cache/a8/068371b1f361b206c9d7ae8185984c.v8 b/.parcel-cache/a8/068371b1f361b206c9d7ae8185984c.v8 new file mode 100644 index 0000000..fa58b63 Binary files /dev/null and b/.parcel-cache/a8/068371b1f361b206c9d7ae8185984c.v8 differ diff --git a/.parcel-cache/a8/455c638ee9dfea954189cef9186ae3.blob b/.parcel-cache/a8/455c638ee9dfea954189cef9186ae3.blob new file mode 100644 index 0000000..7a290f2 --- /dev/null +++ b/.parcel-cache/a8/455c638ee9dfea954189cef9186ae3.blob @@ -0,0 +1,523 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2rem; + --font-size-large: 1.5rem; + --font-size-medium: 1.25rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-gap: 0.5rem; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.5 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 640px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +.details__content-link:hover { + color: var(--color-menu-hover); +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + grid-gap: 0; + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/a8/4e4cc1043b5fb69c0d3b9bc2d96fd1.blob b/.parcel-cache/a8/4e4cc1043b5fb69c0d3b9bc2d96fd1.blob new file mode 100644 index 0000000..4e2b67b Binary files /dev/null and b/.parcel-cache/a8/4e4cc1043b5fb69c0d3b9bc2d96fd1.blob differ diff --git a/.parcel-cache/a8/58132f638f774cc172026ebae8c08a.blob b/.parcel-cache/a8/58132f638f774cc172026ebae8c08a.blob new file mode 100644 index 0000000..c81162b --- /dev/null +++ b/.parcel-cache/a8/58132f638f774cc172026ebae8c08a.blob @@ -0,0 +1,507 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/a8/c968fa082ec48b5277936b35866da7.v8 b/.parcel-cache/a8/c968fa082ec48b5277936b35866da7.v8 new file mode 100644 index 0000000..7de6eff Binary files /dev/null and b/.parcel-cache/a8/c968fa082ec48b5277936b35866da7.v8 differ diff --git a/.parcel-cache/a8/f64a0402b0b28cd9cf4583fc6ed86e.blob b/.parcel-cache/a8/f64a0402b0b28cd9cf4583fc6ed86e.blob new file mode 100644 index 0000000..dfcd70f --- /dev/null +++ b/.parcel-cache/a8/f64a0402b0b28cd9cf4583fc6ed86e.blob @@ -0,0 +1,208 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + diff --git a/.parcel-cache/a9/12ed77d3b349b32313c4d5b6fd6ba7.v8 b/.parcel-cache/a9/12ed77d3b349b32313c4d5b6fd6ba7.v8 new file mode 100644 index 0000000..c800639 Binary files /dev/null and b/.parcel-cache/a9/12ed77d3b349b32313c4d5b6fd6ba7.v8 differ diff --git a/.parcel-cache/a9/218435e896a30c4898d6bcd3cadd9c.blob b/.parcel-cache/a9/218435e896a30c4898d6bcd3cadd9c.blob new file mode 100644 index 0000000..254283c --- /dev/null +++ b/.parcel-cache/a9/218435e896a30c4898d6bcd3cadd9c.blob @@ -0,0 +1,217 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + + diff --git a/.parcel-cache/a9/310edc711320d8e105385ff6128ab0.blob b/.parcel-cache/a9/310edc711320d8e105385ff6128ab0.blob new file mode 100644 index 0000000..ae34907 Binary files /dev/null and b/.parcel-cache/a9/310edc711320d8e105385ff6128ab0.blob differ diff --git a/.parcel-cache/a9/343e8bfe6830f7618f1613818310ee.blob b/.parcel-cache/a9/343e8bfe6830f7618f1613818310ee.blob new file mode 100644 index 0000000..f3fa41c --- /dev/null +++ b/.parcel-cache/a9/343e8bfe6830f7618f1613818310ee.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/a9/92b0726ea521b7a6e8614cddd4b9c4.blob b/.parcel-cache/a9/92b0726ea521b7a6e8614cddd4b9c4.blob new file mode 100644 index 0000000..af68a53 --- /dev/null +++ b/.parcel-cache/a9/92b0726ea521b7a6e8614cddd4b9c4.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/a9/939f4b9da1d9236fa41d9897b07e0a.blob b/.parcel-cache/a9/939f4b9da1d9236fa41d9897b07e0a.blob new file mode 100644 index 0000000..4828a62 Binary files /dev/null and b/.parcel-cache/a9/939f4b9da1d9236fa41d9897b07e0a.blob differ diff --git a/.parcel-cache/a9/9abed7251c95a37785e9e9d5434bad.blob b/.parcel-cache/a9/9abed7251c95a37785e9e9d5434bad.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/a9/9abed7251c95a37785e9e9d5434bad.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/aa/2711a2e1945ee9f859eb8418b423b3.blob b/.parcel-cache/aa/2711a2e1945ee9f859eb8418b423b3.blob new file mode 100644 index 0000000..9ff7f20 --- /dev/null +++ b/.parcel-cache/aa/2711a2e1945ee9f859eb8418b423b3.blob @@ -0,0 +1,200 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+
+

Content Preview and Menu Animation

+ +
+ + +

We are Super.fluid

+

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + diff --git a/.parcel-cache/aa/59eb81e5278bf3b85c310baee151e6.blob b/.parcel-cache/aa/59eb81e5278bf3b85c310baee151e6.blob new file mode 100644 index 0000000..da4ec66 --- /dev/null +++ b/.parcel-cache/aa/59eb81e5278bf3b85c310baee151e6.blob @@ -0,0 +1,207 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + diff --git a/.parcel-cache/aa/ed4eede4746bb0af515b565b9b655b.blob b/.parcel-cache/aa/ed4eede4746bb0af515b565b9b655b.blob new file mode 100644 index 0000000..3649220 --- /dev/null +++ b/.parcel-cache/aa/ed4eede4746bb0af515b565b9b655b.blob @@ -0,0 +1,503 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/ab/0402195dbae6601a5dc727f9db0809.blob b/.parcel-cache/ab/0402195dbae6601a5dc727f9db0809.blob new file mode 100644 index 0000000..efb918d Binary files /dev/null and b/.parcel-cache/ab/0402195dbae6601a5dc727f9db0809.blob differ diff --git a/.parcel-cache/ab/2070f5f72b5fb172995e33c956fe80.blob b/.parcel-cache/ab/2070f5f72b5fb172995e33c956fe80.blob new file mode 100644 index 0000000..96d1837 Binary files /dev/null and b/.parcel-cache/ab/2070f5f72b5fb172995e33c956fe80.blob differ diff --git a/.parcel-cache/ab/d13b484cf37c2a327da6ea1aec16fc.blob b/.parcel-cache/ab/d13b484cf37c2a327da6ea1aec16fc.blob new file mode 100644 index 0000000..b02aaef Binary files /dev/null and b/.parcel-cache/ab/d13b484cf37c2a327da6ea1aec16fc.blob differ diff --git a/.parcel-cache/ac/36308d65f6cff2336a285948a90b7c.v8 b/.parcel-cache/ac/36308d65f6cff2336a285948a90b7c.v8 new file mode 100644 index 0000000..46d19b6 Binary files /dev/null and b/.parcel-cache/ac/36308d65f6cff2336a285948a90b7c.v8 differ diff --git a/.parcel-cache/ac/3f74af87b262f24e865532a377485a.v8 b/.parcel-cache/ac/3f74af87b262f24e865532a377485a.v8 new file mode 100644 index 0000000..e0b5a41 Binary files /dev/null and b/.parcel-cache/ac/3f74af87b262f24e865532a377485a.v8 differ diff --git a/.parcel-cache/ac/55fa0965e6a157cd197df6df8f64c8.v8 b/.parcel-cache/ac/55fa0965e6a157cd197df6df8f64c8.v8 new file mode 100644 index 0000000..d3a0d28 Binary files /dev/null and b/.parcel-cache/ac/55fa0965e6a157cd197df6df8f64c8.v8 differ diff --git a/.parcel-cache/ac/cd3bb6a8aae1642fadc47baa42d596.blob b/.parcel-cache/ac/cd3bb6a8aae1642fadc47baa42d596.blob new file mode 100644 index 0000000..91706dc --- /dev/null +++ b/.parcel-cache/ac/cd3bb6a8aae1642fadc47baa42d596.blob @@ -0,0 +1,299 @@ +var HMR_HOST = null; +var HMR_PORT = 1234; +var HMR_SECURE = false; +var HMR_ENV_HASH = "d751713988987e9331980363e24189ce"; +module.bundle.HMR_BUNDLE_ID = "062e9a7565ca912a5f7d6b832142d36c"; +// @flow +/*global HMR_HOST, HMR_PORT, HMR_ENV_HASH, HMR_SECURE*/ +/*:: +import type { +HMRAsset, +HMRMessage, +} from '@parcel/reporter-dev-server/src/HMRServer.js'; +interface ParcelRequire { +(string): mixed; +cache: {|[string]: ParcelModule|}; +hotData: mixed; +Module: any; +parent: ?ParcelRequire; +isParcelRequire: true; +modules: {|[string]: [Function, {|[string]: string|}]|}; +HMR_BUNDLE_ID: string; +root: ParcelRequire; +} +interface ParcelModule { +hot: {| +data: mixed, +accept(cb: (Function) => void): void, +dispose(cb: (mixed) => void): void, +// accept(deps: Array | string, cb: (Function) => void): void, +// decline(): void, +_acceptCallbacks: Array<(Function) => void>, +_disposeCallbacks: Array<(mixed) => void>, +|}; +} +declare var module: {bundle: ParcelRequire, ...}; +declare var HMR_HOST: string; +declare var HMR_PORT: string; +declare var HMR_ENV_HASH: string; +declare var HMR_SECURE: boolean; +*/ +var OVERLAY_ID = '__parcel__error__overlay__'; +var OldModule = module.bundle.Module; +function Module(moduleName) { + OldModule.call(this, moduleName); + this.hot = { + data: module.bundle.hotData, + _acceptCallbacks: [], + _disposeCallbacks: [], + accept: function (fn) { + this._acceptCallbacks.push(fn || (function () {})); + }, + dispose: function (fn) { + this._disposeCallbacks.push(fn); + } + }; + module.bundle.hotData = undefined; +} +module.bundle.Module = Module; +var checkedAssets, /*: {|[string]: boolean|}*/ +acceptedAssets, /*: {|[string]: boolean|}*/ +/*: {|[string]: boolean|}*/ +assetsToAccept; +function getHostname() { + return HMR_HOST || (location.protocol.indexOf('http') === 0 ? location.hostname : 'localhost'); +} +function getPort() { + return HMR_PORT || location.port; +} +// eslint-disable-next-line no-redeclare +var parent = module.bundle.parent; +if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') { + var hostname = getHostname(); + var port = getPort(); + var protocol = HMR_SECURE || location.protocol == 'https:' && !(/localhost|127.0.0.1|0.0.0.0/).test(hostname) ? 'wss' : 'ws'; + var ws = new WebSocket(protocol + '://' + hostname + (port ? ':' + port : '') + '/'); + // $FlowFixMe + ws.onmessage = function (event) /*: {data: string, ...}*/ + { + checkedAssets = { + /*: {|[string]: boolean|}*/ + }; + acceptedAssets = { + /*: {|[string]: boolean|}*/ + }; + assetsToAccept = []; + var data = /*: HMRMessage*/ + JSON.parse(event.data); + if (data.type === 'update') { + // Remove error overlay if there is one + removeErrorOverlay(); + let assets = data.assets.filter(asset => asset.envHash === HMR_ENV_HASH); + // Handle HMR Update + var handled = false; + assets.forEach(asset => { + var didAccept = asset.type === 'css' || asset.type === 'js' && hmrAcceptCheck(module.bundle.root, asset.id, asset.depsByBundle); + if (didAccept) { + handled = true; + } + }); + if (handled) { + console.clear(); + assets.forEach(function (asset) { + hmrApply(module.bundle.root, asset); + }); + for (var i = 0; i < assetsToAccept.length; i++) { + var id = assetsToAccept[i][1]; + if (!acceptedAssets[id]) { + hmrAcceptRun(assetsToAccept[i][0], id); + } + } + } else { + window.location.reload(); + } + } + if (data.type === 'error') { + // Log parcel errors to console + for (let ansiDiagnostic of data.diagnostics.ansi) { + let stack = ansiDiagnostic.codeframe ? ansiDiagnostic.codeframe : ansiDiagnostic.stack; + console.error('🚨 [parcel]: ' + ansiDiagnostic.message + '\n' + stack + '\n\n' + ansiDiagnostic.hints.join('\n')); + } + // Render the fancy html overlay + removeErrorOverlay(); + var overlay = createErrorOverlay(data.diagnostics.html); + // $FlowFixMe + document.body.appendChild(overlay); + } + }; + ws.onerror = function (e) { + console.error(e.message); + }; + ws.onclose = function (e) { + if (undefined !== 'test') { + console.warn('[parcel] 🚨 Connection to the HMR server was lost'); + } + }; +} +function removeErrorOverlay() { + var overlay = document.getElementById(OVERLAY_ID); + if (overlay) { + overlay.remove(); + console.log('[parcel] ✨ Error resolved'); + } +} +function createErrorOverlay(diagnostics) { + var overlay = document.createElement('div'); + overlay.id = OVERLAY_ID; + let errorHTML = '
'; + for (let diagnostic of diagnostics) { + let stack = diagnostic.codeframe ? diagnostic.codeframe : diagnostic.stack; + errorHTML += ` +
+
+ 🚨 ${diagnostic.message} +
+ 
+          ${stack}
+
+
+ ${diagnostic.hints.map(hint => '
' + hint + '
').join('')} +
+
+ `; + } + errorHTML += '
'; + overlay.innerHTML = errorHTML; + return overlay; +} +function getParents(bundle, id) /*: Array<[ParcelRequire, string]>*/ +{ + var modules = bundle.modules; + if (!modules) { + return []; + } + var parents = []; + var k, d, dep; + for (k in modules) { + for (d in modules[k][1]) { + dep = modules[k][1][d]; + if (dep === id || Array.isArray(dep) && dep[dep.length - 1] === id) { + parents.push([bundle, k]); + } + } + } + if (bundle.parent) { + parents = parents.concat(getParents(bundle.parent, id)); + } + return parents; +} +function updateLink(link) { + var newLink = link.cloneNode(); + newLink.onload = function () { + if (link.parentNode !== null) { + // $FlowFixMe + link.parentNode.removeChild(link); + } + }; + newLink.setAttribute('href', // $FlowFixMe + link.getAttribute('href').split('?')[0] + '?' + Date.now()); + // $FlowFixMe + link.parentNode.insertBefore(newLink, link.nextSibling); +} +var cssTimeout = null; +function reloadCSS() { + if (cssTimeout) { + return; + } + cssTimeout = setTimeout(function () { + var links = document.querySelectorAll('link[rel="stylesheet"]'); + for (var i = 0; i < links.length; i++) { + // $FlowFixMe[incompatible-type] + var href = /*: string*/ + links[i].getAttribute('href'); + var hostname = getHostname(); + var servedFromHMRServer = hostname === 'localhost' ? new RegExp('^(https?:\\/\\/(0.0.0.0|127.0.0.1)|localhost):' + getPort()).test(href) : href.indexOf(hostname + ':' + getPort()); + var absolute = (/^https?:\/\//i).test(href) && href.indexOf(window.location.origin) !== 0 && !servedFromHMRServer; + if (!absolute) { + updateLink(links[i]); + } + } + cssTimeout = null; + }, 50); +} +function hmrApply(bundle, /*: ParcelRequire*/ +asset) /*: HMRAsset*/ +{ + var modules = bundle.modules; + if (!modules) { + return; + } + if (asset.type === 'css') { + reloadCSS(); + return; + } + let deps = asset.depsByBundle[bundle.HMR_BUNDLE_ID]; + if (deps) { + var fn = new Function('require', 'module', 'exports', asset.output); + modules[asset.id] = [fn, deps]; + } else if (bundle.parent) { + hmrApply(bundle.parent, asset); + } +} +function hmrAcceptCheck(bundle, /*: ParcelRequire*/ +id, /*: ParcelRequire*/ +/*: string*/ +depsByBundle) /*: ?{ [string]: { [string]: string } }*/ +{ + var modules = bundle.modules; + if (!modules) { + return; + } + if (depsByBundle && !depsByBundle[bundle.HMR_BUNDLE_ID]) { + // If we reached the root bundle without finding where the asset should go, + // there's nothing to do. Mark as "accepted" so we don't reload the page. + if (!bundle.parent) { + return true; + } + return hmrAcceptCheck(bundle.parent, id, depsByBundle); + } + if (checkedAssets[id]) { + return; + } + checkedAssets[id] = true; + var cached = bundle.cache[id]; + assetsToAccept.push([bundle, id]); + if (cached && cached.hot && cached.hot._acceptCallbacks.length) { + return true; + } + return getParents(module.bundle.root, id).some(function (v) { + return hmrAcceptCheck(v[0], v[1], null); + }); +} +function hmrAcceptRun(bundle, /*: ParcelRequire*/ +id) /*: string*/ +{ + var cached = bundle.cache[id]; + bundle.hotData = {}; + if (cached && cached.hot) { + cached.hot.data = bundle.hotData; + } + if (cached && cached.hot && cached.hot._disposeCallbacks.length) { + cached.hot._disposeCallbacks.forEach(function (cb) { + cb(bundle.hotData); + }); + } + delete bundle.cache[id]; + bundle(id); + cached = bundle.cache[id]; + if (cached && cached.hot && cached.hot._acceptCallbacks.length) { + cached.hot._acceptCallbacks.forEach(function (cb) { + var assetsToAlsoAccept = cb(function () { + return getParents(module.bundle.root, id); + }); + if (assetsToAlsoAccept && assetsToAccept.length) { + assetsToAccept.push.apply(assetsToAccept, assetsToAlsoAccept); + } + }); + } + acceptedAssets[id] = true; +} diff --git a/.parcel-cache/ad/0eda6a9e705acecf1687d23648149f.v8 b/.parcel-cache/ad/0eda6a9e705acecf1687d23648149f.v8 new file mode 100644 index 0000000..ccc40ed Binary files /dev/null and b/.parcel-cache/ad/0eda6a9e705acecf1687d23648149f.v8 differ diff --git a/.parcel-cache/ad/2190d8ff605b78da5956f96f2c34f8.blob b/.parcel-cache/ad/2190d8ff605b78da5956f96f2c34f8.blob new file mode 100644 index 0000000..dd5dc0e Binary files /dev/null and b/.parcel-cache/ad/2190d8ff605b78da5956f96f2c34f8.blob differ diff --git a/.parcel-cache/ad/72085067dcdfd58e42e935de679026.blob b/.parcel-cache/ad/72085067dcdfd58e42e935de679026.blob new file mode 100644 index 0000000..00734f9 --- /dev/null +++ b/.parcel-cache/ad/72085067dcdfd58e42e935de679026.blob @@ -0,0 +1,215 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + + diff --git a/.parcel-cache/ad/79fc5ddd82597b5f3ad6f0a66292d3.blob b/.parcel-cache/ad/79fc5ddd82597b5f3ad6f0a66292d3.blob new file mode 100644 index 0000000..7800d26 --- /dev/null +++ b/.parcel-cache/ad/79fc5ddd82597b5f3ad6f0a66292d3.blob @@ -0,0 +1,505 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/ad/851b9291181ed69a87cc4a3a56199c.v8 b/.parcel-cache/ad/851b9291181ed69a87cc4a3a56199c.v8 new file mode 100644 index 0000000..6e2b0f3 Binary files /dev/null and b/.parcel-cache/ad/851b9291181ed69a87cc4a3a56199c.v8 differ diff --git a/.parcel-cache/ad/f8d07ca6c8c9ae4797e8da24b78b9b.blob b/.parcel-cache/ad/f8d07ca6c8c9ae4797e8da24b78b9b.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/ad/f8d07ca6c8c9ae4797e8da24b78b9b.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/ad/f9e6d812009625df9bf680b6b449cd.v8 b/.parcel-cache/ad/f9e6d812009625df9bf680b6b449cd.v8 new file mode 100644 index 0000000..134e212 Binary files /dev/null and b/.parcel-cache/ad/f9e6d812009625df9bf680b6b449cd.v8 differ diff --git a/.parcel-cache/ae/1f93438a099e5dadf59bdb2303929d.blob b/.parcel-cache/ae/1f93438a099e5dadf59bdb2303929d.blob new file mode 100644 index 0000000..f22bc93 --- /dev/null +++ b/.parcel-cache/ae/1f93438a099e5dadf59bdb2303929d.blob @@ -0,0 +1,505 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.underline::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 5%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.underline:hover::after, +.menu--open ~ .underline::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/ae/3df2a46a324c79e70abd15d46ce4c0.blob b/.parcel-cache/ae/3df2a46a324c79e70abd15d46ce4c0.blob new file mode 100644 index 0000000..e0f1a53 --- /dev/null +++ b/.parcel-cache/ae/3df2a46a324c79e70abd15d46ce4c0.blob @@ -0,0 +1,299 @@ +var HMR_HOST = null; +var HMR_PORT = 1234; +var HMR_SECURE = false; +var HMR_ENV_HASH = "d751713988987e9331980363e24189ce"; +module.bundle.HMR_BUNDLE_ID = "ec69cd9a86158e796dc3b058bc6af0db"; +// @flow +/*global HMR_HOST, HMR_PORT, HMR_ENV_HASH, HMR_SECURE*/ +/*:: +import type { +HMRAsset, +HMRMessage, +} from '@parcel/reporter-dev-server/src/HMRServer.js'; +interface ParcelRequire { +(string): mixed; +cache: {|[string]: ParcelModule|}; +hotData: mixed; +Module: any; +parent: ?ParcelRequire; +isParcelRequire: true; +modules: {|[string]: [Function, {|[string]: string|}]|}; +HMR_BUNDLE_ID: string; +root: ParcelRequire; +} +interface ParcelModule { +hot: {| +data: mixed, +accept(cb: (Function) => void): void, +dispose(cb: (mixed) => void): void, +// accept(deps: Array | string, cb: (Function) => void): void, +// decline(): void, +_acceptCallbacks: Array<(Function) => void>, +_disposeCallbacks: Array<(mixed) => void>, +|}; +} +declare var module: {bundle: ParcelRequire, ...}; +declare var HMR_HOST: string; +declare var HMR_PORT: string; +declare var HMR_ENV_HASH: string; +declare var HMR_SECURE: boolean; +*/ +var OVERLAY_ID = '__parcel__error__overlay__'; +var OldModule = module.bundle.Module; +function Module(moduleName) { + OldModule.call(this, moduleName); + this.hot = { + data: module.bundle.hotData, + _acceptCallbacks: [], + _disposeCallbacks: [], + accept: function (fn) { + this._acceptCallbacks.push(fn || (function () {})); + }, + dispose: function (fn) { + this._disposeCallbacks.push(fn); + } + }; + module.bundle.hotData = undefined; +} +module.bundle.Module = Module; +var checkedAssets, /*: {|[string]: boolean|}*/ +acceptedAssets, /*: {|[string]: boolean|}*/ +/*: {|[string]: boolean|}*/ +assetsToAccept; +function getHostname() { + return HMR_HOST || (location.protocol.indexOf('http') === 0 ? location.hostname : 'localhost'); +} +function getPort() { + return HMR_PORT || location.port; +} +// eslint-disable-next-line no-redeclare +var parent = module.bundle.parent; +if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') { + var hostname = getHostname(); + var port = getPort(); + var protocol = HMR_SECURE || location.protocol == 'https:' && !(/localhost|127.0.0.1|0.0.0.0/).test(hostname) ? 'wss' : 'ws'; + var ws = new WebSocket(protocol + '://' + hostname + (port ? ':' + port : '') + '/'); + // $FlowFixMe + ws.onmessage = function (event) /*: {data: string, ...}*/ + { + checkedAssets = { + /*: {|[string]: boolean|}*/ + }; + acceptedAssets = { + /*: {|[string]: boolean|}*/ + }; + assetsToAccept = []; + var data = /*: HMRMessage*/ + JSON.parse(event.data); + if (data.type === 'update') { + // Remove error overlay if there is one + removeErrorOverlay(); + let assets = data.assets.filter(asset => asset.envHash === HMR_ENV_HASH); + // Handle HMR Update + var handled = false; + assets.forEach(asset => { + var didAccept = asset.type === 'css' || asset.type === 'js' && hmrAcceptCheck(module.bundle.root, asset.id, asset.depsByBundle); + if (didAccept) { + handled = true; + } + }); + if (handled) { + console.clear(); + assets.forEach(function (asset) { + hmrApply(module.bundle.root, asset); + }); + for (var i = 0; i < assetsToAccept.length; i++) { + var id = assetsToAccept[i][1]; + if (!acceptedAssets[id]) { + hmrAcceptRun(assetsToAccept[i][0], id); + } + } + } else { + window.location.reload(); + } + } + if (data.type === 'error') { + // Log parcel errors to console + for (let ansiDiagnostic of data.diagnostics.ansi) { + let stack = ansiDiagnostic.codeframe ? ansiDiagnostic.codeframe : ansiDiagnostic.stack; + console.error('🚨 [parcel]: ' + ansiDiagnostic.message + '\n' + stack + '\n\n' + ansiDiagnostic.hints.join('\n')); + } + // Render the fancy html overlay + removeErrorOverlay(); + var overlay = createErrorOverlay(data.diagnostics.html); + // $FlowFixMe + document.body.appendChild(overlay); + } + }; + ws.onerror = function (e) { + console.error(e.message); + }; + ws.onclose = function (e) { + if (undefined !== 'test') { + console.warn('[parcel] 🚨 Connection to the HMR server was lost'); + } + }; +} +function removeErrorOverlay() { + var overlay = document.getElementById(OVERLAY_ID); + if (overlay) { + overlay.remove(); + console.log('[parcel] ✨ Error resolved'); + } +} +function createErrorOverlay(diagnostics) { + var overlay = document.createElement('div'); + overlay.id = OVERLAY_ID; + let errorHTML = '
'; + for (let diagnostic of diagnostics) { + let stack = diagnostic.codeframe ? diagnostic.codeframe : diagnostic.stack; + errorHTML += ` +
+
+ 🚨 ${diagnostic.message} +
+ 
+          ${stack}
+
+
+ ${diagnostic.hints.map(hint => '
' + hint + '
').join('')} +
+
+ `; + } + errorHTML += '
'; + overlay.innerHTML = errorHTML; + return overlay; +} +function getParents(bundle, id) /*: Array<[ParcelRequire, string]>*/ +{ + var modules = bundle.modules; + if (!modules) { + return []; + } + var parents = []; + var k, d, dep; + for (k in modules) { + for (d in modules[k][1]) { + dep = modules[k][1][d]; + if (dep === id || Array.isArray(dep) && dep[dep.length - 1] === id) { + parents.push([bundle, k]); + } + } + } + if (bundle.parent) { + parents = parents.concat(getParents(bundle.parent, id)); + } + return parents; +} +function updateLink(link) { + var newLink = link.cloneNode(); + newLink.onload = function () { + if (link.parentNode !== null) { + // $FlowFixMe + link.parentNode.removeChild(link); + } + }; + newLink.setAttribute('href', // $FlowFixMe + link.getAttribute('href').split('?')[0] + '?' + Date.now()); + // $FlowFixMe + link.parentNode.insertBefore(newLink, link.nextSibling); +} +var cssTimeout = null; +function reloadCSS() { + if (cssTimeout) { + return; + } + cssTimeout = setTimeout(function () { + var links = document.querySelectorAll('link[rel="stylesheet"]'); + for (var i = 0; i < links.length; i++) { + // $FlowFixMe[incompatible-type] + var href = /*: string*/ + links[i].getAttribute('href'); + var hostname = getHostname(); + var servedFromHMRServer = hostname === 'localhost' ? new RegExp('^(https?:\\/\\/(0.0.0.0|127.0.0.1)|localhost):' + getPort()).test(href) : href.indexOf(hostname + ':' + getPort()); + var absolute = (/^https?:\/\//i).test(href) && href.indexOf(window.location.origin) !== 0 && !servedFromHMRServer; + if (!absolute) { + updateLink(links[i]); + } + } + cssTimeout = null; + }, 50); +} +function hmrApply(bundle, /*: ParcelRequire*/ +asset) /*: HMRAsset*/ +{ + var modules = bundle.modules; + if (!modules) { + return; + } + if (asset.type === 'css') { + reloadCSS(); + return; + } + let deps = asset.depsByBundle[bundle.HMR_BUNDLE_ID]; + if (deps) { + var fn = new Function('require', 'module', 'exports', asset.output); + modules[asset.id] = [fn, deps]; + } else if (bundle.parent) { + hmrApply(bundle.parent, asset); + } +} +function hmrAcceptCheck(bundle, /*: ParcelRequire*/ +id, /*: ParcelRequire*/ +/*: string*/ +depsByBundle) /*: ?{ [string]: { [string]: string } }*/ +{ + var modules = bundle.modules; + if (!modules) { + return; + } + if (depsByBundle && !depsByBundle[bundle.HMR_BUNDLE_ID]) { + // If we reached the root bundle without finding where the asset should go, + // there's nothing to do. Mark as "accepted" so we don't reload the page. + if (!bundle.parent) { + return true; + } + return hmrAcceptCheck(bundle.parent, id, depsByBundle); + } + if (checkedAssets[id]) { + return; + } + checkedAssets[id] = true; + var cached = bundle.cache[id]; + assetsToAccept.push([bundle, id]); + if (cached && cached.hot && cached.hot._acceptCallbacks.length) { + return true; + } + return getParents(module.bundle.root, id).some(function (v) { + return hmrAcceptCheck(v[0], v[1], null); + }); +} +function hmrAcceptRun(bundle, /*: ParcelRequire*/ +id) /*: string*/ +{ + var cached = bundle.cache[id]; + bundle.hotData = {}; + if (cached && cached.hot) { + cached.hot.data = bundle.hotData; + } + if (cached && cached.hot && cached.hot._disposeCallbacks.length) { + cached.hot._disposeCallbacks.forEach(function (cb) { + cb(bundle.hotData); + }); + } + delete bundle.cache[id]; + bundle(id); + cached = bundle.cache[id]; + if (cached && cached.hot && cached.hot._acceptCallbacks.length) { + cached.hot._acceptCallbacks.forEach(function (cb) { + var assetsToAlsoAccept = cb(function () { + return getParents(module.bundle.root, id); + }); + if (assetsToAlsoAccept && assetsToAccept.length) { + assetsToAccept.push.apply(assetsToAccept, assetsToAlsoAccept); + } + }); + } + acceptedAssets[id] = true; +} diff --git a/.parcel-cache/ae/46f0d0ad34828a1d287d682e457fd2.blob b/.parcel-cache/ae/46f0d0ad34828a1d287d682e457fd2.blob new file mode 100644 index 0000000..93f04af Binary files /dev/null and b/.parcel-cache/ae/46f0d0ad34828a1d287d682e457fd2.blob differ diff --git a/.parcel-cache/ae/52759ea12520b4da420bc9b8e2316c.v8 b/.parcel-cache/ae/52759ea12520b4da420bc9b8e2316c.v8 new file mode 100644 index 0000000..2d34079 Binary files /dev/null and b/.parcel-cache/ae/52759ea12520b4da420bc9b8e2316c.v8 differ diff --git a/.parcel-cache/ae/8bcc86dc0ab60bc274e505c5acbf69.blob b/.parcel-cache/ae/8bcc86dc0ab60bc274e505c5acbf69.blob new file mode 100644 index 0000000..4e2b67b Binary files /dev/null and b/.parcel-cache/ae/8bcc86dc0ab60bc274e505c5acbf69.blob differ diff --git a/.parcel-cache/ae/adf4a739710c3355f886d90fffbcf1.blob b/.parcel-cache/ae/adf4a739710c3355f886d90fffbcf1.blob new file mode 100644 index 0000000..9952efb Binary files /dev/null and b/.parcel-cache/ae/adf4a739710c3355f886d90fffbcf1.blob differ diff --git a/.parcel-cache/ae/af958696e3996d7c38e9200a577755.blob b/.parcel-cache/ae/af958696e3996d7c38e9200a577755.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/ae/af958696e3996d7c38e9200a577755.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/af/264ce44ff4a3695997ab1654449604.blob b/.parcel-cache/af/264ce44ff4a3695997ab1654449604.blob new file mode 100644 index 0000000..9c40c71 Binary files /dev/null and b/.parcel-cache/af/264ce44ff4a3695997ab1654449604.blob differ diff --git a/.parcel-cache/af/34e62afb150a3f4b06efd58c3d0eb4.v8 b/.parcel-cache/af/34e62afb150a3f4b06efd58c3d0eb4.v8 new file mode 100644 index 0000000..9158857 Binary files /dev/null and b/.parcel-cache/af/34e62afb150a3f4b06efd58c3d0eb4.v8 differ diff --git a/.parcel-cache/af/8969d67109d3511dee9112a7a1e9ad.blob b/.parcel-cache/af/8969d67109d3511dee9112a7a1e9ad.blob new file mode 100644 index 0000000..bd8ce02 Binary files /dev/null and b/.parcel-cache/af/8969d67109d3511dee9112a7a1e9ad.blob differ diff --git a/.parcel-cache/af/8c014f57b19dc0a4116f1fb777291b.blob b/.parcel-cache/af/8c014f57b19dc0a4116f1fb777291b.blob new file mode 100644 index 0000000..4cadec1 --- /dev/null +++ b/.parcel-cache/af/8c014f57b19dc0a4116f1fb777291b.blob @@ -0,0 +1,517 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family:Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.3; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/af/9d3f2891567e5e5e3c860bb737f0aa.v8 b/.parcel-cache/af/9d3f2891567e5e5e3c860bb737f0aa.v8 new file mode 100644 index 0000000..27fb60c Binary files /dev/null and b/.parcel-cache/af/9d3f2891567e5e5e3c860bb737f0aa.v8 differ diff --git a/.parcel-cache/b0/0f562543ede24a036b76310a3d0576.blob b/.parcel-cache/b0/0f562543ede24a036b76310a3d0576.blob new file mode 100644 index 0000000..bd8ce02 Binary files /dev/null and b/.parcel-cache/b0/0f562543ede24a036b76310a3d0576.blob differ diff --git a/.parcel-cache/b0/1edca2342b4d8b94e0ef81992c9fb9.blob b/.parcel-cache/b0/1edca2342b4d8b94e0ef81992c9fb9.blob new file mode 100644 index 0000000..00a99c8 Binary files /dev/null and b/.parcel-cache/b0/1edca2342b4d8b94e0ef81992c9fb9.blob differ diff --git a/.parcel-cache/b0/5eae03b2850b52420302888a7c4a85.v8 b/.parcel-cache/b0/5eae03b2850b52420302888a7c4a85.v8 new file mode 100644 index 0000000..959d82b Binary files /dev/null and b/.parcel-cache/b0/5eae03b2850b52420302888a7c4a85.v8 differ diff --git a/.parcel-cache/b0/8f4ba4bb54fdac7add310b2262d926.blob b/.parcel-cache/b0/8f4ba4bb54fdac7add310b2262d926.blob new file mode 100644 index 0000000..4d9f973 --- /dev/null +++ b/.parcel-cache/b0/8f4ba4bb54fdac7add310b2262d926.blob @@ -0,0 +1,502 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + justify-items: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1; + font-size: var(--font-size-large); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/b0/a930bd67ec54e77f2e61c18095e094.blob b/.parcel-cache/b0/a930bd67ec54e77f2e61c18095e094.blob new file mode 100644 index 0000000..a357090 Binary files /dev/null and b/.parcel-cache/b0/a930bd67ec54e77f2e61c18095e094.blob differ diff --git a/.parcel-cache/b0/da350b0195c35d80fbf138cd094dc4.blob b/.parcel-cache/b0/da350b0195c35d80fbf138cd094dc4.blob new file mode 100644 index 0000000..ef5ce0f Binary files /dev/null and b/.parcel-cache/b0/da350b0195c35d80fbf138cd094dc4.blob differ diff --git a/.parcel-cache/b1/130c7d9d506b41fbb4db7c9dcb5935.blob b/.parcel-cache/b1/130c7d9d506b41fbb4db7c9dcb5935.blob new file mode 100644 index 0000000..1c1b9d1 --- /dev/null +++ b/.parcel-cache/b1/130c7d9d506b41fbb4db7c9dcb5935.blob @@ -0,0 +1,62 @@ +var _parcelHelpers = require("@parcel/transformer-js/lib/esmodule-helpers.js"); +_parcelHelpers.defineInteropFlag(exports); +_parcelHelpers.export(exports, "Menu", function () { + return Menu; +}); +var _textReveal = require('./textReveal'); +var _details = require('./details'); +class Menu { + constructor(el) { + this.DOM = { + el: el, + items: [...el.querySelectorAll('.menu__item')], + links: [...el.querySelectorAll('.menu__item-link')], + closeCtrl: el.querySelector('.close--menu'), + // .details HTML elements (one per menu item) + detailsEl: [...el.querySelectorAll('.menu__item-link')].map(item => document.querySelector(item.href.substring(item.href.indexOf('#')))), + // close details/images page + closeDetailsCtrl: document.querySelector('.details-wrap > .close--details') + }; + // text reveal animations (both the close control and the menu items will slide in/out) + this.textReveal = new _textReveal.TextReveal([this.DOM.closeCtrl, ...this.DOM.items]); + // Details instances + this.detailsInstances = []; + this.DOM.detailsEl.forEach(detailsEl => this.detailsInstances.push(new _details.Details(detailsEl, this.DOM.closeDetailsCtrl))); + this.initEvents(); + } + /*open the menu (animate the menu items in)*/ + open() { + this.DOM.el.classList.add('menu--open'); + // show menu items and show close ctrl + this.textReveal.in(); + } + /*close the menu (animate the menu items out)*/ + close() { + this.textReveal.out().then(() => this.DOM.el.classList.remove('menu--open')); + } + initEvents() { + // clicking a menu link will open the gallery + this.DOM.links.forEach((link, pos) => { + link.addEventListener('click', ev => { + ev.preventDefault(); + this.openDetails(pos); + }); + }); + this.DOM.closeDetailsCtrl.addEventListener('click', () => this.closeDetails()); + } + openDetails(pos) { + // save position + this.menuItemCurrent = pos; + // close the menu (animate the menu items out) + this.close(); + this.detailsInstances[this.menuItemCurrent].open(); + } + closeDetails() { + if (this.menuItemCurrent === -1) return; + // open the menu (animate the menu items in) + this.open(); + this.detailsInstances[this.menuItemCurrent].close(); + // reset + this.menuItemCurrent = -1; + } +} diff --git a/.parcel-cache/b1/4e687cf61b4b2a546e6ca1738d3f3f.blob b/.parcel-cache/b1/4e687cf61b4b2a546e6ca1738d3f3f.blob new file mode 100644 index 0000000..a751947 --- /dev/null +++ b/.parcel-cache/b1/4e687cf61b4b2a546e6ca1738d3f3f.blob @@ -0,0 +1,502 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + justify-items: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1; + font-size: 12vh; + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-large: 3.75vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/b1/7194121724e1bd1fdbf67f9b897488.blob b/.parcel-cache/b1/7194121724e1bd1fdbf67f9b897488.blob new file mode 100644 index 0000000..2c830ba --- /dev/null +++ b/.parcel-cache/b1/7194121724e1bd1fdbf67f9b897488.blob @@ -0,0 +1,647 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+
+

Content Preview and Menu Animation

+ +
+ + +

We are Super.fluid

+

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + diff --git a/.parcel-cache/b2/13da1d988a79958f15bfba01ea3785.blob b/.parcel-cache/b2/13da1d988a79958f15bfba01ea3785.blob new file mode 100644 index 0000000..7a23c80 Binary files /dev/null and b/.parcel-cache/b2/13da1d988a79958f15bfba01ea3785.blob differ diff --git a/.parcel-cache/b2/3c8fefa39aca720abd4db8de6edfbe.blob b/.parcel-cache/b2/3c8fefa39aca720abd4db8de6edfbe.blob new file mode 100644 index 0000000..1bddb90 --- /dev/null +++ b/.parcel-cache/b2/3c8fefa39aca720abd4db8de6edfbe.blob @@ -0,0 +1 @@ +{"mappings":"AAAA,iBAGC,qBACD,CAEA,MACC,cACD,CAEA,KACC,QAAS,CACT,iBAAkB,CAClB,kBAAmB,CACnB,iBAAkB,CAClB,uBAAwB,CACxB,uBAAwB,CACxB,wBAAyB,CACzB,0BAA2B,CAC3B,sBAAuB,CACvB,iBAAkB,CAClB,0BAA2B,CAC3B,uBAAwB,CACxB,gCAAiC,CACjC,gFAAsF,CACtF,kCAAmC,CACnC,iCACD,CAEA,cACC,mBAAoB,CACpB,eAAgB,CAChB,kBAAmB,CACnB,iBAAkB,CAClB,kCAAmC,CACnC,8CAA+C,CAC/C,oCAAqC,CAClC,gDAAiD,CACpD,SAAU,CACV,mBAAoB,CACpB,oBAAqB,CACrB,0BAA2B,CAC3B,sBAAuB,CACpB,kBAAmB,CACtB,sBAAwB,CACxB,qBAAsB,CACtB,iBAAkB,CAClB,YACD,CAEA,4BACC,SAAU,CACV,mBACD,CAIA,uCAEC,UAAW,CACX,cAAe,CACf,YACD,CAEA,oBACC,KAAM,CACN,MAAO,CACP,UAAW,CACX,WAAY,CACZ,0BACD,CAEA,mBACC,OAAQ,CACR,QAAS,CACT,UAAW,CACX,WAAY,CACZ,sBAAuB,CACvB,iBAAkB,CAClB,UAAY,CACZ,4BAA6B,CAC7B,2DAED,CAEA,sBACC,GACC,SAAU,CACV,0BACD,CACD,CAEA,EACC,yBAA0B,CAC1B,uBAED,CAEA,UAHC,YAOD,CAJA,QACC,oBAAqB,CACrB,6BAED,CAIA,QAGC,YAAa,CACb,kBACD,CAQA,4CAHC,sBASD,CANA,gBAIC,qBAED,CAEA,UACC,eAAgB,CAChB,QAAS,CACT,SAAU,CACV,QAAS,CACT,cAAe,CACf,YACD,CAEA,gBACC,YACD,CAEA,KACC,cAAe,CACf,YAAa,CACb,YAAa,CACb,2BAA4B,CAC5B,cAAgB,CAChB,8BAA+B,CAC/B,kHAOD,CAEA,OACC,eAAgB,CAChB,uBAAwB,CACxB,kBACD,CAEA,cACC,cAAe,CACf,QAAS,CACT,eACD,CAEA,cACC,aACD,CAEA,iCACC,kBACD,CAEA,MACC,sBAAwB,CACxB,qBAAuB,CACvB,kBAAmB,CACnB,qBACD,CAEA,IACC,eACD,CAEA,WACC,oBAAqB,CACrB,sBAAwB,CACxB,qBACD,CAEA,SACC,YAAa,CACb,qBAAsB,CACtB,WAAY,CACZ,0BAA2B,CAC3B,iBAAkB,CAClB,0BAA2B,CAC3B,kBACD,CAEA,SACC,iBAAkB,CAClB,gCAAiC,CACjC,eAAkB,CAClB,eAAmB,CACnB,gBAAiB,CACjB,eACD,CAEA,gBACC,eACD,CAEA,iBACC,iBAAkB,CAClB,aAAc,CACd,gCACD,CAEA,mBACC,gBAAiB,CACjB,aAAc,CACd,QAAS,CACT,cAAe,CACf,gCAAiC,CACjC,eACD,CAEA,MACC,cACD,CAEA,gBACC,iBAAkB,CAClB,eAAgB,CAChB,UAAW,CACX,eAAgB,CAChB,eAAgB,CAChB,kBAAmB,CACnB,qBACD,CAEA,uBACC,UACD,CAEA,uBACC,WACD,CAEA,WACC,+EAAiF,CACjF,UAAW,CACX,WAAY,CACZ,qBACD,CAEA,kBACC,4BACD,CAEA,WACC,gBAAiB,CACjB,gBAAiB,CACjB,aAAc,CACd,cAAe,CACf,eAAgB,CACb,iBAAkB,CAClB,eAAgB,CACnB,iCACD,CAEA,iDAEC,mBACD,CAEA,iBACC,UAAW,CACX,iBAAkB,CAClB,QAAS,CACT,MAAO,CACP,SAAU,CACV,UAAW,CACX,uBAAwB,CACxB,6BAA+B,CAC5B,yBACJ,CAEA,oFAGC,mBAAyB,CACzB,sBACD,CAEA,MACC,cAAe,CACf,mBAAoB,CACpB,WAAY,CACZ,SAAU,CACV,KAAM,CACN,MAAO,CACP,UAAW,CACX,YAAa,CACb,YAAa,CACb,oCAAqC,CACrC,oBAAqB,CACrB,sBAAuB,CACvB,yBACD,CAEA,YACC,mBAAoB,CACpB,SACD,CAEA,qBACC,mBACD,CAEA,YACC,aAAc,CACd,aAAc,CACd,aAAc,CACd,iBACD,CAEA,iBACC,oBAAqB,CACrB,gBAAiB,CACjB,8CAAkD,CAClD,iCAAkC,CAClC,cAAe,CACf,iBAAkB,CAClB,4CAAgD,CAChD,uBACD,CAEA,uBACC,6BACD,CAEA,wBACC,iBAAkB,CAClB,MAAO,CACP,OAAQ,CACR,gBAAiB,CACjB,6BAA8B,CAC9B,sDAAyD,CACzD,SAAU,CACV,aAAc,CACd,mBAAqB,CACrB,YAAa,CACb,kBAAmB,CACnB,gCAAiC,CACjC,uBAAwB,CACxB,wBACD,CAEA,8BACC,SAAU,CACV,mBACD,CAEA,OACC,iBAAkB,CAClB,QAAS,CACT,YAAa,CACb,cAAe,CACf,aAAc,CACd,SAAU,CACV,mBACD,CAEA,aACC,uBACD,CAEA,mBACC,SAAU,CACV,mBACD,CAEA,sBACC,mBACD,CAEA,uBAEC,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,KAAM,CACN,MAAO,CACP,mBACD,CAEA,cACC,eACD,CAEA,OACI,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,KAAO,CACP,MAAQ,CACR,YAAa,CACb,mCAAqC,CACrC,gCAAkC,CAClC,YAAa,CACb,eAAgB,CAChB,wBAAiC,CACjC,UACJ,CAEA,YACI,2DAAkE,CACrE,qBACD,CAEA,OAAS,aAAc,CAAE,eAAkB,CAE3C,OAAS,YAAa,CAAE,gBAAmB,CAE3C,OAAS,YAAa,CAAE,gBAAmB,CAE3C,OAAS,aAAc,CAAE,gBAAmB,CAE5C,OAAS,aAAc,CAAE,gBAAmB,CAE5C,OAAS,aAAc,CAAE,gBAAmB,CAE5C,OAAS,aAAc,CAAE,eAAkB,CAE3C,OAAS,aAAc,CAAE,gBAAmB,CAE5C,OAAS,aAAc,CAAE,gBAAmB,CAE5C,QAAU,aAAc,CAAE,gBAAmB,CAE7C,QAAU,YAAa,CAAE,gBAAmB,CAE5C,QAAU,aAAc,CAAE,gBAAmB,CAE7C,QAAU,aAAc,CAAE,eAAkB,CAE5C,QAAU,YAAa,CAAE,gBAAmB,CAE5C,QAAU,YAAa,CAAE,eAAkB,CAE3C,QAAU,aAAc,CAAE,gBAAmB,CAE7C,YACC,WACD,CAEA,SACC,YAAa,CACb,kBAAmB,CACnB,mBAAoB,CACpB,SACD,CAOA,8CAJC,mBAAoB,CACpB,SAMD,CAEA,kBACC,cAAe,CACf,aAAc,CACd,iBACD,CAEA,wBACC,eAAmB,CACnB,QAAS,CACT,iCACD,CAEA,uBACC,aAAc,CACd,eAAgB,CAChB,iCACD,CAEA,uBACC,iBAAkB,CAClB,oBAAqB,CACrB,gCAAiC,CACjC,uBAAwB,CACxB,cAAe,CACf,oBAAqB,CACrB,eACD,CAEA,6BACC,6BACD,CAEA,mCACC,KACC,eAAgB,CAChB,uBAAwB,CACxB,uBAAwB,CACxB,yBAA0B,CAC1B,wBACD,CACA,KACC,UAAW,CACX,YAAa,CACb,6BAA8B,CAC9B,uGAOD,CACA,MACC,mBACD,CACA,OACC,QAAS,CACT,YAAa,CACb,cAAe,CACf,wBACD,CACA,cACC,gBAAiB,CACjB,oBACD,CACA,MACC,cAAe,CACf,gBACD,CACA,SACC,YAAa,CACb,sBACD,CACA,kBACC,SAAU,CACV,aACD,CACD","sources":["./%3Cinput%20css%200l7IHW%3E"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_eacc0ceee7547c8404559d17320bd6f3.css.map"} \ No newline at end of file diff --git a/.parcel-cache/b3/01b59df97b8c61816bca0b07d8c904.v8 b/.parcel-cache/b3/01b59df97b8c61816bca0b07d8c904.v8 new file mode 100644 index 0000000..46a82c0 Binary files /dev/null and b/.parcel-cache/b3/01b59df97b8c61816bca0b07d8c904.v8 differ diff --git a/.parcel-cache/b3/17bed28c7218bbd2e8c959cf25b48d.v8 b/.parcel-cache/b3/17bed28c7218bbd2e8c959cf25b48d.v8 new file mode 100644 index 0000000..73fbd5f Binary files /dev/null and b/.parcel-cache/b3/17bed28c7218bbd2e8c959cf25b48d.v8 differ diff --git a/.parcel-cache/b3/632143b97a740b5c6718b1673ae82f.blob b/.parcel-cache/b3/632143b97a740b5c6718b1673ae82f.blob new file mode 100644 index 0000000..170a922 --- /dev/null +++ b/.parcel-cache/b3/632143b97a740b5c6718b1673ae82f.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/b3/6f12c348a0e9408ff1c069fc0ae34d.blob b/.parcel-cache/b3/6f12c348a0e9408ff1c069fc0ae34d.blob new file mode 100644 index 0000000..b67c9cd --- /dev/null +++ b/.parcel-cache/b3/6f12c348a0e9408ff1c069fc0ae34d.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/b3/7ab23a655c1d984fb352fddec905c9.blob b/.parcel-cache/b3/7ab23a655c1d984fb352fddec905c9.blob new file mode 100644 index 0000000..9ca723e Binary files /dev/null and b/.parcel-cache/b3/7ab23a655c1d984fb352fddec905c9.blob differ diff --git a/.parcel-cache/b3/8148781f83369fe29a4152ca9ea9f3.v8 b/.parcel-cache/b3/8148781f83369fe29a4152ca9ea9f3.v8 new file mode 100644 index 0000000..ff154f9 Binary files /dev/null and b/.parcel-cache/b3/8148781f83369fe29a4152ca9ea9f3.v8 differ diff --git a/.parcel-cache/b3/d56431e8fae7ef99b577e003839359.blob b/.parcel-cache/b3/d56431e8fae7ef99b577e003839359.blob new file mode 100644 index 0000000..b89d834 Binary files /dev/null and b/.parcel-cache/b3/d56431e8fae7ef99b577e003839359.blob differ diff --git a/.parcel-cache/b3/e0a210e280eff99b4a3dfbe43331d6.v8 b/.parcel-cache/b3/e0a210e280eff99b4a3dfbe43331d6.v8 new file mode 100644 index 0000000..d4e712e Binary files /dev/null and b/.parcel-cache/b3/e0a210e280eff99b4a3dfbe43331d6.v8 differ diff --git a/.parcel-cache/b4/23ed4900bbcec9bf12ba2f3af0ef0b.v8 b/.parcel-cache/b4/23ed4900bbcec9bf12ba2f3af0ef0b.v8 new file mode 100644 index 0000000..18edd69 Binary files /dev/null and b/.parcel-cache/b4/23ed4900bbcec9bf12ba2f3af0ef0b.v8 differ diff --git a/.parcel-cache/b4/53ee2900769446fa32b92c603b3df0.blob b/.parcel-cache/b4/53ee2900769446fa32b92c603b3df0.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/b4/53ee2900769446fa32b92c603b3df0.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/b4/8e90d3da40dd7e535027fb2f5958e9.blob b/.parcel-cache/b4/8e90d3da40dd7e535027fb2f5958e9.blob new file mode 100644 index 0000000..db40f5c Binary files /dev/null and b/.parcel-cache/b4/8e90d3da40dd7e535027fb2f5958e9.blob differ diff --git a/.parcel-cache/b4/b62799651b2fc732b478feded4b6ee.v8 b/.parcel-cache/b4/b62799651b2fc732b478feded4b6ee.v8 new file mode 100644 index 0000000..555152a Binary files /dev/null and b/.parcel-cache/b4/b62799651b2fc732b478feded4b6ee.v8 differ diff --git a/.parcel-cache/b5/08798dd602b3732e1d8af2659f5141.blob b/.parcel-cache/b5/08798dd602b3732e1d8af2659f5141.blob new file mode 100644 index 0000000..8843379 --- /dev/null +++ b/.parcel-cache/b5/08798dd602b3732e1d8af2659f5141.blob @@ -0,0 +1,662 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + + diff --git a/.parcel-cache/b5/41e62284f1ad49868d47956005e393.v8 b/.parcel-cache/b5/41e62284f1ad49868d47956005e393.v8 new file mode 100644 index 0000000..6e5509d Binary files /dev/null and b/.parcel-cache/b5/41e62284f1ad49868d47956005e393.v8 differ diff --git a/.parcel-cache/b5/73f2e0b1535b861d0f1bc895e1fa3e.blob b/.parcel-cache/b5/73f2e0b1535b861d0f1bc895e1fa3e.blob new file mode 100644 index 0000000..c5b3740 Binary files /dev/null and b/.parcel-cache/b5/73f2e0b1535b861d0f1bc895e1fa3e.blob differ diff --git a/.parcel-cache/b5/ab7fae3daf78148ed10b6a3b4a29bd.blob b/.parcel-cache/b5/ab7fae3daf78148ed10b6a3b4a29bd.blob new file mode 100644 index 0000000..3f7075c Binary files /dev/null and b/.parcel-cache/b5/ab7fae3daf78148ed10b6a3b4a29bd.blob differ diff --git a/.parcel-cache/b5/b36bca0ba11e1ee45bed86056bc01c.blob b/.parcel-cache/b5/b36bca0ba11e1ee45bed86056bc01c.blob new file mode 100644 index 0000000..9e693e8 Binary files /dev/null and b/.parcel-cache/b5/b36bca0ba11e1ee45bed86056bc01c.blob differ diff --git a/.parcel-cache/b5/d385643a0685a0e52018c83e2b2241.blob b/.parcel-cache/b5/d385643a0685a0e52018c83e2b2241.blob new file mode 100644 index 0000000..42949b5 --- /dev/null +++ b/.parcel-cache/b5/d385643a0685a0e52018c83e2b2241.blob @@ -0,0 +1,505 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + justify-items: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/b6/05d81f84a52d3d4e549a300e57b95d.blob b/.parcel-cache/b6/05d81f84a52d3d4e549a300e57b95d.blob new file mode 100644 index 0000000..9518fbe Binary files /dev/null and b/.parcel-cache/b6/05d81f84a52d3d4e549a300e57b95d.blob differ diff --git a/.parcel-cache/b6/3a46ceeada1f4eb0c23794a360fa2d.v8 b/.parcel-cache/b6/3a46ceeada1f4eb0c23794a360fa2d.v8 new file mode 100644 index 0000000..39743c0 Binary files /dev/null and b/.parcel-cache/b6/3a46ceeada1f4eb0c23794a360fa2d.v8 differ diff --git a/.parcel-cache/b6/f75fc5598af893150d7521cdb84ddc.blob b/.parcel-cache/b6/f75fc5598af893150d7521cdb84ddc.blob new file mode 100644 index 0000000..4901585 Binary files /dev/null and b/.parcel-cache/b6/f75fc5598af893150d7521cdb84ddc.blob differ diff --git a/.parcel-cache/b7/1903539281e0bcd8def2a904e3a227.v8 b/.parcel-cache/b7/1903539281e0bcd8def2a904e3a227.v8 new file mode 100644 index 0000000..c84367a Binary files /dev/null and b/.parcel-cache/b7/1903539281e0bcd8def2a904e3a227.v8 differ diff --git a/.parcel-cache/b7/222fa908552a367cc5ef466528763e.v8 b/.parcel-cache/b7/222fa908552a367cc5ef466528763e.v8 new file mode 100644 index 0000000..b566260 Binary files /dev/null and b/.parcel-cache/b7/222fa908552a367cc5ef466528763e.v8 differ diff --git a/.parcel-cache/b7/28171939bba4c4d4667757e7dd5758.blob b/.parcel-cache/b7/28171939bba4c4d4667757e7dd5758.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/b7/28171939bba4c4d4667757e7dd5758.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/b7/d2b073b355c5dcee5574cc14fbf5f3.blob b/.parcel-cache/b7/d2b073b355c5dcee5574cc14fbf5f3.blob new file mode 100644 index 0000000..155d5d8 Binary files /dev/null and b/.parcel-cache/b7/d2b073b355c5dcee5574cc14fbf5f3.blob differ diff --git a/.parcel-cache/b7/e6528dd772ce4b040ec0cdf75baf5a.blob b/.parcel-cache/b7/e6528dd772ce4b040ec0cdf75baf5a.blob new file mode 100644 index 0000000..c362e33 Binary files /dev/null and b/.parcel-cache/b7/e6528dd772ce4b040ec0cdf75baf5a.blob differ diff --git a/.parcel-cache/b8/35c8f689713ade9cf58067fbabf2d3.v8 b/.parcel-cache/b8/35c8f689713ade9cf58067fbabf2d3.v8 new file mode 100644 index 0000000..81f34c7 Binary files /dev/null and b/.parcel-cache/b8/35c8f689713ade9cf58067fbabf2d3.v8 differ diff --git a/.parcel-cache/b8/5c8bf9318d2447c1066608c4408206.v8 b/.parcel-cache/b8/5c8bf9318d2447c1066608c4408206.v8 new file mode 100644 index 0000000..2599315 Binary files /dev/null and b/.parcel-cache/b8/5c8bf9318d2447c1066608c4408206.v8 differ diff --git a/.parcel-cache/b8/9b7f086b58baf13284394a5f76a24b.v8 b/.parcel-cache/b8/9b7f086b58baf13284394a5f76a24b.v8 new file mode 100644 index 0000000..d2d8e4f Binary files /dev/null and b/.parcel-cache/b8/9b7f086b58baf13284394a5f76a24b.v8 differ diff --git a/.parcel-cache/b8/dc048a5520a19a81691f6aad55ecc7.blob b/.parcel-cache/b8/dc048a5520a19a81691f6aad55ecc7.blob new file mode 100644 index 0000000..dab6280 --- /dev/null +++ b/.parcel-cache/b8/dc048a5520a19a81691f6aad55ecc7.blob @@ -0,0 +1,526 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2rem; + --font-size-large: 1.5rem; + --font-size-medium: 1.25rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-gap: 0.5rem; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.45 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + font-weight: 600; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 640px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +.details__content-link:hover { + color: var(--color-menu-hover); +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + grid-gap: 0; + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/b9/27ff7e03f27d7d872b08753d44bf74.blob b/.parcel-cache/b9/27ff7e03f27d7d872b08753d44bf74.blob new file mode 100644 index 0000000..ecbd948 Binary files /dev/null and b/.parcel-cache/b9/27ff7e03f27d7d872b08753d44bf74.blob differ diff --git a/.parcel-cache/b9/698a437825975b996a64c34b603c0e.v8 b/.parcel-cache/b9/698a437825975b996a64c34b603c0e.v8 new file mode 100644 index 0000000..925a6a7 Binary files /dev/null and b/.parcel-cache/b9/698a437825975b996a64c34b603c0e.v8 differ diff --git a/.parcel-cache/b9/78145f9db82a811a3d125f8deb887d.v8 b/.parcel-cache/b9/78145f9db82a811a3d125f8deb887d.v8 new file mode 100644 index 0000000..65c0cd6 Binary files /dev/null and b/.parcel-cache/b9/78145f9db82a811a3d125f8deb887d.v8 differ diff --git a/.parcel-cache/b9/81d98c82416fea1e558ebb658ee9ef.blob b/.parcel-cache/b9/81d98c82416fea1e558ebb658ee9ef.blob new file mode 100644 index 0000000..61b71e8 Binary files /dev/null and b/.parcel-cache/b9/81d98c82416fea1e558ebb658ee9ef.blob differ diff --git a/.parcel-cache/b9/84fb28eb7978a79e339f5b1adfd554.v8 b/.parcel-cache/b9/84fb28eb7978a79e339f5b1adfd554.v8 new file mode 100644 index 0000000..861c06d Binary files /dev/null and b/.parcel-cache/b9/84fb28eb7978a79e339f5b1adfd554.v8 differ diff --git a/.parcel-cache/ba/118e4839f70f258a3c1a0e08dc05e8.blob b/.parcel-cache/ba/118e4839f70f258a3c1a0e08dc05e8.blob new file mode 100644 index 0000000..4e2b67b Binary files /dev/null and b/.parcel-cache/ba/118e4839f70f258a3c1a0e08dc05e8.blob differ diff --git a/.parcel-cache/ba/35b4fd680360f2bb229ffdb902c67a.blob b/.parcel-cache/ba/35b4fd680360f2bb229ffdb902c67a.blob new file mode 100644 index 0000000..93bd440 --- /dev/null +++ b/.parcel-cache/ba/35b4fd680360f2bb229ffdb902c67a.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/ba/61c678531803136541b603af48b109.blob b/.parcel-cache/ba/61c678531803136541b603af48b109.blob new file mode 100644 index 0000000..b2c926c Binary files /dev/null and b/.parcel-cache/ba/61c678531803136541b603af48b109.blob differ diff --git a/.parcel-cache/ba/965214ea1acaba036a15a6e5cf9d97.blob b/.parcel-cache/ba/965214ea1acaba036a15a6e5cf9d97.blob new file mode 100644 index 0000000..e2c9ba0 Binary files /dev/null and b/.parcel-cache/ba/965214ea1acaba036a15a6e5cf9d97.blob differ diff --git a/.parcel-cache/ba/a73ed0ed8b789c988ca0591a16efee.v8 b/.parcel-cache/ba/a73ed0ed8b789c988ca0591a16efee.v8 new file mode 100644 index 0000000..a290111 Binary files /dev/null and b/.parcel-cache/ba/a73ed0ed8b789c988ca0591a16efee.v8 differ diff --git a/.parcel-cache/bb/ece0144d1042c7368656c0fd26094b.blob b/.parcel-cache/bb/ece0144d1042c7368656c0fd26094b.blob new file mode 100644 index 0000000..ef5ce0f Binary files /dev/null and b/.parcel-cache/bb/ece0144d1042c7368656c0fd26094b.blob differ diff --git a/.parcel-cache/bc/c2476981277dae25df99fd8be18394.v8 b/.parcel-cache/bc/c2476981277dae25df99fd8be18394.v8 new file mode 100644 index 0000000..ba96b7d Binary files /dev/null and b/.parcel-cache/bc/c2476981277dae25df99fd8be18394.v8 differ diff --git a/.parcel-cache/bd/2df53d9bc33b8d0894f26ad3c6fc57.v8 b/.parcel-cache/bd/2df53d9bc33b8d0894f26ad3c6fc57.v8 new file mode 100644 index 0000000..c93fe58 Binary files /dev/null and b/.parcel-cache/bd/2df53d9bc33b8d0894f26ad3c6fc57.v8 differ diff --git a/.parcel-cache/bd/2f72bffc6c174a7fbd6ac73fcb42b5.v8 b/.parcel-cache/bd/2f72bffc6c174a7fbd6ac73fcb42b5.v8 new file mode 100644 index 0000000..a72398b Binary files /dev/null and b/.parcel-cache/bd/2f72bffc6c174a7fbd6ac73fcb42b5.v8 differ diff --git a/.parcel-cache/bd/3c68ed9475a181da84b6466ce322ed.blob b/.parcel-cache/bd/3c68ed9475a181da84b6466ce322ed.blob new file mode 100644 index 0000000..53a8459 --- /dev/null +++ b/.parcel-cache/bd/3c68ed9475a181da84b6466ce322ed.blob @@ -0,0 +1,517 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 800px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/bd/534c426b38b2abe6e1cc62415cc8d1.v8 b/.parcel-cache/bd/534c426b38b2abe6e1cc62415cc8d1.v8 new file mode 100644 index 0000000..f004b57 Binary files /dev/null and b/.parcel-cache/bd/534c426b38b2abe6e1cc62415cc8d1.v8 differ diff --git a/.parcel-cache/bd/66d5dbafae34911e231af4dcc4eb12.v8 b/.parcel-cache/bd/66d5dbafae34911e231af4dcc4eb12.v8 new file mode 100644 index 0000000..0414622 Binary files /dev/null and b/.parcel-cache/bd/66d5dbafae34911e231af4dcc4eb12.v8 differ diff --git a/.parcel-cache/bd/93dbd63488f94fc1036a6aaef8a2d6.blob b/.parcel-cache/bd/93dbd63488f94fc1036a6aaef8a2d6.blob new file mode 100644 index 0000000..0c2966e --- /dev/null +++ b/.parcel-cache/bd/93dbd63488f94fc1036a6aaef8a2d6.blob @@ -0,0 +1,503 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/bd/e3a8fbab9e09b70f523cfe69753795.blob b/.parcel-cache/bd/e3a8fbab9e09b70f523cfe69753795.blob new file mode 100644 index 0000000..7f43d89 Binary files /dev/null and b/.parcel-cache/bd/e3a8fbab9e09b70f523cfe69753795.blob differ diff --git a/.parcel-cache/bd/e92990fb64b22228936c4bf0d706b5.v8 b/.parcel-cache/bd/e92990fb64b22228936c4bf0d706b5.v8 new file mode 100644 index 0000000..2d6d30a Binary files /dev/null and b/.parcel-cache/bd/e92990fb64b22228936c4bf0d706b5.v8 differ diff --git a/.parcel-cache/bd/f68feac662348d0f92822ba73f1239.v8 b/.parcel-cache/bd/f68feac662348d0f92822ba73f1239.v8 new file mode 100644 index 0000000..f75b0c7 Binary files /dev/null and b/.parcel-cache/bd/f68feac662348d0f92822ba73f1239.v8 differ diff --git a/.parcel-cache/be/0ba1be32efd213f25fb13758537884.blob b/.parcel-cache/be/0ba1be32efd213f25fb13758537884.blob new file mode 100644 index 0000000..8ccf5c4 --- /dev/null +++ b/.parcel-cache/be/0ba1be32efd213f25fb13758537884.blob @@ -0,0 +1,500 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + justify-items: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1; + font-size: var(--font-size-small); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/be/21fe27361b70f0b054187ec9ca5a9d.blob b/.parcel-cache/be/21fe27361b70f0b054187ec9ca5a9d.blob new file mode 100644 index 0000000..82174ed --- /dev/null +++ b/.parcel-cache/be/21fe27361b70f0b054187ec9ca5a9d.blob @@ -0,0 +1,504 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + justify-items: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.2; + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/be/25a280c2c8c507afc297ee44a30846.blob b/.parcel-cache/be/25a280c2c8c507afc297ee44a30846.blob new file mode 100644 index 0000000..5b05ff7 --- /dev/null +++ b/.parcel-cache/be/25a280c2c8c507afc297ee44a30846.blob @@ -0,0 +1,517 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/be/646e19002c27d1ead6b350dda652b5.v8 b/.parcel-cache/be/646e19002c27d1ead6b350dda652b5.v8 new file mode 100644 index 0000000..aca16a2 Binary files /dev/null and b/.parcel-cache/be/646e19002c27d1ead6b350dda652b5.v8 differ diff --git a/.parcel-cache/bf/18faf3ad5aa2bab4600a056dedbe8b.blob b/.parcel-cache/bf/18faf3ad5aa2bab4600a056dedbe8b.blob new file mode 100644 index 0000000..8a7e84c --- /dev/null +++ b/.parcel-cache/bf/18faf3ad5aa2bab4600a056dedbe8b.blob @@ -0,0 +1 @@ +*,:after,:before{box-sizing:border-box}:root{font-size:18px}body{margin:0;--color-text:#111;--color-bg:#f7f5f3;--color-link:#999;--color-link-hover:#000;--font-size-xlarge:2rem;--font-size-large:1.5rem;--font-size-medium:1.25rem;--font-size-small:1rem;--color-menu:#000;--color-menu-hover:#e93f33;color:var(--color-text);background-color:var(--color-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body #cdawrap{--cda-top:1.5rem;--cda-bottom:auto;--cda-left:1.5rem;--cda-width:300px;--cda-text-color:var(--color-menu);--cda-text-color-hover:var(--color-menu-hover);opacity:0;pointer-events:none;--cda-text-size:13px}body.state-details #cdawrap{opacity:1;pointer-events:auto;transition:opacity .4s}.js .loading:after,.js .loading:before{content:"";position:fixed;z-index:1000}.js .loading:before{top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.js .loading:after{top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;opacity:.4;background:var(--color-link);animation:loaderAnim .7s linear infinite alternate forwards}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}a{text-decoration:underline;color:var(--color-link)}a,a:hover{outline:none}a:hover{text-decoration:none;color:var(--color-link-hover)}a:focus{outline:none;background:#d3d3d3}a:focus-visible,a:focus:not(:focus-visible){background:transparent}a:focus-visible{outline:2px solid red}.unbutton{background:none;border:0;padding:0;margin:0;cursor:pointer;font:inherit}.unbutton:focus{outline:none}main{padding:1.5rem;display:grid;height:100vh;align-content:space-between;grid-gap:.5rem;grid-template-columns:1fr auto;grid-template-areas:"frame menu" "heading heading" "content content" "content content" "deco deco" "footer footer"}.frame{grid-area:frame;color:var(--color-link);margin-bottom:1rem}.frame__title{font-size:1rem;margin:0;font-weight:400}.frame__links{display:block}.frame__links a:not(:last-child){margin-right:.5rem}.line{transform-origin:0 50%;padding-bottom:.35rem;white-space:nowrap;will-change:transform}.oh{overflow:hidden}.oh__inner{display:inline-block;transform-origin:0 50%;will-change:transform}.content{display:flex;flex-direction:column;width:100vw;height:calc(100vh - 13rem);position:relative;justify-content:flex-start;align-items:center}.heading{grid-area:heading;font-size:var(--font-size-large);margin:0 0 2rem;font-weight:400;align-self:start;line-height:1.4}.heading strong{font-weight:600}.content-primary{grid-area:content;line-height:1;font-size:var(--font-size-large)}.content-secondary{grid-area:footer;line-height:1;margin:0;align-self:end;font-size:var(--font-size-small);max-width:400px}.deco{grid-area:deco}.deco__img-wrap{position:relative;overflow:hidden;width:25vw;min-width:250px;max-width:400px;margin-bottom:1rem;will-change:transform}.deco__img-wrap--upper{height:5vh}.deco__img-wrap--lower{height:25vh}.deco__img{background:url(1.HASH_REF_537602dd51df256e213143fa5ff36b68.jpg) no-repeat 50% 0;width:100%;height:100%;will-change:transform}.deco__img--lower{background-position:50% -5vh}.menu-link{align-self:start;justify-self:end;line-height:1;grid-area:menu;overflow:hidden;position:relative;padding:0 0 5px;font-size:var(--font-size-medium)}.menu--open~.menu-link,.state-details .menu-link{pointer-events:none}.menu-link:after{content:"";position:absolute;bottom:0;left:0;height:7%;width:100%;background:currentColor;transition:transform .4s ease;transform-origin:100% 50%}.menu--open~.menu-link:after,.menu-link:hover:after,.state-details .menu-link:after{transform:scaleX(0);transform-origin:0 50%}.menu{position:fixed;pointer-events:none;z-index:100;opacity:0;top:0;left:0;width:100%;height:100vh;display:grid;grid-template-columns:auto auto auto;align-content:center;justify-content:center;counter-reset:menucounter}.menu--open{pointer-events:auto;opacity:1}.state-details .menu{pointer-events:none}.menu__item{grid-column:2;line-height:1;display:block;position:relative}.menu__item-link{text-decoration:none;line-height:1.25;margin-top:calc(var(--font-size-xlarge)*-0.15);font-size:var(--font-size-xlarge);cursor:pointer;position:relative;padding:0 calc(var(--font-size-xlarge)*0.45);color:var(--color-menu)}.menu__item-link:hover{color:var(--color-menu-hover)}.menu__item-link:before{position:absolute;left:0;top:18%;text-align:right;counter-increment:menucounter;content:counters(menucounter,".",decimal-leading-zero);opacity:0;line-height:1;padding-right:.5rem;display:grid;place-items:center;font-size:var(--font-size-small);color:var(--color-text);transform:scale3d(0,0,0)}.menu__item-link:hover:before{opacity:1;transform:scaleX(1)}.close{position:absolute;top:1rem;right:1.5rem;font-size:3rem;line-height:1;opacity:0;pointer-events:none}.close:hover{color:var(--color-menu)}.menu--open .close{opacity:1;pointer-events:auto}.state-details .close{pointer-events:none}.details,.details-wrap{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.details-wrap{overflow:hidden}.panel{position:absolute;width:100%;height:100%;top:0;left:0;display:grid;grid-template-columns:repeat(50,2%);grid-template-rows:repeat(50,2%);--grid-row:1;--grid-column:1;transform:rotate(-35deg);opacity:.5}.panel__img{grid-area:var(--grid-row)/var(--grid-column)/span 12/span 5;will-change:transform}.pos-1{--grid-row:10;--grid-column:1}.pos-2{--grid-row:1;--grid-column:18}.pos-3{--grid-row:1;--grid-column:29}.pos-4{--grid-row:15;--grid-column:12}.pos-5{--grid-row:17;--grid-column:25}.pos-6{--grid-row:20;--grid-column:43}.pos-7{--grid-row:35;--grid-column:5}.pos-8{--grid-row:40;--grid-column:14}.pos-9{--grid-row:37;--grid-column:29}.pos-10{--grid-row:35;--grid-column:42}.pos-11{--grid-row:7;--grid-column:46}.pos-12{--grid-row:32;--grid-column:20}.pos-13{--grid-row:22;--grid-column:2}.pos-14{--grid-row:9;--grid-column:38}.pos-15{--grid-row:4;--grid-column:7}.pos-16{--grid-row:28;--grid-column:36}.panel__img{width:100px}.details{display:grid;place-items:center;pointer-events:none;opacity:0}.details--open,.details--open~.close--details{pointer-events:auto;opacity:1}.details__content{padding:1.5rem;margin:0 auto;position:relative}.details__content-title{font-weight:400;margin:0;font-size:var(--font-size-xlarge)}.details__content-text{line-height:1;max-width:640px;font-size:var(--font-size-medium)}.details__content-link{position:relative;display:inline-block;font-size:var(--font-size-small);color:var(--color-text);cursor:pointer;text-decoration:none;font-weight:600}.details__content-link:hover{color:var(--color-menu-hover)}@media screen and (min-width:53em){body{overflow:hidden;--font-size-xlarge:11vh;--font-size-large:3.5vw;--font-size-medium:2.75vw;--font-size-small:1.65vw}main{grid-gap:0;height:100vh;grid-template-columns:45% 1fr;grid-template-areas:"heading menu" "content ..." "content deco" "... deco" "footer deco" "footer frame"}.line{padding-bottom:.5vw}.frame{margin:0;display:flex;flex-wrap:wrap;justify-content:flex-end}.frame__links{margin-left:2rem;display:inline-block}.deco{align-self:end;justify-self:end}.content{height:100vh;justify-content:center}.details__content{width:50%;padding:.5rem}} \ No newline at end of file diff --git a/.parcel-cache/bf/2865231ef49fcfae63e237ba415fd5.v8 b/.parcel-cache/bf/2865231ef49fcfae63e237ba415fd5.v8 new file mode 100644 index 0000000..d162a2f Binary files /dev/null and b/.parcel-cache/bf/2865231ef49fcfae63e237ba415fd5.v8 differ diff --git a/.parcel-cache/c0/2eb1eeeec016384c309a609918a957.blob b/.parcel-cache/c0/2eb1eeeec016384c309a609918a957.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/c0/2eb1eeeec016384c309a609918a957.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/c0/ca4971937ba892f3c6591a454769e0.v8 b/.parcel-cache/c0/ca4971937ba892f3c6591a454769e0.v8 new file mode 100644 index 0000000..5d8fe29 Binary files /dev/null and b/.parcel-cache/c0/ca4971937ba892f3c6591a454769e0.v8 differ diff --git a/.parcel-cache/c0/e5a79b3566b1894f3566a80f810059.blob b/.parcel-cache/c0/e5a79b3566b1894f3566a80f810059.blob new file mode 100644 index 0000000..0a8bfcf --- /dev/null +++ b/.parcel-cache/c0/e5a79b3566b1894f3566a80f810059.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/c1/499c0c55c627cc84487d5db68bb526.blob b/.parcel-cache/c1/499c0c55c627cc84487d5db68bb526.blob new file mode 100644 index 0000000..bdc6d90 Binary files /dev/null and b/.parcel-cache/c1/499c0c55c627cc84487d5db68bb526.blob differ diff --git a/.parcel-cache/c1/4f5ea6d3d52388a4ad4ff826d050c5.v8 b/.parcel-cache/c1/4f5ea6d3d52388a4ad4ff826d050c5.v8 new file mode 100644 index 0000000..b687cb4 Binary files /dev/null and b/.parcel-cache/c1/4f5ea6d3d52388a4ad4ff826d050c5.v8 differ diff --git a/.parcel-cache/c1/5f0a2e0d4a31764db3f4d23a0e3668.blob b/.parcel-cache/c1/5f0a2e0d4a31764db3f4d23a0e3668.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/c1/5f0a2e0d4a31764db3f4d23a0e3668.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/c1/a8fc80d7312e2a9116c2781c353389.v8 b/.parcel-cache/c1/a8fc80d7312e2a9116c2781c353389.v8 new file mode 100644 index 0000000..adcc8f4 Binary files /dev/null and b/.parcel-cache/c1/a8fc80d7312e2a9116c2781c353389.v8 differ diff --git a/.parcel-cache/c1/ca575fea0921a894bf37af7ed45169.v8 b/.parcel-cache/c1/ca575fea0921a894bf37af7ed45169.v8 new file mode 100644 index 0000000..dbc8ffa Binary files /dev/null and b/.parcel-cache/c1/ca575fea0921a894bf37af7ed45169.v8 differ diff --git a/.parcel-cache/c1/d0baceb5990240be646ada44c03a88.v8 b/.parcel-cache/c1/d0baceb5990240be646ada44c03a88.v8 new file mode 100644 index 0000000..5be4459 Binary files /dev/null and b/.parcel-cache/c1/d0baceb5990240be646ada44c03a88.v8 differ diff --git a/.parcel-cache/c1/dfcdac84824602a303e85acc6b1278.blob b/.parcel-cache/c1/dfcdac84824602a303e85acc6b1278.blob new file mode 100644 index 0000000..af68a53 --- /dev/null +++ b/.parcel-cache/c1/dfcdac84824602a303e85acc6b1278.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/c2/10d724aa024b5098a2339684797d2d.blob b/.parcel-cache/c2/10d724aa024b5098a2339684797d2d.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/c2/10d724aa024b5098a2339684797d2d.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/c2/721f743c661c85188d0d1161dd3c3b.blob b/.parcel-cache/c2/721f743c661c85188d0d1161dd3c3b.blob new file mode 100644 index 0000000..72cb824 Binary files /dev/null and b/.parcel-cache/c2/721f743c661c85188d0d1161dd3c3b.blob differ diff --git a/.parcel-cache/c2/aca306d08ff2df49717c93847329c1.v8 b/.parcel-cache/c2/aca306d08ff2df49717c93847329c1.v8 new file mode 100644 index 0000000..4a1f6a3 Binary files /dev/null and b/.parcel-cache/c2/aca306d08ff2df49717c93847329c1.v8 differ diff --git a/.parcel-cache/c2/dba7675059e5b8c3ac4b49309f0064.v8 b/.parcel-cache/c2/dba7675059e5b8c3ac4b49309f0064.v8 new file mode 100644 index 0000000..d9c228e Binary files /dev/null and b/.parcel-cache/c2/dba7675059e5b8c3ac4b49309f0064.v8 differ diff --git a/.parcel-cache/c3/84142da25061db08f10068db2ec593.v8 b/.parcel-cache/c3/84142da25061db08f10068db2ec593.v8 new file mode 100644 index 0000000..4740b6d Binary files /dev/null and b/.parcel-cache/c3/84142da25061db08f10068db2ec593.v8 differ diff --git a/.parcel-cache/c3/a1ce292cf0e7c92acfe844ab11c5f5.v8 b/.parcel-cache/c3/a1ce292cf0e7c92acfe844ab11c5f5.v8 new file mode 100644 index 0000000..91e0cc8 Binary files /dev/null and b/.parcel-cache/c3/a1ce292cf0e7c92acfe844ab11c5f5.v8 differ diff --git a/.parcel-cache/c3/ffbe5b1cd6f5ee8e74e86ca8220e32.v8 b/.parcel-cache/c3/ffbe5b1cd6f5ee8e74e86ca8220e32.v8 new file mode 100644 index 0000000..194dbf1 Binary files /dev/null and b/.parcel-cache/c3/ffbe5b1cd6f5ee8e74e86ca8220e32.v8 differ diff --git a/.parcel-cache/c4/48a9c6ec665f4f7d2a508fa83aa77b.blob b/.parcel-cache/c4/48a9c6ec665f4f7d2a508fa83aa77b.blob new file mode 100644 index 0000000..7e8afbd --- /dev/null +++ b/.parcel-cache/c4/48a9c6ec665f4f7d2a508fa83aa77b.blob @@ -0,0 +1,503 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + justify-items: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.25 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/c4/4d1c5f97101045af442819173da6a3.v8 b/.parcel-cache/c4/4d1c5f97101045af442819173da6a3.v8 new file mode 100644 index 0000000..885c644 Binary files /dev/null and b/.parcel-cache/c4/4d1c5f97101045af442819173da6a3.v8 differ diff --git a/.parcel-cache/c4/d462c678c359321411851024ddef6a.blob b/.parcel-cache/c4/d462c678c359321411851024ddef6a.blob new file mode 100644 index 0000000..c5b3740 Binary files /dev/null and b/.parcel-cache/c4/d462c678c359321411851024ddef6a.blob differ diff --git a/.parcel-cache/c4/ef7f31467a0a4d8deed50941e5b893.v8 b/.parcel-cache/c4/ef7f31467a0a4d8deed50941e5b893.v8 new file mode 100644 index 0000000..6ddce11 Binary files /dev/null and b/.parcel-cache/c4/ef7f31467a0a4d8deed50941e5b893.v8 differ diff --git a/.parcel-cache/c4/f152d93571e580a5987ebc42c4e851.v8 b/.parcel-cache/c4/f152d93571e580a5987ebc42c4e851.v8 new file mode 100644 index 0000000..434d1ec Binary files /dev/null and b/.parcel-cache/c4/f152d93571e580a5987ebc42c4e851.v8 differ diff --git a/.parcel-cache/c4/f1f842d6b4b569e8e015d96f1adfa2.blob b/.parcel-cache/c4/f1f842d6b4b569e8e015d96f1adfa2.blob new file mode 100644 index 0000000..41f7b51 Binary files /dev/null and b/.parcel-cache/c4/f1f842d6b4b569e8e015d96f1adfa2.blob differ diff --git a/.parcel-cache/c5/6b945292c85cded2bb8820ea6231ea.v8 b/.parcel-cache/c5/6b945292c85cded2bb8820ea6231ea.v8 new file mode 100644 index 0000000..77287d8 Binary files /dev/null and b/.parcel-cache/c5/6b945292c85cded2bb8820ea6231ea.v8 differ diff --git a/.parcel-cache/c5/7d536928e7aae553764faf8e32f5c9.blob b/.parcel-cache/c5/7d536928e7aae553764faf8e32f5c9.blob new file mode 100644 index 0000000..ff07a66 Binary files /dev/null and b/.parcel-cache/c5/7d536928e7aae553764faf8e32f5c9.blob differ diff --git a/.parcel-cache/c5/a349f3e287d28ade3f57d70ad8683b.blob b/.parcel-cache/c5/a349f3e287d28ade3f57d70ad8683b.blob new file mode 100644 index 0000000..70e50d6 --- /dev/null +++ b/.parcel-cache/c5/a349f3e287d28ade3f57d70ad8683b.blob @@ -0,0 +1,519 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family:Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/c5/d29b859fef4ab64b5e0c96a25df338.blob b/.parcel-cache/c5/d29b859fef4ab64b5e0c96a25df338.blob new file mode 100644 index 0000000..c6fd579 --- /dev/null +++ b/.parcel-cache/c5/d29b859fef4ab64b5e0c96a25df338.blob @@ -0,0 +1,664 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + + diff --git a/.parcel-cache/c5/edce47c1fa8f2f32fcffc8d6c891c2.v8 b/.parcel-cache/c5/edce47c1fa8f2f32fcffc8d6c891c2.v8 new file mode 100644 index 0000000..90ca3cd Binary files /dev/null and b/.parcel-cache/c5/edce47c1fa8f2f32fcffc8d6c891c2.v8 differ diff --git a/.parcel-cache/c6/fd4590475db509fd68f143c5c3c558.blob b/.parcel-cache/c6/fd4590475db509fd68f143c5c3c558.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/c6/fd4590475db509fd68f143c5c3c558.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/c7/2246b7091622aa86db5acbdbcd0227.v8 b/.parcel-cache/c7/2246b7091622aa86db5acbdbcd0227.v8 new file mode 100644 index 0000000..bef2984 Binary files /dev/null and b/.parcel-cache/c7/2246b7091622aa86db5acbdbcd0227.v8 differ diff --git a/.parcel-cache/c7/acb73da773036e90d634889c49d41e.blob b/.parcel-cache/c7/acb73da773036e90d634889c49d41e.blob new file mode 100644 index 0000000..efb918d Binary files /dev/null and b/.parcel-cache/c7/acb73da773036e90d634889c49d41e.blob differ diff --git a/.parcel-cache/c7/be752104596d9176e08ec65d1444f1.blob b/.parcel-cache/c7/be752104596d9176e08ec65d1444f1.blob new file mode 100644 index 0000000..6702361 --- /dev/null +++ b/.parcel-cache/c7/be752104596d9176e08ec65d1444f1.blob @@ -0,0 +1,507 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.underline::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.underline:hover::after, +.menu--open ~ .underline::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/c7/c07a3c479a0e7e0cfdb1bf92611631.v8 b/.parcel-cache/c7/c07a3c479a0e7e0cfdb1bf92611631.v8 new file mode 100644 index 0000000..bf8dfa4 Binary files /dev/null and b/.parcel-cache/c7/c07a3c479a0e7e0cfdb1bf92611631.v8 differ diff --git a/.parcel-cache/c8/00afac1e0a4f086c7a42f8e15b8c6e.blob b/.parcel-cache/c8/00afac1e0a4f086c7a42f8e15b8c6e.blob new file mode 100644 index 0000000..af68a53 --- /dev/null +++ b/.parcel-cache/c8/00afac1e0a4f086c7a42f8e15b8c6e.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/c8/1ded123b50592145f6b3a0ba72d19d.blob b/.parcel-cache/c8/1ded123b50592145f6b3a0ba72d19d.blob new file mode 100644 index 0000000..4ffa4e6 Binary files /dev/null and b/.parcel-cache/c8/1ded123b50592145f6b3a0ba72d19d.blob differ diff --git a/.parcel-cache/c8/332af493e6bded4a8fc23df284ea8c.v8 b/.parcel-cache/c8/332af493e6bded4a8fc23df284ea8c.v8 new file mode 100644 index 0000000..2355643 Binary files /dev/null and b/.parcel-cache/c8/332af493e6bded4a8fc23df284ea8c.v8 differ diff --git a/.parcel-cache/c8/879029505ffc60bec296956f17f731.blob b/.parcel-cache/c8/879029505ffc60bec296956f17f731.blob new file mode 100644 index 0000000..2bf15fa Binary files /dev/null and b/.parcel-cache/c8/879029505ffc60bec296956f17f731.blob differ diff --git a/.parcel-cache/c8/8cd2f746d6f97fcad0c9bee7c0d1ff.v8 b/.parcel-cache/c8/8cd2f746d6f97fcad0c9bee7c0d1ff.v8 new file mode 100644 index 0000000..5dcccc0 Binary files /dev/null and b/.parcel-cache/c8/8cd2f746d6f97fcad0c9bee7c0d1ff.v8 differ diff --git a/.parcel-cache/c8/90bf7b41b2b81a7da7f0f6f73b5627.blob b/.parcel-cache/c8/90bf7b41b2b81a7da7f0f6f73b5627.blob new file mode 100644 index 0000000..d92865f --- /dev/null +++ b/.parcel-cache/c8/90bf7b41b2b81a7da7f0f6f73b5627.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./%3Cinput%20css%20usRGRT%3E"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_eacc0ceee7547c8404559d17320bd6f3.css.map"} \ No newline at end of file diff --git a/.parcel-cache/c8/a3bbe8dd4d2a6f806c5a2d0818e84b.v8 b/.parcel-cache/c8/a3bbe8dd4d2a6f806c5a2d0818e84b.v8 new file mode 100644 index 0000000..bf87784 Binary files /dev/null and b/.parcel-cache/c8/a3bbe8dd4d2a6f806c5a2d0818e84b.v8 differ diff --git a/.parcel-cache/c8/b0042eee1aae3a682f1eba4dbd5e61.blob b/.parcel-cache/c8/b0042eee1aae3a682f1eba4dbd5e61.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/c8/b0042eee1aae3a682f1eba4dbd5e61.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/c9/1112a2b565cf05879b32963bb2d060.blob b/.parcel-cache/c9/1112a2b565cf05879b32963bb2d060.blob new file mode 100644 index 0000000..98ee936 --- /dev/null +++ b/.parcel-cache/c9/1112a2b565cf05879b32963bb2d060.blob @@ -0,0 +1,208 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + diff --git a/.parcel-cache/c9/2a99b687a64285ecb78709ce80f2ba.blob b/.parcel-cache/c9/2a99b687a64285ecb78709ce80f2ba.blob new file mode 100644 index 0000000..9424031 --- /dev/null +++ b/.parcel-cache/c9/2a99b687a64285ecb78709ce80f2ba.blob @@ -0,0 +1,526 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2rem; + --font-size-large: 1.5rem; + --font-size-medium: 1.25rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-gap: 0.5rem; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + font-weight: 600; + padding: 0 calc( 0.45 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 640px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +.details__content-link:hover { + color: var(--color-menu-hover); +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + grid-gap: 0; + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/c9/51d4d20757eea609207eefe047e377.blob b/.parcel-cache/c9/51d4d20757eea609207eefe047e377.blob new file mode 100644 index 0000000..6fd1e35 Binary files /dev/null and b/.parcel-cache/c9/51d4d20757eea609207eefe047e377.blob differ diff --git a/.parcel-cache/c9/86faefbe578ab033148855e2c6ca5f.blob b/.parcel-cache/c9/86faefbe578ab033148855e2c6ca5f.blob new file mode 100644 index 0000000..4dd09da --- /dev/null +++ b/.parcel-cache/c9/86faefbe578ab033148855e2c6ca5f.blob @@ -0,0 +1,654 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + diff --git a/.parcel-cache/c9/a1efe755198aa3f66c4f305779a4dc.v8 b/.parcel-cache/c9/a1efe755198aa3f66c4f305779a4dc.v8 new file mode 100644 index 0000000..6e758f4 Binary files /dev/null and b/.parcel-cache/c9/a1efe755198aa3f66c4f305779a4dc.v8 differ diff --git a/.parcel-cache/c9/cd59b974672f4db99349d803779805.blob b/.parcel-cache/c9/cd59b974672f4db99349d803779805.blob new file mode 100644 index 0000000..c5b3740 Binary files /dev/null and b/.parcel-cache/c9/cd59b974672f4db99349d803779805.blob differ diff --git a/.parcel-cache/c9/df69c1c68c9afd2a7bbf094c113219.blob b/.parcel-cache/c9/df69c1c68c9afd2a7bbf094c113219.blob new file mode 100644 index 0000000..fb44dd7 --- /dev/null +++ b/.parcel-cache/c9/df69c1c68c9afd2a7bbf094c113219.blob @@ -0,0 +1,662 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + + diff --git a/.parcel-cache/c9/e162676129fd5ad1308e07e0fc60ae.blob b/.parcel-cache/c9/e162676129fd5ad1308e07e0fc60ae.blob new file mode 100644 index 0000000..4f6697a Binary files /dev/null and b/.parcel-cache/c9/e162676129fd5ad1308e07e0fc60ae.blob differ diff --git a/.parcel-cache/c9/ecd83bfd453d71cfffe277f11ee837.blob b/.parcel-cache/c9/ecd83bfd453d71cfffe277f11ee837.blob new file mode 100644 index 0000000..63c398f Binary files /dev/null and b/.parcel-cache/c9/ecd83bfd453d71cfffe277f11ee837.blob differ diff --git a/.parcel-cache/c9/eff9052930f35ab14e9e5ef69bb4cf.blob b/.parcel-cache/c9/eff9052930f35ab14e9e5ef69bb4cf.blob new file mode 100644 index 0000000..23c828c Binary files /dev/null and b/.parcel-cache/c9/eff9052930f35ab14e9e5ef69bb4cf.blob differ diff --git a/.parcel-cache/ca/2b09be845e64bc558b1a8d06a10e4e.blob b/.parcel-cache/ca/2b09be845e64bc558b1a8d06a10e4e.blob new file mode 100644 index 0000000..24b529a --- /dev/null +++ b/.parcel-cache/ca/2b09be845e64bc558b1a8d06a10e4e.blob @@ -0,0 +1,509 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/ca/e951346b3f7133500cd4b4dd69535e.blob b/.parcel-cache/ca/e951346b3f7133500cd4b4dd69535e.blob new file mode 100644 index 0000000..a02d45c --- /dev/null +++ b/.parcel-cache/ca/e951346b3f7133500cd4b4dd69535e.blob @@ -0,0 +1,524 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2rem; + --font-size-large: 1.5rem; + --font-size-medium: 1.25rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-gap: 0.5rem; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.45 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + font-weight: 600; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 640px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +.details__content-link:hover { + color: var(--color-menu-hover); +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + grid-gap: 0; + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/cb/213256ab6a302602cd0ebf93354fca.blob b/.parcel-cache/cb/213256ab6a302602cd0ebf93354fca.blob new file mode 100644 index 0000000..f8b78b6 Binary files /dev/null and b/.parcel-cache/cb/213256ab6a302602cd0ebf93354fca.blob differ diff --git a/.parcel-cache/cb/6e3078069c8430af817a82c6c8fdd3.blob b/.parcel-cache/cb/6e3078069c8430af817a82c6c8fdd3.blob new file mode 100644 index 0000000..dd5dc0e Binary files /dev/null and b/.parcel-cache/cb/6e3078069c8430af817a82c6c8fdd3.blob differ diff --git a/.parcel-cache/cb/7618c18fb4c15b9e947a71678ead6a.blob b/.parcel-cache/cb/7618c18fb4c15b9e947a71678ead6a.blob new file mode 100644 index 0000000..e1efa60 Binary files /dev/null and b/.parcel-cache/cb/7618c18fb4c15b9e947a71678ead6a.blob differ diff --git a/.parcel-cache/cb/b1a981cf2402e90e4c06bd98aacc5f.blob b/.parcel-cache/cb/b1a981cf2402e90e4c06bd98aacc5f.blob new file mode 100644 index 0000000..0a9391c Binary files /dev/null and b/.parcel-cache/cb/b1a981cf2402e90e4c06bd98aacc5f.blob differ diff --git a/.parcel-cache/cc/acc24f76cd1d0fa4b0e1f2b4804e8e.v8 b/.parcel-cache/cc/acc24f76cd1d0fa4b0e1f2b4804e8e.v8 new file mode 100644 index 0000000..be7b133 Binary files /dev/null and b/.parcel-cache/cc/acc24f76cd1d0fa4b0e1f2b4804e8e.v8 differ diff --git a/.parcel-cache/cc/dfab9e5d563376b9e3a2e34e49e12c.blob b/.parcel-cache/cc/dfab9e5d563376b9e3a2e34e49e12c.blob new file mode 100644 index 0000000..1d6bd84 Binary files /dev/null and b/.parcel-cache/cc/dfab9e5d563376b9e3a2e34e49e12c.blob differ diff --git a/.parcel-cache/cc/e4640868d0104deb876d271b200e99.blob b/.parcel-cache/cc/e4640868d0104deb876d271b200e99.blob new file mode 100644 index 0000000..93f04af Binary files /dev/null and b/.parcel-cache/cc/e4640868d0104deb876d271b200e99.blob differ diff --git a/.parcel-cache/cd/0331d0412aa03bdfe91c17d8f64ffe.blob b/.parcel-cache/cd/0331d0412aa03bdfe91c17d8f64ffe.blob new file mode 100644 index 0000000..c79566b --- /dev/null +++ b/.parcel-cache/cd/0331d0412aa03bdfe91c17d8f64ffe.blob @@ -0,0 +1,519 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2rem; + --font-size-large: 1.5rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.5 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 600px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/cd/a580d3d96c372b44f1b9f7c3400fe8.blob b/.parcel-cache/cd/a580d3d96c372b44f1b9f7c3400fe8.blob new file mode 100644 index 0000000..1d69d6b Binary files /dev/null and b/.parcel-cache/cd/a580d3d96c372b44f1b9f7c3400fe8.blob differ diff --git a/.parcel-cache/ce/5813cd621ab76f9763ef005c723683.v8 b/.parcel-cache/ce/5813cd621ab76f9763ef005c723683.v8 new file mode 100644 index 0000000..e59e706 Binary files /dev/null and b/.parcel-cache/ce/5813cd621ab76f9763ef005c723683.v8 differ diff --git a/.parcel-cache/ce/62f935ca57cea7cb604aa0a75c4051.v8 b/.parcel-cache/ce/62f935ca57cea7cb604aa0a75c4051.v8 new file mode 100644 index 0000000..f93deea Binary files /dev/null and b/.parcel-cache/ce/62f935ca57cea7cb604aa0a75c4051.v8 differ diff --git a/.parcel-cache/ce/d21d857fb869a64a82ae1a00b18323.blob b/.parcel-cache/ce/d21d857fb869a64a82ae1a00b18323.blob new file mode 100644 index 0000000..0398eb4 Binary files /dev/null and b/.parcel-cache/ce/d21d857fb869a64a82ae1a00b18323.blob differ diff --git a/.parcel-cache/cf/3558cb8e63f4771d2d1006cae60a7a.v8 b/.parcel-cache/cf/3558cb8e63f4771d2d1006cae60a7a.v8 new file mode 100644 index 0000000..f4ef220 Binary files /dev/null and b/.parcel-cache/cf/3558cb8e63f4771d2d1006cae60a7a.v8 differ diff --git a/.parcel-cache/cf/43e9352d5e9ac116a7e83f1cf7a36b.v8 b/.parcel-cache/cf/43e9352d5e9ac116a7e83f1cf7a36b.v8 new file mode 100644 index 0000000..4dbe81b Binary files /dev/null and b/.parcel-cache/cf/43e9352d5e9ac116a7e83f1cf7a36b.v8 differ diff --git a/.parcel-cache/cf/6c56bca54b4d8e5e71f6cc69d50fcd.blob b/.parcel-cache/cf/6c56bca54b4d8e5e71f6cc69d50fcd.blob new file mode 100644 index 0000000..0cfc305 --- /dev/null +++ b/.parcel-cache/cf/6c56bca54b4d8e5e71f6cc69d50fcd.blob @@ -0,0 +1,519 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family:Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.3; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/cf/930e0da97d631639751dbc99cac787.v8 b/.parcel-cache/cf/930e0da97d631639751dbc99cac787.v8 new file mode 100644 index 0000000..d3a41d0 Binary files /dev/null and b/.parcel-cache/cf/930e0da97d631639751dbc99cac787.v8 differ diff --git a/.parcel-cache/cf/b388b1509133563c462bfaa71d583d.v8 b/.parcel-cache/cf/b388b1509133563c462bfaa71d583d.v8 new file mode 100644 index 0000000..f7dee9d Binary files /dev/null and b/.parcel-cache/cf/b388b1509133563c462bfaa71d583d.v8 differ diff --git a/.parcel-cache/cf/d7b1112e225870d21067652e8338e0.blob b/.parcel-cache/cf/d7b1112e225870d21067652e8338e0.blob new file mode 100644 index 0000000..18cc874 Binary files /dev/null and b/.parcel-cache/cf/d7b1112e225870d21067652e8338e0.blob differ diff --git a/.parcel-cache/cf/e4c9b2e78b38da40cf783976effd1d.blob b/.parcel-cache/cf/e4c9b2e78b38da40cf783976effd1d.blob new file mode 100644 index 0000000..fe1278c Binary files /dev/null and b/.parcel-cache/cf/e4c9b2e78b38da40cf783976effd1d.blob differ diff --git a/.parcel-cache/d0/4f21630e58e463fc4c5be68f1d615e.blob b/.parcel-cache/d0/4f21630e58e463fc4c5be68f1d615e.blob new file mode 100644 index 0000000..f785951 Binary files /dev/null and b/.parcel-cache/d0/4f21630e58e463fc4c5be68f1d615e.blob differ diff --git a/.parcel-cache/d0/5a45e5f52fada51ea20ae9cb2b219e.blob b/.parcel-cache/d0/5a45e5f52fada51ea20ae9cb2b219e.blob new file mode 100644 index 0000000..6b3deee Binary files /dev/null and b/.parcel-cache/d0/5a45e5f52fada51ea20ae9cb2b219e.blob differ diff --git a/.parcel-cache/d0/9bb7451edf90a8ebdcfdac0fca1384.v8 b/.parcel-cache/d0/9bb7451edf90a8ebdcfdac0fca1384.v8 new file mode 100644 index 0000000..894a885 Binary files /dev/null and b/.parcel-cache/d0/9bb7451edf90a8ebdcfdac0fca1384.v8 differ diff --git a/.parcel-cache/d0/dae57dd53fc26778135a43edd5a13c.blob b/.parcel-cache/d0/dae57dd53fc26778135a43edd5a13c.blob new file mode 100644 index 0000000..7c8386c Binary files /dev/null and b/.parcel-cache/d0/dae57dd53fc26778135a43edd5a13c.blob differ diff --git a/.parcel-cache/d0/fe2aed0e0abd97be675f596cd27738.v8 b/.parcel-cache/d0/fe2aed0e0abd97be675f596cd27738.v8 new file mode 100644 index 0000000..75fbfa4 Binary files /dev/null and b/.parcel-cache/d0/fe2aed0e0abd97be675f596cd27738.v8 differ diff --git a/.parcel-cache/d1/0c82da3708779e6c35322da3758dfd.v8 b/.parcel-cache/d1/0c82da3708779e6c35322da3758dfd.v8 new file mode 100644 index 0000000..b886583 Binary files /dev/null and b/.parcel-cache/d1/0c82da3708779e6c35322da3758dfd.v8 differ diff --git a/.parcel-cache/d1/12dc67e279c537fc37cc9729b5e66d.v8 b/.parcel-cache/d1/12dc67e279c537fc37cc9729b5e66d.v8 new file mode 100644 index 0000000..b75fea8 Binary files /dev/null and b/.parcel-cache/d1/12dc67e279c537fc37cc9729b5e66d.v8 differ diff --git a/.parcel-cache/d1/75332c9ef9475305233084508c52aa.v8 b/.parcel-cache/d1/75332c9ef9475305233084508c52aa.v8 new file mode 100644 index 0000000..99a2fd1 Binary files /dev/null and b/.parcel-cache/d1/75332c9ef9475305233084508c52aa.v8 differ diff --git a/.parcel-cache/d1/977a97a0d218408345c4830d757fb4.v8 b/.parcel-cache/d1/977a97a0d218408345c4830d757fb4.v8 new file mode 100644 index 0000000..e91c51b Binary files /dev/null and b/.parcel-cache/d1/977a97a0d218408345c4830d757fb4.v8 differ diff --git a/.parcel-cache/d1/fc675d790588e38c0f3542c9ba1441.v8 b/.parcel-cache/d1/fc675d790588e38c0f3542c9ba1441.v8 new file mode 100644 index 0000000..a221f23 Binary files /dev/null and b/.parcel-cache/d1/fc675d790588e38c0f3542c9ba1441.v8 differ diff --git a/.parcel-cache/d2/14e6bb3108b40950ae5d245c6ceb44.blob b/.parcel-cache/d2/14e6bb3108b40950ae5d245c6ceb44.blob new file mode 100644 index 0000000..b67c9cd --- /dev/null +++ b/.parcel-cache/d2/14e6bb3108b40950ae5d245c6ceb44.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/d2/c825e3cb57f477d3cf5d3254f48106.blob b/.parcel-cache/d2/c825e3cb57f477d3cf5d3254f48106.blob new file mode 100644 index 0000000..f4534e6 --- /dev/null +++ b/.parcel-cache/d2/c825e3cb57f477d3cf5d3254f48106.blob @@ -0,0 +1,539 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2rem; + --font-size-large: 1.5rem; + --font-size-medium: 1.25rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +body #cdawrap { + --cda-top: 1.5rem; + --cda-bottom: auto; + --cda-left: 1.5rem; + --cda-width: 360px; + --cda-text-color: var(--color-menu); + --cda-text-color-hover: var(--color-menu-hover); +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-gap: 0.5rem; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(908c1417d06f899ac3fd6887fb3a9434) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.45 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.details-wrap { + overflow: hidden; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 1.5rem; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 640px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +.details__content-link:hover { + color: var(--color-menu-hover); +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + grid-gap: 0; + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } + .details__content { + width: 50%; + padding: 0.5rem; + } +} diff --git a/.parcel-cache/d2/d1772395419abc7248183c0fa297c4.v8 b/.parcel-cache/d2/d1772395419abc7248183c0fa297c4.v8 new file mode 100644 index 0000000..665d305 Binary files /dev/null and b/.parcel-cache/d2/d1772395419abc7248183c0fa297c4.v8 differ diff --git a/.parcel-cache/d3/6a0196213fd23758160cb746c3a54b.blob b/.parcel-cache/d3/6a0196213fd23758160cb746c3a54b.blob new file mode 100644 index 0000000..ccbe54d --- /dev/null +++ b/.parcel-cache/d3/6a0196213fd23758160cb746c3a54b.blob @@ -0,0 +1 @@ +{"mappings":"AAAA;A;A;CAGC,sBAAsB;AACvB;A;AAEA;CACC,eAAe;AAChB;A;AAEA;CACC,SAAS;CACT,kBAAkB;CAClB,mBAAmB;CACnB,kBAAkB;CAClB,wBAAwB;CACxB,0BAA0B;CAC1B,uBAAuB;CACvB,0BAA0B;CAC1B,uBAAuB;CACvB,kBAAkB;CAClB,2BAA2B;CAC3B,wBAAwB;CACxB,iCAAiC;CACjC,sFAAsF;CACtF,mCAAmC;CACnC,kCAAkC;AACnC;A;AAEA,gBAAgB;A;AAChB;A;CAEC,WAAW;CACX,eAAe;CACf,aAAa;AACd;A;AAEA;CACC,MAAM;CACN,OAAO;CACP,WAAW;CACX,YAAY;CACZ,2BAA2B;AAC5B;A;AAEA;CACC,QAAQ;CACR,SAAS;CACT,WAAW;CACX,YAAY;CACZ,uBAAuB;CACvB,kBAAkB;CAClB,YAAY;CACZ,6BAA6B;CAC7B,6DAA6D;A;AAE9D;A;AAEA;CACC;EACC,UAAU;EACV,6BAA6B;CAC9B;AACD;A;AAEA;CACC,0BAA0B;CAC1B,wBAAwB;CACxB,aAAa;AACd;A;AAEA;CACC,qBAAqB;CACrB,8BAA8B;CAC9B,aAAa;AACd;A;AAEA,6FAA6F;A;AAC7F;CACC;qCACoC;CACpC,aAAa;CACb,qBAAqB;AACtB;A;AAEA;CACC;kCACiC;CACjC,uBAAuB;AACxB;A;AAEA;CACC;A;kBAEiB;CACjB,sBAAsB;CACtB,uBAAuB;AACxB;A;AAEA;CACC,gBAAgB;CAChB,SAAS;CACT,UAAU;CACV,SAAS;CACT,eAAe;CACf,aAAa;AACd;A;AAEA;CACC,aAAa;AACd;A;AAEA;CACC,eAAe;CACf,aAAa;CACb,aAAa;CACb,4BAA4B;CAC5B,+BAA+B;CAC/B;A;A;A;A;qBAKoB;A;AAErB;A;AAEA;CACC,gBAAgB;CAChB,wBAAwB;CACxB,mBAAmB;AACpB;A;AAEA;CACC,eAAe;CACf,SAAS;CACT,mBAAmB;AACpB;A;AAEA;CACC,cAAc;AACf;A;AAEA;CACC,oBAAoB;AACrB;A;AAEA;CACC,wBAAwB;CACxB,uBAAuB;CACvB,mBAAmB;CACnB,sBAAsB;AACvB;A;AAEA;CACC,gBAAgB;AACjB;A;AAEA;CACC,qBAAqB;CACrB,wBAAwB;CACxB,sBAAsB;AACvB;A;AAEA;CACC,aAAa;CACb,sBAAsB;CACtB,YAAY;CACZ,2BAA2B;CAC3B,kBAAkB;CAClB,2BAA2B;CAC3B,mBAAmB;AACpB;A;AAEA;CACC,kBAAkB;CAClB,iCAAiC;CACjC,kBAAkB;CAClB,mBAAmB;CACnB,iBAAiB;CACjB,gBAAgB;AACjB;A;AAEA;CACC,gBAAgB;AACjB;A;AAEA;CACC,kBAAkB;CAClB,cAAc;CACd,iCAAiC;AAClC;A;AAEA;CACC,iBAAiB;CACjB,cAAc;CACd,SAAS;CACT,eAAe;CACf,iCAAiC;CACjC,gBAAgB;AACjB;A;AAEA;CACC,eAAe;AAChB;A;AAEA;CACC,kBAAkB;CAClB,gBAAgB;CAChB,WAAW;CACX,gBAAgB;CAChB,gBAAgB;CAChB,mBAAmB;CACnB,sBAAsB;AACvB;A;AAEA;CACC,WAAW;AACZ;A;AAEA;CACC,YAAY;AACb;A;AAEA;CACC,kEAA8C;CAC9C,WAAW;CACX,YAAY;CACZ,sBAAsB;AACvB;A;AAEA;CACC,6BAA6B;AAC9B;A;AAEA;CACC,iBAAiB;CACjB,iBAAiB;CACjB,cAAc;CACd,eAAe;CACf,gBAAgB;IACb,kBAAkB;IAClB,gBAAgB;CACnB,kCAAkC;AACnC;A;AAEA;A;CAEC,oBAAoB;AACrB;A;AAEA;CACC,WAAW;CACX,kBAAkB;CAClB,SAAS;CACT,OAAO;CACP,UAAU;CACV,WAAW;CACX,wBAAwB;CACxB,+BAA+B;IAC5B,0BAA0B;AAC9B;A;AAEA;A;A;CAGC,yBAAyB;CACzB,wBAAwB;AACzB;A;AAEA;CACC,eAAe;CACf,oBAAoB;CACpB,YAAY;CACZ,UAAU;CACV,MAAM;CACN,OAAO;CACP,WAAW;CACX,aAAa;CACb,aAAa;CACb,qCAAqC;CACrC,qBAAqB;CACrB,uBAAuB;CACvB,0BAA0B;AAC3B;A;AAEA;CACC,oBAAoB;CACpB,UAAU;AACX;A;AAEA;CACC,oBAAoB;AACrB;A;AAEA;CACC,cAAc;CACd,cAAc;CACd,cAAc;CACd,kBAAkB;AACnB;A;AAEA;CACC,qBAAqB;CACrB,iBAAiB;CACjB,kDAAkD;CAClD,kCAAkC;CAClC,eAAe;CACf,kBAAkB;CAClB,+CAA+C;CAC/C,wBAAwB;AACzB;A;AAEA;CACC,8BAA8B;AAC/B;A;AAEA;CACC,kBAAkB;CAClB,OAAO;CACP,QAAQ;CACR,iBAAiB;CACjB,8BAA8B;CAC9B,yDAAyD;CACzD,UAAU;CACV,cAAc;CACd,qBAAqB;CACrB,aAAa;CACb,mBAAmB;CACnB,iCAAiC;CACjC,wBAAwB;CACxB,yBAAyB;AAC1B;A;AAEA;CACC,UAAU;CACV,yBAAyB;AAC1B;A;AAEA;CACC,kBAAkB;CAClB,SAAS;CACT,aAAa;CACb,eAAe;CACf,cAAc;CACd,UAAU;CACV,oBAAoB;AACrB;A;AAEA;CACC,wBAAwB;AACzB;A;AAEA;CACC,UAAU;CACV,oBAAoB;AACrB;A;AAEA;CACC,oBAAoB;AACrB;A;AAEA;A;CAEC,kBAAkB;CAClB,WAAW;CACX,YAAY;CACZ,MAAM;CACN,OAAO;CACP,oBAAoB;AACrB;A;AAEA;IACI,kBAAkB;IAClB,WAAW;IACX,YAAY;IACZ,OAAO;IACP,QAAQ;IACR,aAAa;IACb,qCAAqC;IACrC,kCAAkC;IAClC,aAAa;IACb,gBAAgB;IAChB,iCAAiC;IACjC,YAAY;AAChB;A;AAEA;IACI,kEAAkE;CACrE,sBAAsB;AACvB;A;AAEA,SAAS,cAAc,EAAE,gBAAgB,EAAE;A;AAC3C,SAAS,aAAa,EAAE,iBAAiB,EAAE;A;AAC3C,SAAS,aAAa,EAAE,iBAAiB,EAAE;A;AAC3C,SAAS,cAAc,EAAE,iBAAiB,EAAE;A;AAC5C,SAAS,cAAc,EAAE,iBAAiB,EAAE;A;AAC5C,SAAS,cAAc,EAAE,iBAAiB,EAAE;A;AAC5C,SAAS,cAAc,EAAE,gBAAgB,EAAE;A;AAC3C,SAAS,cAAc,EAAE,iBAAiB,EAAE;A;AAC5C,SAAS,cAAc,EAAE,iBAAiB,EAAE;A;AAC5C,UAAU,cAAc,EAAE,iBAAiB,EAAE;A;AAC7C,UAAU,aAAa,EAAE,iBAAiB,EAAE;A;AAC5C,UAAU,cAAc,EAAE,iBAAiB,EAAE;A;AAC7C,UAAU,cAAc,EAAE,gBAAgB,EAAE;A;AAC5C,UAAU,aAAa,EAAE,iBAAiB,EAAE;A;AAC5C,UAAU,aAAa,EAAE,gBAAgB,EAAE;A;AAC3C,UAAU,cAAc,EAAE,iBAAiB,EAAE;A;AAE7C;CACC,YAAY;AACb;A;AAEA;CACC,aAAa;CACb,mBAAmB;CACnB,oBAAoB;CACpB,UAAU;AACX;A;AAEA;CACC,oBAAoB;CACpB,UAAU;AACX;A;AAEA;CACC,UAAU;CACV,oBAAoB;AACrB;A;AAEA;CACC,eAAe;CACf,UAAU;CACV,cAAc;CACd,kBAAkB;AACnB;A;AAEA;CACC,mBAAmB;CACnB,SAAS;CACT,kCAAkC;AACnC;A;AAEA;CACC,cAAc;CACd,gBAAgB;CAChB,kCAAkC;AACnC;A;AAEA;CACC,kBAAkB;CAClB,qBAAqB;CACrB,iCAAiC;CACjC,wBAAwB;CACxB,eAAe;CACf,qBAAqB;CACrB,gBAAgB;AACjB;A;AAEA;CACC;EACC,gBAAgB;EAChB,wBAAwB;EACxB,wBAAwB;EACxB,0BAA0B;EAC1B,yBAAyB;CAC1B;CACA;EACC,aAAa;EACb,8BAA8B;EAC9B;A;A;A;A;qBAKmB;A;CAEpB;CACA;EACC,qBAAqB;CACtB;CACA;EACC,SAAS;EACT,aAAa;EACb,eAAe;EACf,yBAAyB;CAC1B;CACA;EACC,iBAAiB;EACjB,qBAAqB;CACtB;CACA;EACC,eAAe;EACf,iBAAiB;CAClB;CACA;EACC,aAAa;EACb,uBAAuB;CACxB;AACD","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/d3/6e855dfd26b54b662e21cdd9b6b6aa.blob b/.parcel-cache/d3/6e855dfd26b54b662e21cdd9b6b6aa.blob new file mode 100644 index 0000000..1bab762 --- /dev/null +++ b/.parcel-cache/d3/6e855dfd26b54b662e21cdd9b6b6aa.blob @@ -0,0 +1,662 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + + diff --git a/.parcel-cache/d3/8d785655a39345b124e3107551e4bd.v8 b/.parcel-cache/d3/8d785655a39345b124e3107551e4bd.v8 new file mode 100644 index 0000000..d513bad Binary files /dev/null and b/.parcel-cache/d3/8d785655a39345b124e3107551e4bd.v8 differ diff --git a/.parcel-cache/d3/c03d1006ccf2ac613ff0d9d9bf5ac5.v8 b/.parcel-cache/d3/c03d1006ccf2ac613ff0d9d9bf5ac5.v8 new file mode 100644 index 0000000..632b704 Binary files /dev/null and b/.parcel-cache/d3/c03d1006ccf2ac613ff0d9d9bf5ac5.v8 differ diff --git a/.parcel-cache/d3/d07810231dda2a066e8c50974dfb02.blob b/.parcel-cache/d3/d07810231dda2a066e8c50974dfb02.blob new file mode 100644 index 0000000..9183043 --- /dev/null +++ b/.parcel-cache/d3/d07810231dda2a066e8c50974dfb02.blob @@ -0,0 +1,30 @@ +var _parcelHelpers = require("@parcel/transformer-js/lib/esmodule-helpers.js"); +_parcelHelpers.defineInteropFlag(exports); +_parcelHelpers.export(exports, "preloadImages", function () { + return preloadImages; +}); +_parcelHelpers.export(exports, "wrapLines", function () { + return wrapLines; +}); +const imagesLoaded = require('imagesloaded'); +// Preload images +const preloadImages = selector => { + return new Promise((resolve, reject) => { + imagesLoaded(document.querySelectorAll(selector), { + background: true + }, resolve); + }); +}; +// wrap each element of an array +// elems - the array of elements to wrap +// wrapType - type of wrapper ('div', 'span' etc) +// wrapClass - wrapper class(s) +const wrapLines = (elems, wrapType, wrapClass) => { + elems.forEach(char => { + // add a wrap for every char (overflow hidden) + const wrapEl = document.createElement(wrapType); + wrapEl.classList = wrapClass; + char.parentNode.appendChild(wrapEl); + wrapEl.appendChild(char); + }); +}; diff --git a/.parcel-cache/d4/d0d44ed8d3adbbf9a63e857169af3a.blob b/.parcel-cache/d4/d0d44ed8d3adbbf9a63e857169af3a.blob new file mode 100644 index 0000000..d666d0d Binary files /dev/null and b/.parcel-cache/d4/d0d44ed8d3adbbf9a63e857169af3a.blob differ diff --git a/.parcel-cache/d5/15272e1e437b4452d648be33eda18e.v8 b/.parcel-cache/d5/15272e1e437b4452d648be33eda18e.v8 new file mode 100644 index 0000000..2cd3ad4 Binary files /dev/null and b/.parcel-cache/d5/15272e1e437b4452d648be33eda18e.v8 differ diff --git a/.parcel-cache/d5/ae5272a45dce2c131ce33fb3a52da0.v8 b/.parcel-cache/d5/ae5272a45dce2c131ce33fb3a52da0.v8 new file mode 100644 index 0000000..7550b4a Binary files /dev/null and b/.parcel-cache/d5/ae5272a45dce2c131ce33fb3a52da0.v8 differ diff --git a/.parcel-cache/d5/d8e727105c9b2d0737f1747a69e828.v8 b/.parcel-cache/d5/d8e727105c9b2d0737f1747a69e828.v8 new file mode 100644 index 0000000..a1f69f1 Binary files /dev/null and b/.parcel-cache/d5/d8e727105c9b2d0737f1747a69e828.v8 differ diff --git a/.parcel-cache/d5/e9ce3293490e8731a455f7c78cea99.v8 b/.parcel-cache/d5/e9ce3293490e8731a455f7c78cea99.v8 new file mode 100644 index 0000000..093dd1f Binary files /dev/null and b/.parcel-cache/d5/e9ce3293490e8731a455f7c78cea99.v8 differ diff --git a/.parcel-cache/d6/19764fe1d0641e30eb71cde7b9f32c.blob b/.parcel-cache/d6/19764fe1d0641e30eb71cde7b9f32c.blob new file mode 100644 index 0000000..51f1b87 --- /dev/null +++ b/.parcel-cache/d6/19764fe1d0641e30eb71cde7b9f32c.blob @@ -0,0 +1,508 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.underline::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.underline:hover::after, +.menu--open ~ .underline::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/d6/5744a79b1a913e617399f4f0e39198.v8 b/.parcel-cache/d6/5744a79b1a913e617399f4f0e39198.v8 new file mode 100644 index 0000000..a465dfc Binary files /dev/null and b/.parcel-cache/d6/5744a79b1a913e617399f4f0e39198.v8 differ diff --git a/.parcel-cache/d6/5b18c32091b4689468504bcb16f182.v8 b/.parcel-cache/d6/5b18c32091b4689468504bcb16f182.v8 new file mode 100644 index 0000000..e0e5e7e Binary files /dev/null and b/.parcel-cache/d6/5b18c32091b4689468504bcb16f182.v8 differ diff --git a/.parcel-cache/d6/5fba5f99e1dc61ff39c6abce43fb51.blob b/.parcel-cache/d6/5fba5f99e1dc61ff39c6abce43fb51.blob new file mode 100644 index 0000000..dd3bce3 Binary files /dev/null and b/.parcel-cache/d6/5fba5f99e1dc61ff39c6abce43fb51.blob differ diff --git a/.parcel-cache/d7/3cf476053f308a664fae4f13734931.blob b/.parcel-cache/d7/3cf476053f308a664fae4f13734931.blob new file mode 100644 index 0000000..c376156 Binary files /dev/null and b/.parcel-cache/d7/3cf476053f308a664fae4f13734931.blob differ diff --git a/.parcel-cache/d7/872c18ba2245e5a4da93232a1265b4.blob b/.parcel-cache/d7/872c18ba2245e5a4da93232a1265b4.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/d7/872c18ba2245e5a4da93232a1265b4.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/d7/cf0a06779961a3eb8d713dab092be2.blob b/.parcel-cache/d7/cf0a06779961a3eb8d713dab092be2.blob new file mode 100644 index 0000000..53cd585 --- /dev/null +++ b/.parcel-cache/d7/cf0a06779961a3eb8d713dab092be2.blob @@ -0,0 +1 @@ +*,:after,:before{box-sizing:border-box}:root{font-size:18px}body{margin:0;--color-text:#111;--color-bg:#f7f5f3;--color-link:#999;--color-link-hover:#000;--font-size-xlarge:2rem;--font-size-large:1.5rem;--font-size-medium:1.25rem;--font-size-small:1rem;--color-menu:#000;--color-menu-hover:#e93f33;color:var(--color-text);background-color:var(--color-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body #cdawrap{--cda-top:1.5rem;--cda-bottom:auto;--cda-left:1.5rem;--cda-width:360px;--cda-text-color:var(--color-menu);--cda-text-color-hover:var(--color-menu-hover)}.js .loading:after,.js .loading:before{content:"";position:fixed;z-index:1000}.js .loading:before{top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.js .loading:after{top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;opacity:.4;background:var(--color-link);animation:loaderAnim .7s linear infinite alternate forwards}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}a{text-decoration:underline;color:var(--color-link)}a,a:hover{outline:none}a:hover{text-decoration:none;color:var(--color-link-hover)}a:focus{outline:none;background:#d3d3d3}a:focus-visible,a:focus:not(:focus-visible){background:transparent}a:focus-visible{outline:2px solid red}.unbutton{background:none;border:0;padding:0;margin:0;cursor:pointer;font:inherit}.unbutton:focus{outline:none}main{padding:1.5rem;display:grid;height:100vh;align-content:space-between;grid-gap:.5rem;grid-template-columns:1fr auto;grid-template-areas:"frame menu" "heading heading" "content content" "content content" "deco deco" "footer footer"}.frame{grid-area:frame;color:var(--color-link);margin-bottom:1rem}.frame__title{font-size:1rem;margin:0;font-weight:400}.frame__links{display:block}.frame__links a:not(:last-child){margin-right:.5rem}.line{transform-origin:0 50%;padding-bottom:.35rem;white-space:nowrap;will-change:transform}.oh{overflow:hidden}.oh__inner{display:inline-block;transform-origin:0 50%;will-change:transform}.content{display:flex;flex-direction:column;width:100vw;height:calc(100vh - 13rem);position:relative;justify-content:flex-start;align-items:center}.heading{grid-area:heading;font-size:var(--font-size-large);margin:0 0 2rem;font-weight:400;align-self:start;line-height:1.4}.heading strong{font-weight:600}.content-primary{grid-area:content;line-height:1;font-size:var(--font-size-large)}.content-secondary{grid-area:footer;line-height:1;margin:0;align-self:end;font-size:var(--font-size-small);max-width:400px}.deco{grid-area:deco}.deco__img-wrap{position:relative;overflow:hidden;width:25vw;min-width:250px;max-width:400px;margin-bottom:1rem;will-change:transform}.deco__img-wrap--upper{height:5vh}.deco__img-wrap--lower{height:25vh}.deco__img{background:url(1.HASH_REF_537602dd51df256e213143fa5ff36b68.jpg) no-repeat 50% 0;width:100%;height:100%;will-change:transform}.deco__img--lower{background-position:50% -5vh}.menu-link{align-self:start;justify-self:end;line-height:1;grid-area:menu;overflow:hidden;position:relative;padding:0 0 5px;font-size:var(--font-size-medium)}.menu--open~.menu-link,.state-details .menu-link{pointer-events:none}.menu-link:after{content:"";position:absolute;bottom:0;left:0;height:7%;width:100%;background:currentColor;transition:transform .4s ease;transform-origin:100% 50%}.menu--open~.menu-link:after,.menu-link:hover:after,.state-details .menu-link:after{transform:scaleX(0);transform-origin:0 50%}.menu{position:fixed;pointer-events:none;z-index:100;opacity:0;top:0;left:0;width:100%;height:100vh;display:grid;grid-template-columns:auto auto auto;align-content:center;justify-content:center;counter-reset:menucounter}.menu--open{pointer-events:auto;opacity:1}.state-details .menu{pointer-events:none}.menu__item{grid-column:2;line-height:1;display:block;position:relative}.menu__item-link{text-decoration:none;line-height:1.25;margin-top:calc(var(--font-size-xlarge)*-0.15);font-size:var(--font-size-xlarge);cursor:pointer;position:relative;padding:0 calc(var(--font-size-xlarge)*0.45);color:var(--color-menu)}.menu__item-link:hover{color:var(--color-menu-hover)}.menu__item-link:before{position:absolute;left:0;top:18%;text-align:right;counter-increment:menucounter;content:counters(menucounter,".",decimal-leading-zero);opacity:0;line-height:1;padding-right:.5rem;display:grid;place-items:center;font-size:var(--font-size-small);color:var(--color-text);transform:scale3d(0,0,0)}.menu__item-link:hover:before{opacity:1;transform:scaleX(1)}.close{position:absolute;top:1rem;right:1.5rem;font-size:3rem;line-height:1;opacity:0;pointer-events:none}.close:hover{color:var(--color-menu)}.menu--open .close{opacity:1;pointer-events:auto}.state-details .close{pointer-events:none}.details,.details-wrap{pointer-events:none}.details,.details-wrap,.panel{position:absolute;width:100%;height:100%;top:0;left:0}.panel{display:grid;grid-template-columns:repeat(50,2%);grid-template-rows:repeat(50,2%);--grid-row:1;--grid-column:1;transform:rotate(-35deg);opacity:.5}.panel__img{grid-area:var(--grid-row)/var(--grid-column)/span 12/span 5;will-change:transform}.pos-1{--grid-row:10;--grid-column:1}.pos-2{--grid-row:1;--grid-column:18}.pos-3{--grid-row:1;--grid-column:29}.pos-4{--grid-row:15;--grid-column:12}.pos-5{--grid-row:17;--grid-column:25}.pos-6{--grid-row:20;--grid-column:43}.pos-7{--grid-row:35;--grid-column:5}.pos-8{--grid-row:40;--grid-column:14}.pos-9{--grid-row:37;--grid-column:29}.pos-10{--grid-row:35;--grid-column:42}.pos-11{--grid-row:7;--grid-column:46}.pos-12{--grid-row:32;--grid-column:20}.pos-13{--grid-row:22;--grid-column:2}.pos-14{--grid-row:9;--grid-column:38}.pos-15{--grid-row:4;--grid-column:7}.pos-16{--grid-row:28;--grid-column:36}.panel__img{width:100px}.details{display:grid;place-items:center;pointer-events:none;opacity:0}.details--open,.details--open~.close--details{pointer-events:auto;opacity:1}.details__content{padding:1.5rem;margin:0 auto;position:relative}.details__content-title{font-weight:400;margin:0;font-size:var(--font-size-xlarge)}.details__content-text{line-height:1;max-width:640px;font-size:var(--font-size-medium)}.details__content-link{position:relative;display:inline-block;font-size:var(--font-size-small);color:var(--color-text);cursor:pointer;text-decoration:none;font-weight:600}.details__content-link:hover{color:var(--color-menu-hover)}@media screen and (min-width:53em){body{overflow:hidden;--font-size-xlarge:11vh;--font-size-large:3.5vw;--font-size-medium:2.75vw;--font-size-small:1.65vw}main{grid-gap:0;height:100vh;grid-template-columns:45% 1fr;grid-template-areas:"heading menu" "content ..." "content deco" "... deco" "footer deco" "footer frame"}.line{padding-bottom:.5vw}.frame{margin:0;display:flex;flex-wrap:wrap;justify-content:flex-end}.frame__links{margin-left:2rem;display:inline-block}.deco{align-self:end;justify-self:end}.content{height:100vh;justify-content:center}.details__content{width:50%;padding:.5rem}} \ No newline at end of file diff --git a/.parcel-cache/d7/de95159557c8d7294ed2b5be96ccb6.blob b/.parcel-cache/d7/de95159557c8d7294ed2b5be96ccb6.blob new file mode 100644 index 0000000..2a38fbb Binary files /dev/null and b/.parcel-cache/d7/de95159557c8d7294ed2b5be96ccb6.blob differ diff --git a/.parcel-cache/d7/ea974f1c260a110beee4ad52f07714.blob b/.parcel-cache/d7/ea974f1c260a110beee4ad52f07714.blob new file mode 100644 index 0000000..6b132fe Binary files /dev/null and b/.parcel-cache/d7/ea974f1c260a110beee4ad52f07714.blob differ diff --git a/.parcel-cache/d8/986e15a3891536cb607f1ce326c71f.v8 b/.parcel-cache/d8/986e15a3891536cb607f1ce326c71f.v8 new file mode 100644 index 0000000..92da640 Binary files /dev/null and b/.parcel-cache/d8/986e15a3891536cb607f1ce326c71f.v8 differ diff --git a/.parcel-cache/d8/d71125efef02f57350d7437e44e74e.v8 b/.parcel-cache/d8/d71125efef02f57350d7437e44e74e.v8 new file mode 100644 index 0000000..43418e5 Binary files /dev/null and b/.parcel-cache/d8/d71125efef02f57350d7437e44e74e.v8 differ diff --git a/.parcel-cache/d8/e3961668497496f59baf4a536a3a80.v8 b/.parcel-cache/d8/e3961668497496f59baf4a536a3a80.v8 new file mode 100644 index 0000000..9df939e Binary files /dev/null and b/.parcel-cache/d8/e3961668497496f59baf4a536a3a80.v8 differ diff --git a/.parcel-cache/d8/faefd871b139a9dc9ee661330d6131.blob b/.parcel-cache/d8/faefd871b139a9dc9ee661330d6131.blob new file mode 100644 index 0000000..de392a5 --- /dev/null +++ b/.parcel-cache/d8/faefd871b139a9dc9ee661330d6131.blob @@ -0,0 +1 @@ +*,:after,:before{box-sizing:border-box}:root{font-size:18px}body{margin:0;--color-text:#111;--color-bg:#f7f5f3;--color-link:#999;--color-link-hover:#000;--font-size-xlarge:2rem;--font-size-large:1.5rem;--font-size-medium:1.25rem;--font-size-small:1rem;--color-menu:#000;--color-menu-hover:#e93f33;color:var(--color-text);background-color:var(--color-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body #cdawrap{--cda-bottom:1.5rem;--cda-left:auto;--cda-right:1.5rem;--cda-width:235px;--cda-text-color:var(--color-menu);--cda-text-color-hover:var(--color-menu-hover);--cda-footer-color:var(--color-menu);--cda-footer-color-hover:var(--color-menu-hover);opacity:0;pointer-events:none;--cda-text-size:13px;--cda-footer-fontsize:11px;--cda-text-align:right;--footer-align:end;transition:opacity .3s;border:1px solid #000;border-radius:5px;padding:.5rem 1rem 1rem}body.state-details #cdawrap{opacity:1;pointer-events:auto}.js .loading:after,.js .loading:before{content:"";position:fixed;z-index:1000}.js .loading:before{top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.js .loading:after{top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;opacity:.4;background:var(--color-link);animation:loaderAnim .7s linear infinite alternate forwards}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}a{text-decoration:underline;color:var(--color-link)}a,a:hover{outline:none}a:hover{text-decoration:none;color:var(--color-link-hover)}a:focus{outline:none;background:#d3d3d3}a:focus-visible,a:focus:not(:focus-visible){background:transparent}a:focus-visible{outline:2px solid red}.unbutton{background:none;border:0;padding:0;margin:0;cursor:pointer;font:inherit}.unbutton:focus{outline:none}main{padding:1.5rem;display:grid;height:100vh;align-content:space-between;grid-gap:.5rem;grid-template-columns:1fr auto;grid-template-areas:"frame menu" "heading heading" "content content" "content content" "deco deco" "footer footer"}.frame{grid-area:frame;color:var(--color-link);margin-bottom:1rem}.frame__title{font-size:1rem;margin:0;font-weight:400}.frame__links{display:block}.frame__links a:not(:last-child){margin-right:.5rem}.line{transform-origin:0 50%;padding-bottom:.35rem;white-space:nowrap;will-change:transform}.oh{overflow:hidden}.oh__inner{display:inline-block;transform-origin:0 50%;will-change:transform}.content{display:flex;flex-direction:column;width:100vw;height:calc(100vh - 13rem);position:relative;justify-content:flex-start;align-items:center}.heading{grid-area:heading;font-size:var(--font-size-large);margin:0 0 2rem;font-weight:400;align-self:start;line-height:1.4}.heading strong{font-weight:600}.content-primary{grid-area:content;line-height:1;font-size:var(--font-size-large)}.content-secondary{grid-area:footer;line-height:1;margin:0;align-self:end;font-size:var(--font-size-small);max-width:400px}.deco{grid-area:deco}.deco__img-wrap{position:relative;overflow:hidden;width:25vw;min-width:250px;max-width:400px;margin-bottom:1rem;will-change:transform}.deco__img-wrap--upper{height:5vh}.deco__img-wrap--lower{height:25vh}.deco__img{background:url(1.HASH_REF_537602dd51df256e213143fa5ff36b68.jpg) no-repeat 50% 0;width:100%;height:100%;will-change:transform}.deco__img--lower{background-position:50% -5vh}.menu-link{align-self:start;justify-self:end;line-height:1;grid-area:menu;overflow:hidden;position:relative;padding:0 0 5px;font-size:var(--font-size-medium)}.menu--open~.menu-link,.state-details .menu-link{pointer-events:none}.menu-link:after{content:"";position:absolute;bottom:0;left:0;height:7%;width:100%;background:currentColor;transition:transform .4s ease;transform-origin:100% 50%}.menu--open~.menu-link:after,.menu-link:hover:after,.state-details .menu-link:after{transform:scaleX(0);transform-origin:0 50%}.menu{position:fixed;pointer-events:none;z-index:100;opacity:0;top:0;left:0;width:100%;height:100vh;display:grid;grid-template-columns:auto auto auto;align-content:center;justify-content:center;counter-reset:menucounter}.menu--open{pointer-events:auto;opacity:1}.state-details .menu{pointer-events:none}.menu__item{grid-column:2;line-height:1;display:block;position:relative}.menu__item-link{text-decoration:none;line-height:1.25;margin-top:calc(var(--font-size-xlarge)*-0.15);font-size:var(--font-size-xlarge);cursor:pointer;position:relative;padding:0 calc(var(--font-size-xlarge)*0.45);color:var(--color-menu)}.menu__item-link:hover{color:var(--color-menu-hover)}.menu__item-link:before{position:absolute;left:0;top:18%;text-align:right;counter-increment:menucounter;content:counters(menucounter,".",decimal-leading-zero);opacity:0;line-height:1;padding-right:.5rem;display:grid;place-items:center;font-size:var(--font-size-small);color:var(--color-text);transform:scale3d(0,0,0)}.menu__item-link:hover:before{opacity:1;transform:scaleX(1)}.close{position:absolute;top:1rem;right:1.5rem;font-size:3rem;line-height:1;opacity:0;pointer-events:none}.close:hover{color:var(--color-menu)}.menu--open .close{opacity:1;pointer-events:auto}.state-details .close{pointer-events:none}.details,.details-wrap{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.details-wrap{overflow:hidden}.panel{position:absolute;width:100%;height:100%;top:0;left:0;display:grid;grid-template-columns:repeat(50,2%);grid-template-rows:repeat(50,2%);--grid-row:1;--grid-column:1;transform:rotate(-35deg);opacity:.5}.panel__img{grid-area:var(--grid-row)/var(--grid-column)/span 12/span 5;will-change:transform}.pos-1{--grid-row:10;--grid-column:1}.pos-2{--grid-row:1;--grid-column:18}.pos-3{--grid-row:1;--grid-column:29}.pos-4{--grid-row:15;--grid-column:12}.pos-5{--grid-row:17;--grid-column:25}.pos-6{--grid-row:20;--grid-column:43}.pos-7{--grid-row:35;--grid-column:5}.pos-8{--grid-row:40;--grid-column:14}.pos-9{--grid-row:37;--grid-column:29}.pos-10{--grid-row:35;--grid-column:42}.pos-11{--grid-row:7;--grid-column:46}.pos-12{--grid-row:32;--grid-column:20}.pos-13{--grid-row:22;--grid-column:2}.pos-14{--grid-row:9;--grid-column:38}.pos-15{--grid-row:4;--grid-column:7}.pos-16{--grid-row:28;--grid-column:36}.panel__img{width:100px}.details{display:grid;place-items:center;pointer-events:none;opacity:0}.details--open,.details--open~.close--details{pointer-events:auto;opacity:1}.details__content{padding:1.5rem;margin:0 auto;position:relative}.details__content-title{font-weight:400;margin:0;font-size:var(--font-size-xlarge)}.details__content-text{line-height:1;max-width:640px;font-size:var(--font-size-medium)}.details__content-link{position:relative;display:inline-block;font-size:var(--font-size-small);color:var(--color-text);cursor:pointer;text-decoration:none;font-weight:600}.details__content-link:hover{color:var(--color-menu-hover)}@media screen and (min-width:53em){body{overflow:hidden;--font-size-xlarge:11vh;--font-size-large:3.5vw;--font-size-medium:2.75vw;--font-size-small:1.65vw}main{grid-gap:0;height:100vh;grid-template-columns:45% 1fr;grid-template-areas:"heading menu" "content ..." "content deco" "... deco" "footer deco" "footer frame"}.line{padding-bottom:.5vw}.frame{margin:0;display:flex;flex-wrap:wrap;justify-content:flex-end}.frame__links{margin-left:2rem;display:inline-block}.deco{align-self:end;justify-self:end}.content{height:100vh;justify-content:center}.details__content{width:50%;padding:.5rem}} \ No newline at end of file diff --git a/.parcel-cache/d9/51182bb511f2f7fc8589432244c609.v8 b/.parcel-cache/d9/51182bb511f2f7fc8589432244c609.v8 new file mode 100644 index 0000000..6f0ab17 Binary files /dev/null and b/.parcel-cache/d9/51182bb511f2f7fc8589432244c609.v8 differ diff --git a/.parcel-cache/d9/b4eca85b625b0ca6d8414f3d079e57.blob b/.parcel-cache/d9/b4eca85b625b0ca6d8414f3d079e57.blob new file mode 100644 index 0000000..0c71a94 --- /dev/null +++ b/.parcel-cache/d9/b4eca85b625b0ca6d8414f3d079e57.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/da/c02700cd3f47fc30ce06f72f8edbd5.blob b/.parcel-cache/da/c02700cd3f47fc30ce06f72f8edbd5.blob new file mode 100644 index 0000000..3827cba --- /dev/null +++ b/.parcel-cache/da/c02700cd3f47fc30ce06f72f8edbd5.blob @@ -0,0 +1,5671 @@ +// modules are defined as an array +// [ module function, map of requires ] +// +// map of requires is short require name -> numeric require +// +// anything defined in a previous bundle is accessed via the +// orig method which is the require for previous bundles + +(function(modules, entry, mainEntry, parcelRequireName, globalName) { + /* eslint-disable no-undef */ + var globalObject = + typeof globalThis !== 'undefined' + ? globalThis + : typeof self !== 'undefined' + ? self + : typeof window !== 'undefined' + ? window + : typeof global !== 'undefined' + ? global + : {}; + /* eslint-enable no-undef */ + + // Save the require from previous bundle to this closure if any + var previousRequire = + typeof globalObject[parcelRequireName] === 'function' && + globalObject[parcelRequireName]; + + var cache = previousRequire.cache || {}; + // Do not use `require` to prevent Webpack from trying to bundle this call + var nodeRequire = + typeof module !== 'undefined' && + typeof module.require === 'function' && + module.require.bind(module); + + function newRequire(name, jumped) { + if (!cache[name]) { + if (!modules[name]) { + // if we cannot find the module within our internal map or + // cache jump to the current global require ie. the last bundle + // that was added to the page. + var currentRequire = + typeof globalObject[parcelRequireName] === 'function' && + globalObject[parcelRequireName]; + if (!jumped && currentRequire) { + return currentRequire(name, true); + } + + // If there are other bundles on this page the require from the + // previous one is saved to 'previousRequire'. Repeat this as + // many times as there are bundles until the module is found or + // we exhaust the require chain. + if (previousRequire) { + return previousRequire(name, true); + } + + // Try the node require function if it exists. + if (nodeRequire && typeof name === 'string') { + return nodeRequire(name); + } + + var err = new Error("Cannot find module '" + name + "'"); + err.code = 'MODULE_NOT_FOUND'; + throw err; + } + + localRequire.resolve = resolve; + localRequire.cache = {}; + + var module = (cache[name] = new newRequire.Module(name)); + + modules[name][0].call( + module.exports, + localRequire, + module, + module.exports, + this + ); + } + + return cache[name].exports; + + function localRequire(x) { + return newRequire(localRequire.resolve(x)); + } + + function resolve(x) { + return modules[name][1][x] || x; + } + } + + function Module(moduleName) { + this.id = moduleName; + this.bundle = newRequire; + this.exports = {}; + } + + newRequire.isParcelRequire = true; + newRequire.Module = Module; + newRequire.modules = modules; + newRequire.cache = cache; + newRequire.parent = previousRequire; + newRequire.register = function(id, exports) { + modules[id] = [ + function(require, module) { + module.exports = exports; + }, + {}, + ]; + }; + + Object.defineProperty(newRequire, 'root', { + get: function() { + return globalObject[parcelRequireName]; + }, + }); + + globalObject[parcelRequireName] = newRequire; + + for (var i = 0; i < entry.length; i++) { + newRequire(entry[i]); + } + + if (mainEntry) { + // Expose entry point to Node, AMD or browser globals + // Based on https://github.com/ForbesLindesay/umd/blob/master/template.js + var mainExports = newRequire(mainEntry); + + // CommonJS + if (typeof exports === 'object' && typeof module !== 'undefined') { + module.exports = mainExports; + + // RequireJS + } else if (typeof define === 'function' && define.amd) { + define(function() { + return mainExports; + }); + + //

Content Preview and Menu Animation

We are Super.fluid

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image

Velocity

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ Read the story
Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image

Projectiles

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ Read the story
Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image

Gravity

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ Read the story
Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image

Quasimodo

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ Read the story
Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image

Hyperbolic

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ Read the story
Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image

Ganymede

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ Read the story
\ No newline at end of file diff --git a/.parcel-cache/e1/71c88c57eb7bf66f50e3c778711d11.blob b/.parcel-cache/e1/71c88c57eb7bf66f50e3c778711d11.blob new file mode 100644 index 0000000..b56335b --- /dev/null +++ b/.parcel-cache/e1/71c88c57eb7bf66f50e3c778711d11.blob @@ -0,0 +1,208 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + diff --git a/.parcel-cache/e1/b5a436f761e86450ea793e7fd246d2.blob b/.parcel-cache/e1/b5a436f761e86450ea793e7fd246d2.blob new file mode 100644 index 0000000..f05f916 --- /dev/null +++ b/.parcel-cache/e1/b5a436f761e86450ea793e7fd246d2.blob @@ -0,0 +1,503 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/e1/e26ce0f206c3ae5d0c1cdac3c588be.blob b/.parcel-cache/e1/e26ce0f206c3ae5d0c1cdac3c588be.blob new file mode 100644 index 0000000..03dce07 --- /dev/null +++ b/.parcel-cache/e1/e26ce0f206c3ae5d0c1cdac3c588be.blob @@ -0,0 +1,208 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + diff --git a/.parcel-cache/e2/5b31673449e3c18b89f84131ad57b5.blob b/.parcel-cache/e2/5b31673449e3c18b89f84131ad57b5.blob new file mode 100644 index 0000000..efb918d Binary files /dev/null and b/.parcel-cache/e2/5b31673449e3c18b89f84131ad57b5.blob differ diff --git a/.parcel-cache/e2/a6bd81beeb76567c7931bdaa57f158.v8 b/.parcel-cache/e2/a6bd81beeb76567c7931bdaa57f158.v8 new file mode 100644 index 0000000..b350e08 Binary files /dev/null and b/.parcel-cache/e2/a6bd81beeb76567c7931bdaa57f158.v8 differ diff --git a/.parcel-cache/e2/b18f15d217a3b99353dea795f04432.blob b/.parcel-cache/e2/b18f15d217a3b99353dea795f04432.blob new file mode 100644 index 0000000..54f02aa --- /dev/null +++ b/.parcel-cache/e2/b18f15d217a3b99353dea795f04432.blob @@ -0,0 +1,517 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/e3/127e028dde2bedb2c4a76dd0dbf5af.v8 b/.parcel-cache/e3/127e028dde2bedb2c4a76dd0dbf5af.v8 new file mode 100644 index 0000000..0e63d1f Binary files /dev/null and b/.parcel-cache/e3/127e028dde2bedb2c4a76dd0dbf5af.v8 differ diff --git a/.parcel-cache/e3/187b0e696b14b4e0271bf8daa01529.blob b/.parcel-cache/e3/187b0e696b14b4e0271bf8daa01529.blob new file mode 100644 index 0000000..679a891 Binary files /dev/null and b/.parcel-cache/e3/187b0e696b14b4e0271bf8daa01529.blob differ diff --git a/.parcel-cache/e3/4c0ba2404b7a6bfceb8df2160cd43c.v8 b/.parcel-cache/e3/4c0ba2404b7a6bfceb8df2160cd43c.v8 new file mode 100644 index 0000000..d517e48 Binary files /dev/null and b/.parcel-cache/e3/4c0ba2404b7a6bfceb8df2160cd43c.v8 differ diff --git a/.parcel-cache/e3/4c509350caa11322d105a844ee902e.v8 b/.parcel-cache/e3/4c509350caa11322d105a844ee902e.v8 new file mode 100644 index 0000000..3f71a3c Binary files /dev/null and b/.parcel-cache/e3/4c509350caa11322d105a844ee902e.v8 differ diff --git a/.parcel-cache/e3/5a5e124d1a6711a7320bd75ac7e3d0.blob b/.parcel-cache/e3/5a5e124d1a6711a7320bd75ac7e3d0.blob new file mode 100644 index 0000000..c5b3740 Binary files /dev/null and b/.parcel-cache/e3/5a5e124d1a6711a7320bd75ac7e3d0.blob differ diff --git a/.parcel-cache/e4/348a5bdf6756b7ca2947cec8487770.blob b/.parcel-cache/e4/348a5bdf6756b7ca2947cec8487770.blob new file mode 100644 index 0000000..18ba26c Binary files /dev/null and b/.parcel-cache/e4/348a5bdf6756b7ca2947cec8487770.blob differ diff --git a/.parcel-cache/e4/35af8e91713bfa975cd004478814f9.blob b/.parcel-cache/e4/35af8e91713bfa975cd004478814f9.blob new file mode 100644 index 0000000..dee9b0a Binary files /dev/null and b/.parcel-cache/e4/35af8e91713bfa975cd004478814f9.blob differ diff --git a/.parcel-cache/e4/6f68c3605c2e2b2c29f8eb369b4b76.blob b/.parcel-cache/e4/6f68c3605c2e2b2c29f8eb369b4b76.blob new file mode 100644 index 0000000..5de766f --- /dev/null +++ b/.parcel-cache/e4/6f68c3605c2e2b2c29f8eb369b4b76.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/e4/a5e1fb5b9e3f744cd405896ae3843b.v8 b/.parcel-cache/e4/a5e1fb5b9e3f744cd405896ae3843b.v8 new file mode 100644 index 0000000..017771d Binary files /dev/null and b/.parcel-cache/e4/a5e1fb5b9e3f744cd405896ae3843b.v8 differ diff --git a/.parcel-cache/e4/b56c1825ecb3cd1fcba1bffdcab8bf.blob b/.parcel-cache/e4/b56c1825ecb3cd1fcba1bffdcab8bf.blob new file mode 100644 index 0000000..4828a62 Binary files /dev/null and b/.parcel-cache/e4/b56c1825ecb3cd1fcba1bffdcab8bf.blob differ diff --git a/.parcel-cache/e4/decd46bcc0ee377c126d10dc243908.blob b/.parcel-cache/e4/decd46bcc0ee377c126d10dc243908.blob new file mode 100644 index 0000000..2bf15fa Binary files /dev/null and b/.parcel-cache/e4/decd46bcc0ee377c126d10dc243908.blob differ diff --git a/.parcel-cache/e4/fa81080fb1b5d2e03927c18f30dce0.v8 b/.parcel-cache/e4/fa81080fb1b5d2e03927c18f30dce0.v8 new file mode 100644 index 0000000..cc872ad Binary files /dev/null and b/.parcel-cache/e4/fa81080fb1b5d2e03927c18f30dce0.v8 differ diff --git a/.parcel-cache/e4/fc4c897c12363561484f40d5a3cbb1.v8 b/.parcel-cache/e4/fc4c897c12363561484f40d5a3cbb1.v8 new file mode 100644 index 0000000..5e36cbb Binary files /dev/null and b/.parcel-cache/e4/fc4c897c12363561484f40d5a3cbb1.v8 differ diff --git a/.parcel-cache/e5/45a7a5db5d28c7ad9effbc09d13964.v8 b/.parcel-cache/e5/45a7a5db5d28c7ad9effbc09d13964.v8 new file mode 100644 index 0000000..f50f1cc Binary files /dev/null and b/.parcel-cache/e5/45a7a5db5d28c7ad9effbc09d13964.v8 differ diff --git a/.parcel-cache/e5/8f30126def1e2ced3c335493c88cd6.blob b/.parcel-cache/e5/8f30126def1e2ced3c335493c88cd6.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/e5/8f30126def1e2ced3c335493c88cd6.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/e5/d5e42cd808160323a4a735d5e2fd85.blob b/.parcel-cache/e5/d5e42cd808160323a4a735d5e2fd85.blob new file mode 100644 index 0000000..ed93cc5 Binary files /dev/null and b/.parcel-cache/e5/d5e42cd808160323a4a735d5e2fd85.blob differ diff --git a/.parcel-cache/e6/27dba27c77c24a1cc5b72a78fd3326.v8 b/.parcel-cache/e6/27dba27c77c24a1cc5b72a78fd3326.v8 new file mode 100644 index 0000000..a11d8ac Binary files /dev/null and b/.parcel-cache/e6/27dba27c77c24a1cc5b72a78fd3326.v8 differ diff --git a/.parcel-cache/e6/29bcc9e22b806bd215564b6f5165e7.blob b/.parcel-cache/e6/29bcc9e22b806bd215564b6f5165e7.blob new file mode 100644 index 0000000..7ca89d2 --- /dev/null +++ b/.parcel-cache/e6/29bcc9e22b806bd215564b6f5165e7.blob @@ -0,0 +1,505 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/e6/2bd7c09799c1fde7a0ab06736b442b.blob b/.parcel-cache/e6/2bd7c09799c1fde7a0ab06736b442b.blob new file mode 100644 index 0000000..e0c7d7d --- /dev/null +++ b/.parcel-cache/e6/2bd7c09799c1fde7a0ab06736b442b.blob @@ -0,0 +1,510 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.underline::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.underline:hover::after, +.menu--open ~ .underline::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/e6/2d11fee4288ac44c7dced589ec98d9.blob b/.parcel-cache/e6/2d11fee4288ac44c7dced589ec98d9.blob new file mode 100644 index 0000000..882cfd9 Binary files /dev/null and b/.parcel-cache/e6/2d11fee4288ac44c7dced589ec98d9.blob differ diff --git a/.parcel-cache/e6/bd5f6861a45e8a22e72dca8a9c9091.v8 b/.parcel-cache/e6/bd5f6861a45e8a22e72dca8a9c9091.v8 new file mode 100644 index 0000000..21388e3 Binary files /dev/null and b/.parcel-cache/e6/bd5f6861a45e8a22e72dca8a9c9091.v8 differ diff --git a/.parcel-cache/e7/1f128ddb880f19697bb1b85a1f9a27.v8 b/.parcel-cache/e7/1f128ddb880f19697bb1b85a1f9a27.v8 new file mode 100644 index 0000000..da3babb Binary files /dev/null and b/.parcel-cache/e7/1f128ddb880f19697bb1b85a1f9a27.v8 differ diff --git a/.parcel-cache/e7/29d819fc90f021d07946f1cd75b670.blob b/.parcel-cache/e7/29d819fc90f021d07946f1cd75b670.blob new file mode 100644 index 0000000..9ea6ee9 Binary files /dev/null and b/.parcel-cache/e7/29d819fc90f021d07946f1cd75b670.blob differ diff --git a/.parcel-cache/e7/2eef1b710992e7ecdbdb838a5ca48a.blob b/.parcel-cache/e7/2eef1b710992e7ecdbdb838a5ca48a.blob new file mode 100644 index 0000000..4c15939 --- /dev/null +++ b/.parcel-cache/e7/2eef1b710992e7ecdbdb838a5ca48a.blob @@ -0,0 +1,80 @@ +var _utils = require('./utils'); +var _menu = require('./menu'); +var _textReveal = require('./textReveal'); +var _textLinesReveal = require('./textLinesReveal'); +var _imgReveal = require('./imgReveal'); +var _gsap = require('gsap'); +// DOM elements: +let DOM = { + frame: document.querySelector('.frame') +}; +// menu button +DOM.menuCtrl = document.querySelector('.menu-link'); +// menu container +DOM.menuWrap = document.querySelector('.menu'); +// text content elements +DOM.textContent = { + heading: document.querySelector('.heading'), + primary: document.querySelector('.content-primary'), + secondary: document.querySelector('.content-secondary') +}; +// image +DOM.img = document.querySelector('.deco'); +// page state +let state = 0; +// text lines reveal obj +const textLinesReveal = new _textLinesReveal.TextLinesReveal([DOM.textContent.primary, DOM.textContent.secondary]); +// Image reveal obj +const imgReveal = new _imgReveal.ImgReveal(DOM.img); +// Other text animations +const textReveal = new _textReveal.TextReveal([DOM.textContent.heading, DOM.menuCtrl]); +// Menu +const menu = new _menu.Menu(DOM.menuWrap); +// show the initial texts and images +const showContent = () => { + textReveal.in(); + // show texts (slide in) + textLinesReveal.in(); + // show image + imgReveal.in(); + // also show frame + toggleFrame(); +}; +// hide the initial texts, images, and frame +const hideContent = () => { + // hide texts + textReveal.out(); + // hide texts (lines) + textLinesReveal.out(); + // hide image(s) + imgReveal.out(); + // also hide frame + toggleFrame(); +}; +const toggleFrame = () => { + _gsap.gsap.to(DOM.frame, { + duration: 1, + ease: 'expo', + opacity: Number(!state) + }); +}; +// Clicking the menu button will open the menu +DOM.menuCtrl.addEventListener('click', () => { + if (state !== 0) return; + state = 1; + hideContent(); + menu.open(); +}); +menu.DOM.closeCtrl.addEventListener('click', () => { + if (state !== 1) return; + state = 0; + showContent(); + menu.close(); +}); +// Preload images +_utils.preloadImages().then(() => { + // Remove loader (loading class) + document.body.classList.remove('loading'); + // show content + showContent(); +}); diff --git a/.parcel-cache/e7/5aacf5e85f054208767b801a099278.blob b/.parcel-cache/e7/5aacf5e85f054208767b801a099278.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/e7/5aacf5e85f054208767b801a099278.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/e7/ef7c1f370215d771321d9df0ddcedd.blob b/.parcel-cache/e7/ef7c1f370215d771321d9df0ddcedd.blob new file mode 100644 index 0000000..33ea3f1 --- /dev/null +++ b/.parcel-cache/e7/ef7c1f370215d771321d9df0ddcedd.blob @@ -0,0 +1,655 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + diff --git a/.parcel-cache/e8/1224f2d3b599008c56dfaae2253a93.v8 b/.parcel-cache/e8/1224f2d3b599008c56dfaae2253a93.v8 new file mode 100644 index 0000000..9b44566 Binary files /dev/null and b/.parcel-cache/e8/1224f2d3b599008c56dfaae2253a93.v8 differ diff --git a/.parcel-cache/e8/38689607da196662bcb8bcec38b84b.v8 b/.parcel-cache/e8/38689607da196662bcb8bcec38b84b.v8 new file mode 100644 index 0000000..6da9ca2 Binary files /dev/null and b/.parcel-cache/e8/38689607da196662bcb8bcec38b84b.v8 differ diff --git a/.parcel-cache/e8/492f41168b3ddbd021925e94bd8a18.v8 b/.parcel-cache/e8/492f41168b3ddbd021925e94bd8a18.v8 new file mode 100644 index 0000000..c82ed30 Binary files /dev/null and b/.parcel-cache/e8/492f41168b3ddbd021925e94bd8a18.v8 differ diff --git a/.parcel-cache/e8/c97903735aa799260370dda0713fe4.blob b/.parcel-cache/e8/c97903735aa799260370dda0713fe4.blob new file mode 100644 index 0000000..8ab22e1 --- /dev/null +++ b/.parcel-cache/e8/c97903735aa799260370dda0713fe4.blob @@ -0,0 +1,504 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + justify-items: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1; + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/e8/da406644712dc8ff8d9c3ee4ff5998.v8 b/.parcel-cache/e8/da406644712dc8ff8d9c3ee4ff5998.v8 new file mode 100644 index 0000000..c223b57 Binary files /dev/null and b/.parcel-cache/e8/da406644712dc8ff8d9c3ee4ff5998.v8 differ diff --git a/.parcel-cache/e9/19b8e28d4be59ed561bce263883a57.blob b/.parcel-cache/e9/19b8e28d4be59ed561bce263883a57.blob new file mode 100644 index 0000000..d1593f3 --- /dev/null +++ b/.parcel-cache/e9/19b8e28d4be59ed561bce263883a57.blob @@ -0,0 +1,517 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2rem; + --font-size-large: 1.5rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.5 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 600px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/e9/4fd7f3490032dbf74b5ce0a4b408e6.blob b/.parcel-cache/e9/4fd7f3490032dbf74b5ce0a4b408e6.blob new file mode 100644 index 0000000..b6773e7 Binary files /dev/null and b/.parcel-cache/e9/4fd7f3490032dbf74b5ce0a4b408e6.blob differ diff --git a/.parcel-cache/e9/75c27879c9468ce1dfd6bd9316c080.v8 b/.parcel-cache/e9/75c27879c9468ce1dfd6bd9316c080.v8 new file mode 100644 index 0000000..c6c255e Binary files /dev/null and b/.parcel-cache/e9/75c27879c9468ce1dfd6bd9316c080.v8 differ diff --git a/.parcel-cache/e9/7735ce6ec151773d1549823813b10a.blob b/.parcel-cache/e9/7735ce6ec151773d1549823813b10a.blob new file mode 100644 index 0000000..e0f1a53 --- /dev/null +++ b/.parcel-cache/e9/7735ce6ec151773d1549823813b10a.blob @@ -0,0 +1,299 @@ +var HMR_HOST = null; +var HMR_PORT = 1234; +var HMR_SECURE = false; +var HMR_ENV_HASH = "d751713988987e9331980363e24189ce"; +module.bundle.HMR_BUNDLE_ID = "ec69cd9a86158e796dc3b058bc6af0db"; +// @flow +/*global HMR_HOST, HMR_PORT, HMR_ENV_HASH, HMR_SECURE*/ +/*:: +import type { +HMRAsset, +HMRMessage, +} from '@parcel/reporter-dev-server/src/HMRServer.js'; +interface ParcelRequire { +(string): mixed; +cache: {|[string]: ParcelModule|}; +hotData: mixed; +Module: any; +parent: ?ParcelRequire; +isParcelRequire: true; +modules: {|[string]: [Function, {|[string]: string|}]|}; +HMR_BUNDLE_ID: string; +root: ParcelRequire; +} +interface ParcelModule { +hot: {| +data: mixed, +accept(cb: (Function) => void): void, +dispose(cb: (mixed) => void): void, +// accept(deps: Array | string, cb: (Function) => void): void, +// decline(): void, +_acceptCallbacks: Array<(Function) => void>, +_disposeCallbacks: Array<(mixed) => void>, +|}; +} +declare var module: {bundle: ParcelRequire, ...}; +declare var HMR_HOST: string; +declare var HMR_PORT: string; +declare var HMR_ENV_HASH: string; +declare var HMR_SECURE: boolean; +*/ +var OVERLAY_ID = '__parcel__error__overlay__'; +var OldModule = module.bundle.Module; +function Module(moduleName) { + OldModule.call(this, moduleName); + this.hot = { + data: module.bundle.hotData, + _acceptCallbacks: [], + _disposeCallbacks: [], + accept: function (fn) { + this._acceptCallbacks.push(fn || (function () {})); + }, + dispose: function (fn) { + this._disposeCallbacks.push(fn); + } + }; + module.bundle.hotData = undefined; +} +module.bundle.Module = Module; +var checkedAssets, /*: {|[string]: boolean|}*/ +acceptedAssets, /*: {|[string]: boolean|}*/ +/*: {|[string]: boolean|}*/ +assetsToAccept; +function getHostname() { + return HMR_HOST || (location.protocol.indexOf('http') === 0 ? location.hostname : 'localhost'); +} +function getPort() { + return HMR_PORT || location.port; +} +// eslint-disable-next-line no-redeclare +var parent = module.bundle.parent; +if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') { + var hostname = getHostname(); + var port = getPort(); + var protocol = HMR_SECURE || location.protocol == 'https:' && !(/localhost|127.0.0.1|0.0.0.0/).test(hostname) ? 'wss' : 'ws'; + var ws = new WebSocket(protocol + '://' + hostname + (port ? ':' + port : '') + '/'); + // $FlowFixMe + ws.onmessage = function (event) /*: {data: string, ...}*/ + { + checkedAssets = { + /*: {|[string]: boolean|}*/ + }; + acceptedAssets = { + /*: {|[string]: boolean|}*/ + }; + assetsToAccept = []; + var data = /*: HMRMessage*/ + JSON.parse(event.data); + if (data.type === 'update') { + // Remove error overlay if there is one + removeErrorOverlay(); + let assets = data.assets.filter(asset => asset.envHash === HMR_ENV_HASH); + // Handle HMR Update + var handled = false; + assets.forEach(asset => { + var didAccept = asset.type === 'css' || asset.type === 'js' && hmrAcceptCheck(module.bundle.root, asset.id, asset.depsByBundle); + if (didAccept) { + handled = true; + } + }); + if (handled) { + console.clear(); + assets.forEach(function (asset) { + hmrApply(module.bundle.root, asset); + }); + for (var i = 0; i < assetsToAccept.length; i++) { + var id = assetsToAccept[i][1]; + if (!acceptedAssets[id]) { + hmrAcceptRun(assetsToAccept[i][0], id); + } + } + } else { + window.location.reload(); + } + } + if (data.type === 'error') { + // Log parcel errors to console + for (let ansiDiagnostic of data.diagnostics.ansi) { + let stack = ansiDiagnostic.codeframe ? ansiDiagnostic.codeframe : ansiDiagnostic.stack; + console.error('🚨 [parcel]: ' + ansiDiagnostic.message + '\n' + stack + '\n\n' + ansiDiagnostic.hints.join('\n')); + } + // Render the fancy html overlay + removeErrorOverlay(); + var overlay = createErrorOverlay(data.diagnostics.html); + // $FlowFixMe + document.body.appendChild(overlay); + } + }; + ws.onerror = function (e) { + console.error(e.message); + }; + ws.onclose = function (e) { + if (undefined !== 'test') { + console.warn('[parcel] 🚨 Connection to the HMR server was lost'); + } + }; +} +function removeErrorOverlay() { + var overlay = document.getElementById(OVERLAY_ID); + if (overlay) { + overlay.remove(); + console.log('[parcel] ✨ Error resolved'); + } +} +function createErrorOverlay(diagnostics) { + var overlay = document.createElement('div'); + overlay.id = OVERLAY_ID; + let errorHTML = '
'; + for (let diagnostic of diagnostics) { + let stack = diagnostic.codeframe ? diagnostic.codeframe : diagnostic.stack; + errorHTML += ` +
+
+ 🚨 ${diagnostic.message} +
+ 
+          ${stack}
+
+
+ ${diagnostic.hints.map(hint => '
' + hint + '
').join('')} +
+
+ `; + } + errorHTML += '
'; + overlay.innerHTML = errorHTML; + return overlay; +} +function getParents(bundle, id) /*: Array<[ParcelRequire, string]>*/ +{ + var modules = bundle.modules; + if (!modules) { + return []; + } + var parents = []; + var k, d, dep; + for (k in modules) { + for (d in modules[k][1]) { + dep = modules[k][1][d]; + if (dep === id || Array.isArray(dep) && dep[dep.length - 1] === id) { + parents.push([bundle, k]); + } + } + } + if (bundle.parent) { + parents = parents.concat(getParents(bundle.parent, id)); + } + return parents; +} +function updateLink(link) { + var newLink = link.cloneNode(); + newLink.onload = function () { + if (link.parentNode !== null) { + // $FlowFixMe + link.parentNode.removeChild(link); + } + }; + newLink.setAttribute('href', // $FlowFixMe + link.getAttribute('href').split('?')[0] + '?' + Date.now()); + // $FlowFixMe + link.parentNode.insertBefore(newLink, link.nextSibling); +} +var cssTimeout = null; +function reloadCSS() { + if (cssTimeout) { + return; + } + cssTimeout = setTimeout(function () { + var links = document.querySelectorAll('link[rel="stylesheet"]'); + for (var i = 0; i < links.length; i++) { + // $FlowFixMe[incompatible-type] + var href = /*: string*/ + links[i].getAttribute('href'); + var hostname = getHostname(); + var servedFromHMRServer = hostname === 'localhost' ? new RegExp('^(https?:\\/\\/(0.0.0.0|127.0.0.1)|localhost):' + getPort()).test(href) : href.indexOf(hostname + ':' + getPort()); + var absolute = (/^https?:\/\//i).test(href) && href.indexOf(window.location.origin) !== 0 && !servedFromHMRServer; + if (!absolute) { + updateLink(links[i]); + } + } + cssTimeout = null; + }, 50); +} +function hmrApply(bundle, /*: ParcelRequire*/ +asset) /*: HMRAsset*/ +{ + var modules = bundle.modules; + if (!modules) { + return; + } + if (asset.type === 'css') { + reloadCSS(); + return; + } + let deps = asset.depsByBundle[bundle.HMR_BUNDLE_ID]; + if (deps) { + var fn = new Function('require', 'module', 'exports', asset.output); + modules[asset.id] = [fn, deps]; + } else if (bundle.parent) { + hmrApply(bundle.parent, asset); + } +} +function hmrAcceptCheck(bundle, /*: ParcelRequire*/ +id, /*: ParcelRequire*/ +/*: string*/ +depsByBundle) /*: ?{ [string]: { [string]: string } }*/ +{ + var modules = bundle.modules; + if (!modules) { + return; + } + if (depsByBundle && !depsByBundle[bundle.HMR_BUNDLE_ID]) { + // If we reached the root bundle without finding where the asset should go, + // there's nothing to do. Mark as "accepted" so we don't reload the page. + if (!bundle.parent) { + return true; + } + return hmrAcceptCheck(bundle.parent, id, depsByBundle); + } + if (checkedAssets[id]) { + return; + } + checkedAssets[id] = true; + var cached = bundle.cache[id]; + assetsToAccept.push([bundle, id]); + if (cached && cached.hot && cached.hot._acceptCallbacks.length) { + return true; + } + return getParents(module.bundle.root, id).some(function (v) { + return hmrAcceptCheck(v[0], v[1], null); + }); +} +function hmrAcceptRun(bundle, /*: ParcelRequire*/ +id) /*: string*/ +{ + var cached = bundle.cache[id]; + bundle.hotData = {}; + if (cached && cached.hot) { + cached.hot.data = bundle.hotData; + } + if (cached && cached.hot && cached.hot._disposeCallbacks.length) { + cached.hot._disposeCallbacks.forEach(function (cb) { + cb(bundle.hotData); + }); + } + delete bundle.cache[id]; + bundle(id); + cached = bundle.cache[id]; + if (cached && cached.hot && cached.hot._acceptCallbacks.length) { + cached.hot._acceptCallbacks.forEach(function (cb) { + var assetsToAlsoAccept = cb(function () { + return getParents(module.bundle.root, id); + }); + if (assetsToAlsoAccept && assetsToAccept.length) { + assetsToAccept.push.apply(assetsToAccept, assetsToAlsoAccept); + } + }); + } + acceptedAssets[id] = true; +} diff --git a/.parcel-cache/e9/7bbfb3e3fc33458410be3bbf1528ea.blob b/.parcel-cache/e9/7bbfb3e3fc33458410be3bbf1528ea.blob new file mode 100644 index 0000000..6ab6b6a --- /dev/null +++ b/.parcel-cache/e9/7bbfb3e3fc33458410be3bbf1528ea.blob @@ -0,0 +1,662 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + + diff --git a/.parcel-cache/e9/b40636ceb2333541be1af40dfab967.blob b/.parcel-cache/e9/b40636ceb2333541be1af40dfab967.blob new file mode 100644 index 0000000..f785951 Binary files /dev/null and b/.parcel-cache/e9/b40636ceb2333541be1af40dfab967.blob differ diff --git a/.parcel-cache/ea/112d23d4bd6a7256541eadeba19703.v8 b/.parcel-cache/ea/112d23d4bd6a7256541eadeba19703.v8 new file mode 100644 index 0000000..a59e60e Binary files /dev/null and b/.parcel-cache/ea/112d23d4bd6a7256541eadeba19703.v8 differ diff --git a/.parcel-cache/ea/8280af294e98094a0b891c8b2ce1c4.blob b/.parcel-cache/ea/8280af294e98094a0b891c8b2ce1c4.blob new file mode 100644 index 0000000..40f46dc --- /dev/null +++ b/.parcel-cache/ea/8280af294e98094a0b891c8b2ce1c4.blob @@ -0,0 +1,655 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + diff --git a/.parcel-cache/ea/b06d7764fd4ff77dd57d7a55ce33c8.v8 b/.parcel-cache/ea/b06d7764fd4ff77dd57d7a55ce33c8.v8 new file mode 100644 index 0000000..bc85be5 Binary files /dev/null and b/.parcel-cache/ea/b06d7764fd4ff77dd57d7a55ce33c8.v8 differ diff --git a/.parcel-cache/ea/b1b7be2971811eaefbf5800a323c51.blob b/.parcel-cache/ea/b1b7be2971811eaefbf5800a323c51.blob new file mode 100644 index 0000000..b636fc4 --- /dev/null +++ b/.parcel-cache/ea/b1b7be2971811eaefbf5800a323c51.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/eb/0c9e2bc87476897cfa123b6b694643.blob b/.parcel-cache/eb/0c9e2bc87476897cfa123b6b694643.blob new file mode 100644 index 0000000..4e2b67b Binary files /dev/null and b/.parcel-cache/eb/0c9e2bc87476897cfa123b6b694643.blob differ diff --git a/.parcel-cache/eb/0df65eacb0018a7fc4e212742312c7.blob b/.parcel-cache/eb/0df65eacb0018a7fc4e212742312c7.blob new file mode 100644 index 0000000..5e697a9 --- /dev/null +++ b/.parcel-cache/eb/0df65eacb0018a7fc4e212742312c7.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./%3Cinput%20css%20H4ccVs%3E"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_eacc0ceee7547c8404559d17320bd6f3.css.map"} \ No newline at end of file diff --git a/.parcel-cache/eb/0f7d00cb47f0edd8f682663a646b75.v8 b/.parcel-cache/eb/0f7d00cb47f0edd8f682663a646b75.v8 new file mode 100644 index 0000000..c27baaf Binary files /dev/null and b/.parcel-cache/eb/0f7d00cb47f0edd8f682663a646b75.v8 differ diff --git a/.parcel-cache/eb/1c0264486132ec76c7cc6cff02e523.v8 b/.parcel-cache/eb/1c0264486132ec76c7cc6cff02e523.v8 new file mode 100644 index 0000000..9e03733 Binary files /dev/null and b/.parcel-cache/eb/1c0264486132ec76c7cc6cff02e523.v8 differ diff --git a/.parcel-cache/eb/6a0a4c2e2f6d0d8eff90e8b90147fc.v8 b/.parcel-cache/eb/6a0a4c2e2f6d0d8eff90e8b90147fc.v8 new file mode 100644 index 0000000..8815e78 Binary files /dev/null and b/.parcel-cache/eb/6a0a4c2e2f6d0d8eff90e8b90147fc.v8 differ diff --git a/.parcel-cache/eb/943e5148a61a84a776df1a9e380ad0.blob b/.parcel-cache/eb/943e5148a61a84a776df1a9e380ad0.blob new file mode 100644 index 0000000..952895a --- /dev/null +++ b/.parcel-cache/eb/943e5148a61a84a776df1a9e380ad0.blob @@ -0,0 +1,517 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/eb/bfbda2aefcea0578d605566f63d130.blob b/.parcel-cache/eb/bfbda2aefcea0578d605566f63d130.blob new file mode 100644 index 0000000..9e693e8 Binary files /dev/null and b/.parcel-cache/eb/bfbda2aefcea0578d605566f63d130.blob differ diff --git a/.parcel-cache/eb/c3eaa41f9232c16e08f6ddb4f662df.blob b/.parcel-cache/eb/c3eaa41f9232c16e08f6ddb4f662df.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/eb/c3eaa41f9232c16e08f6ddb4f662df.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/eb/d4b0c8458245ff0dd470c4e4604629.blob b/.parcel-cache/eb/d4b0c8458245ff0dd470c4e4604629.blob new file mode 100644 index 0000000..9e693e8 Binary files /dev/null and b/.parcel-cache/eb/d4b0c8458245ff0dd470c4e4604629.blob differ diff --git a/.parcel-cache/eb/ef4149c0a0afef52139547602c603f.blob b/.parcel-cache/eb/ef4149c0a0afef52139547602c603f.blob new file mode 100644 index 0000000..6b9e59e Binary files /dev/null and b/.parcel-cache/eb/ef4149c0a0afef52139547602c603f.blob differ diff --git a/.parcel-cache/eb/f1c1d1286eb0535a76f985b1d7d21b.blob b/.parcel-cache/eb/f1c1d1286eb0535a76f985b1d7d21b.blob new file mode 100644 index 0000000..4c542ab Binary files /dev/null and b/.parcel-cache/eb/f1c1d1286eb0535a76f985b1d7d21b.blob differ diff --git a/.parcel-cache/ec/7ddab3b2231fbe37e53a4b11d38cb7.blob b/.parcel-cache/ec/7ddab3b2231fbe37e53a4b11d38cb7.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/ec/7ddab3b2231fbe37e53a4b11d38cb7.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/ec/87e6f175d62f35bcf3a5a99d3ce498.blob b/.parcel-cache/ec/87e6f175d62f35bcf3a5a99d3ce498.blob new file mode 100644 index 0000000..71b51c9 --- /dev/null +++ b/.parcel-cache/ec/87e6f175d62f35bcf3a5a99d3ce498.blob @@ -0,0 +1,217 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + + diff --git a/.parcel-cache/ec/b6ca6b4596dd800f8393c9e36ef079.v8 b/.parcel-cache/ec/b6ca6b4596dd800f8393c9e36ef079.v8 new file mode 100644 index 0000000..6f9f5d9 Binary files /dev/null and b/.parcel-cache/ec/b6ca6b4596dd800f8393c9e36ef079.v8 differ diff --git a/.parcel-cache/ed/04891b27b8cae0dd7161beb27896da.blob b/.parcel-cache/ed/04891b27b8cae0dd7161beb27896da.blob new file mode 100644 index 0000000..162ed9c Binary files /dev/null and b/.parcel-cache/ed/04891b27b8cae0dd7161beb27896da.blob differ diff --git a/.parcel-cache/ed/d03844771ca5ec18db55948a557f22.blob b/.parcel-cache/ed/d03844771ca5ec18db55948a557f22.blob new file mode 100644 index 0000000..ef5ce0f Binary files /dev/null and b/.parcel-cache/ed/d03844771ca5ec18db55948a557f22.blob differ diff --git a/.parcel-cache/ed/e00596e54b5c249ab4c448dcbcfc9f.blob b/.parcel-cache/ed/e00596e54b5c249ab4c448dcbcfc9f.blob new file mode 100644 index 0000000..4443ad6 Binary files /dev/null and b/.parcel-cache/ed/e00596e54b5c249ab4c448dcbcfc9f.blob differ diff --git a/.parcel-cache/ed/f5d836adb95d8b455ee894880fc914.v8 b/.parcel-cache/ed/f5d836adb95d8b455ee894880fc914.v8 new file mode 100644 index 0000000..1744461 Binary files /dev/null and b/.parcel-cache/ed/f5d836adb95d8b455ee894880fc914.v8 differ diff --git a/.parcel-cache/ee/1a2d810854441360448ecc58789ef8.v8 b/.parcel-cache/ee/1a2d810854441360448ecc58789ef8.v8 new file mode 100644 index 0000000..e8e1c51 Binary files /dev/null and b/.parcel-cache/ee/1a2d810854441360448ecc58789ef8.v8 differ diff --git a/.parcel-cache/ee/2c554e36f57cbe22611c524543b953.v8 b/.parcel-cache/ee/2c554e36f57cbe22611c524543b953.v8 new file mode 100644 index 0000000..fbdeaf0 Binary files /dev/null and b/.parcel-cache/ee/2c554e36f57cbe22611c524543b953.v8 differ diff --git a/.parcel-cache/ee/40651b5ac5cddb127efe9114398ce1.blob b/.parcel-cache/ee/40651b5ac5cddb127efe9114398ce1.blob new file mode 100644 index 0000000..e84228d --- /dev/null +++ b/.parcel-cache/ee/40651b5ac5cddb127efe9114398ce1.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/ee/aa82164c78bac1f487c45728ae51ab.blob b/.parcel-cache/ee/aa82164c78bac1f487c45728ae51ab.blob new file mode 100644 index 0000000..f325e4f --- /dev/null +++ b/.parcel-cache/ee/aa82164c78bac1f487c45728ae51ab.blob @@ -0,0 +1 @@ +*,:after,:before{box-sizing:border-box}:root{font-size:18px}body{margin:0;--color-text:#111;--color-bg:#f7f5f3;--color-link:#999;--color-link-hover:#000;--font-size-xlarge:2rem;--font-size-large:1.5rem;--font-size-medium:1.25rem;--font-size-small:1rem;--color-menu:#000;--color-menu-hover:#e93f33;color:var(--color-text);background-color:var(--color-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body #cdawrap{--cda-top:1.5rem;--cda-bottom:auto;--cda-left:1.5rem;--cda-width:360px;--cda-text-color:var(--color-menu);--cda-text-color-hover:var(--color-menu-hover)}.js .loading:after,.js .loading:before{content:"";position:fixed;z-index:1000}.js .loading:before{top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.js .loading:after{top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;opacity:.4;background:var(--color-link);animation:loaderAnim .7s linear infinite alternate forwards}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}a{text-decoration:underline;color:var(--color-link)}a,a:hover{outline:none}a:hover{text-decoration:none;color:var(--color-link-hover)}a:focus{outline:none;background:#d3d3d3}a:focus-visible,a:focus:not(:focus-visible){background:transparent}a:focus-visible{outline:2px solid red}.unbutton{background:none;border:0;padding:0;margin:0;cursor:pointer;font:inherit}.unbutton:focus{outline:none}main{padding:1.5rem;display:grid;height:100vh;align-content:space-between;grid-gap:.5rem;grid-template-columns:1fr auto;grid-template-areas:"frame menu" "heading heading" "content content" "content content" "deco deco" "footer footer"}.frame{grid-area:frame;color:var(--color-link);margin-bottom:1rem}.frame__title{font-size:1rem;margin:0;font-weight:400}.frame__links{display:block}.frame__links a:not(:last-child){margin-right:.5rem}.line{transform-origin:0 50%;padding-bottom:.35rem;white-space:nowrap;will-change:transform}.oh{overflow:hidden}.oh__inner{display:inline-block;transform-origin:0 50%;will-change:transform}.content{display:flex;flex-direction:column;width:100vw;height:calc(100vh - 13rem);position:relative;justify-content:flex-start;align-items:center}.heading{grid-area:heading;font-size:var(--font-size-large);margin:0 0 2rem;font-weight:400;align-self:start;line-height:1.4}.heading strong{font-weight:600}.content-primary{grid-area:content;line-height:1;font-size:var(--font-size-large)}.content-secondary{grid-area:footer;line-height:1;margin:0;align-self:end;font-size:var(--font-size-small);max-width:400px}.deco{grid-area:deco}.deco__img-wrap{position:relative;overflow:hidden;width:25vw;min-width:250px;max-width:400px;margin-bottom:1rem;will-change:transform}.deco__img-wrap--upper{height:5vh}.deco__img-wrap--lower{height:25vh}.deco__img{background:url(1.HASH_REF_537602dd51df256e213143fa5ff36b68.jpg) no-repeat 50% 0;width:100%;height:100%;will-change:transform}.deco__img--lower{background-position:50% -5vh}.menu-link{align-self:start;justify-self:end;line-height:1;grid-area:menu;overflow:hidden;position:relative;padding:0 0 5px;font-size:var(--font-size-medium)}.menu--open~.menu-link,.state-details .menu-link{pointer-events:none}.menu-link:after{content:"";position:absolute;bottom:0;left:0;height:7%;width:100%;background:currentColor;transition:transform .4s ease;transform-origin:100% 50%}.menu--open~.menu-link:after,.menu-link:hover:after,.state-details .menu-link:after{transform:scaleX(0);transform-origin:0 50%}.menu{position:fixed;pointer-events:none;z-index:100;opacity:0;top:0;left:0;width:100%;height:100vh;display:grid;grid-template-columns:auto auto auto;align-content:center;justify-content:center;counter-reset:menucounter}.menu--open{pointer-events:auto;opacity:1}.state-details .menu{pointer-events:none}.menu__item{grid-column:2;line-height:1;display:block;position:relative}.menu__item-link{text-decoration:none;line-height:1.25;margin-top:calc(var(--font-size-xlarge)*-0.15);font-size:var(--font-size-xlarge);cursor:pointer;position:relative;padding:0 calc(var(--font-size-xlarge)*0.45);color:var(--color-menu)}.menu__item-link:hover{color:var(--color-menu-hover)}.menu__item-link:before{position:absolute;left:0;top:18%;text-align:right;counter-increment:menucounter;content:counters(menucounter,".",decimal-leading-zero);opacity:0;line-height:1;padding-right:.5rem;display:grid;place-items:center;font-size:var(--font-size-small);color:var(--color-text);transform:scale3d(0,0,0)}.menu__item-link:hover:before{opacity:1;transform:scaleX(1)}.close{position:absolute;top:1rem;right:1.5rem;font-size:3rem;line-height:1;opacity:0;pointer-events:none}.close:hover{color:var(--color-menu)}.menu--open .close{opacity:1;pointer-events:auto}.state-details .close{pointer-events:none}.details,.details-wrap{pointer-events:none}.details,.details-wrap,.panel{position:absolute;width:100%;height:100%;top:0;left:0}.panel{display:grid;grid-template-columns:repeat(50,2%);grid-template-rows:repeat(50,2%);--grid-row:1;--grid-column:1;transform:rotate(-35deg);opacity:.5}.panel__img{grid-area:var(--grid-row)/var(--grid-column)/span 12/span 5;will-change:transform}.pos-1{--grid-row:10;--grid-column:1}.pos-2{--grid-row:1;--grid-column:18}.pos-3{--grid-row:1;--grid-column:29}.pos-4{--grid-row:15;--grid-column:12}.pos-5{--grid-row:17;--grid-column:25}.pos-6{--grid-row:20;--grid-column:43}.pos-7{--grid-row:35;--grid-column:5}.pos-8{--grid-row:40;--grid-column:14}.pos-9{--grid-row:37;--grid-column:29}.pos-10{--grid-row:35;--grid-column:42}.pos-11{--grid-row:7;--grid-column:46}.pos-12{--grid-row:32;--grid-column:20}.pos-13{--grid-row:22;--grid-column:2}.pos-14{--grid-row:9;--grid-column:38}.pos-15{--grid-row:4;--grid-column:7}.pos-16{--grid-row:28;--grid-column:36}.panel__img{width:100px}.details{display:grid;place-items:center;pointer-events:none;opacity:0}.details--open,.details--open~.close--details{pointer-events:auto;opacity:1}.details__content{padding:.5rem;width:50%;margin:0 auto;position:relative}.details__content-title{font-weight:400;margin:0;font-size:var(--font-size-xlarge)}.details__content-text{line-height:1;max-width:640px;font-size:var(--font-size-medium)}.details__content-link{position:relative;display:inline-block;font-size:var(--font-size-small);color:var(--color-text);cursor:pointer;text-decoration:none;font-weight:600}.details__content-link:hover{color:var(--color-menu-hover)}@media screen and (min-width:53em){body{overflow:hidden;--font-size-xlarge:11vh;--font-size-large:3.5vw;--font-size-medium:2.75vw;--font-size-small:1.65vw}main{grid-gap:0;height:100vh;grid-template-columns:45% 1fr;grid-template-areas:"heading menu" "content ..." "content deco" "... deco" "footer deco" "footer frame"}.line{padding-bottom:.5vw}.frame{margin:0;display:flex;flex-wrap:wrap;justify-content:flex-end}.frame__links{margin-left:2rem;display:inline-block}.deco{align-self:end;justify-self:end}.content{height:100vh;justify-content:center}} \ No newline at end of file diff --git a/.parcel-cache/ee/cf3e6a8d0f266ffba86cbac47bb05d.v8 b/.parcel-cache/ee/cf3e6a8d0f266ffba86cbac47bb05d.v8 new file mode 100644 index 0000000..04ecd37 Binary files /dev/null and b/.parcel-cache/ee/cf3e6a8d0f266ffba86cbac47bb05d.v8 differ diff --git a/.parcel-cache/ee/f046fb0114418aa142e57d1637ce06.blob b/.parcel-cache/ee/f046fb0114418aa142e57d1637ce06.blob new file mode 100644 index 0000000..dd5dc0e Binary files /dev/null and b/.parcel-cache/ee/f046fb0114418aa142e57d1637ce06.blob differ diff --git a/.parcel-cache/ef/2c350b6b6b24d074dbdad1afe0f930.blob b/.parcel-cache/ef/2c350b6b6b24d074dbdad1afe0f930.blob new file mode 100644 index 0000000..dfb3812 Binary files /dev/null and b/.parcel-cache/ef/2c350b6b6b24d074dbdad1afe0f930.blob differ diff --git a/.parcel-cache/ef/2ccecb68e997c5855a58518c80b264.v8 b/.parcel-cache/ef/2ccecb68e997c5855a58518c80b264.v8 new file mode 100644 index 0000000..76a4ee7 Binary files /dev/null and b/.parcel-cache/ef/2ccecb68e997c5855a58518c80b264.v8 differ diff --git a/.parcel-cache/ef/71ee9f51531d3c3ed861cef3a4d511.blob b/.parcel-cache/ef/71ee9f51531d3c3ed861cef3a4d511.blob new file mode 100644 index 0000000..bd8ce02 Binary files /dev/null and b/.parcel-cache/ef/71ee9f51531d3c3ed861cef3a4d511.blob differ diff --git a/.parcel-cache/ef/7a1dad754f7c0a9a9b1ba697272213.blob b/.parcel-cache/ef/7a1dad754f7c0a9a9b1ba697272213.blob new file mode 100644 index 0000000..6dfc537 --- /dev/null +++ b/.parcel-cache/ef/7a1dad754f7c0a9a9b1ba697272213.blob @@ -0,0 +1,505 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + line-height: 1; + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/ef/caf9df36f8e521aa02fec68ed104c5.v8 b/.parcel-cache/ef/caf9df36f8e521aa02fec68ed104c5.v8 new file mode 100644 index 0000000..0eea672 Binary files /dev/null and b/.parcel-cache/ef/caf9df36f8e521aa02fec68ed104c5.v8 differ diff --git a/.parcel-cache/ef/d03207a60514f95e95324990ecf551.blob b/.parcel-cache/ef/d03207a60514f95e95324990ecf551.blob new file mode 100644 index 0000000..c96eabe Binary files /dev/null and b/.parcel-cache/ef/d03207a60514f95e95324990ecf551.blob differ diff --git a/.parcel-cache/ef/dc55a3137f5bcf735521a401cc6065.blob b/.parcel-cache/ef/dc55a3137f5bcf735521a401cc6065.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/ef/dc55a3137f5bcf735521a401cc6065.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/ef/f5c5a91b6e390d039e9e8aec1a2e33.blob b/.parcel-cache/ef/f5c5a91b6e390d039e9e8aec1a2e33.blob new file mode 100644 index 0000000..679a891 Binary files /dev/null and b/.parcel-cache/ef/f5c5a91b6e390d039e9e8aec1a2e33.blob differ diff --git a/.parcel-cache/f0/209c66af5112e7ac3a8a3bea7c4c11.blob b/.parcel-cache/f0/209c66af5112e7ac3a8a3bea7c4c11.blob new file mode 100644 index 0000000..260c435 Binary files /dev/null and b/.parcel-cache/f0/209c66af5112e7ac3a8a3bea7c4c11.blob differ diff --git a/.parcel-cache/f0/7f8e0822881570a6fdcf09fda25ebf.v8 b/.parcel-cache/f0/7f8e0822881570a6fdcf09fda25ebf.v8 new file mode 100644 index 0000000..4eefb11 Binary files /dev/null and b/.parcel-cache/f0/7f8e0822881570a6fdcf09fda25ebf.v8 differ diff --git a/.parcel-cache/f0/c507eb24b9f0ba435013d08cd57611.v8 b/.parcel-cache/f0/c507eb24b9f0ba435013d08cd57611.v8 new file mode 100644 index 0000000..9c9cbb2 Binary files /dev/null and b/.parcel-cache/f0/c507eb24b9f0ba435013d08cd57611.v8 differ diff --git a/.parcel-cache/f1/9839e2f4e820b7eb9a7a9dfe4867ef.blob b/.parcel-cache/f1/9839e2f4e820b7eb9a7a9dfe4867ef.blob new file mode 100644 index 0000000..6c4a30d Binary files /dev/null and b/.parcel-cache/f1/9839e2f4e820b7eb9a7a9dfe4867ef.blob differ diff --git a/.parcel-cache/f1/e651311283718efa62d965b4dbbfa9.v8 b/.parcel-cache/f1/e651311283718efa62d965b4dbbfa9.v8 new file mode 100644 index 0000000..054620e Binary files /dev/null and b/.parcel-cache/f1/e651311283718efa62d965b4dbbfa9.v8 differ diff --git a/.parcel-cache/f2/9cdbb3f301ebfb298d43c76f1d7cdb.v8 b/.parcel-cache/f2/9cdbb3f301ebfb298d43c76f1d7cdb.v8 new file mode 100644 index 0000000..d184fa6 Binary files /dev/null and b/.parcel-cache/f2/9cdbb3f301ebfb298d43c76f1d7cdb.v8 differ diff --git a/.parcel-cache/f2/ba189cae3211d7711c3f0e18eeeabb.v8 b/.parcel-cache/f2/ba189cae3211d7711c3f0e18eeeabb.v8 new file mode 100644 index 0000000..0510be0 Binary files /dev/null and b/.parcel-cache/f2/ba189cae3211d7711c3f0e18eeeabb.v8 differ diff --git a/.parcel-cache/f3/5a336cdf291995c2524fb7a43bb426.v8 b/.parcel-cache/f3/5a336cdf291995c2524fb7a43bb426.v8 new file mode 100644 index 0000000..9f5ab7b Binary files /dev/null and b/.parcel-cache/f3/5a336cdf291995c2524fb7a43bb426.v8 differ diff --git a/.parcel-cache/f3/f44ffe8bf21115c5f9e6b4bfeef57a.v8 b/.parcel-cache/f3/f44ffe8bf21115c5f9e6b4bfeef57a.v8 new file mode 100644 index 0000000..2c373e8 Binary files /dev/null and b/.parcel-cache/f3/f44ffe8bf21115c5f9e6b4bfeef57a.v8 differ diff --git a/.parcel-cache/f4/f086b486ad52db85bf89833d09aa77.blob b/.parcel-cache/f4/f086b486ad52db85bf89833d09aa77.blob new file mode 100644 index 0000000..1718279 Binary files /dev/null and b/.parcel-cache/f4/f086b486ad52db85bf89833d09aa77.blob differ diff --git a/.parcel-cache/f4/f2350583591075cdd4adc3be43cd0a.v8 b/.parcel-cache/f4/f2350583591075cdd4adc3be43cd0a.v8 new file mode 100644 index 0000000..dec176f Binary files /dev/null and b/.parcel-cache/f4/f2350583591075cdd4adc3be43cd0a.v8 differ diff --git a/.parcel-cache/f4/f6ba95179a4d24148077056a93bda0.v8 b/.parcel-cache/f4/f6ba95179a4d24148077056a93bda0.v8 new file mode 100644 index 0000000..23e21a9 Binary files /dev/null and b/.parcel-cache/f4/f6ba95179a4d24148077056a93bda0.v8 differ diff --git a/.parcel-cache/f5/184de4d652e8bf352830d975fe9d8a.blob b/.parcel-cache/f5/184de4d652e8bf352830d975fe9d8a.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/f5/184de4d652e8bf352830d975fe9d8a.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/f5/d43b2270d9954950ae07ff793524f9.blob b/.parcel-cache/f5/d43b2270d9954950ae07ff793524f9.blob new file mode 100644 index 0000000..d6fb206 --- /dev/null +++ b/.parcel-cache/f5/d43b2270d9954950ae07ff793524f9.blob @@ -0,0 +1,502 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(4bd846196305e5364d22578810112c31) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + justify-items: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1; + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 10vw; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} diff --git a/.parcel-cache/f5/d8b2d56f2dbe9313fe225641462837.v8 b/.parcel-cache/f5/d8b2d56f2dbe9313fe225641462837.v8 new file mode 100644 index 0000000..4316cc8 Binary files /dev/null and b/.parcel-cache/f5/d8b2d56f2dbe9313fe225641462837.v8 differ diff --git a/.parcel-cache/f6/2b9f3ea7a763ccfdecaf40b5067c62.blob b/.parcel-cache/f6/2b9f3ea7a763ccfdecaf40b5067c62.blob new file mode 100644 index 0000000..0e04fb2 Binary files /dev/null and b/.parcel-cache/f6/2b9f3ea7a763ccfdecaf40b5067c62.blob differ diff --git a/.parcel-cache/f6/aabfc3390ecc67dfc595c6e25f9287.v8 b/.parcel-cache/f6/aabfc3390ecc67dfc595c6e25f9287.v8 new file mode 100644 index 0000000..ec4b17b Binary files /dev/null and b/.parcel-cache/f6/aabfc3390ecc67dfc595c6e25f9287.v8 differ diff --git a/.parcel-cache/f6/ffc4ee930681be85ef8e28077dad79.v8 b/.parcel-cache/f6/ffc4ee930681be85ef8e28077dad79.v8 new file mode 100644 index 0000000..aa45813 Binary files /dev/null and b/.parcel-cache/f6/ffc4ee930681be85ef8e28077dad79.v8 differ diff --git a/.parcel-cache/f7/322f5545c6ea2ded46f7b57b53ad69.blob b/.parcel-cache/f7/322f5545c6ea2ded46f7b57b53ad69.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/f7/322f5545c6ea2ded46f7b57b53ad69.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/f7/75f092a137480ebfe4c27b6af7d093.blob b/.parcel-cache/f7/75f092a137480ebfe4c27b6af7d093.blob new file mode 100644 index 0000000..248f996 --- /dev/null +++ b/.parcel-cache/f7/75f092a137480ebfe4c27b6af7d093.blob @@ -0,0 +1,207 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + diff --git a/.parcel-cache/f7/9973e72bb71090c0269c13d76ae3c1.blob b/.parcel-cache/f7/9973e72bb71090c0269c13d76ae3c1.blob new file mode 100644 index 0000000..4443ad6 Binary files /dev/null and b/.parcel-cache/f7/9973e72bb71090c0269c13d76ae3c1.blob differ diff --git a/.parcel-cache/f7/d231d64aa05562e3a94599818b56fd.blob b/.parcel-cache/f7/d231d64aa05562e3a94599818b56fd.blob new file mode 100644 index 0000000..11a03fc --- /dev/null +++ b/.parcel-cache/f7/d231d64aa05562e3a94599818b56fd.blob @@ -0,0 +1,207 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + diff --git a/.parcel-cache/f7/d35f7d28de796fa5e271fd582c0d72.v8 b/.parcel-cache/f7/d35f7d28de796fa5e271fd582c0d72.v8 new file mode 100644 index 0000000..9211390 Binary files /dev/null and b/.parcel-cache/f7/d35f7d28de796fa5e271fd582c0d72.v8 differ diff --git a/.parcel-cache/f7/f37c1a7fdea9c2f57ff82c9ee83aef.blob b/.parcel-cache/f7/f37c1a7fdea9c2f57ff82c9ee83aef.blob new file mode 100644 index 0000000..4443ad6 Binary files /dev/null and b/.parcel-cache/f7/f37c1a7fdea9c2f57ff82c9ee83aef.blob differ diff --git a/.parcel-cache/f7/f4ca90f0f390332d3b58cdaec607a6.v8 b/.parcel-cache/f7/f4ca90f0f390332d3b58cdaec607a6.v8 new file mode 100644 index 0000000..5b22e44 Binary files /dev/null and b/.parcel-cache/f7/f4ca90f0f390332d3b58cdaec607a6.v8 differ diff --git a/.parcel-cache/f8/10d7aba0f38ab05582e86f115e423a.blob b/.parcel-cache/f8/10d7aba0f38ab05582e86f115e423a.blob new file mode 100644 index 0000000..bd8ce02 Binary files /dev/null and b/.parcel-cache/f8/10d7aba0f38ab05582e86f115e423a.blob differ diff --git a/.parcel-cache/f8/913b0a83fe323ce2e34713dd0586ae.blob b/.parcel-cache/f8/913b0a83fe323ce2e34713dd0586ae.blob new file mode 100644 index 0000000..92897f9 --- /dev/null +++ b/.parcel-cache/f8/913b0a83fe323ce2e34713dd0586ae.blob @@ -0,0 +1 @@ +*,:after,:before{box-sizing:border-box}:root{font-size:18px}body{margin:0;--color-text:#111;--color-bg:#f7f5f3;--color-link:#999;--color-link-hover:#000;--font-size-xlarge:2rem;--font-size-large:1.5rem;--font-size-medium:1.25rem;--font-size-small:1rem;--color-menu:#000;--color-menu-hover:#e93f33;color:var(--color-text);background-color:var(--color-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.js .loading:after,.js .loading:before{content:"";position:fixed;z-index:1000}.js .loading:before{top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.js .loading:after{top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;opacity:.4;background:var(--color-link);animation:loaderAnim .7s linear infinite alternate forwards}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}a{text-decoration:underline;color:var(--color-link)}a,a:hover{outline:none}a:hover{text-decoration:none;color:var(--color-link-hover)}a:focus{outline:none;background:#d3d3d3}a:focus-visible,a:focus:not(:focus-visible){background:transparent}a:focus-visible{outline:2px solid red}.unbutton{background:none;border:0;padding:0;margin:0;cursor:pointer;font:inherit}.unbutton:focus{outline:none}main{padding:1.5rem;display:grid;height:100vh;align-content:space-between;grid-gap:.5rem;grid-template-columns:1fr auto;grid-template-areas:"frame menu" "heading heading" "content content" "content content" "deco deco" "footer footer"}.frame{grid-area:frame;color:var(--color-link);margin-bottom:1rem}.frame__title{font-size:1rem;margin:0;font-weight:400}.frame__links{display:block}.frame__links a:not(:last-child){margin-right:.5rem}.line{transform-origin:0 50%;padding-bottom:.35rem;white-space:nowrap;will-change:transform}.oh{overflow:hidden}.oh__inner{display:inline-block;transform-origin:0 50%;will-change:transform}.content{display:flex;flex-direction:column;width:100vw;height:calc(100vh - 13rem);position:relative;justify-content:flex-start;align-items:center}.heading{grid-area:heading;font-size:var(--font-size-large);margin:0 0 2rem;font-weight:400;align-self:start;line-height:1.4}.heading strong{font-weight:600}.content-primary{grid-area:content;line-height:1;font-size:var(--font-size-large)}.content-secondary{grid-area:footer;line-height:1;margin:0;align-self:end;font-size:var(--font-size-small);max-width:400px}.deco{grid-area:deco}.deco__img-wrap{position:relative;overflow:hidden;width:25vw;min-width:250px;max-width:400px;margin-bottom:1rem;will-change:transform}.deco__img-wrap--upper{height:5vh}.deco__img-wrap--lower{height:25vh}.deco__img{background:url(1.HASH_REF_537602dd51df256e213143fa5ff36b68.jpg) no-repeat 50% 0;width:100%;height:100%;will-change:transform}.deco__img--lower{background-position:50% -5vh}.menu-link{align-self:start;justify-self:end;line-height:1;grid-area:menu;overflow:hidden;position:relative;padding:0 0 5px;font-size:var(--font-size-medium)}.menu--open~.menu-link,.state-details .menu-link{pointer-events:none}.menu-link:after{content:"";position:absolute;bottom:0;left:0;height:7%;width:100%;background:currentColor;transition:transform .4s ease;transform-origin:100% 50%}.menu--open~.menu-link:after,.menu-link:hover:after,.state-details .menu-link:after{transform:scaleX(0);transform-origin:0 50%}.menu{position:fixed;pointer-events:none;z-index:100;opacity:0;top:0;left:0;width:100%;height:100vh;display:grid;grid-template-columns:auto auto auto;align-content:center;justify-content:center;counter-reset:menucounter}.menu--open{pointer-events:auto;opacity:1}.state-details .menu{pointer-events:none}.menu__item{grid-column:2;line-height:1;display:block;position:relative}.menu__item-link{text-decoration:none;line-height:1.25;margin-top:calc(var(--font-size-xlarge)*-0.15);font-size:var(--font-size-xlarge);cursor:pointer;position:relative;padding:0 calc(var(--font-size-xlarge)*0.45);color:var(--color-menu)}.menu__item-link:hover{color:var(--color-menu-hover)}.menu__item-link:before{position:absolute;left:0;top:18%;text-align:right;counter-increment:menucounter;content:counters(menucounter,".",decimal-leading-zero);opacity:0;line-height:1;padding-right:.5rem;display:grid;place-items:center;font-size:var(--font-size-small);color:var(--color-text);transform:scale3d(0,0,0)}.menu__item-link:hover:before{opacity:1;transform:scaleX(1)}.close{position:absolute;top:1rem;right:1.5rem;font-size:3rem;line-height:1;opacity:0;pointer-events:none}.close:hover{color:var(--color-menu)}.menu--open .close{opacity:1;pointer-events:auto}.state-details .close{pointer-events:none}.details,.details-wrap{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.details-wrap{overflow:hidden}.panel{position:absolute;width:100%;height:100%;top:0;left:0;display:grid;grid-template-columns:repeat(50,2%);grid-template-rows:repeat(50,2%);--grid-row:1;--grid-column:1;transform:rotate(-35deg);opacity:.5}.panel__img{grid-area:var(--grid-row)/var(--grid-column)/span 12/span 5;will-change:transform}.pos-1{--grid-row:10;--grid-column:1}.pos-2{--grid-row:1;--grid-column:18}.pos-3{--grid-row:1;--grid-column:29}.pos-4{--grid-row:15;--grid-column:12}.pos-5{--grid-row:17;--grid-column:25}.pos-6{--grid-row:20;--grid-column:43}.pos-7{--grid-row:35;--grid-column:5}.pos-8{--grid-row:40;--grid-column:14}.pos-9{--grid-row:37;--grid-column:29}.pos-10{--grid-row:35;--grid-column:42}.pos-11{--grid-row:7;--grid-column:46}.pos-12{--grid-row:32;--grid-column:20}.pos-13{--grid-row:22;--grid-column:2}.pos-14{--grid-row:9;--grid-column:38}.pos-15{--grid-row:4;--grid-column:7}.pos-16{--grid-row:28;--grid-column:36}.panel__img{width:100px}.details{display:grid;place-items:center;pointer-events:none;opacity:0}.details--open,.details--open~.close--details{pointer-events:auto;opacity:1}.details__content{padding:1.5rem;margin:0 auto;position:relative}.details__content-title{font-weight:400;margin:0;font-size:var(--font-size-xlarge)}.details__content-text{line-height:1;max-width:640px;font-size:var(--font-size-medium)}.details__content-link{position:relative;display:inline-block;font-size:var(--font-size-small);color:var(--color-text);cursor:pointer;text-decoration:none;font-weight:600}.details__content-link:hover{color:var(--color-menu-hover)}@media screen and (min-width:53em){body{overflow:hidden;--font-size-xlarge:11vh;--font-size-large:3.5vw;--font-size-medium:2.75vw;--font-size-small:1.65vw}main{grid-gap:0;height:100vh;grid-template-columns:45% 1fr;grid-template-areas:"heading menu" "content ..." "content deco" "... deco" "footer deco" "footer frame"}.line{padding-bottom:.5vw}.frame{margin:0;display:flex;flex-wrap:wrap;justify-content:flex-end}.frame__links{margin-left:2rem;display:inline-block}.deco{align-self:end;justify-self:end}.content{height:100vh;justify-content:center}.details__content{width:50%;padding:.5rem}} \ No newline at end of file diff --git a/.parcel-cache/f8/95eb8cc64a4e8762d71eebbb5b3f00.blob b/.parcel-cache/f8/95eb8cc64a4e8762d71eebbb5b3f00.blob new file mode 100644 index 0000000..0fa575c Binary files /dev/null and b/.parcel-cache/f8/95eb8cc64a4e8762d71eebbb5b3f00.blob differ diff --git a/.parcel-cache/f8/ba1e94db19c028ba098070786838ea.v8 b/.parcel-cache/f8/ba1e94db19c028ba098070786838ea.v8 new file mode 100644 index 0000000..8f112a2 Binary files /dev/null and b/.parcel-cache/f8/ba1e94db19c028ba098070786838ea.v8 differ diff --git a/.parcel-cache/f8/be1c9ce9771104368a56de1e402e0e.blob b/.parcel-cache/f8/be1c9ce9771104368a56de1e402e0e.blob new file mode 100644 index 0000000..0f49516 --- /dev/null +++ b/.parcel-cache/f8/be1c9ce9771104368a56de1e402e0e.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/f9/45ca2683259ca65137a0b295e6e99d.blob b/.parcel-cache/f9/45ca2683259ca65137a0b295e6e99d.blob new file mode 100644 index 0000000..54583b6 --- /dev/null +++ b/.parcel-cache/f9/45ca2683259ca65137a0b295e6e99d.blob @@ -0,0 +1,502 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + justify-items: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1; + font-size: 12vh; + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/f9/53446cbb92c4eba7bf877ccb79c527.v8 b/.parcel-cache/f9/53446cbb92c4eba7bf877ccb79c527.v8 new file mode 100644 index 0000000..da6c87a Binary files /dev/null and b/.parcel-cache/f9/53446cbb92c4eba7bf877ccb79c527.v8 differ diff --git a/.parcel-cache/f9/6b60a92ae21d4e4489ea115a60d136.v8 b/.parcel-cache/f9/6b60a92ae21d4e4489ea115a60d136.v8 new file mode 100644 index 0000000..156c6c6 Binary files /dev/null and b/.parcel-cache/f9/6b60a92ae21d4e4489ea115a60d136.v8 differ diff --git a/.parcel-cache/f9/ee7d0e37f2df6ba02dc73b67b6c5fd.blob b/.parcel-cache/f9/ee7d0e37f2df6ba02dc73b67b6c5fd.blob new file mode 100644 index 0000000..00a99c8 Binary files /dev/null and b/.parcel-cache/f9/ee7d0e37f2df6ba02dc73b67b6c5fd.blob differ diff --git a/.parcel-cache/fa/5e10c2a5db90531ab994cf467e6d8b.blob b/.parcel-cache/fa/5e10c2a5db90531ab994cf467e6d8b.blob new file mode 100644 index 0000000..4302be5 --- /dev/null +++ b/.parcel-cache/fa/5e10c2a5db90531ab994cf467e6d8b.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/fa/81dd47f85327aec2df1471ad3cbd9e.blob b/.parcel-cache/fa/81dd47f85327aec2df1471ad3cbd9e.blob new file mode 100644 index 0000000..1d69d6b Binary files /dev/null and b/.parcel-cache/fa/81dd47f85327aec2df1471ad3cbd9e.blob differ diff --git a/.parcel-cache/fa/b79d2cb71d90e093bafe3674191ae9.blob b/.parcel-cache/fa/b79d2cb71d90e093bafe3674191ae9.blob new file mode 100644 index 0000000..5d6f723 Binary files /dev/null and b/.parcel-cache/fa/b79d2cb71d90e093bafe3674191ae9.blob differ diff --git a/.parcel-cache/fa/f1982dee58f6d395f365ec0ef83373.blob b/.parcel-cache/fa/f1982dee58f6d395f365ec0ef83373.blob new file mode 100644 index 0000000..abb48cd --- /dev/null +++ b/.parcel-cache/fa/f1982dee58f6d395f365ec0ef83373.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./src/css/base.css"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/.parcel-cache/fa/f393f9e31515782352ed820a5925d1.blob b/.parcel-cache/fa/f393f9e31515782352ed820a5925d1.blob new file mode 100644 index 0000000..327dcbe --- /dev/null +++ b/.parcel-cache/fa/f393f9e31515782352ed820a5925d1.blob @@ -0,0 +1,49 @@ +var _parcelHelpers = require("@parcel/transformer-js/lib/esmodule-helpers.js"); +_parcelHelpers.defineInteropFlag(exports); +_parcelHelpers.export(exports, "ImgReveal", function () { + return ImgReveal; +}); +require('split-type'); +require('./utils'); +var _gsap = require('gsap'); +class ImgReveal { + constructor(el) { + this.DOM = { + el: el, + outerImages: el.querySelectorAll('.deco__img-wrap'), + innerImages: el.querySelectorAll('.deco__img') + }; + } + in() { + _gsap.gsap.killTweensOf([this.DOM.innerImages, this.DOM.outerImages, this.DOM.el]); + return _gsap.gsap.timeline({ + defaults: { + duration: 1.2, + ease: 'expo' + } + }).set(this.DOM.el, { + y: '10%' + }).set(this.DOM.innerImages, { + y: '-101%' + }).set(this.DOM.outerImages, { + y: '101%' + }).to([this.DOM.innerImages, this.DOM.outerImages, this.DOM.el], { + y: '0%' + }); + } + out() { + _gsap.gsap.killTweensOf([this.DOM.innerImages, this.DOM.outerImages, this.DOM.el]); + return _gsap.gsap.timeline({ + defaults: { + duration: 0.7, + ease: 'power2' + } + }).to([this.DOM.innerImages], { + y: '101%' + }).to([this.DOM.outerImages], { + y: '-101%' + }, 0).to([this.DOM.el], { + y: '-10%' + }, 0); + } +} diff --git a/.parcel-cache/fb/14e8340443f71ba5a9330b43bd55a4.blob b/.parcel-cache/fb/14e8340443f71ba5a9330b43bd55a4.blob new file mode 100644 index 0000000..db44904 Binary files /dev/null and b/.parcel-cache/fb/14e8340443f71ba5a9330b43bd55a4.blob differ diff --git a/.parcel-cache/fb/1fb74902bce8248072c7bcc60a587c.blob b/.parcel-cache/fb/1fb74902bce8248072c7bcc60a587c.blob new file mode 100644 index 0000000..eb490a2 --- /dev/null +++ b/.parcel-cache/fb/1fb74902bce8248072c7bcc60a587c.blob @@ -0,0 +1,502 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + justify-items: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1; + font-size: 12vh; + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/fb/2ad7f045428ce67298f3d0e9cee178.v8 b/.parcel-cache/fb/2ad7f045428ce67298f3d0e9cee178.v8 new file mode 100644 index 0000000..fe6194b Binary files /dev/null and b/.parcel-cache/fb/2ad7f045428ce67298f3d0e9cee178.v8 differ diff --git a/.parcel-cache/fb/6cab92f463950318518550327352e7.v8 b/.parcel-cache/fb/6cab92f463950318518550327352e7.v8 new file mode 100644 index 0000000..5ece113 Binary files /dev/null and b/.parcel-cache/fb/6cab92f463950318518550327352e7.v8 differ diff --git a/.parcel-cache/fb/a6b562c6d0864843a5d2764d6a5aea.v8 b/.parcel-cache/fb/a6b562c6d0864843a5d2764d6a5aea.v8 new file mode 100644 index 0000000..395002b Binary files /dev/null and b/.parcel-cache/fb/a6b562c6d0864843a5d2764d6a5aea.v8 differ diff --git a/.parcel-cache/fb/d7bd40c6c531b27a1521fcc4a60737.blob b/.parcel-cache/fb/d7bd40c6c531b27a1521fcc4a60737.blob new file mode 100644 index 0000000..ef9189b Binary files /dev/null and b/.parcel-cache/fb/d7bd40c6c531b27a1521fcc4a60737.blob differ diff --git a/.parcel-cache/fc/8debc02411e980b3c28adae41332b7.blob b/.parcel-cache/fc/8debc02411e980b3c28adae41332b7.blob new file mode 100644 index 0000000..f785951 Binary files /dev/null and b/.parcel-cache/fc/8debc02411e980b3c28adae41332b7.blob differ diff --git a/.parcel-cache/fc/9df51bbb9628be54b1b65fe9a59c03.v8 b/.parcel-cache/fc/9df51bbb9628be54b1b65fe9a59c03.v8 new file mode 100644 index 0000000..b016443 Binary files /dev/null and b/.parcel-cache/fc/9df51bbb9628be54b1b65fe9a59c03.v8 differ diff --git a/.parcel-cache/fc/ee36f70a169c1f681be3ab7dd5e379.v8 b/.parcel-cache/fc/ee36f70a169c1f681be3ab7dd5e379.v8 new file mode 100644 index 0000000..6db894f Binary files /dev/null and b/.parcel-cache/fc/ee36f70a169c1f681be3ab7dd5e379.v8 differ diff --git a/.parcel-cache/fd/1482b5d34eb5e7f078ef4d3c356744.v8 b/.parcel-cache/fd/1482b5d34eb5e7f078ef4d3c356744.v8 new file mode 100644 index 0000000..ea45348 Binary files /dev/null and b/.parcel-cache/fd/1482b5d34eb5e7f078ef4d3c356744.v8 differ diff --git a/.parcel-cache/fd/4a3be2fd84392cbdeae09130fb22ad.v8 b/.parcel-cache/fd/4a3be2fd84392cbdeae09130fb22ad.v8 new file mode 100644 index 0000000..266b4dc Binary files /dev/null and b/.parcel-cache/fd/4a3be2fd84392cbdeae09130fb22ad.v8 differ diff --git a/.parcel-cache/fd/4fd0e5bd6147c97a208992a4ac2877.blob b/.parcel-cache/fd/4fd0e5bd6147c97a208992a4ac2877.blob new file mode 100644 index 0000000..2ff621f --- /dev/null +++ b/.parcel-cache/fd/4fd0e5bd6147c97a208992a4ac2877.blob @@ -0,0 +1 @@ +{"mappings":"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","sources":["./%3Cinput%20css%20kaWL8w%3E"],"sourcesContent":[null],"names":[],"version":3,"file":"index.HASH_REF_eacc0ceee7547c8404559d17320bd6f3.css.map"} \ No newline at end of file diff --git a/.parcel-cache/fd/733ae970f3b9f0dbe320536071a442.blob b/.parcel-cache/fd/733ae970f3b9f0dbe320536071a442.blob new file mode 100644 index 0000000..9e693e8 Binary files /dev/null and b/.parcel-cache/fd/733ae970f3b9f0dbe320536071a442.blob differ diff --git a/.parcel-cache/fd/b1d868a776b825362082a31110d3bb.blob b/.parcel-cache/fd/b1d868a776b825362082a31110d3bb.blob new file mode 100644 index 0000000..c378d3d --- /dev/null +++ b/.parcel-cache/fd/b1d868a776b825362082a31110d3bb.blob @@ -0,0 +1,535 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2rem; + --font-size-large: 1.5rem; + --font-size-medium: 1.25rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +body #cdawrap { + --cda-top: 1.5rem; + --cda-bottom: auto; + --cda-left: 1.5rem; + --cda-width: 360px; + --cda-text-color: var(--color-menu); + --cda-text-color-hover: var(--color-menu-hover); +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-gap: 0.5rem; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(908c1417d06f899ac3fd6887fb3a9434) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.45 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 1.5rem; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 640px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +.details__content-link:hover { + color: var(--color-menu-hover); +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + grid-gap: 0; + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } + .details__content { + width: 50%; + padding: 0.5rem; + } +} diff --git a/.parcel-cache/fd/f209d9170d5d280553d18a2d2cac4f.v8 b/.parcel-cache/fd/f209d9170d5d280553d18a2d2cac4f.v8 new file mode 100644 index 0000000..e93e41f Binary files /dev/null and b/.parcel-cache/fd/f209d9170d5d280553d18a2d2cac4f.v8 differ diff --git a/.parcel-cache/fd/f800463feb7c7055a5b57c7c11c76b.blob b/.parcel-cache/fd/f800463feb7c7055a5b57c7c11c76b.blob new file mode 100644 index 0000000..882cfd9 Binary files /dev/null and b/.parcel-cache/fd/f800463feb7c7055a5b57c7c11c76b.blob differ diff --git a/.parcel-cache/fe/52945ef631bda692ec53ba9a2306f6.v8 b/.parcel-cache/fe/52945ef631bda692ec53ba9a2306f6.v8 new file mode 100644 index 0000000..5132078 Binary files /dev/null and b/.parcel-cache/fe/52945ef631bda692ec53ba9a2306f6.v8 differ diff --git a/.parcel-cache/fe/6349f7e863784c24d381a21ae909c0.blob b/.parcel-cache/fe/6349f7e863784c24d381a21ae909c0.blob new file mode 100644 index 0000000..efd24f0 --- /dev/null +++ b/.parcel-cache/fe/6349f7e863784c24d381a21ae909c0.blob @@ -0,0 +1,504 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + justify-items: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/fe/76c45561f9f0b08d70937096ead8b3.blob b/.parcel-cache/fe/76c45561f9f0b08d70937096ead8b3.blob new file mode 100644 index 0000000..d7a6fbf --- /dev/null +++ b/.parcel-cache/fe/76c45561f9f0b08d70937096ead8b3.blob @@ -0,0 +1 @@ +document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables."); \ No newline at end of file diff --git a/.parcel-cache/fe/858a0dcd8be73557221827215e6d0b.blob b/.parcel-cache/fe/858a0dcd8be73557221827215e6d0b.blob new file mode 100644 index 0000000..619e094 Binary files /dev/null and b/.parcel-cache/fe/858a0dcd8be73557221827215e6d0b.blob differ diff --git a/.parcel-cache/fe/c2f217da25f56515550ebbb35aa7a0.blob b/.parcel-cache/fe/c2f217da25f56515550ebbb35aa7a0.blob new file mode 100644 index 0000000..f46d58e --- /dev/null +++ b/.parcel-cache/fe/c2f217da25f56515550ebbb35aa7a0.blob @@ -0,0 +1,519 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.5 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 600px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/ff/266c4422db8d5474cfd90188a9cb68.v8 b/.parcel-cache/ff/266c4422db8d5474cfd90188a9cb68.v8 new file mode 100644 index 0000000..d071d3b Binary files /dev/null and b/.parcel-cache/ff/266c4422db8d5474cfd90188a9cb68.v8 differ diff --git a/.parcel-cache/ff/3fa3be5ced0c3ce5a300ee519c3063.blob b/.parcel-cache/ff/3fa3be5ced0c3ce5a300ee519c3063.blob new file mode 100644 index 0000000..521fabc --- /dev/null +++ b/.parcel-cache/ff/3fa3be5ced0c3ce5a300ee519c3063.blob @@ -0,0 +1,208 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + + diff --git a/.parcel-cache/ff/ce0d2d5a5d06af1cdcf27052708bef.blob b/.parcel-cache/ff/ce0d2d5a5d06af1cdcf27052708bef.blob new file mode 100644 index 0000000..bae299f Binary files /dev/null and b/.parcel-cache/ff/ce0d2d5a5d06af1cdcf27052708bef.blob differ diff --git a/.parcel-cache/ff/e283bc6aa0c2a40a4d1f2f81caf014.v8 b/.parcel-cache/ff/e283bc6aa0c2a40a4d1f2f81caf014.v8 new file mode 100644 index 0000000..4665134 Binary files /dev/null and b/.parcel-cache/ff/e283bc6aa0c2a40a4d1f2f81caf014.v8 differ diff --git a/.parcel-cache/ff/e3c2b4b3932e5bfb663d6aff499f44.blob b/.parcel-cache/ff/e3c2b4b3932e5bfb663d6aff499f44.blob new file mode 100644 index 0000000..4749e27 --- /dev/null +++ b/.parcel-cache/ff/e3c2b4b3932e5bfb663d6aff499f44.blob @@ -0,0 +1,504 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2.5rem; + --font-size-large: 2rem; + --font-size-medium: 1.5rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: bio-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ + +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ + +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(1.HASH_REF_105892805e0d8b7fa846f61deff0ebbb.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.menu__item { + width: 50vw; + margin: 0 auto; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 3vw; + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } + +.pos-2 { --grid-row: 1; --grid-column: 18; } + +.pos-3 { --grid-row: 1; --grid-column: 29; } + +.pos-4 { --grid-row: 15; --grid-column: 12; } + +.pos-5 { --grid-row: 17; --grid-column: 25; } + +.pos-6 { --grid-row: 20; --grid-column: 43; } + +.pos-7 { --grid-row: 35; --grid-column: 5; } + +.pos-8 { --grid-row: 40; --grid-column: 14; } + +.pos-9 { --grid-row: 37; --grid-column: 29; } + +.pos-10 { --grid-row: 35; --grid-column: 42; } + +.pos-11 { --grid-row: 7; --grid-column: 46; } + +.pos-12 { --grid-row: 32; --grid-column: 20; } + +.pos-13 { --grid-row: 22; --grid-column: 2; } + +.pos-14 { --grid-row: 9; --grid-column: 38; } + +.pos-15 { --grid-row: 4; --grid-column: 7; } + +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 0.5rem; + width: 50%; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-large); +} + +.details__content-text { + max-width: 460px; + font-size: var(--font-size-small); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + font-weight: bold; + cursor: pointer; + text-decoration: none; +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } +} + +/*# sourceMappingURL=index.HASH_REF_470b9239bdbc6adaca828777c524e9bf.css.map */ diff --git a/.parcel-cache/ff/e5631fea79c884e63ed17874cf81af.txt b/.parcel-cache/ff/e5631fea79c884e63ed17874cf81af.txt new file mode 100644 index 0000000..9ddb730 --- /dev/null +++ b/.parcel-cache/ff/e5631fea79c884e63ed17874cf81af.txt @@ -0,0 +1,2 @@ +25648039 +1627485137634157000 \ No newline at end of file diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..e50a7c3 --- /dev/null +++ b/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2009 - 2021 [Codrops](https://tympanus.net/codrops) + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/README.md b/README.md new file mode 100755 index 0000000..324d611 --- /dev/null +++ b/README.md @@ -0,0 +1,48 @@ +# Superfluid: Content Preview and Menu Animation + +A proof-of-concept reveal animation experiment on typographic elements as repeating pattern for a website design. + +![Image Title](https://generative-placeholders.glitch.me/image?width=800&height=600") + +[Article on Codrops](https://tympanus.net/codrops/?p=55661) + +[Demo](http://tympanus.net/Development/SuperfluidLayout/) + + +## Installation + +Install dependencies: + +``` +npm install +``` + +Compile the code for development and start a local server: + +``` +npm start +``` + +Create the build: + +``` +npm run build +``` + +## Credits + +- Images from [Unsplash](https://unsplash.com/) + +## Misc + +Follow Codrops: [Twitter](http://www.twitter.com/codrops), [Facebook](http://www.facebook.com/codrops), [GitHub](https://github.com/codrops), [Instagram](https://www.instagram.com/codropsss/) + +## License +[MIT](LICENSE) + +Made with :blue_heart: by [Codrops](http://www.codrops.com) + + + + + diff --git a/dist/1.5ff36b68.jpg b/dist/1.5ff36b68.jpg new file mode 100644 index 0000000..4e2b67b Binary files /dev/null and b/dist/1.5ff36b68.jpg differ diff --git a/dist/1.80b98c5b.jpg b/dist/1.80b98c5b.jpg new file mode 100644 index 0000000..4e2b67b Binary files /dev/null and b/dist/1.80b98c5b.jpg differ diff --git a/dist/10.09b8babf.jpg b/dist/10.09b8babf.jpg new file mode 100644 index 0000000..f785951 Binary files /dev/null and b/dist/10.09b8babf.jpg differ diff --git a/dist/11.6bf710ad.jpg b/dist/11.6bf710ad.jpg new file mode 100644 index 0000000..ef9189b Binary files /dev/null and b/dist/11.6bf710ad.jpg differ diff --git a/dist/12.bd7243dc.jpg b/dist/12.bd7243dc.jpg new file mode 100644 index 0000000..3f7075c Binary files /dev/null and b/dist/12.bd7243dc.jpg differ diff --git a/dist/13.eaca2609.jpg b/dist/13.eaca2609.jpg new file mode 100644 index 0000000..dd5dc0e Binary files /dev/null and b/dist/13.eaca2609.jpg differ diff --git a/dist/14.8a0d313c.jpg b/dist/14.8a0d313c.jpg new file mode 100644 index 0000000..9c40c71 Binary files /dev/null and b/dist/14.8a0d313c.jpg differ diff --git a/dist/15.9d1ab7d5.jpg b/dist/15.9d1ab7d5.jpg new file mode 100644 index 0000000..db44904 Binary files /dev/null and b/dist/15.9d1ab7d5.jpg differ diff --git a/dist/16.3a8d5f7d.jpg b/dist/16.3a8d5f7d.jpg new file mode 100644 index 0000000..9e693e8 Binary files /dev/null and b/dist/16.3a8d5f7d.jpg differ diff --git a/dist/17.5d19143b.jpg b/dist/17.5d19143b.jpg new file mode 100644 index 0000000..efb918d Binary files /dev/null and b/dist/17.5d19143b.jpg differ diff --git a/dist/18.145b6e0b.jpg b/dist/18.145b6e0b.jpg new file mode 100644 index 0000000..7a23c80 Binary files /dev/null and b/dist/18.145b6e0b.jpg differ diff --git a/dist/19.4e8371a2.jpg b/dist/19.4e8371a2.jpg new file mode 100644 index 0000000..6b132fe Binary files /dev/null and b/dist/19.4e8371a2.jpg differ diff --git a/dist/2.be0b6e97.jpg b/dist/2.be0b6e97.jpg new file mode 100644 index 0000000..199610f Binary files /dev/null and b/dist/2.be0b6e97.jpg differ diff --git a/dist/20.cb743775.jpg b/dist/20.cb743775.jpg new file mode 100644 index 0000000..b02aaef Binary files /dev/null and b/dist/20.cb743775.jpg differ diff --git a/dist/21.1ad7d602.jpg b/dist/21.1ad7d602.jpg new file mode 100644 index 0000000..679a891 Binary files /dev/null and b/dist/21.1ad7d602.jpg differ diff --git a/dist/3.1667f2fd.jpg b/dist/3.1667f2fd.jpg new file mode 100644 index 0000000..2bf15fa Binary files /dev/null and b/dist/3.1667f2fd.jpg differ diff --git a/dist/4.a242a4db.jpg b/dist/4.a242a4db.jpg new file mode 100644 index 0000000..63c398f Binary files /dev/null and b/dist/4.a242a4db.jpg differ diff --git a/dist/5.cec98852.jpg b/dist/5.cec98852.jpg new file mode 100644 index 0000000..c5b3740 Binary files /dev/null and b/dist/5.cec98852.jpg differ diff --git a/dist/6.63a71a70.jpg b/dist/6.63a71a70.jpg new file mode 100644 index 0000000..4443ad6 Binary files /dev/null and b/dist/6.63a71a70.jpg differ diff --git a/dist/7.febd1f9e.jpg b/dist/7.febd1f9e.jpg new file mode 100644 index 0000000..3e4e922 Binary files /dev/null and b/dist/7.febd1f9e.jpg differ diff --git a/dist/8.1ec50be9.jpg b/dist/8.1ec50be9.jpg new file mode 100644 index 0000000..65b9de7 Binary files /dev/null and b/dist/8.1ec50be9.jpg differ diff --git a/dist/9.42343a9c.jpg b/dist/9.42343a9c.jpg new file mode 100644 index 0000000..2a38fbb Binary files /dev/null and b/dist/9.42343a9c.jpg differ diff --git a/dist/favicon.61719396.ico b/dist/favicon.61719396.ico new file mode 100644 index 0000000..bd8ce02 Binary files /dev/null and b/dist/favicon.61719396.ico differ diff --git a/dist/index.320bd6f3.css b/dist/index.320bd6f3.css new file mode 100644 index 0000000..5fff0a9 --- /dev/null +++ b/dist/index.320bd6f3.css @@ -0,0 +1 @@ +*,:after,:before{box-sizing:border-box}:root{font-size:18px}body{margin:0;--color-text:#111;--color-bg:#f7f5f3;--color-link:#999;--color-link-hover:#000;--font-size-xlarge:2rem;--font-size-large:1.5rem;--font-size-medium:1.25rem;--font-size-small:1rem;--color-menu:#000;--color-menu-hover:#e93f33;color:var(--color-text);background-color:var(--color-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.js .loading:after,.js .loading:before{content:"";position:fixed;z-index:1000}.js .loading:before{top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.js .loading:after{top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;opacity:.4;background:var(--color-link);animation:loaderAnim .7s linear infinite alternate forwards}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}a{text-decoration:underline;color:var(--color-link)}a,a:hover{outline:none}a:hover{text-decoration:none;color:var(--color-link-hover)}a:focus{outline:none;background:#d3d3d3}a:focus-visible,a:focus:not(:focus-visible){background:transparent}a:focus-visible{outline:2px solid red}.unbutton{background:none;border:0;padding:0;margin:0;cursor:pointer;font:inherit}.unbutton:focus{outline:none}main{padding:1.5rem;display:grid;height:100vh;align-content:space-between;grid-gap:.5rem;grid-template-columns:1fr auto;grid-template-areas:"frame menu" "heading heading" "content content" "content content" "deco deco" "footer footer"}.frame{grid-area:frame;color:var(--color-link);margin-bottom:1rem}.frame__title{font-size:1rem;margin:0;font-weight:400}.frame__links{display:block}.frame__links a:not(:last-child){margin-right:.5rem}.line{transform-origin:0 50%;padding-bottom:.35rem;white-space:nowrap;will-change:transform}.oh{overflow:hidden}.oh__inner{display:inline-block;transform-origin:0 50%;will-change:transform}.content{display:flex;flex-direction:column;width:100vw;height:calc(100vh - 13rem);position:relative;justify-content:flex-start;align-items:center}.heading{grid-area:heading;font-size:var(--font-size-large);margin:0 0 2rem;font-weight:400;align-self:start;line-height:1.4}.heading strong{font-weight:600}.content-primary{grid-area:content;line-height:1;font-size:var(--font-size-large)}.content-secondary{grid-area:footer;line-height:1;margin:0;align-self:end;font-size:var(--font-size-small);max-width:400px}.deco{grid-area:deco}.deco__img-wrap{position:relative;overflow:hidden;width:25vw;min-width:250px;max-width:400px;margin-bottom:1rem;will-change:transform}.deco__img-wrap--upper{height:5vh}.deco__img-wrap--lower{height:25vh}.deco__img{background:url(1.5ff36b68.jpg) no-repeat 50% 0;width:100%;height:100%;will-change:transform}.deco__img--lower{background-position:50% -5vh}.menu-link{align-self:start;justify-self:end;line-height:1;grid-area:menu;overflow:hidden;position:relative;padding:0 0 5px;font-size:var(--font-size-medium)}.menu--open~.menu-link,.state-details .menu-link{pointer-events:none}.menu-link:after{content:"";position:absolute;bottom:0;left:0;height:7%;width:100%;background:currentColor;transition:transform .4s ease;transform-origin:100% 50%}.menu--open~.menu-link:after,.menu-link:hover:after,.state-details .menu-link:after{transform:scaleX(0);transform-origin:0 50%}.menu{position:fixed;pointer-events:none;z-index:100;opacity:0;top:0;left:0;width:100%;height:100vh;display:grid;grid-template-columns:auto auto auto;align-content:center;justify-content:center;counter-reset:menucounter}.menu--open{pointer-events:auto;opacity:1}.state-details .menu{pointer-events:none}.menu__item{grid-column:2;line-height:1;display:block;position:relative}.menu__item-link{text-decoration:none;line-height:1.25;margin-top:calc(var(--font-size-xlarge)*-0.15);font-size:var(--font-size-xlarge);cursor:pointer;position:relative;padding:0 calc(var(--font-size-xlarge)*0.45);color:var(--color-menu)}.menu__item-link:hover{color:var(--color-menu-hover)}.menu__item-link:before{position:absolute;left:0;top:18%;text-align:right;counter-increment:menucounter;content:counters(menucounter,".",decimal-leading-zero);opacity:0;line-height:1;padding-right:.5rem;display:grid;place-items:center;font-size:var(--font-size-small);color:var(--color-text);transform:scale3d(0,0,0)}.menu__item-link:hover:before{opacity:1;transform:scaleX(1)}.close{position:absolute;top:1rem;right:1.5rem;font-size:3rem;line-height:1;opacity:0;pointer-events:none}.close:hover{color:var(--color-menu)}.menu--open .close{opacity:1;pointer-events:auto}.state-details .close{pointer-events:none}.details,.details-wrap{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.details-wrap{overflow:hidden}.panel{position:absolute;width:100%;height:100%;top:0;left:0;display:grid;grid-template-columns:repeat(50,2%);grid-template-rows:repeat(50,2%);--grid-row:1;--grid-column:1;transform:rotate(-35deg);opacity:.5}.panel__img{grid-area:var(--grid-row)/var(--grid-column)/span 12/span 5;will-change:transform}.pos-1{--grid-row:10;--grid-column:1}.pos-2{--grid-row:1;--grid-column:18}.pos-3{--grid-row:1;--grid-column:29}.pos-4{--grid-row:15;--grid-column:12}.pos-5{--grid-row:17;--grid-column:25}.pos-6{--grid-row:20;--grid-column:43}.pos-7{--grid-row:35;--grid-column:5}.pos-8{--grid-row:40;--grid-column:14}.pos-9{--grid-row:37;--grid-column:29}.pos-10{--grid-row:35;--grid-column:42}.pos-11{--grid-row:7;--grid-column:46}.pos-12{--grid-row:32;--grid-column:20}.pos-13{--grid-row:22;--grid-column:2}.pos-14{--grid-row:9;--grid-column:38}.pos-15{--grid-row:4;--grid-column:7}.pos-16{--grid-row:28;--grid-column:36}.panel__img{width:100px}.details{display:grid;place-items:center;pointer-events:none;opacity:0}.details--open,.details--open~.close--details{pointer-events:auto;opacity:1}.details__content{padding:1.5rem;margin:0 auto;position:relative}.details__content-title{font-weight:400;margin:0;font-size:var(--font-size-xlarge)}.details__content-text{line-height:1;max-width:640px;font-size:var(--font-size-medium)}.details__content-link{position:relative;display:inline-block;font-size:var(--font-size-small);color:var(--color-text);cursor:pointer;text-decoration:none;font-weight:600}.details__content-link:hover{color:var(--color-menu-hover)}@media screen and (min-width:53em){body{overflow:hidden;--font-size-xlarge:11vh;--font-size-large:3.5vw;--font-size-medium:2.75vw;--font-size-small:1.65vw}main{grid-gap:0;height:100vh;grid-template-columns:45% 1fr;grid-template-areas:"heading menu" "content ..." "content deco" "... deco" "footer deco" "footer frame"}.line{padding-bottom:.5vw}.frame{margin:0;display:flex;flex-wrap:wrap;justify-content:flex-end}.frame__links{margin-left:2rem;display:inline-block}.deco{align-self:end;justify-self:end}.content{height:100vh;justify-content:center}.details__content{width:50%;padding:.5rem}} \ No newline at end of file diff --git a/dist/index.cad48f07.js b/dist/index.cad48f07.js new file mode 100644 index 0000000..76738c7 --- /dev/null +++ b/dist/index.cad48f07.js @@ -0,0 +1,15 @@ +!function(){var t,e={},i=!1;function n(){var e,n;return i||(i=!0,t={},e="undefined"!=typeof window?window:t,n=function(){function t(){}var e=t.prototype;return e.on=function(t,e){if(t&&e){var i=this._events=this._events||{},n=i[t]=i[t]||[];return-1==n.indexOf(e)&&n.push(e),this}},e.once=function(t,e){if(t&&e){this.on(t,e);var i=this._onceEvents=this._onceEvents||{};return(i[t]=i[t]||{})[e]=!0,this}},e.off=function(t,e){var i=this._events&&this._events[t];if(i&&i.length){var n=i.indexOf(e);return-1!=n&&i.splice(n,1),this}},e.emitEvent=function(t,e){var i=this._events&&this._events[t];if(i&&i.length){i=i.slice(0),e=e||[];for(var n=this._onceEvents&&this._onceEvents[t],r=0;r{t.forEach((t=>{const n=document.createElement(e);n.classList=i,t.parentNode.appendChild(n),n.appendChild(t)}))};function a(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function o(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,t.__proto__=e} +/*! + * GSAP 3.7.1 + * https://greensock.com + * + * @license Copyright 2008-2021, GreenSock. All rights reserved. + * Subject to the terms at https://greensock.com/standard-license or for + * Club GreenSock members, the agreement issued with that membership. + * @author: Jack Doyle, jack@greensock.com + */var u,h,l,c,f,p,d,_,m,g,v,y,w,x,b,T,O,M,D,k,C,E,A,S,I,P,L,R,z={autoSleep:120,force3D:"auto",nullTargetWarn:1,units:{lineHeight:""}},B={duration:.5,overwrite:!1,delay:0},F=1e8,q=1e-8,j=2*Math.PI,N=j/4,Y=0,U=Math.sqrt,X=Math.cos,W=Math.sin,V=function(t){return"string"==typeof t},H=function(t){return"function"==typeof t},Q=function(t){return"number"==typeof t},G=function(t){return void 0===t},Z=function(t){return"object"==typeof t},$=function(t){return!1!==t},J=function(){return"undefined"!=typeof window},K=function(t){return H(t)||V(t)},tt="function"==typeof ArrayBuffer&&ArrayBuffer.isView||function(){},et=Array.isArray,it=/(?:-?\.?\d|\.)+/gi,nt=/[-+=.]*\d+[.e\-+]*\d*[e\-+]*\d*/g,rt=/[-+=.]*\d+[.e-]*\d*[a-z%]*/g,st=/[-+=.]*\d+\.?\d*(?:e-|e\+)?\d*/gi,at=/[+-]=-?[.\d]+/,ot=/[^,'"\[\]\s]+/gi,ut=/[\d.+\-=]+(?:e[-+]\d*)*/i,ht={},lt={},ct=function(t){return(lt=zt(t,ht))&&bi},ft=function(t,e){return console.warn("Invalid property",t,"set to",e,"Missing plugin? gsap.registerPlugin()")},pt=function(t,e){return!e&&console.warn(t)},dt=function(t,e){return t&&(ht[t]=e)&<&&(lt[t]=e)||ht},_t=function(){return 0},mt={},gt=[],vt={},yt={},wt={},xt=30,bt=[],Tt="",Ot=function(t){var e,i,n=t[0];if(Z(n)||H(n)||(t=[t]),!(e=(n._gsap||{}).harness)){for(i=bt.length;i--&&!bt[i].targetTest(n););e=bt[i]}for(i=t.length;i--;)t[i]&&(t[i]._gsap||(t[i]._gsap=new He(t[i],e)))||t.splice(i,1);return t},Mt=function(t){return t._gsap||Ot(fe(t))[0]._gsap},Dt=function(t,e,i){return(i=t[e])&&H(i)?t[e]():G(i)&&t.getAttribute&&t.getAttribute(e)||i},kt=function(t,e){return(t=t.split(",")).forEach(e)||t},Ct=function(t){return Math.round(1e5*t)/1e5||0},Et=function(t,e){for(var i=e.length,n=0;t.indexOf(e[n])<0&&++nt._dur||e._start<0))for(var i=t;i;)i._dirty=1,i=i.parent;return t},Ut=function(t){for(var e=t.parent;e&&e.parent;)e._dirty=1,e.totalDuration(),e=e.parent;return t},Xt=function t(e){return!e||e._ts&&t(e.parent)},Wt=function(t){return t._repeat?Vt(t._tTime,t=t.duration()+t._rDelay)*t:0},Vt=function(t,e){var i=Math.floor(t/=e);return t&&i===t?i-1:i},Ht=function(t,e){return(t-e._start)*e._ts+(e._ts>=0?0:e._dirty?e.totalDuration():e._tDur)},Qt=function(t){return t._end=Ct(t._start+(t._tDur/Math.abs(t._ts||t._rts||q)||0))},Gt=function(t,e){var i=t._dp;return i&&i.smoothChildTiming&&t._ts&&(t._start=Ct(i._time-(t._ts>0?e/t._ts:((t._dirty?t.totalDuration():t._tDur)-e)/-t._ts)),Qt(t),i._dirty||Yt(i,t)),t},Zt=function(t,e){var i;if((e._time||e._initted&&!e._dur)&&(i=Ht(t.rawTime(),e),(!e._dur||ue(0,e.totalDuration(),i)-e._tTime>q)&&e.render(i,!0)),Yt(t,e)._dp&&t._initted&&t._time>=t._dur&&t._ts){if(t._dur=0&&i.totalTime(i._tTime),i=i._dp;t._zTime=-1e-8}},$t=function(t,e,i,n){return e.parent&&Nt(e),e._start=Ct((Q(i)?i:i||t!==h?se(t,i,e):t._time)+e._delay),e._end=Ct(e._start+(e.totalDuration()/Math.abs(e.timeScale())||0)),function(t,e,i,n,r){void 0===i&&(i="_first"),void 0===n&&(n="_last");var s,a=t[n];if(r)for(s=e[r];a&&a[r]>s;)a=a._prev;a?(e._next=a._next,a._next=e):(e._next=t[i],t[i]=e),e._next?e._next._prev=e:t[n]=e,e._prev=a,e.parent=e._dp=t}(t,e,"_first","_last",t._sort?"_start":0),ee(e)||(t._recent=e),n||Zt(t,e),t},Jt=function(t,e){return(ht.ScrollTrigger||ft("scrollTrigger",e))&&ht.ScrollTrigger.create(e,t)},Kt=function(t,e,i,n){return ti(t,e),t._initted?!i&&t._pt&&(t._dur&&!1!==t.vars.lazy||!t._dur&&t.vars.lazy)&&d!==Le.frame?(gt.push(t),t._lazy=[e,n],1):void 0:1},te=function t(e){var i=e.parent;return i&&i._ts&&i._initted&&!i._lock&&(i.rawTime()<0||t(i))},ee=function(t){var e=t.data;return"isFromStart"===e||"isStart"===e},ie=function(t,e,i,n){var r=t._repeat,s=Ct(e)||0,a=t._tTime/t._tDur;return a&&!n&&(t._time*=s/t._dur),t._dur=s,t._tDur=r?r<0?1e10:Ct(s*(r+1)+t._rDelay*r):s,a&&!n?Gt(t,t._tTime=t._tDur*a):t.parent&&Qt(t),i||Yt(t.parent,t),t},ne=function(t){return t instanceof Ge?Yt(t):ie(t,t._dur)},re={_start:0,endTime:_t,totalDuration:_t},se=function t(e,i,n){var r,s,a,o=e.labels,u=e._recent||re,h=e.duration()>=F?u.endTime(!1):e._dur;return V(i)&&(isNaN(i)||i in o)?(s=i.charAt(0),a="%"===i.substr(-1),r=i.indexOf("="),"<"===s||">"===s?(r>=0&&(i=i.replace(/=/,"")),("<"===s?u._start:u.endTime(u._repeat>=0))+(parseFloat(i.substr(1))||0)*(a?(r<0?u:n).totalDuration()/100:1)):r<0?(i in o||(o[i]=h),o[i]):(s=parseFloat(i.charAt(r-1)+i.substr(r+1)),a&&n&&(s=s/100*(et(n)?n[0]:n).totalDuration()),r>1?t(e,i.substr(0,r-1),n)+s:h+s)):null==i?h:+i},ae=function(t,e,i){var n,r,s=Q(e[1]),a=(s?2:1)+(t<2?0:1),o=e[a];if(s&&(o.duration=e[1]),o.parent=i,t){for(n=o,r=i;r&&!("immediateRender"in n);)n=r.vars.defaults||{},r=$(r.vars.inherit)&&r.parent;o.immediateRender=$(n.immediateRender),t<2?o.runBackwards=1:o.startAt=e[a-1]}return new ri(e[0],o,e[a+1])},oe=function(t,e){return t||0===t?e(t):e},ue=function(t,e,i){return ie?e:i},he=function(t){if("string"!=typeof t)return"";var e=ut.exec(t);return e?t.substr(e.index+e[0].length):""},le=[].slice,ce=function(t,e){return t&&Z(t)&&"length"in t&&(!e&&!t.length||t.length-1 in t&&Z(t[0]))&&!t.nodeType&&t!==l},fe=function(t,e,i){return!V(t)||i||!c&&Re()?et(t)?function(t,e,i){return void 0===i&&(i=[]),t.forEach((function(t){var n;return V(t)&&!e||ce(t,1)?(n=i).push.apply(n,fe(t)):i.push(t)}))||i}(t,i):ce(t)?le.call(t,0):t?[t]:[]:le.call((e||f).querySelectorAll(t),0)},pe=function(t){return t.sort((function(){return.5-Math.random()}))},de=function(t){if(H(t))return t;var e=Z(t)?t:{each:t},i=Ye(e.ease),n=e.from||0,r=parseFloat(e.base)||0,s={},a=n>0&&n<1,o=isNaN(n)||a,u=e.axis,h=n,l=n;return V(n)?h=l={center:.5,edges:.5,end:1}[n]||0:!a&&o&&(h=n[0],l=n[1]),function(t,a,c){var f,p,d,_,m,g,v,y,w,x=(c||e).length,b=s[x];if(!b){if(!(w="auto"===e.grid?0:(e.grid||[1,F])[1])){for(v=-1e8;v<(v=c[w++].getBoundingClientRect().left)&&wv&&(v=m),mx?x-1:u?"y"===u?x/w:w:Math.max(w,x/w))||0)*("edges"===n?-1:1),b.b=x<0?r-x:r,b.u=he(e.amount||e.each)||0,i=i&&x<0?je(i):i}return x=(b[t]-b.min)/b.max||0,Ct(b.b+(i?i(x):x)*b.v)+b.u}},_e=function(t){var e=t<1?Math.pow(10,(t+"").length-2):1;return function(i){var n=Math.round(parseFloat(i)/t)*t*e;return(n-n%1)/e+(Q(i)?0:he(i))}},me=function(t,e){var i,n,r=et(t);return!r&&Z(t)&&(i=r=t.radius||F,t.values?(t=fe(t.values),(n=!Q(t[0]))&&(i*=i)):t=_e(t.increment)),oe(e,r?H(t)?function(e){return n=t(e),Math.abs(n-e)<=i?n:e}:function(e){for(var r,s,a=parseFloat(n?e.x:e),o=parseFloat(n?e.y:0),u=F,h=0,l=t.length;l--;)(r=n?(r=t[l].x-a)*r+(s=t[l].y-o)*s:Math.abs(t[l]-a))(r=Math.abs(r))&&(s=n,o=r);return s},be=function(t,e,i){var n,r,s=t.vars,a=s[e];if(a)return n=s[e+"Params"],r=s.callbackScope||t,i&>.length&&At(),n?a.apply(r,n):a.call(r)},Te=function(t){return Nt(t),t.scrollTrigger&&t.scrollTrigger.kill(!1),t.progress()<1&&be(t,"onInterrupt"),t},Oe=function(t){var e=(t=!t.name&&t.default||t).name,i=H(t),n=e&&!i&&t.init?function(){this._props=[]}:t,r={init:_t,render:pi,add:Je,kill:_i,modifier:di,rawVars:0},s={targetTest:0,get:0,getSetter:hi,aliases:{},register:0};if(Re(),t!==n){if(yt[e])return;Lt(n,Lt(Ft(t,r),s)),zt(n.prototype,zt(r,Ft(t,s))),yt[n.prop=e]=n,t.targetTest&&(bt.push(n),mt[e]=1),e=("css"===e?"CSS":e.charAt(0).toUpperCase()+e.substr(1))+"Plugin"}dt(e,n),t.register&&t.register(bi,n,vi)},Me=255,De={aqua:[0,Me,Me],lime:[0,Me,0],silver:[192,192,192],black:[0,0,0],maroon:[128,0,0],teal:[0,128,128],blue:[0,0,Me],navy:[0,0,128],white:[Me,Me,Me],olive:[128,128,0],yellow:[Me,Me,0],orange:[Me,165,0],gray:[128,128,128],purple:[128,0,128],green:[0,128,0],red:[Me,0,0],pink:[Me,192,203],cyan:[0,Me,Me],transparent:[Me,Me,Me,0]},ke=function(t,e,i){return(6*(t=t<0?t+1:t>1?t-1:t)<1?e+(i-e)*t*6:t<.5?i:3*t<2?e+(i-e)*(2/3-t)*6:e)*Me+.5|0},Ce=function(t,e,i){var n,r,s,a,o,u,h,l,c,f,p=t?Q(t)?[t>>16,t>>8&Me,t&Me]:0:De.black;if(!p){if(","===t.substr(-1)&&(t=t.substr(0,t.length-1)),De[t])p=De[t];else if("#"===t.charAt(0)){if(t.length<6&&(n=t.charAt(1),r=t.charAt(2),s=t.charAt(3),t="#"+n+n+r+r+s+s+(5===t.length?t.charAt(4)+t.charAt(4):"")),9===t.length)return[(p=parseInt(t.substr(1,6),16))>>16,p>>8&Me,p&Me,parseInt(t.substr(7),16)/255];p=[(t=parseInt(t.substr(1),16))>>16,t>>8&Me,t&Me]}else if("hsl"===t.substr(0,3))if(p=f=t.match(it),e){if(~t.indexOf("="))return p=t.match(nt),i&&p.length<4&&(p[3]=1),p}else a=+p[0]%360/360,o=+p[1]/100,n=2*(u=+p[2]/100)-(r=u<=.5?u*(o+1):u+o-u*o),p.length>3&&(p[3]*=1),p[0]=ke(a+1/3,n,r),p[1]=ke(a,n,r),p[2]=ke(a-1/3,n,r);else p=t.match(it)||De.transparent;p=p.map(Number)}return e&&!f&&(n=p[0]/Me,r=p[1]/Me,s=p[2]/Me,u=((h=Math.max(n,r,s))+(l=Math.min(n,r,s)))/2,h===l?a=o=0:(c=h-l,o=u>.5?c/(2-h-l):c/(h+l),a=h===n?(r-s)/c+(rO&&(D+=a-M),((i=(r=(k+=a)-D)-E)>0||o)&&(s=++w.frame,x=r-1e3*w.time,w.time=r/=1e3,E+=i+(i>=C?4:C-i),n=1),o||(g=v(t)),n)for(b=0;b=e&&b--},_listeners:A=[]}),Re=function(){return!m&&Le.wake()},ze={},Be=/^[\d.\-M][\d.\-,\s]/,Fe=/["']/g,qe=function(t){for(var e,i,n,r={},s=t.substr(1,t.length-3).split(":"),a=s[0],o=1,u=s.length;o1&&a.config?a.config.apply(null,~t.indexOf("{")?[qe(s[1])]:(e=t,i=e.indexOf("(")+1,n=e.indexOf(")"),r=e.indexOf("(",i),e.substring(i,~r&&r=1?i:1,s=(n||(e?.3:.45))/(i<1?i:1),a=s/j*(Math.asin(1/r)||0),o=function(t){return 1===t?1:r*Math.pow(2,-10*t)*W((t-a)*s)+1},u="out"===e?o:"in"===e?function(t){return 1-o(1-t)}:Xe(o);return s=j/s,u.config=function(i,n){return t(e,i,n)},u},Ve=function t(e,i){void 0===i&&(i=1.70158);var n=function(t){return t?--t*t*((i+1)*t+i)+1:0},r="out"===e?n:"in"===e?function(t){return 1-n(1-t)}:Xe(n);return r.config=function(i){return t(e,i)},r};kt("Linear,Quad,Cubic,Quart,Quint,Strong",(function(t,e){var i=e<5?e+1:e;Ue(t+",Power"+(i-1),e?function(t){return Math.pow(t,i)}:function(t){return t},(function(t){return 1-Math.pow(1-t,i)}),(function(t){return t<.5?Math.pow(2*t,i)/2:1-Math.pow(2*(1-t),i)/2}))})),ze.Linear.easeNone=ze.none=ze.Linear.easeIn,Ue("Elastic",We("in"),We("out"),We()),I=7.5625,L=1/(P=2.75),Ue("Bounce",(function(t){return 1-R(1-t)}),R=function(t){return t0?t+(t+this._rDelay)*this._repeat:t):this.totalDuration()&&this._dur},e.totalDuration=function(t){return arguments.length?(this._dirty=0,ie(this,this._repeat<0?t:(t-this._repeat*this._rDelay)/(this._repeat+1))):this._tDur},e.totalTime=function(t,e){if(Re(),!arguments.length)return this._tTime;var i=this._dp;if(i&&i.smoothChildTiming&&this._ts){for(Gt(this,t),!i._dp||i.parent||Zt(i,this);i.parent;)i.parent._time!==i._start+(i._ts>=0?i._tTime/i._ts:(i.totalDuration()-i._tTime)/-i._ts)&&i.totalTime(i._tTime,!0),i=i.parent;!this.parent&&this._dp.autoRemoveChildren&&(this._ts>0&&t0||!this._tDur&&!t)&&$t(this._dp,this,this._start-this._delay)}return(this._tTime!==t||!this._dur&&!e||this._initted&&Math.abs(this._zTime)===q||!t&&!this._initted&&(this.add||this._ptLookup))&&(this._ts||(this._pTime=t),St(this,t,e)),this},e.time=function(t,e){return arguments.length?this.totalTime(Math.min(this.totalDuration(),t+Wt(this))%(this._dur+this._rDelay)||(t?this._dur:0),e):this._time},e.totalProgress=function(t,e){return arguments.length?this.totalTime(this.totalDuration()*t,e):this.totalDuration()?Math.min(1,this._tTime/this._tDur):this.ratio},e.progress=function(t,e){return arguments.length?this.totalTime(this.duration()*(!this._yoyo||1&this.iteration()?t:1-t)+Wt(this),e):this.duration()?Math.min(1,this._time/this._dur):this.ratio},e.iteration=function(t,e){var i=this.duration()+this._rDelay;return arguments.length?this.totalTime(this._time+(t-1)*i,e):this._repeat?Vt(this._tTime,i)+1:1},e.timeScale=function(t){if(!arguments.length)return-1e-8===this._rts?0:this._rts;if(this._rts===t)return this;var e=this.parent&&this._ts?Ht(this.parent._time,this):this._tTime;return this._rts=+t||0,this._ts=this._ps||-1e-8===t?0:this._rts,Ut(this.totalTime(ue(-this._delay,this._tDur,e),!0))},e.paused=function(t){return arguments.length?(this._ps!==t&&(this._ps=t,t?(this._pTime=this._tTime||Math.max(-this._delay,this.rawTime()),this._ts=this._act=0):(Re(),this._ts=this._rts,this.totalTime(this.parent&&!this.parent.smoothChildTiming?this.rawTime():this._tTime||this._pTime,1===this.progress()&&Math.abs(this._zTime)!==q&&(this._tTime-=q)))),this):this._ps},e.startTime=function(t){if(arguments.length){this._start=t;var e=this.parent||this._dp;return e&&(e._sort||!this.parent)&&$t(e,this,t-this._delay),this}return this._start},e.endTime=function(t){return this._start+($(t)?this.totalDuration():this.duration())/Math.abs(this._ts)},e.rawTime=function(t){var e=this.parent||this._dp;return e?t&&(!this._ts||this._repeat&&this._time&&this.totalProgress()<1)?this._tTime%(this._dur+this._rDelay):this._ts?Ht(e.rawTime(t),this):this._tTime:this._tTime},e.globalTime=function(t){for(var e=this,i=arguments.length?t:e.rawTime();e;)i=e._start+i/(e._ts||1),e=e._dp;return i},e.repeat=function(t){return arguments.length?(this._repeat=t===1/0?-2:t,ne(this)):-2===this._repeat?1/0:this._repeat},e.repeatDelay=function(t){if(arguments.length){var e=this._time;return this._rDelay=t,ne(this),e?this.time(e):this}return this._rDelay},e.yoyo=function(t){return arguments.length?(this._yoyo=t,this):this._yoyo},e.seek=function(t,e){return this.totalTime(se(this,t),$(e))},e.restart=function(t,e){return this.play().totalTime(t?-this._delay:0,$(e))},e.play=function(t,e){return null!=t&&this.seek(t,e),this.reversed(!1).paused(!1)},e.reverse=function(t,e){return null!=t&&this.seek(t||this.totalDuration(),e),this.reversed(!0).paused(!1)},e.pause=function(t,e){return null!=t&&this.seek(t,e),this.paused(!0)},e.resume=function(){return this.paused(!1)},e.reversed=function(t){return arguments.length?(!!t!==this.reversed()&&this.timeScale(-this._rts||(t?-1e-8:0)),this):this._rts<0},e.invalidate=function(){return this._initted=this._act=0,this._zTime=-1e-8,this},e.isActive=function(){var t,e=this.parent||this._dp,i=this._start;return!(e&&!(this._ts&&this._initted&&e.isActive()&&(t=e.rawTime(!0))>=i&&t1?(e?(n[t]=e,i&&(n[t+"Params"]=i),"onUpdate"===t&&(this._onUpdate=e)):delete n[t],this):n[t]},e.then=function(t){var e=this;return new Promise((function(i){var n=H(t)?t:Pt,r=function(){var t=e.then;e.then=null,H(n)&&(n=n(e))&&(n.then||n===e)&&(e.then=t),i(n),e.then=t};e._initted&&1===e.totalProgress()&&e._ts>=0||!e._tTime&&e._ts<0?r():e._prom=r}))},e.kill=function(){Te(this)},t}();Lt(Qe.prototype,{_time:0,_start:0,_end:0,_tTime:0,_tDur:0,_dirty:0,_repeat:0,_yoyo:!1,parent:null,_initted:!1,_rDelay:0,_ts:1,_dp:0,ratio:0,_zTime:-1e-8,_prom:0,_ps:!1,_rts:1});var Ge=function(t){function e(e,i){var n;return void 0===e&&(e={}),(n=t.call(this,e)||this).labels={},n.smoothChildTiming=!!e.smoothChildTiming,n.autoRemoveChildren=!!e.autoRemoveChildren,n._sort=$(e.sortChildren),h&&$t(e.parent||h,a(n),i),e.reversed&&n.reverse(),e.paused&&n.paused(!0),e.scrollTrigger&&Jt(a(n),e.scrollTrigger),n}o(e,t);var i=e.prototype;return i.to=function(t,e,i){return ae(0,arguments,this),this},i.from=function(t,e,i){return ae(1,arguments,this),this},i.fromTo=function(t,e,i,n){return ae(2,arguments,this),this},i.set=function(t,e,i){return e.duration=0,e.parent=this,qt(e).repeatDelay||(e.repeat=0),e.immediateRender=!!e.immediateRender,new ri(t,e,se(this,i),1),this},i.call=function(t,e,i){return $t(this,ri.delayedCall(0,t,e),i)},i.staggerTo=function(t,e,i,n,r,s,a){return i.duration=e,i.stagger=i.stagger||n,i.onComplete=s,i.onCompleteParams=a,i.parent=this,new ri(t,i,se(this,r)),this},i.staggerFrom=function(t,e,i,n,r,s,a){return i.runBackwards=1,qt(i).immediateRender=$(i.immediateRender),this.staggerTo(t,e,i,n,r,s,a)},i.staggerFromTo=function(t,e,i,n,r,s,a,o){return n.startAt=i,qt(n).immediateRender=$(n.immediateRender),this.staggerTo(t,e,n,r,s,a,o)},i.render=function(t,e,i){var n,r,s,a,o,u,l,c,f,p,d,_,m=this._time,g=this._dirty?this.totalDuration():this._tDur,v=this._dur,y=this!==h&&t>g-q&&t>=0?g:tv&&(n=v)),p=Vt(this._tTime,o),!m&&this._tTime&&p!==a&&(p=a),d&&1&a&&(n=v-n,_=1),a!==p&&!this._lock){var x=d&&1&p,b=x===(d&&1&a);if(ae)for(n=t._first;n&&n._start<=i;){if(!n._dur&&"isPause"===n.data&&n._start>e)return n;n=n._next}else for(n=t._last;n&&n._start>=i;){if(!n._dur&&"isPause"===n.data&&n._start=m&&t>=0)for(r=this._first;r;){if(s=r._next,(r._act||n>=r._start)&&r._ts&&l!==r){if(r.parent!==this)return this.render(t,e,i);if(r.render(r._ts>0?(n-r._start)*r._ts:(r._dirty?r.totalDuration():r._tDur)+(n-r._start)*r._ts,e,i),n!==this._time||!this._ts&&!u){l=0,s&&(y+=this._zTime=-1e-8);break}}r=s}else{r=this._last;for(var T=t<0?t:n;r;){if(s=r._prev,(r._act||T<=r._end)&&r._ts&&l!==r){if(r.parent!==this)return this.render(t,e,i);if(r.render(r._ts>0?(T-r._start)*r._ts:(r._dirty?r.totalDuration():r._tDur)+(T-r._start)*r._ts,e,i),n!==this._time||!this._ts&&!u){l=0,s&&(y+=this._zTime=T?-1e-8:q);break}}r=s}}if(l&&!e&&(this.pause(),l.render(n>=m?0:-1e-8)._zTime=n>=m?1:-1,this._ts))return this._start=f,Qt(this),this.render(t,e,i);this._onUpdate&&!e&&be(this,"onUpdate",!0),(y===g&&g>=this.totalDuration()||!y&&m)&&(f!==this._start&&Math.abs(c)===Math.abs(this._ts)||this._lock||((t||!v)&&(y===g&&this._ts>0||!y&&this._ts<0)&&Nt(this,1),e||t<0&&!m||!y&&!m&&g||(be(this,y===g&&t>=0?"onComplete":"onReverseComplete",!0),this._prom&&!(y0)&&this._prom())))}return this},i.add=function(t,e){var i=this;if(Q(e)||(e=se(this,e,t)),!(t instanceof Qe)){if(et(t))return t.forEach((function(t){return i.add(t,e)})),this;if(V(t))return this.addLabel(t,e);if(!H(t))return this;t=ri.delayedCall(0,t)}return this!==t?$t(this,t,e):this},i.getChildren=function(t,e,i,n){void 0===t&&(t=!0),void 0===e&&(e=!0),void 0===i&&(i=!0),void 0===n&&(n=-1e8);for(var r=[],s=this._first;s;)s._start>=n&&(s instanceof ri?e&&r.push(s):(i&&r.push(s),t&&r.push.apply(r,s.getChildren(!0,e,i)))),s=s._next;return r},i.getById=function(t){for(var e=this.getChildren(1,1,1),i=e.length;i--;)if(e[i].vars.id===t)return e[i]},i.remove=function(t){return V(t)?this.removeLabel(t):H(t)?this.killTweensOf(t):(jt(this,t),t===this._recent&&(this._recent=this._last),Yt(this))},i.totalTime=function(e,i){return arguments.length?(this._forcing=1,!this._dp&&this._ts&&(this._start=Ct(Le.time-(this._ts>0?e/this._ts:(this.totalDuration()-e)/-this._ts))),t.prototype.totalTime.call(this,e,i),this._forcing=0,this):this._tTime},i.addLabel=function(t,e){return this.labels[t]=se(this,e),this},i.removeLabel=function(t){return delete this.labels[t],this},i.addPause=function(t,e,i){var n=ri.delayedCall(0,e||_t,i);return n.data="isPause",this._hasPause=1,$t(this,n,se(this,t))},i.removePause=function(t){var e=this._first;for(t=se(this,t);e;)e._start===t&&"isPause"===e.data&&Nt(e),e=e._next},i.killTweensOf=function(t,e,i){for(var n=this.getTweensOf(t,i),r=n.length;r--;)Ze!==n[r]&&n[r].kill(t,e);return this},i.getTweensOf=function(t,e){for(var i,n=[],r=fe(t),s=this._first,a=Q(e);s;)s instanceof ri?Et(s._targets,r)&&(a?(!Ze||s._initted&&s._ts)&&s.globalTime(0)<=e&&s.globalTime(s.totalDuration())>e:!e||s.isActive())&&n.push(s):(i=s.getTweensOf(r,e)).length&&n.push.apply(n,i),s=s._next;return n},i.tweenTo=function(t,e){e=e||{};var i,n=this,r=se(n,t),s=e,a=s.startAt,o=s.onStart,u=s.onStartParams,h=s.immediateRender,l=ri.to(n,Lt({ease:e.ease||"none",lazy:!1,immediateRender:!1,time:r,overwrite:"auto",duration:e.duration||Math.abs((r-(a&&"time"in a?a.time:n._time))/n.timeScale())||q,onStart:function(){if(n.pause(),!i){var t=e.duration||Math.abs((r-(a&&"time"in a?a.time:n._time))/n.timeScale());l._dur!==t&&ie(l,t,0,1).render(l._time,!0,!0),i=1}o&&o.apply(l,u||[])}},e));return h?l.render(0):l},i.tweenFromTo=function(t,e,i){return this.tweenTo(e,Lt({startAt:{time:se(this,t)}},i))},i.recent=function(){return this._recent},i.nextLabel=function(t){return void 0===t&&(t=this._time),xe(this,se(this,t))},i.previousLabel=function(t){return void 0===t&&(t=this._time),xe(this,se(this,t),1)},i.currentLabel=function(t){return arguments.length?this.seek(t,!0):this.previousLabel(this._time+q)},i.shiftChildren=function(t,e,i){void 0===i&&(i=0);for(var n,r=this._first,s=this.labels;r;)r._start>=i&&(r._start+=t,r._end+=t),r=r._next;if(e)for(n in s)s[n]>=i&&(s[n]+=t);return Yt(this)},i.invalidate=function(){var e=this._first;for(this._lock=0;e;)e.invalidate(),e=e._next;return t.prototype.invalidate.call(this)},i.clear=function(t){void 0===t&&(t=!0);for(var e,i=this._first;i;)e=i._next,this.remove(i),i=e;return this._dp&&(this._time=this._tTime=this._pTime=0),t&&(this.labels={}),Yt(this)},i.totalDuration=function(t){var e,i,n,r=0,s=this,a=s._last,o=F;if(arguments.length)return s.timeScale((s._repeat<0?s.duration():s.totalDuration())/(s.reversed()?-t:t));if(s._dirty){for(n=s.parent;a;)e=a._prev,a._dirty&&a.totalDuration(),(i=a._start)>o&&s._sort&&a._ts&&!s._lock?(s._lock=1,$t(s,a,i-a._delay,1)._lock=0):o=i,i<0&&a._ts&&(r-=i,(!n&&!s._dp||n&&n.smoothChildTiming)&&(s._start+=i/s._ts,s._time-=i,s._tTime-=i),s.shiftChildren(-i,!1,-Infinity),o=0),a._end>r&&a._ts&&(r=a._end),a=e;ie(s,s===h&&s._time>r?s._time:r,1,1),s._dirty=0}return s._tDur},e.updateRoot=function(t){if(h._ts&&(St(h,Ht(t,h)),d=Le.frame),Le.frame>=xt){xt+=z.autoSleep||120;var e=h._first;if((!e||!e._ts)&&z.autoSleep&&Le._listeners.length<2){for(;e&&!e._ts;)e=e._next;e||Le.sleep()}}},e}(Qe);Lt(Ge.prototype,{_lock:0,_hasPause:0,_forcing:0});var Ze,$e=function(t,e,i,n,r,s,a){var o,u,h,l,c,f,p,d,_=new vi(this._pt,t,e,0,1,fi,null,r),m=0,g=0;for(_.b=i,_.e=n,i+="",(p=~(n+="").indexOf("random("))&&(n=ye(n)),s&&(s(d=[i,n],t,e),i=d[0],n=d[1]),u=i.match(st)||[];o=st.exec(n);)l=o[0],c=n.substring(m,o.index),h?h=(h+1)%5:"rgba("===c.substr(-5)&&(h=1),l!==u[g++]&&(f=parseFloat(u[g-1])||0,_._pt={_next:_._pt,p:c||1===g?c:",",s:f,c:"="===l.charAt(1)?parseFloat(l.substr(2))*("-"===l.charAt(0)?-1:1):parseFloat(l)-f,m:h&&h<4?Math.round:0},m=st.lastIndex);return _.c=m0&&!E&&(e._startAt=0),A&&i<=0)return void(i&&(e._zTime=i))}else!1===E&&(e._startAt=0);else if(D&&A)if(S)!E&&(e._startAt=0);else if(i&&(x=!1),s=Lt({overwrite:!1,data:"isFromStart",lazy:x&&$(b),immediateRender:x,stagger:0,parent:P},n),m&&(s[f.prop]=m),Nt(e._startAt=ri.set(I,s)),i<0&&e._startAt.render(-1,!0),x){if(!i)return}else t(e._startAt,q);for(e._pt=0,b=A&&$(b)||b&&!A,r=0;r":e*x)}))})):T.forEach((function(t){return o.to(C,t,">")}));else{if(f=C.length,_=x?de(x):_t,Z(x))for(p in x)~ii.indexOf(p)&&(m||(m={}),m[p]=x[p]);for(l=0;lp-q&&t>=0?p:td&&(n=d)),(u=this._yoyo&&1&s)&&(c=this._yEase,n=d-n),o=Vt(this._tTime,a),n===f&&!i&&this._initted)return this;s!==o&&(l&&this._yEase&&Ne(l,u),!this.vars.repeatRefresh||u||this._lock||(this._lock=i=1,this.render(Ct(a*s),!0).invalidate()._lock=0))}if(!this._initted){if(Kt(this,t<0?t:n,i,e))return this._tTime=0,this;if(d!==this._dur)return this.render(t,e,i)}if(this._tTime=_,this._time=n,!this._act&&this._ts&&(this._act=1,this._lazy=0),this.ratio=h=(c||this._ease)(n/d),this._from&&(this.ratio=h=1-h),n&&!f&&!e&&(be(this,"onStart"),this._tTime!==_))return this;for(r=this._pt;r;)r.r(h,r.d),r=r._next;l&&l.render(t<0?t:!n&&u?-1e-8:l._dur*h,e,i)||this._startAt&&(this._zTime=t),this._onUpdate&&!e&&(t<0&&this._startAt&&this._startAt.render(t,!0,i),be(this,"onUpdate")),this._repeat&&s!==o&&this.vars.onRepeat&&!e&&this.parent&&be(this,"onRepeat"),_!==this._tDur&&_||this._tTime!==_||(t<0&&this._startAt&&!this._onUpdate&&this._startAt.render(t,!0,!0),(t||!d)&&(_===this._tDur&&this._ts>0||!_&&this._ts<0)&&Nt(this,1),e||t<0&&!f||!_&&!f||(be(this,_===p?"onComplete":"onReverseComplete",!0),this._prom&&!(_0)&&this._prom()))}}else!function(t,e,i,n){var r,s,a,o=t.ratio,u=e<0||!e&&(!t._start&&te(t)&&(t._initted||!ee(t))||(t._ts<0||t._dp._ts<0)&&!ee(t))?0:1,h=t._rDelay,l=0;if(h&&t._repeat&&(l=ue(0,t._tDur,e),s=Vt(l,h),a=Vt(t._tTime,h),t._yoyo&&1&s&&(u=1-u),s!==a&&(o=1-u,t.vars.repeatRefresh&&t._initted&&t.invalidate())),u!==o||n||t._zTime===q||!e&&t._zTime){if(!t._initted&&Kt(t,e,n,i))return;for(a=t._zTime,t._zTime=e||(i?q:0),i||(i=e&&!a),t.ratio=u,t._from&&(u=1-u),t._time=0,t._tTime=l,r=t._pt;r;)r.r(u,r.d),r=r._next;t._startAt&&e<0&&t._startAt.render(e,!0,!0),t._onUpdate&&!i&&be(t,"onUpdate"),l&&t._repeat&&!i&&t.parent&&be(t,"onRepeat"),(e>=t._tDur||e<0)&&t.ratio===u&&(u&&Nt(t,1),i||(be(t,u?"onComplete":"onReverseComplete",!0),t._prom&&t._prom()))}else t._zTime||(t._zTime=e)}(this,t,e,i);return this},i.targets=function(){return this._targets},i.invalidate=function(){return this._pt=this._op=this._startAt=this._onUpdate=this._lazy=this.ratio=0,this._ptLookup=[],this.timeline&&this.timeline.invalidate(),t.prototype.invalidate.call(this)},i.kill=function(t,e){if(void 0===e&&(e="all"),!(t||e&&"all"!==e))return this._lazy=this._pt=0,this.parent?Te(this):this;if(this.timeline){var i=this.timeline.totalDuration();return this.timeline.killTweensOf(t,e,Ze&&!0!==Ze.vars.overwrite)._first||Te(this),this.parent&&i!==this.timeline.totalDuration()&&ie(this,this._dur*this.timeline._tDur/i,0,1),this}var n,r,s,a,o,u,h,l=this._targets,c=t?fe(t):l,f=this._ptLookup,p=this._pt;if((!e||"all"===e)&&function(t,e){for(var i=t.length,n=i===e.length;n&&i--&&t[i]===e[i];);return i<0}(l,c))return"all"===e&&(this._pt=0),Te(this);for(n=this._op=this._op||[],"all"!==e&&(V(e)&&(o={},kt(e,(function(t){return o[t]=1})),e=o),e=function(t,e){var i,n,r,s,a=t[0]?Mt(t[0]).harness:0,o=a&&a.aliases;if(!o)return e;for(n in i=zt({},e),o)if(n in i)for(r=(s=o[n].split(",")).length;r--;)i[s[r]]=i[n];return i}(l,e)),h=l.length;h--;)if(~c.indexOf(l[h]))for(o in r=f[h],"all"===e?(n[h]=e,a=r,s={}):(s=n[h]=n[h]||{},a=e),a)(u=r&&r[o])&&("kill"in u.d&&!0!==u.d.kill(o)||jt(this,u,"_pt"),delete r[o]),"all"!==s&&(s[o]=1);return this._initted&&!this._pt&&p&&Te(this),this},e.to=function(t,i){return new e(t,i,arguments[2])},e.from=function(t,e){return ae(1,arguments)},e.delayedCall=function(t,i,n,r){return new e(i,0,{immediateRender:!1,lazy:!1,overwrite:!1,delay:t,onComplete:i,onReverseComplete:i,onCompleteParams:n,onReverseCompleteParams:n,callbackScope:r})},e.fromTo=function(t,e,i){return ae(2,arguments)},e.set=function(t,i){return i.duration=0,i.repeatDelay||(i.repeat=0),new e(t,i)},e.killTweensOf=function(t,e,i){return h.killTweensOf(t,e,i)},e}(Qe);Lt(ri.prototype,{_targets:[],_lazy:0,_startAt:0,_op:0,_onInit:0}),kt("staggerTo,staggerFrom,staggerFromTo",(function(t){ri[t]=function(){var e=new Ge,i=le.call(arguments,0);return i.splice("staggerFromTo"===t?5:4,0,0),e[t].apply(e,i)}}));var si=function(t,e,i){return t[e]=i},ai=function(t,e,i){return t[e](i)},oi=function(t,e,i,n){return t[e](n.fp,i)},ui=function(t,e,i){return t.setAttribute(e,i)},hi=function(t,e){return H(t[e])?ai:G(t[e])&&t.setAttribute?ui:si},li=function(t,e){return e.set(e.t,e.p,Math.round(1e6*(e.s+e.c*t))/1e6,e)},ci=function(t,e){return e.set(e.t,e.p,!!(e.s+e.c*t),e)},fi=function(t,e){var i=e._pt,n="";if(!t&&e.b)n=e.b;else if(1===t&&e.e)n=e.e;else{for(;i;)n=i.p+(i.m?i.m(i.s+i.c*t):Math.round(1e4*(i.s+i.c*t))/1e4)+n,i=i._next;n+=e.c}e.set(e.t,e.p,n,e)},pi=function(t,e){for(var i=e._pt;i;)i.r(t,i.d),i=i._next},di=function(t,e,i,n){for(var r,s=this._pt;s;)r=s._next,s.p===n&&s.modifier(t,e,i),s=r},_i=function(t){for(var e,i,n=this._pt;n;)i=n._next,n.p===t&&!n.op||n.op===t?jt(this,n,"_pt"):n.dep||(e=1),n=i;return!e},mi=function(t,e,i,n){n.mSet(t,e,n.m.call(n.tween,i,n.mt),n)},gi=function(t){for(var e,i,n,r,s=t._pt;s;){for(e=s._next,i=n;i&&i.pr>s.pr;)i=i._next;(s._prev=i?i._prev:r)?s._prev._next=s:n=s,(s._next=i)?i._prev=s:r=s,s=e}t._pt=n},vi=function(){function t(t,e,i,n,r,s,a,o,u){this.t=e,this.s=n,this.c=r,this.p=i,this.r=s||li,this.d=a||this,this.set=o||si,this.pr=u||0,this._next=t,t&&(t._prev=this)}return t.prototype.modifier=function(t,e,i){this.mSet=this.mSet||this.set,this.set=mi,this.m=t,this.mt=i,this.tween=e},t}();kt(Tt+"parent,duration,ease,delay,overwrite,runBackwards,startAt,yoyo,immediateRender,repeat,repeatDelay,data,paused,reversed,lazy,callbackScope,stringFilter,id,yoyoEase,stagger,inherit,repeatRefresh,keyframes,autoRevert,scrollTrigger",(function(t){return mt[t]=1})),ht.TweenMax=ht.TweenLite=ri,ht.TimelineLite=ht.TimelineMax=Ge,h=new Ge({sortChildren:!1,defaults:B,autoRemoveChildren:!0,id:"root",smoothChildTiming:!0}),z.stringFilter=Pe;var yi={registerPlugin:function(){for(var t=arguments.length,e=new Array(t),i=0;i1){var n=t.map((function(t){return bi.quickSetter(t,e,i)})),r=n.length;return function(t){for(var e=r;e--;)n[e](t)}}t=t[0]||{};var s=yt[e],a=Mt(t),o=a.harness&&(a.harness.aliases||{})[e]||e,u=s?function(e){var n=new s;_._pt=0,n.init(t,i?e+i:e,_,0,[t]),n.render(1,n),_._pt&&pi(1,_)}:a.set(t,o);return s?u:function(e){return u(t,o,i?e+i:e,a,1)}},isTweening:function(t){return h.getTweensOf(t,!0).length>0},defaults:function(t){return t&&t.ease&&(t.ease=Ye(t.ease,B.ease)),Bt(B,t||{})},config:function(t){return Bt(z,t||{})},registerEffect:function(t){var e=t.name,i=t.effect,n=t.plugins,r=t.defaults,s=t.extendTimeline;(n||"").split(",").forEach((function(t){return t&&!yt[t]&&!ht[t]&&pt(e+" effect requires "+t+" plugin.")})),wt[e]=function(t,e,n){return i(fe(t),Lt(e||{},r),n)},s&&(Ge.prototype[e]=function(t,i,n){return this.add(wt[e](t,Z(i)?i:(n=i)&&{},this),n)})},registerEase:function(t,e){ze[t]=Ye(e)},parseEase:function(t,e){return arguments.length?Ye(t,e):ze},getById:function(t){return h.getById(t)},exportRoot:function(t,e){void 0===t&&(t={});var i,n,r=new Ge(t);for(r.smoothChildTiming=$(t.smoothChildTiming),h.remove(r),r._dp=0,r._time=r._tTime=h._time,i=h._first;i;)n=i._next,!e&&!i._dur&&i instanceof ri&&i.vars.onComplete===i._targets[0]||$t(r,i,i._start-i._delay),i=n;return $t(h,r,0),r},utils:{wrap:function t(e,i,n){var r=i-e;return et(e)?ve(e,t(0,e.length),i):oe(n,(function(t){return(r+(t-e)%r)%r+e}))},wrapYoyo:function t(e,i,n){var r=i-e,s=2*r;return et(e)?ve(e,t(0,e.length-1),i):oe(n,(function(t){return e+((t=(s+(t-e)%s)%s||0)>r?s-t:t)}))},distribute:de,random:ge,snap:me,normalize:function(t,e,i){return we(t,e,0,1,i)},getUnit:he,clamp:function(t,e,i){return oe(i,(function(i){return ue(t,e,i)}))},splitColor:Ce,toArray:fe,selector:function(t){return t=fe(t)[0]||pt("Invalid scope")||{},function(e){var i=t.current||t.nativeElement||t;return fe(e,i.querySelectorAll?i:i===t?pt("Invalid scope")||f.createElement("div"):t)}},mapRange:we,pipe:function(){for(var t=arguments.length,e=new Array(t),i=0;i=0?tn[r]:"")+t},nn=function(){"undefined"!=typeof window&&window.document&&(Ti=window,Oi=Ti.document,Mi=Oi.documentElement,ki=Ji("div")||{style:{}},Ji("div"),Zi=en(Zi),$i=Zi+"Origin",ki.style.cssText="border-width:0;line-height:0;position:absolute;padding:0",Ei=!!en("perspective"),Di=1)},rn=function t(e){var i,n=Ji("svg",this.ownerSVGElement&&this.ownerSVGElement.getAttribute("xmlns")||"http://www.w3.org/2000/svg"),r=this.parentNode,s=this.nextSibling,a=this.style.cssText;if(Mi.appendChild(n),n.appendChild(this),this.style.display="block",e)try{i=this.getBBox(),this._gsapBBox=this.getBBox,this.getBBox=t}catch(t){}else this._gsapBBox&&(i=this._gsapBBox());return r&&(s?r.insertBefore(this,s):r.appendChild(this)),Mi.removeChild(n),this.style.cssText=a,i},sn=function(t,e){for(var i=e.length;i--;)if(t.hasAttribute(e[i]))return t.getAttribute(e[i])},an=function(t){var e;try{e=t.getBBox()}catch(i){e=rn.call(t,!0)}return e&&(e.width||e.height)||t.getBBox===rn||(e=rn.call(t,!0)),!e||e.width||e.x||e.y?e:{x:+sn(t,["x","cx","x1"])||0,y:+sn(t,["y","cy","y1"])||0,width:0,height:0}},on=function(t){return!(!t.getCTM||t.parentNode&&!t.ownerSVGElement||!an(t))},un=function(t,e){if(e){var i=t.style;e in Ai&&e!==$i&&(e=Zi),i.removeProperty?("ms"!==e.substr(0,2)&&"webkit"!==e.substr(0,6)||(e="-"+e),i.removeProperty(e.replace(Li,"-$1").toLowerCase())):i.removeAttribute(e)}},hn=function(t,e,i,n,r,s){var a=new vi(t._pt,e,i,0,1,s?Ui:Yi);return t._pt=a,a.b=n,a.e=r,t._props.push(i),a},ln={deg:1,rad:1,turn:1},cn=function t(e,i,n,r){var s,a,o,u,h=parseFloat(n)||0,l=(n+"").trim().substr((h+"").length)||"px",c=ki.style,f=Ri.test(i),p="svg"===e.tagName.toLowerCase(),d=(p?"client":"offset")+(f?"Width":"Height"),_=100,m="px"===r,g="%"===r;return r===l||!h||ln[r]||ln[l]?h:("px"!==l&&!m&&(h=t(e,i,n,"px")),u=e.getCTM&&on(e),!g&&"%"!==l||!Ai[i]&&!~i.indexOf("adius")?(c[f?"width":"height"]=_+(m?l:r),a=~i.indexOf("adius")||"em"===r&&e.appendChild&&!p?e:e.parentNode,u&&(a=(e.ownerSVGElement||{}).parentNode),a&&a!==Oi&&a.appendChild||(a=Oi.body),(o=a._gsap)&&g&&o.width&&f&&o.time===Le.time?Ct(h/o.width*_):((g||"%"===l)&&(c.position=Ki(e,"position")),a===e&&(c.position="static"),a.appendChild(ki),s=ki[d],a.removeChild(ki),c.position="absolute",f&&g&&((o=Mt(a)).time=Le.time,o.width=a[d]),Ct(m?s*h/_:s&&h?_/s*h:0))):(s=u?e.getBBox()[f?"width":"height"]:e[d],Ct(g?h/s*_:h/100*s)))},fn=function(t,e,i,n){var r;return Di||nn(),e in Bi&&"transform"!==e&&~(e=Bi[e]).indexOf(",")&&(e=e.split(",")[0]),Ai[e]&&"transform"!==e?(r=Tn(t,n),r="transformOrigin"!==e?r[e]:r.svg?r.origin:On(Ki(t,$i))+" "+r.zOrigin+"px"):(!(r=t.style[e])||"auto"===r||n||~(r+"").indexOf("calc("))&&(r=mn[e]&&mn[e](t,e,i)||Ki(t,e)||Dt(t,e)||("opacity"===e?1:0)),i&&!~(r+"").trim().indexOf(" ")?cn(t,e,r,i)+i:r},pn=function(t,e,i,n){if(!i||"none"===i){var r=en(e,t,1),s=r&&Ki(t,r,1);s&&s!==i?(e=r,i=s):"borderColor"===e&&(i=Ki(t,"borderTopColor"))}var a,o,u,h,l,c,f,p,d,_,m,g,v=new vi(this._pt,t.style,e,0,1,fi),y=0,w=0;if(v.b=i,v.e=n,i+="","auto"===(n+="")&&(t.style[e]=n,n=Ki(t,e)||n,t.style[e]=i),Pe(a=[i,n]),n=a[1],u=(i=a[0]).match(rt)||[],(n.match(rt)||[]).length){for(;o=rt.exec(n);)f=o[0],d=n.substring(y,o.index),l?l=(l+1)%5:"rgba("!==d.substr(-5)&&"hsla("!==d.substr(-5)||(l=1),f!==(c=u[w++]||"")&&(h=parseFloat(c)||0,m=c.substr((h+"").length),(g="="===f.charAt(1)?+(f.charAt(0)+"1"):0)&&(f=f.substr(2)),p=parseFloat(f),_=f.substr((p+"").length),y=rt.lastIndex-_.length,_||(_=_||z.units[e]||m,y===n.length&&(n+=_,v.e+=_)),m!==_&&(h=cn(t,e,c,_)||0),v._pt={_next:v._pt,p:d||1===w?d:",",s:h,c:g?g*p:p-h,m:l&&l<4||"zIndex"===e?Math.round:0});v.c=y-1;)i=o[r],Ai[i]&&(n=1,i="transformOrigin"===i?$i:Zi),un(s,i);n&&(un(s,Zi),u&&(u.svg&&s.removeAttribute("transform"),Tn(s,1),u.uncache=1))}},mn={clearProps:function(t,e,i,n,r){if("isFromStart"!==r.data){var s=t._pt=new vi(t._pt,e,i,0,0,_n);return s.u=n,s.pr=-10,s.tween=r,t._props.push(i),1}}},gn=[1,0,0,1,0,0],vn={},yn=function(t){return"matrix(1, 0, 0, 1, 0, 0)"===t||"none"===t||!t},wn=function(t){var e=Ki(t,Zi);return yn(e)?gn:e.substr(7).match(nt).map(Ct)},xn=function(t,e){var i,n,r,s,a=t._gsap||Mt(t),o=t.style,u=wn(t);return a.svg&&t.getAttribute("transform")?"1,0,0,1,0,0"===(u=[(r=t.transform.baseVal.consolidate().matrix).a,r.b,r.c,r.d,r.e,r.f]).join(",")?gn:u:(u!==gn||t.offsetParent||t===Mi||a.svg||(r=o.display,o.display="block",(i=t.parentNode)&&t.offsetParent||(s=1,n=t.nextSibling,Mi.appendChild(t)),u=wn(t),r?o.display=r:un(t,"display"),s&&(n?i.insertBefore(t,n):i?i.appendChild(t):Mi.removeChild(t))),e&&u.length>6?[u[0],u[1],u[4],u[5],u[12],u[13]]:u)},bn=function(t,e,i,n,r,s){var a,o,u,h=t._gsap,l=r||xn(t,!0),c=h.xOrigin||0,f=h.yOrigin||0,p=h.xOffset||0,d=h.yOffset||0,_=l[0],m=l[1],g=l[2],v=l[3],y=l[4],w=l[5],x=e.split(" "),b=parseFloat(x[0])||0,T=parseFloat(x[1])||0;i?l!==gn&&(o=_*v-m*g)&&(u=b*(-m/o)+T*(_/o)-(_*w-m*y)/o,b=b*(v/o)+T*(-g/o)+(g*w-v*y)/o,T=u):(b=(a=an(t)).x+(~x[0].indexOf("%")?b/100*a.width:b),T=a.y+(~(x[1]||x[0]).indexOf("%")?T/100*a.height:T)),n||!1!==n&&h.smooth?(y=b-c,w=T-f,h.xOffset=p+(y*_+w*g)-y,h.yOffset=d+(y*m+w*v)-w):h.xOffset=h.yOffset=0,h.xOrigin=b,h.yOrigin=T,h.smooth=!!n,h.origin=e,h.originIsAbsolute=!!i,t.style[$i]="0px 0px",s&&(hn(s,h,"xOrigin",c,b),hn(s,h,"yOrigin",f,T),hn(s,h,"xOffset",p,h.xOffset),hn(s,h,"yOffset",d,h.yOffset)),t.setAttribute("data-svg-origin",b+" "+T)},Tn=function(t,e){var i=t._gsap||new He(t);if("x"in i&&!e&&!i.uncache)return i;var n,r,s,a,o,u,h,l,c,f,p,d,_,m,g,v,y,w,x,b,T,O,M,D,k,C,E,A,S,I,P,L,R=t.style,B=i.scaleX<0,F="px",q="deg",j=Ki(t,$i)||"0";return n=r=s=u=h=l=c=f=p=0,a=o=1,i.svg=!(!t.getCTM||!on(t)),m=xn(t,i.svg),i.svg&&(D=(!i.uncache||"0px 0px"===j)&&!e&&t.getAttribute("data-svg-origin"),bn(t,D||j,!!D||i.originIsAbsolute,!1!==i.smooth,m)),d=i.xOrigin||0,_=i.yOrigin||0,m!==gn&&(w=m[0],x=m[1],b=m[2],T=m[3],n=O=m[4],r=M=m[5],6===m.length?(a=Math.sqrt(w*w+x*x),o=Math.sqrt(T*T+b*b),u=w||x?Pi(x,w)*Si:0,(c=b||T?Pi(b,T)*Si+u:0)&&(o*=Math.abs(Math.cos(c*Ii))),i.svg&&(n-=d-(d*w+_*b),r-=_-(d*x+_*T))):(L=m[6],I=m[7],E=m[8],A=m[9],S=m[10],P=m[11],n=m[12],r=m[13],s=m[14],h=(g=Pi(L,S))*Si,g&&(D=O*(v=Math.cos(-g))+E*(y=Math.sin(-g)),k=M*v+A*y,C=L*v+S*y,E=O*-y+E*v,A=M*-y+A*v,S=L*-y+S*v,P=I*-y+P*v,O=D,M=k,L=C),l=(g=Pi(-b,S))*Si,g&&(v=Math.cos(-g),P=T*(y=Math.sin(-g))+P*v,w=D=w*v-E*y,x=k=x*v-A*y,b=C=b*v-S*y),u=(g=Pi(x,w))*Si,g&&(D=w*(v=Math.cos(g))+x*(y=Math.sin(g)),k=O*v+M*y,x=x*v-w*y,M=M*v-O*y,w=D,O=k),h&&Math.abs(h)+Math.abs(u)>359.9&&(h=u=0,l=180-l),a=Ct(Math.sqrt(w*w+x*x+b*b)),o=Ct(Math.sqrt(M*M+L*L)),g=Pi(O,M),c=Math.abs(g)>2e-4?g*Si:0,p=P?1/(P<0?-P:P):0),i.svg&&(D=t.getAttribute("transform"),i.forceCSS=t.setAttribute("transform","")||!yn(Ki(t,Zi)),D&&t.setAttribute("transform",D))),Math.abs(c)>90&&Math.abs(c)<270&&(B?(a*=-1,c+=u<=0?180:-180,u+=u<=0?180:-180):(o*=-1,c+=c<=0?180:-180)),i.x=n-((i.xPercent=n&&(i.xPercent||(Math.round(t.offsetWidth/2)===Math.round(-n)?-50:0)))?t.offsetWidth*i.xPercent/100:0)+F,i.y=r-((i.yPercent=r&&(i.yPercent||(Math.round(t.offsetHeight/2)===Math.round(-r)?-50:0)))?t.offsetHeight*i.yPercent/100:0)+F,i.z=s+F,i.scaleX=Ct(a),i.scaleY=Ct(o),i.rotation=Ct(u)+q,i.rotationX=Ct(h)+q,i.rotationY=Ct(l)+q,i.skewX=c+q,i.skewY=f+q,i.transformPerspective=p+F,(i.zOrigin=parseFloat(j.split(" ")[2])||0)&&(R[$i]=On(j)),i.xOffset=i.yOffset=0,i.force3D=z.force3D,i.renderTransform=i.svg?Sn:Ei?An:Dn,i.uncache=0,i},On=function(t){return(t=t.split(" "))[0]+" "+t[1]},Mn=function(t,e,i){var n=he(e);return Ct(parseFloat(e)+parseFloat(cn(t,"x",i+"px",n)))+n},Dn=function(t,e){e.z="0px",e.rotationY=e.rotationX="0deg",e.force3D=0,An(t,e)},kn="0deg",Cn="0px",En=") ",An=function(t,e){var i=e||this,n=i.xPercent,r=i.yPercent,s=i.x,a=i.y,o=i.z,u=i.rotation,h=i.rotationY,l=i.rotationX,c=i.skewX,f=i.skewY,p=i.scaleX,d=i.scaleY,_=i.transformPerspective,m=i.force3D,g=i.target,v=i.zOrigin,y="",w="auto"===m&&t&&1!==t||!0===m;if(v&&(l!==kn||h!==kn)){var x,b=parseFloat(h)*Ii,T=Math.sin(b),O=Math.cos(b);b=parseFloat(l)*Ii,x=Math.cos(b),s=Mn(g,s,T*x*-v),a=Mn(g,a,-Math.sin(b)*-v),o=Mn(g,o,O*x*-v+v)}_!==Cn&&(y+="perspective("+_+En),(n||r)&&(y+="translate("+n+"%, "+r+"%) "),(w||s!==Cn||a!==Cn||o!==Cn)&&(y+=o!==Cn||w?"translate3d("+s+", "+a+", "+o+") ":"translate("+s+", "+a+En),u!==kn&&(y+="rotate("+u+En),h!==kn&&(y+="rotateY("+h+En),l!==kn&&(y+="rotateX("+l+En),c===kn&&f===kn||(y+="skew("+c+", "+f+En),1===p&&1===d||(y+="scale("+p+", "+d+En),g.style[Zi]=y||"translate(0, 0)"},Sn=function(t,e){var i,n,r,s,a,o=e||this,u=o.xPercent,h=o.yPercent,l=o.x,c=o.y,f=o.rotation,p=o.skewX,d=o.skewY,_=o.scaleX,m=o.scaleY,g=o.target,v=o.xOrigin,y=o.yOrigin,w=o.xOffset,x=o.yOffset,b=o.forceCSS,T=parseFloat(l),O=parseFloat(c);f=parseFloat(f),p=parseFloat(p),(d=parseFloat(d))&&(p+=d=parseFloat(d),f+=d),f||p?(f*=Ii,p*=Ii,i=Math.cos(f)*_,n=Math.sin(f)*_,r=Math.sin(f-p)*-m,s=Math.cos(f-p)*m,p&&(d*=Ii,a=Math.tan(p-d),r*=a=Math.sqrt(1+a*a),s*=a,d&&(a=Math.tan(d),i*=a=Math.sqrt(1+a*a),n*=a)),i=Ct(i),n=Ct(n),r=Ct(r),s=Ct(s)):(i=_,s=m,n=r=0),(T&&!~(l+"").indexOf("px")||O&&!~(c+"").indexOf("px"))&&(T=cn(g,"x",l,"px"),O=cn(g,"y",c,"px")),(v||y||w||x)&&(T=Ct(T+v-(v*i+y*r)+w),O=Ct(O+y-(v*n+y*s)+x)),(u||h)&&(a=g.getBBox(),T=Ct(T+u/100*a.width),O=Ct(O+h/100*a.height)),a="matrix("+i+","+n+","+r+","+s+","+T+","+O+")",g.setAttribute("transform",a),b&&(g.style[Zi]=a)},In=function(t,e,i,n,r,s){var a,o,u=360,h=V(r),l=parseFloat(r)*(h&&~r.indexOf("rad")?Si:1),c=s?l*s:l-n,f=n+c+"deg";return h&&("short"===(a=r.split("_")[1])&&(c%=u)!==c%180&&(c+=c<0?u:-360),"cw"===a&&c<0?c=(c+36e9)%u-~~(c/u)*u:"ccw"===a&&c>0&&(c=(c-36e9)%u-~~(c/u)*u)),t._pt=o=new vi(t._pt,e,i,n,c,qi),o.e=f,o.u="deg",t._props.push(i),o},Pn=function(t,e){for(var i in e)t[i]=e[i];return t},Ln=function(t,e,i){var n,r,s,a,o,u,h,l=Pn({},i._gsap),c=i.style;for(r in l.svg?(s=i.getAttribute("transform"),i.setAttribute("transform",""),c[Zi]=e,n=Tn(i,1),un(i,Zi),i.setAttribute("transform",s)):(s=getComputedStyle(i)[Zi],c[Zi]=e,n=Tn(i,1),c[Zi]=s),Ai)(s=l[r])!==(a=n[r])&&"perspective,force3D,transformOrigin,svgOrigin".indexOf(r)<0&&(o=he(s)!==(h=he(a))?cn(i,r,s,h):parseFloat(s),u=parseFloat(a),t._pt=new vi(t._pt,n,r,o,u-o,Fi),t._pt.u=h||0,t._props.push(r));Pn(n,l)};kt("padding,margin,Width,Radius",(function(t,e){var i="Top",n="Right",r="Bottom",s="Left",a=(e<3?[i,n,r,s]:[i+s,i+n,r+n,r+s]).map((function(i){return e<2?t+i:"border"+i+t}));mn[e>1?"border"+t:t]=function(t,e,i,n,r){var s,o;if(arguments.length<4)return s=a.map((function(e){return fn(t,e,i)})),5===(o=s.join(" ")).split(s[0]).length?s[0]:o;s=(n+"").split(" "),o={},a.forEach((function(t,e){return o[t]=s[e]=s[e]||s[(e-1)/2|0]})),t.init(e,o,r)}}));var Rn,zn,Bn,Fn={name:"css",register:nn,targetTest:function(t){return t.style&&t.nodeType},init:function(t,e,i,n,r){var s,a,o,u,h,l,c,f,p,d,_,m,g,v,y,w,x,b,T,O=this._props,M=t.style,D=i.vars.startAt;for(c in Di||nn(),e)if("autoRound"!==c&&(a=e[c],!yt[c]||!Ke(c,e,i,n,t,r)))if(h=typeof a,l=mn[c],"function"===h&&(h=typeof(a=a.call(i,n,t,r))),"string"===h&&~a.indexOf("random(")&&(a=ye(a)),l)l(this,t,c,a,i)&&(y=1);else if("--"===c.substr(0,2))s=(getComputedStyle(t).getPropertyValue(c)+"").trim(),a+="",Se.lastIndex=0,Se.test(s)||(f=he(s),p=he(a)),p?f!==p&&(s=cn(t,c,s,p)+p):f&&(a+=f),this.add(M,"setProperty",s,a,n,r,0,0,c),O.push(c);else if("undefined"!==h){if(D&&c in D?(s="function"==typeof D[c]?D[c].call(i,n,t,r):D[c],c in z.units&&!he(s)&&(s+=z.units[c]),"="===(s+"").charAt(1)&&(s=fn(t,c))):s=fn(t,c),u=parseFloat(s),(d="string"===h&&"="===a.charAt(1)?+(a.charAt(0)+"1"):0)&&(a=a.substr(2)),o=parseFloat(a),c in Bi&&("autoAlpha"===c&&(1===u&&"hidden"===fn(t,"visibility")&&o&&(u=0),hn(this,M,"visibility",u?"inherit":"hidden",o?"inherit":"hidden",!o)),"scale"!==c&&"transform"!==c&&~(c=Bi[c]).indexOf(",")&&(c=c.split(",")[0])),_=c in Ai)if(m||((g=t._gsap).renderTransform&&!e.parseTransform||Tn(t,e.parseTransform),v=!1!==e.smoothOrigin&&g.smooth,(m=this._pt=new vi(this._pt,M,Zi,0,1,g.renderTransform,g,0,-1)).dep=1),"scale"===c)this._pt=new vi(this._pt,g,"scaleY",g.scaleY,(d?d*o:o-g.scaleY)||0),O.push("scaleY",c),c+="X";else{if("transformOrigin"===c){x=void 0,b=void 0,T=void 0,x=(w=a).split(" "),b=x[0],T=x[1]||"50%","top"!==b&&"bottom"!==b&&"left"!==T&&"right"!==T||(w=b,b=T,T=w),x[0]=dn[b]||b,x[1]=dn[T]||T,a=x.join(" "),g.svg?bn(t,a,0,v,0,this):((p=parseFloat(a.split(" ")[2])||0)!==g.zOrigin&&hn(this,g,"zOrigin",g.zOrigin,p),hn(this,M,c,On(s),On(a)));continue}if("svgOrigin"===c){bn(t,a,1,v,0,this);continue}if(c in vn){In(this,g,c,u,a,d);continue}if("smoothOrigin"===c){hn(this,g,"smooth",g.smooth,a);continue}if("force3D"===c){g[c]=a;continue}if("transform"===c){Ln(this,a,t);continue}}else c in M||(c=en(c)||c);if(_||(o||0===o)&&(u||0===u)&&!zi.test(a)&&c in M)o||(o=0),(f=(s+"").substr((u+"").length))!==(p=he(a)||(c in z.units?z.units[c]:f))&&(u=cn(t,c,s,p)),this._pt=new vi(this._pt,_?g:M,c,u,d?d*o:o-u,_||"px"!==p&&"zIndex"!==c||!1===e.autoRound?Fi:Ni),this._pt.u=p||0,f!==p&&(this._pt.b=s,this._pt.r=ji);else if(c in M)pn.call(this,t,c,s,a);else{if(!(c in t)){ft(c,a);continue}this.add(t,c,s||t[c],a,n,r)}O.push(c)}y&&gi(this)},get:fn,aliases:Bi,getSetter:function(t,e,i){var n=Bi[e];return n&&n.indexOf(",")<0&&(e=n),e in Ai&&e!==$i&&(t._gsap.x||fn(t,"x"))?i&&Ci===i?"scale"===e?Hi:Vi:(Ci=i||{})&&("scale"===e?Qi:Gi):t.style&&!G(t.style[e])?Xi:~e.indexOf("-")?Wi:hi(t,e)},core:{_removeProperty:un,_getMatrix:xn}};bi.utils.checkPrefix=en,Bn=kt((Rn="x,y,z,scale,scaleX,scaleY,xPercent,yPercent")+","+(zn="rotation,rotationX,rotationY,skewX,skewY")+",transform,transformOrigin,svgOrigin,force3D,smoothOrigin,transformPerspective",(function(t){Ai[t]=1})),kt(zn,(function(t){z.units[t]="deg",vn[t]=1})),Bi[Bn[13]]=Rn+","+zn,kt("0:translateX,1:translateY,2:translateZ,8:rotate,8:rotationZ,8:rotateZ,9:rotateX,10:rotateY",(function(t){var e=t.split(":");Bi[e[1]]=Bn[e[0]]})),kt("x,y,z,top,right,bottom,left,width,height,fontSize,padding,margin,perspective",(function(t){z.units[t]="px"})),bi.registerPlugin(Fn);var qn=bi.registerPlugin(Fn)||bi;qn.core.Tween;class jn{constructor(t){this.DOM={outer:t,inner:Array.isArray(t)?t.map((t=>t.querySelector(".oh__inner"))):t.querySelector(".oh__inner")}}in(){return this.outTimeline&&this.outTimeline.isActive()&&this.outTimeline.kill(),this.inTimeline=qn.timeline({defaults:{duration:1.2,ease:"expo"}}).set(this.DOM.inner,{y:"150%",rotate:15}).to(this.DOM.inner,{y:"0%",rotate:0,stagger:.03}),this.inTimeline}out(){return this.inTimeline&&this.inTimeline.isActive()&&this.inTimeline.kill(),this.outTimeline=qn.timeline({defaults:{duration:.7,ease:"power2"}}).to(this.DOM.inner,{y:"-150%",rotate:-5,stagger:.03}),this.outTimeline}}function Nn(t,e){for(var i=0;i-1&&t%1==0}(t.length)}(t)?Array.prototype.slice.call(t):[t]}function Hn(t){return Wn(t)&&/^(1|3|11)$/.test(t.nodeType)}function Qn(t){return"string"==typeof t}function Gn(t){var e,i=t;return Qn(t)&&(i=/^(#[a-z]\w+)$/.test(t.trim())?document.getElementById(t.trim().slice(1)):document.querySelectorAll(t)),(e=i,Vn(e).reduce((function(t,e){return t.concat(Vn(e))}),[])).filter(Hn)}function Zn(t,e,i){var n={},r=null;return Wn(t)&&(r=t[Zn.expando]||(t[Zn.expando]=++Zn.uid),n=Zn.cache[r]||(Zn.cache[r]={})),void 0===i?void 0===e?n:n[e]:void 0!==e?(n[e]=i,i):void 0}function $n(t){var e=t&&t[Zn.expando];e&&(delete t[e],delete Zn.cache[e])}function Jn(t,e){for(var i=Vn(t),n=i.length,r=0;r1&&void 0!==arguments[1]?arguments[1]:" ";return(t=t?String(t):"").split(e)}(function(t,e){var i=t.textContent;if(e){var n=t.innerHTML,r=document.createElement("div");r.innerHTML=n.replace(//g," ".concat(e," ")),i=r.textContent}return i.replace(/\s+/g," ").trim()}(t,a)).reduce((function(t,i,o,u){var l,c;return i===a?(n.appendChild(wr("br")),t):(r.chars&&(c=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return(t=yr(t))&&Qn(t)&&!e&&gr(t)?vr(t):t.split(e)}(i).map((function(t){return wr(s,{class:"".concat(e.splitClass," ").concat(e.charClass),style:"display: inline-block;",textContent:t})})),h=h.concat(c)),r.words||r.lines?(l=wr(s,{class:"".concat(e.wordClass," ").concat(e.splitClass),style:"display: inline-block; position: ".concat(r.words?"relative":"static"),children:r.chars?c:null,textContent:r.chars?null:i}),n.appendChild(l)):Jn(c,(function(t){n.appendChild(t)})),o!==u.length-1&&n.appendChild(Tr(" ")),r.words?t.concat(l):t)}),[]),t.innerHTML="",t.appendChild(n),!o&&!r.lines)return{chars:h,words:i,lines:[]};var l,c,f,p,d,_=[],m=[],g=Zn(t,"nodes",t.getElementsByTagName(s)),v=t.parentElement,y=t.nextElementSibling,w=window.getComputedStyle(t).textAlign;return o&&(p={left:n.offsetLeft,top:n.offsetTop,width:n.offsetWidth},f=t.offsetWidth,c=t.offsetHeight,Zn(t).cssWidth=t.style.width,Zn(t).cssHeight=t.style.height),Jn(g,(function(t){if(t!==n){var e,i=t.parentElement===n;r.lines&&i&&((e=Zn(t,"top",t.offsetTop))!==d&&(d=e,_.push(m=[])),m.push(t)),o&&(Zn(t).top=e||t.offsetTop,Zn(t).left=t.offsetLeft,Zn(t).width=t.offsetWidth,Zn(t).height=l||(l=t.offsetHeight))}})),v&&v.removeChild(t),r.lines&&(n=br(),u=_.map((function(t){var i=wr(s,{class:"".concat(e.splitClass," ").concat(e.lineClass),style:"display: block; text-align: ".concat(w,"; width: 100%;")});return n.appendChild(i),o&&(Zn(i).type="line",Zn(i).top=Zn(t[0]).top,Zn(i).height=l),Jn(t,(function(t,e,n){r.words?i.appendChild(t):r.chars?Jn(t.children,(function(t){i.appendChild(t)})):i.appendChild(Tr(t.textContent)),e!==n.length-1&&i.appendChild(Tr(" "))})),i})),t.replaceChild(n,t.firstChild)),o&&(t.style.width="".concat(t.style.width||f,"px"),t.style.height="".concat(c,"px"),Jn(g,(function(t){var e="line"===Zn(t).type,i=!e&&"line"===Zn(t.parentElement).type;t.style.top="".concat(i?0:Zn(t).top,"px"),t.style.left="".concat(e?p.left:Zn(t).left-(i?p.left:0),"px"),t.style.height="".concat(Zn(t).height,"px"),t.style.width="".concat(e?p.width:Zn(t).width,"px"),t.style.position="absolute"}))),v&&(y?v.insertBefore(t,y):v.appendChild(t)),{lines:u,words:r.words?i:[],chars:h}}var Mr=Un(xr,{}),Dr=function(){function t(e,i){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.isSplit=!1,this.settings=Un(Mr,Xn(i)),this.elements=Gn(e)||[],this.elements.length&&(this.originals=this.elements.map((function(t){return Zn(t,"html",Zn(t).html||t.innerHTML)})),this.settings.types&&this.split())}return Yn(t,null,[{key:"defaults",get:function(){return Mr},set:function(t){Mr=Un(Mr,Xn(t))}}]),Yn(t,[{key:"split",value:function(t){var e=this;this.revert(),this.lines=[],this.words=[],this.chars=[];var i=[window.pageXOffset,window.pageYOffset];void 0!==t&&(this.settings=Un(this.settings,Xn(t))),this.elements.forEach((function(t){var i=Or(t,e.settings),n=i.lines,r=i.words,s=i.chars;e.lines=e.lines.concat(n),e.words=e.words.concat(r),e.chars=e.chars.concat(s),Zn(t).isSplit=!0})),this.isSplit=!0,window.scrollTo(i[0],i[1]),this.elements.forEach((function(t){Vn(Zn(t).nodes||[]).forEach($n)}))}},{key:"revert",value:function(){var t=this;this.isSplit&&(this.lines=null,this.words=null,this.chars=null),this.elements.forEach((function(e){Zn(e).isSplit&&Zn(e).html&&(e.innerHTML=Zn(e).html,e.style.height=Zn(e).cssHeight||"",e.style.width=Zn(e).cssWidth||"",t.isSplit=!1)}))}}]),t}();class kr{constructor(t){this.DOM={animationElems:Array.isArray(t)?t:[t]},this.SplitTypeInstances=[],this.lines=[];for(const t of this.DOM.animationElems){const e=new Dr(t,{types:"lines"});s(e.lines,"div","oh"),this.lines.push(e.lines),this.SplitTypeInstances.push(e)}this.initEvents()}in(){return this.isVisible=!0,qn.killTweensOf(this.lines),qn.timeline({defaults:{duration:1.2,ease:"expo"}}).set(this.lines,{y:"150%",rotate:15}).to(this.lines,{y:"0%",rotate:0,stagger:.04})}out(){return this.isVisible=!1,qn.killTweensOf(this.lines),qn.timeline({defaults:{duration:.7,ease:"power2"}}).to(this.lines,{y:"-150%",rotate:-5,stagger:.02})}initEvents(){window.addEventListener("resize",(()=>{this.lines=[];for(const t of this.SplitTypeInstances)t.split(),s(t.lines,"div","oh"),this.lines.push(t.lines);this.isVisible||qn.set(this.lines,{y:"-150%"})}))}}class Cr{constructor(t,e){this.DOM={el:t,images:t.querySelectorAll(".panel > .panel__img"),title:t.querySelector(".details__content > .details__content-title"),text:t.querySelector(".details__content > .details__content-text"),link:t.querySelector(".details__content > .details__content-link"),closeDetailsCtrl:e},this.textLinesReveal=new kr(this.DOM.text),this.textReveal=new jn([this.DOM.title,this.DOM.link,this.DOM.closeDetailsCtrl])}open(){this.DOM.el.classList.add("details--open"),document.body.classList.add("state-details"),this.textLinesReveal.in(),this.textReveal.in(),qn.killTweensOf(this.DOM.images),qn.timeline({defaults:{duration:2,ease:"expo"}}).set(this.DOM.images,{opacity:0,y:"150%"}).to(this.DOM.images,{opacity:1,y:"0%",stagger:.02})}close(){this.textLinesReveal.out(),this.textReveal.out(),qn.killTweensOf(this.DOM.images),qn.timeline({defaults:{duration:.5,ease:"power2"},onComplete:()=>{this.DOM.el.classList.remove("details--open"),document.body.classList.remove("state-details")}}).to(this.DOM.images,{opacity:0,y:"-150%",stagger:.01})}}let Er={frame:document.querySelector(".frame")};Er.menuCtrl=document.querySelector(".menu-link"),Er.menuWrap=document.querySelector(".menu"),Er.textContent={heading:document.querySelector(".heading"),primary:document.querySelector(".content-primary"),secondary:document.querySelector(".content-secondary")},Er.img=document.querySelector(".deco");let Ar=0;const Sr=new kr([Er.textContent.primary,Er.textContent.secondary]),Ir=new class{constructor(t){this.DOM={el:t,outerImages:t.querySelectorAll(".deco__img-wrap"),innerImages:t.querySelectorAll(".deco__img")}}in(){return qn.killTweensOf([this.DOM.innerImages,this.DOM.outerImages,this.DOM.el]),qn.timeline({defaults:{duration:1.2,ease:"expo"}}).set(this.DOM.el,{y:"10%"}).set(this.DOM.innerImages,{y:"-101%"}).set(this.DOM.outerImages,{y:"101%"}).to([this.DOM.innerImages,this.DOM.outerImages,this.DOM.el],{y:"0%"})}out(){return qn.killTweensOf([this.DOM.innerImages,this.DOM.outerImages,this.DOM.el]),qn.timeline({defaults:{duration:.7,ease:"power2"}}).to([this.DOM.innerImages],{y:"101%"}).to([this.DOM.outerImages],{y:"-101%"},0).to([this.DOM.el],{y:"-10%"},0)}}(Er.img),Pr=new jn([Er.textContent.heading,Er.menuCtrl]),Lr=new class{constructor(t){this.DOM={el:t,items:[...t.querySelectorAll(".menu__item")],links:[...t.querySelectorAll(".menu__item-link")],closeCtrl:t.querySelector(".close--menu"),detailsEl:[...t.querySelectorAll(".menu__item-link")].map((t=>document.querySelector(t.href.substring(t.href.indexOf("#"))))),closeDetailsCtrl:document.querySelector(".details-wrap > .close--details")},this.textReveal=new jn([this.DOM.closeCtrl,...this.DOM.items]),this.detailsInstances=[],this.DOM.detailsEl.forEach((t=>this.detailsInstances.push(new Cr(t,this.DOM.closeDetailsCtrl)))),this.initEvents()}open(){this.DOM.el.classList.add("menu--open"),this.textReveal.in()}close(){this.textReveal.out().then((()=>this.DOM.el.classList.remove("menu--open")))}initEvents(){this.DOM.links.forEach(((t,e)=>{t.addEventListener("click",(t=>{t.preventDefault(),this.openDetails(e)}))})),this.DOM.closeDetailsCtrl.addEventListener("click",(()=>this.closeDetails()))}openDetails(t){this.menuItemCurrent=t,this.detailsInstances[this.menuItemCurrent].open(),this.close()}closeDetails(){-1!==this.menuItemCurrent&&(this.open(),this.detailsInstances[this.menuItemCurrent].close(),this.menuItemCurrent=-1)}}(Er.menuWrap),Rr=()=>{Pr.in(),Sr.in(),Ir.in(),zr()},zr=()=>{qn.to(Er.frame,{duration:1,ease:"expo",opacity:Number(!Ar)})};var Br;Er.menuCtrl.addEventListener("click",(()=>{0===Ar&&(Ar=1,Pr.out(),Sr.out(),Ir.out(),zr(),Lr.open())})),Lr.DOM.closeCtrl.addEventListener("click",(()=>{1===Ar&&(Ar=0,Rr(),Lr.close())})),new Promise(((t,e)=>{r(document.querySelectorAll(Br),{background:!0},t)})).then((()=>{document.body.classList.remove("loading"),Rr()}))}(); \ No newline at end of file diff --git a/dist/index.html b/dist/index.html new file mode 100644 index 0000000..2f07e24 --- /dev/null +++ b/dist/index.html @@ -0,0 +1 @@ +Content Preview and Menu Animation | Codrops

Content Preview and Menu Animation

We are Super.fluid

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image

Velocity

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ Read the story
Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image

Projectiles

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ Read the story
Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image

Gravity

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ Read the story
Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image

Quasimodo

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ Read the story
Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image

Hyperbolic

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ Read the story
Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image Some image

Ganymede

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ Read the story
\ No newline at end of file diff --git a/package.json b/package.json new file mode 100644 index 0000000..6f94cc3 --- /dev/null +++ b/package.json @@ -0,0 +1,31 @@ +{ + "name": "SuperfluidLayout", + "version": "1.0.0", + "description": "", + "main": "dist/index.html", + "scripts": { + "start": "parcel src/index.html --open", + "clean": "rm -rf dist/*", + "build:parcel": "parcel build src/index.html --no-content-hash --no-source-maps --public-url ./", + "build": "npm run clean && npm run build:parcel" + }, + "repository": { + "type": "git", + "url": "git://github.com/codrops/SuperfluidLayout.git" + }, + "keywords": [], + "author": "Codrops", + "license": "MIT", + "homepage": "https://tympanus.net/codrops", + "bugs": { + "url": "https://github.com/codrops/SuperfluidLayout/issues" + }, + "devDependencies": { + "parcel": "latest" + }, + "dependencies": { + "gsap": "^3.7.1", + "imagesloaded": "^4.1.4", + "split-type": "^0.2.5" + } +} diff --git a/src/css/base.css b/src/css/base.css new file mode 100644 index 0000000..afd618a --- /dev/null +++ b/src/css/base.css @@ -0,0 +1,513 @@ +*, +*::after, +*::before { + box-sizing: border-box; +} + +:root { + font-size: 18px; +} + +body { + margin: 0; + --color-text: #111; + --color-bg: #F7F5F3; + --color-link: #999; + --color-link-hover: #000; + --font-size-xlarge: 2rem; + --font-size-large: 1.5rem; + --font-size-medium: 1.25rem; + --font-size-small: 1rem; + --color-menu: #000; + --color-menu-hover: #e93f33; + color: var(--color-text); + background-color: var(--color-bg); + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Page Loader */ +.js .loading::before, +.js .loading::after { + content: ''; + position: fixed; + z-index: 1000; +} + +.js .loading::before { + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--color-bg); +} + +.js .loading::after { + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + border-radius: 50%; + opacity: 0.4; + background: var(--color-link); + animation: loaderAnim 0.7s linear infinite alternate forwards; + +} + +@keyframes loaderAnim { + to { + opacity: 1; + transform: scale3d(0.5,0.5,1); + } +} + +a { + text-decoration: underline; + color: var(--color-link); + outline: none; +} + +a:hover { + text-decoration: none; + color: var(--color-link-hover); + outline: none; +} + +/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ +a:focus { + /* Provide a fallback style for browsers + that don't support :focus-visible */ + outline: none; + background: lightgrey; +} + +a:focus:not(:focus-visible) { + /* Remove the focus indicator on mouse-focus for browsers + that do support :focus-visible */ + background: transparent; +} + +a:focus-visible { + /* Draw a very noticeable focus style for + keyboard-focus on browsers that do support + :focus-visible */ + outline: 2px solid red; + background: transparent; +} + +.unbutton { + background: none; + border: 0; + padding: 0; + margin: 0; + cursor: pointer; + font: inherit; +} + +.unbutton:focus { + outline: none; +} + +main { + padding: 1.5rem; + display: grid; + height: 100vh; + align-content: space-between; + grid-gap: 0.5rem; + grid-template-columns: 1fr auto; + grid-template-areas: 'frame menu' + 'heading heading' + 'content content' + 'content content' + 'deco deco' + 'footer footer'; + +} + +.frame { + grid-area: frame; + color: var(--color-link); + margin-bottom: 1rem; +} + +.frame__title { + font-size: 1rem; + margin: 0; + font-weight: normal; +} + +.frame__links { + display: block; +} + +.frame__links a:not(:last-child) { + margin-right: 0.5rem; +} + +.line { + transform-origin: 0% 50%; + padding-bottom: 0.35rem; + white-space: nowrap; + will-change: transform; +} + +.oh { + overflow: hidden; +} + +.oh__inner { + display: inline-block; + transform-origin: 0% 50%; + will-change: transform; +} + +.content { + display: flex; + flex-direction: column; + width: 100vw; + height: calc(100vh - 13rem); + position: relative; + justify-content: flex-start; + align-items: center; +} + +.heading { + grid-area: heading; + font-size: var(--font-size-large); + margin: 0 0 2rem 0; + font-weight: normal; + align-self: start; + line-height: 1.4; +} + +.heading strong { + font-weight: 600; +} + +.content-primary { + grid-area: content; + line-height: 1; + font-size: var(--font-size-large); +} + +.content-secondary { + grid-area: footer; + line-height: 1; + margin: 0; + align-self: end; + font-size: var(--font-size-small); + max-width: 400px; +} + +.deco { + grid-area: deco; +} + +.deco__img-wrap { + position: relative; + overflow: hidden; + width: 25vw; + min-width: 250px; + max-width: 400px; + margin-bottom: 1rem; + will-change: transform; +} + +.deco__img-wrap--upper { + height: 5vh; +} + +.deco__img-wrap--lower { + height: 25vh; +} + +.deco__img { + background: url(../img/1.jpg) no-repeat 50% 0%; + width: 100%; + height: 100%; + will-change: transform; +} + +.deco__img--lower { + background-position: 50% -5vh; +} + +.menu-link { + align-self: start; + justify-self: end; + line-height: 1; + grid-area: menu; + overflow: hidden; + position: relative; + padding: 0 0 5px; + font-size: var(--font-size-medium); +} + +.menu--open ~ .menu-link, +.state-details .menu-link { + pointer-events: none; +} + +.menu-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 7%; + width: 100%; + background: currentColor; + transition: transform 0.4s ease; + transform-origin: 100% 50%; +} + +.menu-link:hover::after, +.menu--open ~ .menu-link::after, +.state-details .menu-link::after { + transform: scale3d(0,1,1); + transform-origin: 0% 50%; +} + +.menu { + position: fixed; + pointer-events: none; + z-index: 100; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100vh; + display: grid; + grid-template-columns: auto auto auto; + align-content: center; + justify-content: center; + counter-reset: menucounter; +} + +.menu--open { + pointer-events: auto; + opacity: 1; +} + +.state-details .menu { + pointer-events: none; +} + +.menu__item { + grid-column: 2; + line-height: 1; + display: block; + position: relative; +} + +.menu__item-link { + text-decoration: none; + line-height: 1.25; + margin-top: calc( -0.15 * var(--font-size-xlarge)); + font-size: var(--font-size-xlarge); + cursor: pointer; + position: relative; + padding: 0 calc( 0.45 * var(--font-size-xlarge)); + color: var(--color-menu); +} + +.menu__item-link:hover { + color: var(--color-menu-hover); +} + +.menu__item-link::before { + position: absolute; + left: 0; + top: 18%; + text-align: right; + counter-increment: menucounter; + content: counters(menucounter, ".", decimal-leading-zero); + opacity: 0; + line-height: 1; + padding-right: 0.5rem; + display: grid; + place-items: center; + font-size: var(--font-size-small); + color: var(--color-text); + transform: scale3d(0,0,0); +} + +.menu__item-link:hover::before { + opacity: 1; + transform: scale3d(1,1,1); +} + +.close { + position: absolute; + top: 1rem; + right: 1.5rem; + font-size: 3rem; + line-height: 1; + opacity: 0; + pointer-events: none; +} + +.close:hover { + color: var(--color-menu); +} + +.menu--open .close { + opacity: 1; + pointer-events: auto; +} + +.state-details .close { + pointer-events: none; +} + +.details-wrap, +.details { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; +} + +.details-wrap { + overflow: hidden; +} + +.panel { + position: absolute; + width: 100%; + height: 100%; + top: 0%; + left: 0%; + display: grid; + grid-template-columns: repeat(50, 2%); + grid-template-rows: repeat(50, 2%); + --grid-row: 1; + --grid-column: 1; + transform: rotate3d(0,0,1,-35deg); + opacity: 0.5; +} + +.panel__img { + grid-area: var(--grid-row) / var(--grid-column) / span 12 / span 5; + will-change: transform; +} + +.pos-1 { --grid-row: 10; --grid-column: 1; } +.pos-2 { --grid-row: 1; --grid-column: 18; } +.pos-3 { --grid-row: 1; --grid-column: 29; } +.pos-4 { --grid-row: 15; --grid-column: 12; } +.pos-5 { --grid-row: 17; --grid-column: 25; } +.pos-6 { --grid-row: 20; --grid-column: 43; } +.pos-7 { --grid-row: 35; --grid-column: 5; } +.pos-8 { --grid-row: 40; --grid-column: 14; } +.pos-9 { --grid-row: 37; --grid-column: 29; } +.pos-10 { --grid-row: 35; --grid-column: 42; } +.pos-11 { --grid-row: 7; --grid-column: 46; } +.pos-12 { --grid-row: 32; --grid-column: 20; } +.pos-13 { --grid-row: 22; --grid-column: 2; } +.pos-14 { --grid-row: 9; --grid-column: 38; } +.pos-15 { --grid-row: 4; --grid-column: 7; } +.pos-16 { --grid-row: 28; --grid-column: 36; } + +.panel__img { + width: 100px; +} + +.details { + display: grid; + place-items: center; + pointer-events: none; + opacity: 0; +} + +.details--open { + pointer-events: auto; + opacity: 1; +} + +.details--open ~ .close--details { + opacity: 1; + pointer-events: auto; +} + +.details__content { + padding: 1.5rem; + margin: 0 auto; + position: relative; +} + +.details__content-title { + font-weight: normal; + margin: 0; + font-size: var(--font-size-xlarge); +} + +.details__content-text { + line-height: 1; + max-width: 640px; + font-size: var(--font-size-medium); +} + +.details__content-link { + position: relative; + display: inline-block; + font-size: var(--font-size-small); + color: var(--color-text); + cursor: pointer; + text-decoration: none; + font-weight: 600; +} + +.details__content-link:hover { + color: var(--color-menu-hover); +} + +@media screen and (min-width: 53em) { + body { + overflow: hidden; + --font-size-xlarge: 11vh; + --font-size-large: 3.5vw; + --font-size-medium: 2.75vw; + --font-size-small: 1.65vw; + } + main { + grid-gap: 0; + height: 100vh; + grid-template-columns: 45% 1fr; + grid-template-areas: 'heading menu' + 'content ...' + 'content deco' + '... deco' + 'footer deco' + 'footer frame'; + + } + .line { + padding-bottom: 0.5vw; + } + .frame { + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + } + .frame__links { + margin-left: 2rem; + display: inline-block; + } + .deco { + align-self: end; + justify-self: end; + } + .content { + height: 100vh; + justify-content: center; + } + .details__content { + width: 50%; + padding: 0.5rem; + } +} diff --git a/src/favicon.ico b/src/favicon.ico new file mode 100644 index 0000000..bd8ce02 Binary files /dev/null and b/src/favicon.ico differ diff --git a/src/img/1.jpg b/src/img/1.jpg new file mode 100644 index 0000000..4e2b67b Binary files /dev/null and b/src/img/1.jpg differ diff --git a/src/img/10.jpg b/src/img/10.jpg new file mode 100644 index 0000000..f785951 Binary files /dev/null and b/src/img/10.jpg differ diff --git a/src/img/11.jpg b/src/img/11.jpg new file mode 100644 index 0000000..ef9189b Binary files /dev/null and b/src/img/11.jpg differ diff --git a/src/img/12.jpg b/src/img/12.jpg new file mode 100644 index 0000000..3f7075c Binary files /dev/null and b/src/img/12.jpg differ diff --git a/src/img/13.jpg b/src/img/13.jpg new file mode 100644 index 0000000..dd5dc0e Binary files /dev/null and b/src/img/13.jpg differ diff --git a/src/img/14.jpg b/src/img/14.jpg new file mode 100644 index 0000000..9c40c71 Binary files /dev/null and b/src/img/14.jpg differ diff --git a/src/img/15.jpg b/src/img/15.jpg new file mode 100644 index 0000000..db44904 Binary files /dev/null and b/src/img/15.jpg differ diff --git a/src/img/16.jpg b/src/img/16.jpg new file mode 100644 index 0000000..9e693e8 Binary files /dev/null and b/src/img/16.jpg differ diff --git a/src/img/17.jpg b/src/img/17.jpg new file mode 100644 index 0000000..efb918d Binary files /dev/null and b/src/img/17.jpg differ diff --git a/src/img/18.jpg b/src/img/18.jpg new file mode 100644 index 0000000..7a23c80 Binary files /dev/null and b/src/img/18.jpg differ diff --git a/src/img/19.jpg b/src/img/19.jpg new file mode 100644 index 0000000..6b132fe Binary files /dev/null and b/src/img/19.jpg differ diff --git a/src/img/2.jpg b/src/img/2.jpg new file mode 100644 index 0000000..199610f Binary files /dev/null and b/src/img/2.jpg differ diff --git a/src/img/20.jpg b/src/img/20.jpg new file mode 100644 index 0000000..b02aaef Binary files /dev/null and b/src/img/20.jpg differ diff --git a/src/img/21.jpg b/src/img/21.jpg new file mode 100644 index 0000000..679a891 Binary files /dev/null and b/src/img/21.jpg differ diff --git a/src/img/3.jpg b/src/img/3.jpg new file mode 100644 index 0000000..2bf15fa Binary files /dev/null and b/src/img/3.jpg differ diff --git a/src/img/4.jpg b/src/img/4.jpg new file mode 100644 index 0000000..63c398f Binary files /dev/null and b/src/img/4.jpg differ diff --git a/src/img/5.jpg b/src/img/5.jpg new file mode 100644 index 0000000..c5b3740 Binary files /dev/null and b/src/img/5.jpg differ diff --git a/src/img/6.jpg b/src/img/6.jpg new file mode 100644 index 0000000..4443ad6 Binary files /dev/null and b/src/img/6.jpg differ diff --git a/src/img/7.jpg b/src/img/7.jpg new file mode 100644 index 0000000..3e4e922 Binary files /dev/null and b/src/img/7.jpg differ diff --git a/src/img/8.jpg b/src/img/8.jpg new file mode 100644 index 0000000..65b9de7 Binary files /dev/null and b/src/img/8.jpg differ diff --git a/src/img/9.jpg b/src/img/9.jpg new file mode 100644 index 0000000..2a38fbb Binary files /dev/null and b/src/img/9.jpg differ diff --git a/src/index.html b/src/index.html new file mode 100755 index 0000000..0845f05 --- /dev/null +++ b/src/index.html @@ -0,0 +1,205 @@ + + + + + + Content Preview and Menu Animation | Codrops + + + + + + + + +
+ +
+

Content Preview and Menu Animation

+ +
+ + + + + +

We are Super.fluid

+ +

Flowing without any loss of kinetic energy — stir us and we form vortices that continue to rotate indefinitely.

+ +

Not all Bose–Einstein condensates can be regarded as superfluids, and not all superfluids are Bose–Einstein condensates.

+ + + +
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Velocity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Projectiles

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Gravity

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Quasimodo

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Hyperbolic

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+
+
+ Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image + Some image +
+
+

Ganymede

+

Incredible as this seems to our ordinary ideas, it is undoubtedly an understatement rather than an exaggeration of the true proportion as observed in the case of koilon.

+ + Read the story +
+
+ +
+
+ + + diff --git a/src/js/details.js b/src/js/details.js new file mode 100644 index 0000000..7d3bec0 --- /dev/null +++ b/src/js/details.js @@ -0,0 +1,58 @@ +import { TextReveal } from './textReveal'; +import { TextLinesReveal } from './textLinesReveal'; +import gsap from 'gsap'; + +export class Details { + constructor(el, closeDetailsCtrl) { + this.DOM = { + el: el, + images: el.querySelectorAll('.panel > .panel__img'), + title: el.querySelector('.details__content > .details__content-title'), + text: el.querySelector('.details__content > .details__content-text'), + link: el.querySelector('.details__content > .details__content-link'), + closeDetailsCtrl: closeDetailsCtrl + }; + + // textLinesReveal obj (this.DOM.text animation) + this.textLinesReveal = new TextLinesReveal(this.DOM.text); + // TextReveal obj (this.DOM.title and this.DOM.link animation) + this.textReveal = new TextReveal([this.DOM.title, this.DOM.link, this.DOM.closeDetailsCtrl]); + } + open() { + this.DOM.el.classList.add('details--open'); + document.body.classList.add('state-details'); + + this.textLinesReveal.in(); + this.textReveal.in(); + + gsap.killTweensOf(this.DOM.images); + gsap.timeline({defaults: {duration: 2, ease: 'expo'}}) + .set(this.DOM.images, { + opacity: 0, + y: '150%' + }) + .to(this.DOM.images, { + opacity: 1, + y: '0%', + stagger: 0.02 + }); + } + close() { + this.textLinesReveal.out(); + this.textReveal.out(); + + gsap.killTweensOf(this.DOM.images); + gsap.timeline({ + defaults: {duration: 0.5, ease: 'power2'}, + onComplete: () => { + this.DOM.el.classList.remove('details--open'); + document.body.classList.remove('state-details'); + } + }) + .to(this.DOM.images, { + opacity: 0, + y: '-150%', + stagger: 0.01 + }); + } +} \ No newline at end of file diff --git a/src/js/imgReveal.js b/src/js/imgReveal.js new file mode 100644 index 0000000..aad3b31 --- /dev/null +++ b/src/js/imgReveal.js @@ -0,0 +1,42 @@ +import SplitType from 'split-type'; +import { wrapLines } from './utils'; +import { gsap } from 'gsap'; + +export class ImgReveal { + constructor(el) { + this.DOM = { + el: el, + outerImages: el.querySelectorAll('.deco__img-wrap'), + innerImages: el.querySelectorAll('.deco__img') + }; + } + in() { + gsap.killTweensOf([this.DOM.innerImages,this.DOM.outerImages,this.DOM.el]); + return gsap.timeline({defaults: {duration: 1.2, ease: 'expo'}}) + .set(this.DOM.el, { + y: '10%' + }) + .set(this.DOM.innerImages, { + y: '-101%' + }) + .set(this.DOM.outerImages, { + y: '101%' + }) + .to([this.DOM.innerImages,this.DOM.outerImages,this.DOM.el], { + y: '0%' + }); + } + out() { + gsap.killTweensOf([this.DOM.innerImages,this.DOM.outerImages,this.DOM.el]); + return gsap.timeline({defaults: {duration: 0.7, ease: 'power2'}}) + .to([this.DOM.innerImages], { + y: '101%' + }) + .to([this.DOM.outerImages], { + y: '-101%' + }, 0) + .to([this.DOM.el], { + y: '-10%' + }, 0); + } +} \ No newline at end of file diff --git a/src/js/index.js b/src/js/index.js new file mode 100644 index 0000000..d4f6ac9 --- /dev/null +++ b/src/js/index.js @@ -0,0 +1,95 @@ +import { preloadImages } from './utils'; +import { Menu } from './menu'; +import { TextReveal } from './textReveal'; +import { TextLinesReveal } from './textLinesReveal'; +import { ImgReveal } from './imgReveal'; +import { gsap } from 'gsap'; + +// DOM elements: +let DOM = { + frame: document.querySelector('.frame') +}; +// menu button +DOM.menuCtrl = document.querySelector('.menu-link'); +// menu container +DOM.menuWrap = document.querySelector('.menu'); +// text content elements +DOM.textContent = { + heading: document.querySelector('.heading'), + primary: document.querySelector('.content-primary'), + secondary: document.querySelector('.content-secondary') +}; +// image +DOM.img = document.querySelector('.deco'); + +// page state +let state = 0; + +// text lines reveal obj +const textLinesReveal = new TextLinesReveal([DOM.textContent.primary, DOM.textContent.secondary]); + +// Image reveal obj +const imgReveal = new ImgReveal(DOM.img); + +// Other text animations +const textReveal = new TextReveal([DOM.textContent.heading, DOM.menuCtrl]); + +// Menu +const menu = new Menu(DOM.menuWrap); + + +// show the initial texts and images +const showContent = () => { + textReveal.in(); + // show texts (slide in) + textLinesReveal.in(); + // show image + imgReveal.in(); + // also show frame + toggleFrame(); +}; + +// hide the initial texts, images, and frame +const hideContent = () => { + // hide texts + textReveal.out(); + // hide texts (lines) + textLinesReveal.out(); + // hide image(s) + imgReveal.out(); + // also hide frame + toggleFrame(); +}; + +// show/hide frame elements +const toggleFrame = () => { + gsap.to(DOM.frame, { + duration: 1, + ease: 'expo', + opacity: Number(!state) + }); +}; + +// Clicking the menu button will open the menu +DOM.menuCtrl.addEventListener('click', () => { + if ( state !== 0 ) return; + state = 1; + hideContent(); + menu.open(); +}); + +// Close the menu and back to initial page +menu.DOM.closeCtrl.addEventListener('click', () => { + if ( state !== 1 ) return; + state = 0; + showContent(); + menu.close(); +}); + +// Preload images +preloadImages().then(() => { + // Remove loader (loading class) + document.body.classList.remove('loading'); + // show content + showContent(); +}); \ No newline at end of file diff --git a/src/js/menu.js b/src/js/menu.js new file mode 100644 index 0000000..d3d2ae4 --- /dev/null +++ b/src/js/menu.js @@ -0,0 +1,65 @@ +import { TextReveal } from './textReveal'; +import { Details } from './details'; + +export class Menu { + constructor(el) { + this.DOM = { + el: el, + items: [...el.querySelectorAll('.menu__item')], + links: [...el.querySelectorAll('.menu__item-link')], + closeCtrl: el.querySelector('.close--menu'), + // .details HTML elements (one per menu item) + detailsEl: [...el.querySelectorAll('.menu__item-link')].map(item => document.querySelector(item.href.substring(item.href.indexOf('#')))), + // close details/images page + closeDetailsCtrl: document.querySelector('.details-wrap > .close--details') + }; + // text reveal animations (both the close control and the menu items will slide in/out) + this.textReveal = new TextReveal([this.DOM.closeCtrl,...this.DOM.items]); + // Details instances + this.detailsInstances = []; + this.DOM.detailsEl.forEach(detailsEl => this.detailsInstances.push(new Details(detailsEl, this.DOM.closeDetailsCtrl))); + this.initEvents(); + } + // open the menu (animate the menu items in) + open() { + this.DOM.el.classList.add('menu--open'); + // show menu items and show close ctrl + this.textReveal.in(); + } + // close the menu (animate the menu items out) + close() { + this.textReveal.out().then(() => this.DOM.el.classList.remove('menu--open')); + } + initEvents() { + // clicking a menu link will open the gallery + this.DOM.links.forEach((link, pos) => { + link.addEventListener('click', ev => { + ev.preventDefault(); + this.openDetails(pos); + }); + }); + + this.DOM.closeDetailsCtrl.addEventListener('click', () => this.closeDetails()); + } + openDetails(pos) { + // save position + this.menuItemCurrent = pos; + + // show the details + this.detailsInstances[this.menuItemCurrent].open(); + + // close the menu (animate the menu items out) + this.close(); + } + closeDetails() { + if ( this.menuItemCurrent === -1 ) return; + + // open the menu (animate the menu items in) + this.open(); + + this.detailsInstances[this.menuItemCurrent].close(); + + // reset + this.menuItemCurrent = -1; + } +} \ No newline at end of file diff --git a/src/js/textLinesReveal.js b/src/js/textLinesReveal.js new file mode 100644 index 0000000..1675094 --- /dev/null +++ b/src/js/textLinesReveal.js @@ -0,0 +1,80 @@ +import SplitType from 'split-type'; +import { wrapLines } from './utils'; +import { gsap } from 'gsap'; + +export class TextLinesReveal { + constructor(animationElems) { + this.DOM = { + animationElems: Array.isArray(animationElems) ? animationElems : [animationElems] + }; + + // array of SplitType instances + this.SplitTypeInstances = []; + // array of all HTML .line + this.lines = []; + + for (const el of this.DOM.animationElems) { + const SplitTypeInstance = new SplitType(el, { types: 'lines' }); + // wrap the lines (div with class .oh) + // the inner child will be the one animating the transform + wrapLines(SplitTypeInstance.lines, 'div', 'oh'); + this.lines.push(SplitTypeInstance.lines); + // keep a reference to the SplitType instance + this.SplitTypeInstances.push(SplitTypeInstance); + } + + this.initEvents(); + } + in() { + // lines are visible + this.isVisible = true; + + // animation + gsap.killTweensOf(this.lines); + return gsap.timeline({defaults: {duration: 1.2, ease: 'expo'}}) + .set(this.lines, { + y: '150%', + rotate: 15 + }) + .to(this.lines, { + y: '0%', + rotate: 0, + stagger: 0.04 + }); + } + out() { + // lines are invisible + this.isVisible = false; + + // animation + gsap.killTweensOf(this.lines); + return gsap.timeline({ + defaults: {duration: 0.7, ease: 'power2'} + }) + .to(this.lines, { + y: '-150%', + rotate: -5, + stagger: 0.02 + }); + } + initEvents() { + window.addEventListener('resize', () => { + // empty the lines array + this.lines = []; + // re initialize the Split Text + for (const instance of this.SplitTypeInstances) { + // re-split text + // https://github.com/lukePeavey/SplitType#instancesplitoptions-void + instance.split(); + + // need to wrap again the new lines elements (div with class .oh) + wrapLines(instance.lines, 'div', 'oh'); + this.lines.push(instance.lines); + } + // hide the lines + if ( !this.isVisible ) { + gsap.set(this.lines, {y: '-150%'}); + } + }); + } +} \ No newline at end of file diff --git a/src/js/textReveal.js b/src/js/textReveal.js new file mode 100644 index 0000000..2c13036 --- /dev/null +++ b/src/js/textReveal.js @@ -0,0 +1,40 @@ +import { gsap } from 'gsap'; + +export class TextReveal { + constructor(el) { + this.DOM = { + outer: el, + inner: Array.isArray(el) ? el.map(outer => outer.querySelector('.oh__inner')) : el.querySelector('.oh__inner') + } + } + in() { + if ( this.outTimeline && this.outTimeline.isActive() ) { + this.outTimeline.kill(); + } + + this.inTimeline = gsap.timeline({defaults: {duration: 1.2, ease: 'expo'}}) + .set(this.DOM.inner, { + y: '150%', + rotate: 15 + }) + .to(this.DOM.inner, { + y: '0%', + rotate: 0, + stagger: 0.03 + }); + return this.inTimeline; + } + out() { + if ( this.inTimeline && this.inTimeline.isActive() ) { + this.inTimeline.kill(); + } + + this.outTimeline = gsap.timeline({defaults: {duration: 0.7, ease: 'power2'}}) + .to(this.DOM.inner, { + y: '-150%', + rotate: -5, + stagger: 0.03 + }); + return this.outTimeline; + } +} \ No newline at end of file diff --git a/src/js/utils.js b/src/js/utils.js new file mode 100644 index 0000000..97f5264 --- /dev/null +++ b/src/js/utils.js @@ -0,0 +1,24 @@ +const imagesLoaded = require('imagesloaded'); + +// Preload images +const preloadImages = (selector) => { + return new Promise((resolve, reject) => { + imagesLoaded(document.querySelectorAll(selector), {background: true}, resolve); + }); +}; + +// wrap each element of an array +// elems - the array of elements to wrap +// wrapType - type of wrapper ('div', 'span' etc) +// wrapClass - wrapper class(s) +const wrapLines = (elems, wrapType, wrapClass) => { + elems.forEach(char => { + // add a wrap for every char (overflow hidden) + const wrapEl = document.createElement(wrapType); + wrapEl.classList = wrapClass; + char.parentNode.appendChild(wrapEl); + wrapEl.appendChild(char); + }); + } + +export {preloadImages, wrapLines}; \ No newline at end of file