From 522426fb21f5ee4884e81c16c267bec9f03db67b Mon Sep 17 00:00:00 2001 From: Rob MacKinnon Date: Fri, 10 Apr 2026 20:31:21 -0700 Subject: [PATCH] Feature: Addition of base files for 2026 Collab Summit --- .../events/zurich-summit-2026/index.html | 613 ++++ .../events/zurich-summit-2026/style.css | 2687 +++++++++++++++++ 2 files changed, 3300 insertions(+) create mode 100644 website/static/events/zurich-summit-2026/index.html create mode 100644 website/static/events/zurich-summit-2026/style.css diff --git a/website/static/events/zurich-summit-2026/index.html b/website/static/events/zurich-summit-2026/index.html new file mode 100644 index 00000000000..5e012bb03d7 --- /dev/null +++ b/website/static/events/zurich-summit-2026/index.html @@ -0,0 +1,613 @@ + + + + + + + Open Visualization Collaborator Summit 2026 + + + + + + + +
+
+ +
+
+ +
+
+
+
+
+

+ + + + + + + + ETH Hönggerberg
+ Building HCI Room J3
+ Wolfgang-Pauli-Strasse 10
+ 8049 Zürich, Switzerland +

+
+
+

+ On October 9-10, 2026, come together with the + vis.gl/deck.gl + community to discuss the present & future of the leading open source + library for visualization in the Web. +

+
+
+ +
+

+ At the Open Visualization Collaborator Summit, we’ll bring together an international audience of developers to discuss how they are using open-source tools to build applications for geospatial analysis, biological research, AI training, and beyond. + Our goal is to foster collaboration, encourage contributions, and shape the future of open-source visualization across disciplines. +

+

RESISTRATION OPENING SOON!

+ +
+ +
+
+

Where?

+

+ We'll be hosting the 2026 Open Visualization Collaborator Summit + at ETH's Hönggerberg HCI building in Zürich, Switzerland. +

+
+
+ ETH Hönggerberg +
+
+ +
+ +
+ +
+
+ Gathering at ETHZ +
+
+

Who?

+

+ We are contributors who maintain open-source libraries at the heart of the Open Visualization community — including deck.gl, kepler.gl, GeoDa, and cosmos.gl; + developers who build amazing applications with them; + and folks who are passionate about data visualization in general. + Come along to dive into topics like browser-based rendering, GPU-accelerated data processing, and scientific visualization. + Share your work, meet others facing + similar challenges, and help define the future of the open visualization ecosystem. +

+
+
+ +
+

Agenda

+ +
+

+ To be announced +

+
+ + + +
+
+
+ +
+ +
+
+

This year's event is looking for support. If your organization is interested in sponsoring, or providing an in-kind donation, please feel free to contact us.

+ +
+ +
+
+
Copyright OpenJS Foundation and vis.gl contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

The OpenJS Foundation | Terms of Use | Privacy Policy | Bylaws | Code of Conduct | Trademark Policy | Trademark List | Cookie Policy
+
+
+
+ + + diff --git a/website/static/events/zurich-summit-2026/style.css b/website/static/events/zurich-summit-2026/style.css new file mode 100644 index 00000000000..b07b8514bf5 --- /dev/null +++ b/website/static/events/zurich-summit-2026/style.css @@ -0,0 +1,2687 @@ +* { + box-sizing: border-box +} + +body, +html { + height: 100% +} + +body { + color: #2e3c43; + font-family: "Open sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 20px; + line-height: 32px; + -webkit-font-smoothing: antialiased; + -webkit-text-rendering: optimizeLegibility; + text-rendering: optimizeLegibility +} + +a { + color: #1785fb; + text-decoration: none +} + +a:hover { + text-decoration: underline +} + +button { + border: 0; + cursor: pointer; + font-family: "Open sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + margin: 0; + outline: 0 +} + +iframe, +img { + max-width: 100%; + vertical-align: bottom +} + +@media (max-width:600px) { + iframe { + width: 1px; + min-width: 100% + } +} + +sup { + font-size: 85%; + position: relative; + top: -6px +} + +a, +b, +body, +center, +div, +embed, +footer, +h1, +h2, +h3, +h4, +h5, +h6, +header, +html, +i, +iframe, +img, +p, +s, +section, +sup, +table, +time, +u { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline +} + +footer, +header, +section { + display: block +} + +body { + line-height: 1 +} + +table { + border-collapse: collapse; + border-spacing: 0 +} + +.f84 { + font-size: 84px; + line-height: 96px; + letter-spacing: -1px +} + +.f64 { + font-size: 64px; + line-height: 72px; + letter-spacing: -.5px +} + +.f48 { + font-size: 48px; + line-height: 56px; + letter-spacing: -.3px +} + +.f36 { + font-size: 36px; + line-height: 44px; + letter-spacing: -.2px +} + +.f32 { + font-size: 32px; + line-height: 40px; + letter-spacing: -.1px +} + +.f24 { + font-size: 24px; + line-height: 32px; + letter-spacing: 0 +} + +.f20 { + font-size: 20px; + line-height: 28px; + letter-spacing: 0 +} + +.f18 { + font-size: 18px; + line-height: 26px; + letter-spacing: 0 +} + +.f16 { + font-size: 16px; + line-height: 24px; + letter-spacing: 0 +} + +.f12 { + font-size: 12px; + line-height: 16px; + letter-spacing: 0 +} + +@media (max-width:600px) { + .f84--mobile { + font-size: 84px; + line-height: 96px; + letter-spacing: -1px + } + + .f64--mobile { + font-size: 64px; + line-height: 72px; + letter-spacing: -.5px + } + + .f48--mobile { + font-size: 48px; + line-height: 56px; + letter-spacing: -.3px + } + + .f36--mobile { + font-size: 36px; + line-height: 44px; + letter-spacing: -.2px + } + + .f32--mobile { + font-size: 32px; + line-height: 40px; + letter-spacing: -.1px + } + + .f24--mobile { + font-size: 24px; + line-height: 32px; + letter-spacing: 0 + } + + .f20--mobile { + font-size: 20px; + line-height: 28px; + letter-spacing: 0 + } + + .f18--mobile { + font-size: 18px; + line-height: 26px; + letter-spacing: 0 + } + + .f16--mobile { + font-size: 16px; + line-height: 24px; + letter-spacing: 0 + } + + .f12--mobile { + font-size: 12px; + line-height: 16px; + letter-spacing: 0 + } +} + +@media (max-width:800px) { + .f84--tablet { + font-size: 84px; + line-height: 96px; + letter-spacing: -1px + } + + .f64--tablet { + font-size: 64px; + line-height: 72px; + letter-spacing: -.5px + } + + .f48--tablet { + font-size: 48px; + line-height: 56px; + letter-spacing: -.3px + } + + .f36--tablet { + font-size: 36px; + line-height: 44px; + letter-spacing: -.2px + } + + .f32--tablet { + font-size: 32px; + line-height: 40px; + letter-spacing: -.1px + } + + .f24--tablet { + font-size: 24px; + line-height: 32px; + letter-spacing: 0 + } + + .f20--tablet { + font-size: 20px; + line-height: 28px; + letter-spacing: 0 + } + + .f18--tablet { + font-size: 18px; + line-height: 26px; + letter-spacing: 0 + } + + .f16--tablet { + font-size: 16px; + line-height: 24px; + letter-spacing: 0 + } + + .f12--tablet { + font-size: 12px; + line-height: 16px; + letter-spacing: 0 + } +} + +@media (max-width:1224px) { + .f84--desktop-s { + font-size: 84px; + line-height: 96px; + letter-spacing: -1px + } + + .f64--desktop-s { + font-size: 64px; + line-height: 72px; + letter-spacing: -.5px + } + + .f48--desktop-s { + font-size: 48px; + line-height: 56px; + letter-spacing: -.3px + } + + .f36--desktop-s { + font-size: 36px; + line-height: 44px; + letter-spacing: -.2px + } + + .f32--desktop-s { + font-size: 32px; + line-height: 40px; + letter-spacing: -.1px + } + + .f24--desktop-s { + font-size: 24px; + line-height: 32px; + letter-spacing: 0 + } + + .f20--desktop-s { + font-size: 20px; + line-height: 28px; + letter-spacing: 0 + } + + .f18--desktop-s { + font-size: 18px; + line-height: 26px; + letter-spacing: 0 + } + + .f16--desktop-s { + font-size: 16px; + line-height: 24px; + letter-spacing: 0 + } + + .f12--desktop-s { + font-size: 12px; + line-height: 16px; + letter-spacing: 0 + } +} + +@media (min-width:1632px) { + .f84--desktop-l { + font-size: 84px; + line-height: 96px; + letter-spacing: -1px + } + + .f64--desktop-l { + font-size: 64px; + line-height: 72px; + letter-spacing: -.5px + } + + .f48--desktop-l { + font-size: 48px; + line-height: 56px; + letter-spacing: -.3px + } + + .f36--desktop-l { + font-size: 36px; + line-height: 44px; + letter-spacing: -.2px + } + + .f32--desktop-l { + font-size: 32px; + line-height: 40px; + letter-spacing: -.1px + } + + .f24--desktop-l { + font-size: 24px; + line-height: 32px; + letter-spacing: 0 + } + + .f20--desktop-l { + font-size: 20px; + line-height: 28px; + letter-spacing: 0 + } + + .f18--desktop-l { + font-size: 18px; + line-height: 26px; + letter-spacing: 0 + } + + .f16--desktop-l { + font-size: 16px; + line-height: 24px; + letter-spacing: 0 + } + + .f12--desktop-l { + font-size: 12px; + line-height: 16px; + letter-spacing: 0 + } +} + +.title { + font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: 600 +} + +.is-bgWhite { + background: #fff +} + +.is-txtWhite { + color: #fff +} + +.container { + max-width: 960px; + margin: 0 auto +} + +.grid-cell { + padding-right: 12px; + padding-left: 12px +} + +.grid { + display: flex; + flex-wrap: wrap; + flex: 1 +} + +.grid.grid--column { + flex-direction: column +} + +@media (max-width:1224px) { + .container { + max-width: 960px + } + + .grid-cell { + padding-right: 12px; + padding-left: 12px + } +} + +@media (max-width:600px) { + .grid-cell { + padding-right: 4px; + padding-left: 4px + } +} + +@media (min-width:1224px) { + .container { + max-width: 1224px + } + + .grid-cell { + padding-right: 12px; + padding-left: 12px + } +} + +@media (min-width:1632px) { + .container { + max-width: 1632px + } + + .grid-cell { + padding-right: 16px; + padding-left: 16px + } +} + +.grid-cell--col0 { + flex: 0 0 0%; + max-width: 0% +} + +.grid-cell--col1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333% +} + +.grid-cell--col2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667% +} + +.grid-cell--col3 { + flex: 0 0 25%; + max-width: 25% +} + +.grid-cell--col4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333% +} + +.grid-cell--col5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667% +} + +.grid-cell--col6 { + flex: 0 0 50%; + max-width: 50% +} + +.grid-cell--col7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333% +} + +.grid-cell--col8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667% +} + +.grid-cell--col9 { + flex: 0 0 75%; + max-width: 75% +} + +.grid-cell--col10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333% +} + +.grid-cell--col11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667% +} + +.grid-cell--col12 { + flex: 0 0 100%; + max-width: 100% +} + +@media (max-width:1224px) { + .grid-cell--col0--desktop-s { + flex: 0 0 0%; + max-width: 0% + } + + .grid-cell--col1--desktop-s { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333% + } + + .grid-cell--col2--desktop-s { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667% + } + + .grid-cell--col3--desktop-s { + flex: 0 0 25%; + max-width: 25% + } + + .grid-cell--col4--desktop-s { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333% + } + + .grid-cell--col5--desktop-s { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667% + } + + .grid-cell--col6--desktop-s { + flex: 0 0 50%; + max-width: 50% + } + + .grid-cell--col7--desktop-s { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333% + } + + .grid-cell--col8--desktop-s { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667% + } + + .grid-cell--col9--desktop-s { + flex: 0 0 75%; + max-width: 75% + } + + .grid-cell--col10--desktop-s { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333% + } + + .grid-cell--col11--desktop-s { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667% + } + + .grid-cell--col12--desktop-s { + flex: 0 0 100%; + max-width: 100% + } + + .grid-cell--col0--desktop-s { + padding: 0 + } +} + +@media (max-width:800px) { + .grid-cell--col0--tablet { + flex: 0 0 0%; + max-width: 0% + } + + .grid-cell--col1--tablet { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333% + } + + .grid-cell--col2--tablet { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667% + } + + .grid-cell--col3--tablet { + flex: 0 0 25%; + max-width: 25% + } + + .grid-cell--col4--tablet { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333% + } + + .grid-cell--col5--tablet { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667% + } + + .grid-cell--col6--tablet { + flex: 0 0 50%; + max-width: 50% + } + + .grid-cell--col7--tablet { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333% + } + + .grid-cell--col8--tablet { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667% + } + + .grid-cell--col9--tablet { + flex: 0 0 75%; + max-width: 75% + } + + .grid-cell--col10--tablet { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333% + } + + .grid-cell--col11--tablet { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667% + } + + .grid-cell--col12--tablet { + flex: 0 0 100%; + max-width: 100% + } + + .grid-cell--col0--tablet { + padding: 0 + } +} + +@media (max-width:600px) { + .grid-cell--col0--mobile { + flex: 0 0 0%; + max-width: 0% + } + + .grid-cell--col1--mobile { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333% + } + + .grid-cell--col2--mobile { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667% + } + + .grid-cell--col3--mobile { + flex: 0 0 25%; + max-width: 25% + } + + .grid-cell--col4--mobile { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333% + } + + .grid-cell--col5--mobile { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667% + } + + .grid-cell--col6--mobile { + flex: 0 0 50%; + max-width: 50% + } + + .grid-cell--col7--mobile { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333% + } + + .grid-cell--col8--mobile { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667% + } + + .grid-cell--col9--mobile { + flex: 0 0 75%; + max-width: 75% + } + + .grid-cell--col10--mobile { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333% + } + + .grid-cell--col11--mobile { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667% + } + + .grid-cell--col12--mobile { + flex: 0 0 100%; + max-width: 100% + } + + .grid-cell--col0--mobile { + padding: 0 + } +} + +@media (min-width:1224px) { + .grid-cell--col0--desktop { + flex: 0 0 0%; + max-width: 0% + } + + .grid-cell--col1--desktop { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333% + } + + .grid-cell--col2--desktop { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667% + } + + .grid-cell--col3--desktop { + flex: 0 0 25%; + max-width: 25% + } + + .grid-cell--col4--desktop { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333% + } + + .grid-cell--col5--desktop { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667% + } + + .grid-cell--col6--desktop { + flex: 0 0 50%; + max-width: 50% + } + + .grid-cell--col7--desktop { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333% + } + + .grid-cell--col8--desktop { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667% + } + + .grid-cell--col9--desktop { + flex: 0 0 75%; + max-width: 75% + } + + .grid-cell--col10--desktop { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333% + } + + .grid-cell--col11--desktop { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667% + } + + .grid-cell--col12--desktop { + flex: 0 0 100%; + max-width: 100% + } + + .grid-cell--col0--desktop { + padding: 0 + } +} + +@media (min-width:1632px) { + .grid-cell--col0--desktop-l { + flex: 0 0 0%; + max-width: 0% + } + + .grid-cell--col1--desktop-l { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333% + } + + .grid-cell--col2--desktop-l { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667% + } + + .grid-cell--col3--desktop-l { + flex: 0 0 25%; + max-width: 25% + } + + .grid-cell--col4--desktop-l { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333% + } + + .grid-cell--col5--desktop-l { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667% + } + + .grid-cell--col6--desktop-l { + flex: 0 0 50%; + max-width: 50% + } + + .grid-cell--col7--desktop-l { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333% + } + + .grid-cell--col8--desktop-l { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667% + } + + .grid-cell--col9--desktop-l { + flex: 0 0 75%; + max-width: 75% + } + + .grid-cell--col10--desktop-l { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333% + } + + .grid-cell--col11--desktop-l { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667% + } + + .grid-cell--col12--desktop-l { + flex: 0 0 100%; + max-width: 100% + } + + .grid-cell--col0--desktop-l { + padding: 0 + } +} + +.section { + overflow: hidden +} + +.button { + display: inline-block; + border-radius: 8px; + font: 600 16px/24px Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif; + padding: 16px 24px; + text-align: center; + white-space: nowrap; + position: relative; + overflow: hidden +} + +.button:before { + content: ''; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + background-color: transparent; + transition: background-color .1s linear +} + +.button:hover { + text-decoration: none +} + +.features__title { + display: inline-block; + color: #c5ccd5; + padding-top: 12px; + border-top: 1px solid rgba(197, 204, 213, .2) +} + +.u-mt0 { + margin-top: 0 +} + +.u-mr0 { + margin-right: 0 +} + +.u-mb0 { + margin-bottom: 0 +} + +.u-mt4 { + margin-top: 4px +} + +.u-mr4 { + margin-right: 4px +} + +.u-mb4 { + margin-bottom: 4px +} + +.u-mt6 { + margin-top: 6px +} + +.u-mr6 { + margin-right: 6px +} + +.u-mb6 { + margin-bottom: 6px +} + +.u-mt8 { + margin-top: 8px +} + +.u-mr8 { + margin-right: 8px +} + +.u-mb8 { + margin-bottom: 8px +} + +.u-mt10 { + margin-top: 10px +} + +.u-mr10 { + margin-right: 10px +} + +.u-mb10 { + margin-bottom: 10px +} + +.u-mt12 { + margin-top: 12px +} + +.u-mr12 { + margin-right: 12px +} + +.u-mb12 { + margin-bottom: 12px +} + +.u-mt16 { + margin-top: 16px +} + +.u-mr16 { + margin-right: 16px +} + +.u-mb16 { + margin-bottom: 16px +} + +.u-mt20 { + margin-top: 20px +} + +.u-mr20 { + margin-right: 20px +} + +.u-mb20 { + margin-bottom: 20px +} + +.u-mt24 { + margin-top: 24px +} + +.u-mr24 { + margin-right: 24px +} + +.u-mb24 { + margin-bottom: 24px +} + +.u-mt28 { + margin-top: 28px +} + +.u-mr28 { + margin-right: 28px +} + +.u-mb28 { + margin-bottom: 28px +} + +.u-mt32 { + margin-top: 32px +} + +.u-mr32 { + margin-right: 32px +} + +.u-mb32 { + margin-bottom: 32px +} + +.u-mt36 { + margin-top: 36px +} + +.u-mr36 { + margin-right: 36px +} + +.u-mb36 { + margin-bottom: 36px +} + +.u-mt40 { + margin-top: 40px +} + +.u-mr40 { + margin-right: 40px +} + +.u-mb40 { + margin-bottom: 40px +} + +.u-mt48 { + margin-top: 48px +} + +.u-mr48 { + margin-right: 48px +} + +.u-mb48 { + margin-bottom: 48px +} + +.u-mt56 { + margin-top: 56px +} + +.u-mr56 { + margin-right: 56px +} + +.u-mb56 { + margin-bottom: 56px +} + +.u-mt64 { + margin-top: 64px +} + +.u-mr64 { + margin-right: 64px +} + +.u-mb64 { + margin-bottom: 64px +} + +.u-mt72 { + margin-top: 72px +} + +.u-mr72 { + margin-right: 72px +} + +.u-mb72 { + margin-bottom: 72px +} + +.u-mt80 { + margin-top: 80px +} + +.u-mr80 { + margin-right: 80px +} + +.u-mb80 { + margin-bottom: 80px +} + +.u-mt96 { + margin-top: 96px +} + +.u-mr96 { + margin-right: 96px +} + +.u-mb96 { + margin-bottom: 96px +} + +.u-mt120 { + margin-top: 120px +} + +.u-mr120 { + margin-right: 120px +} + +.u-mb120 { + margin-bottom: 120px +} + +.u-mt128 { + margin-top: 128px +} + +.u-mr128 { + margin-right: 128px +} + +.u-mb128 { + margin-bottom: 128px +} + +.u-mt148 { + margin-top: 148px +} + +.u-mr148 { + margin-right: 148px +} + +.u-mb148 { + margin-bottom: 148px +} + +@media (max-width:600px) { + .u-mt0--mobile { + margin-top: 0 + } + + .u-mr0--mobile { + margin-right: 0 + } + + .u-mb0--mobile { + margin-bottom: 0 + } + + .u-mt4--mobile { + margin-top: 4px + } + + .u-mr4--mobile { + margin-right: 4px + } + + .u-mb4--mobile { + margin-bottom: 4px + } + + .u-mt6--mobile { + margin-top: 6px + } + + .u-mr6--mobile { + margin-right: 6px + } + + .u-mb6--mobile { + margin-bottom: 6px + } + + .u-mt8--mobile { + margin-top: 8px + } + + .u-mr8--mobile { + margin-right: 8px + } + + .u-mb8--mobile { + margin-bottom: 8px + } + + .u-mt10--mobile { + margin-top: 10px + } + + .u-mr10--mobile { + margin-right: 10px + } + + .u-mb10--mobile { + margin-bottom: 10px + } + + .u-mt12--mobile { + margin-top: 12px + } + + .u-mr12--mobile { + margin-right: 12px + } + + .u-mb12--mobile { + margin-bottom: 12px + } + + .u-mt16--mobile { + margin-top: 16px + } + + .u-mr16--mobile { + margin-right: 16px + } + + .u-mb16--mobile { + margin-bottom: 16px + } + + .u-mt20--mobile { + margin-top: 20px + } + + .u-mr20--mobile { + margin-right: 20px + } + + .u-mb20--mobile { + margin-bottom: 20px + } + + .u-mt24--mobile { + margin-top: 24px + } + + .u-mr24--mobile { + margin-right: 24px + } + + .u-mb24--mobile { + margin-bottom: 24px + } + + .u-mt28--mobile { + margin-top: 28px + } + + .u-mr28--mobile { + margin-right: 28px + } + + .u-mb28--mobile { + margin-bottom: 28px + } + + .u-mt32--mobile { + margin-top: 32px + } + + .u-mr32--mobile { + margin-right: 32px + } + + .u-mb32--mobile { + margin-bottom: 32px + } + + .u-mt36--mobile { + margin-top: 36px + } + + .u-mr36--mobile { + margin-right: 36px + } + + .u-mb36--mobile { + margin-bottom: 36px + } + + .u-mt40--mobile { + margin-top: 40px + } + + .u-mr40--mobile { + margin-right: 40px + } + + .u-mb40--mobile { + margin-bottom: 40px + } + + .u-mt48--mobile { + margin-top: 48px + } + + .u-mr48--mobile { + margin-right: 48px + } + + .u-mb48--mobile { + margin-bottom: 48px + } + + .u-mt56--mobile { + margin-top: 56px + } + + .u-mr56--mobile { + margin-right: 56px + } + + .u-mb56--mobile { + margin-bottom: 56px + } + + .u-mt64--mobile { + margin-top: 64px + } + + .u-mr64--mobile { + margin-right: 64px + } + + .u-mb64--mobile { + margin-bottom: 64px + } + + .u-mt72--mobile { + margin-top: 72px + } + + .u-mr72--mobile { + margin-right: 72px + } + + .u-mb72--mobile { + margin-bottom: 72px + } + + .u-mt80--mobile { + margin-top: 80px + } + + .u-mr80--mobile { + margin-right: 80px + } + + .u-mb80--mobile { + margin-bottom: 80px + } + + .u-mt96--mobile { + margin-top: 96px + } + + .u-mr96--mobile { + margin-right: 96px + } + + .u-mb96--mobile { + margin-bottom: 96px + } + + .u-mt120--mobile { + margin-top: 120px + } + + .u-mr120--mobile { + margin-right: 120px + } + + .u-mb120--mobile { + margin-bottom: 120px + } + + .u-mt128--mobile { + margin-top: 128px + } + + .u-mr128--mobile { + margin-right: 128px + } + + .u-mb128--mobile { + margin-bottom: 128px + } + + .u-mt148--mobile { + margin-top: 148px + } + + .u-mr148--mobile { + margin-right: 148px + } + + .u-mb148--mobile { + margin-bottom: 148px + } +} + +@media (max-width:800px) { + .u-mt0--tablet { + margin-top: 0 + } + + .u-mr0--tablet { + margin-right: 0 + } + + .u-mb0--tablet { + margin-bottom: 0 + } + + .u-mt4--tablet { + margin-top: 4px + } + + .u-mr4--tablet { + margin-right: 4px + } + + .u-mb4--tablet { + margin-bottom: 4px + } + + .u-mt6--tablet { + margin-top: 6px + } + + .u-mr6--tablet { + margin-right: 6px + } + + .u-mb6--tablet { + margin-bottom: 6px + } + + .u-mt8--tablet { + margin-top: 8px + } + + .u-mr8--tablet { + margin-right: 8px + } + + .u-mb8--tablet { + margin-bottom: 8px + } + + .u-mt10--tablet { + margin-top: 10px + } + + .u-mr10--tablet { + margin-right: 10px + } + + .u-mb10--tablet { + margin-bottom: 10px + } + + .u-mt12--tablet { + margin-top: 12px + } + + .u-mr12--tablet { + margin-right: 12px + } + + .u-mb12--tablet { + margin-bottom: 12px + } + + .u-mt16--tablet { + margin-top: 16px + } + + .u-mr16--tablet { + margin-right: 16px + } + + .u-mb16--tablet { + margin-bottom: 16px + } + + .u-mt20--tablet { + margin-top: 20px + } + + .u-mr20--tablet { + margin-right: 20px + } + + .u-mb20--tablet { + margin-bottom: 20px + } + + .u-mt24--tablet { + margin-top: 24px + } + + .u-mr24--tablet { + margin-right: 24px + } + + .u-mb24--tablet { + margin-bottom: 24px + } + + .u-mt28--tablet { + margin-top: 28px + } + + .u-mr28--tablet { + margin-right: 28px + } + + .u-mb28--tablet { + margin-bottom: 28px + } + + .u-mt32--tablet { + margin-top: 32px + } + + .u-mr32--tablet { + margin-right: 32px + } + + .u-mb32--tablet { + margin-bottom: 32px + } + + .u-mt36--tablet { + margin-top: 36px + } + + .u-mr36--tablet { + margin-right: 36px + } + + .u-mb36--tablet { + margin-bottom: 36px + } + + .u-mt40--tablet { + margin-top: 40px + } + + .u-mr40--tablet { + margin-right: 40px + } + + .u-mb40--tablet { + margin-bottom: 40px + } + + .u-mt48--tablet { + margin-top: 48px + } + + .u-mr48--tablet { + margin-right: 48px + } + + .u-mb48--tablet { + margin-bottom: 48px + } + + .u-mt56--tablet { + margin-top: 56px + } + + .u-mr56--tablet { + margin-right: 56px + } + + .u-mb56--tablet { + margin-bottom: 56px + } + + .u-mt64--tablet { + margin-top: 64px + } + + .u-mr64--tablet { + margin-right: 64px + } + + .u-mb64--tablet { + margin-bottom: 64px + } + + .u-mt72--tablet { + margin-top: 72px + } + + .u-mr72--tablet { + margin-right: 72px + } + + .u-mb72--tablet { + margin-bottom: 72px + } + + .u-mt80--tablet { + margin-top: 80px + } + + .u-mr80--tablet { + margin-right: 80px + } + + .u-mb80--tablet { + margin-bottom: 80px + } + + .u-mt96--tablet { + margin-top: 96px + } + + .u-mr96--tablet { + margin-right: 96px + } + + .u-mb96--tablet { + margin-bottom: 96px + } + + .u-mt120--tablet { + margin-top: 120px + } + + .u-mr120--tablet { + margin-right: 120px + } + + .u-mb120--tablet { + margin-bottom: 120px + } + + .u-mt128--tablet { + margin-top: 128px + } + + .u-mr128--tablet { + margin-right: 128px + } + + .u-mb128--tablet { + margin-bottom: 128px + } + + .u-mt148--tablet { + margin-top: 148px + } + + .u-mr148--tablet { + margin-right: 148px + } + + .u-mb148--tablet { + margin-bottom: 148px + } +} + +@media (max-width:1224px) { + .u-mt0--desktop-s { + margin-top: 0 + } + + .u-mr0--desktop-s { + margin-right: 0 + } + + .u-mb0--desktop-s { + margin-bottom: 0 + } + + .u-mt4--desktop-s { + margin-top: 4px + } + + .u-mr4--desktop-s { + margin-right: 4px + } + + .u-mb4--desktop-s { + margin-bottom: 4px + } + + .u-mt6--desktop-s { + margin-top: 6px + } + + .u-mr6--desktop-s { + margin-right: 6px + } + + .u-mb6--desktop-s { + margin-bottom: 6px + } + + .u-mt8--desktop-s { + margin-top: 8px + } + + .u-mr8--desktop-s { + margin-right: 8px + } + + .u-mb8--desktop-s { + margin-bottom: 8px + } + + .u-mt10--desktop-s { + margin-top: 10px + } + + .u-mr10--desktop-s { + margin-right: 10px + } + + .u-mb10--desktop-s { + margin-bottom: 10px + } + + .u-mt12--desktop-s { + margin-top: 12px + } + + .u-mr12--desktop-s { + margin-right: 12px + } + + .u-mb12--desktop-s { + margin-bottom: 12px + } + + .u-mt16--desktop-s { + margin-top: 16px + } + + .u-mr16--desktop-s { + margin-right: 16px + } + + .u-mb16--desktop-s { + margin-bottom: 16px + } + + .u-mt20--desktop-s { + margin-top: 20px + } + + .u-mr20--desktop-s { + margin-right: 20px + } + + .u-mb20--desktop-s { + margin-bottom: 20px + } + + .u-mt24--desktop-s { + margin-top: 24px + } + + .u-mr24--desktop-s { + margin-right: 24px + } + + .u-mb24--desktop-s { + margin-bottom: 24px + } + + .u-mt28--desktop-s { + margin-top: 28px + } + + .u-mr28--desktop-s { + margin-right: 28px + } + + .u-mb28--desktop-s { + margin-bottom: 28px + } + + .u-mt32--desktop-s { + margin-top: 32px + } + + .u-mr32--desktop-s { + margin-right: 32px + } + + .u-mb32--desktop-s { + margin-bottom: 32px + } + + .u-mt36--desktop-s { + margin-top: 36px + } + + .u-mr36--desktop-s { + margin-right: 36px + } + + .u-mb36--desktop-s { + margin-bottom: 36px + } + + .u-mt40--desktop-s { + margin-top: 40px + } + + .u-mr40--desktop-s { + margin-right: 40px + } + + .u-mb40--desktop-s { + margin-bottom: 40px + } + + .u-mt48--desktop-s { + margin-top: 48px + } + + .u-mr48--desktop-s { + margin-right: 48px + } + + .u-mb48--desktop-s { + margin-bottom: 48px + } + + .u-mt56--desktop-s { + margin-top: 56px + } + + .u-mr56--desktop-s { + margin-right: 56px + } + + .u-mb56--desktop-s { + margin-bottom: 56px + } + + .u-mt64--desktop-s { + margin-top: 64px + } + + .u-mr64--desktop-s { + margin-right: 64px + } + + .u-mb64--desktop-s { + margin-bottom: 64px + } + + .u-mt72--desktop-s { + margin-top: 72px + } + + .u-mr72--desktop-s { + margin-right: 72px + } + + .u-mb72--desktop-s { + margin-bottom: 72px + } + + .u-mt80--desktop-s { + margin-top: 80px + } + + .u-mr80--desktop-s { + margin-right: 80px + } + + .u-mb80--desktop-s { + margin-bottom: 80px + } + + .u-mt96--desktop-s { + margin-top: 96px + } + + .u-mr96--desktop-s { + margin-right: 96px + } + + .u-mb96--desktop-s { + margin-bottom: 96px + } + + .u-mt120--desktop-s { + margin-top: 120px + } + + .u-mr120--desktop-s { + margin-right: 120px + } + + .u-mb120--desktop-s { + margin-bottom: 120px + } + + .u-mt128--desktop-s { + margin-top: 128px + } + + .u-mr128--desktop-s { + margin-right: 128px + } + + .u-mb128--desktop-s { + margin-bottom: 128px + } + + .u-mt148--desktop-s { + margin-top: 148px + } + + .u-mr148--desktop-s { + margin-right: 148px + } + + .u-mb148--desktop-s { + margin-bottom: 148px + } +} + +@media (min-width:1632px) { + .u-mt0--desktop-l { + margin-top: 0 + } + + .u-mr0--desktop-l { + margin-right: 0 + } + + .u-mb0--desktop-l { + margin-bottom: 0 + } + + .u-mt4--desktop-l { + margin-top: 4px + } + + .u-mr4--desktop-l { + margin-right: 4px + } + + .u-mb4--desktop-l { + margin-bottom: 4px + } + + .u-mt6--desktop-l { + margin-top: 6px + } + + .u-mr6--desktop-l { + margin-right: 6px + } + + .u-mb6--desktop-l { + margin-bottom: 6px + } + + .u-mt8--desktop-l { + margin-top: 8px + } + + .u-mr8--desktop-l { + margin-right: 8px + } + + .u-mb8--desktop-l { + margin-bottom: 8px + } + + .u-mt10--desktop-l { + margin-top: 10px + } + + .u-mr10--desktop-l { + margin-right: 10px + } + + .u-mb10--desktop-l { + margin-bottom: 10px + } + + .u-mt12--desktop-l { + margin-top: 12px + } + + .u-mr12--desktop-l { + margin-right: 12px + } + + .u-mb12--desktop-l { + margin-bottom: 12px + } + + .u-mt16--desktop-l { + margin-top: 16px + } + + .u-mr16--desktop-l { + margin-right: 16px + } + + .u-mb16--desktop-l { + margin-bottom: 16px + } + + .u-mt20--desktop-l { + margin-top: 20px + } + + .u-mr20--desktop-l { + margin-right: 20px + } + + .u-mb20--desktop-l { + margin-bottom: 20px + } + + .u-mt24--desktop-l { + margin-top: 24px + } + + .u-mr24--desktop-l { + margin-right: 24px + } + + .u-mb24--desktop-l { + margin-bottom: 24px + } + + .u-mt28--desktop-l { + margin-top: 28px + } + + .u-mr28--desktop-l { + margin-right: 28px + } + + .u-mb28--desktop-l { + margin-bottom: 28px + } + + .u-mt32--desktop-l { + margin-top: 32px + } + + .u-mr32--desktop-l { + margin-right: 32px + } + + .u-mb32--desktop-l { + margin-bottom: 32px + } + + .u-mt36--desktop-l { + margin-top: 36px + } + + .u-mr36--desktop-l { + margin-right: 36px + } + + .u-mb36--desktop-l { + margin-bottom: 36px + } + + .u-mt40--desktop-l { + margin-top: 40px + } + + .u-mr40--desktop-l { + margin-right: 40px + } + + .u-mb40--desktop-l { + margin-bottom: 40px + } + + .u-mt48--desktop-l { + margin-top: 48px + } + + .u-mr48--desktop-l { + margin-right: 48px + } + + .u-mb48--desktop-l { + margin-bottom: 48px + } + + .u-mt56--desktop-l { + margin-top: 56px + } + + .u-mr56--desktop-l { + margin-right: 56px + } + + .u-mb56--desktop-l { + margin-bottom: 56px + } + + .u-mt64--desktop-l { + margin-top: 64px + } + + .u-mr64--desktop-l { + margin-right: 64px + } + + .u-mb64--desktop-l { + margin-bottom: 64px + } + + .u-mt72--desktop-l { + margin-top: 72px + } + + .u-mr72--desktop-l { + margin-right: 72px + } + + .u-mb72--desktop-l { + margin-bottom: 72px + } + + .u-mt80--desktop-l { + margin-top: 80px + } + + .u-mr80--desktop-l { + margin-right: 80px + } + + .u-mb80--desktop-l { + margin-bottom: 80px + } + + .u-mt96--desktop-l { + margin-top: 96px + } + + .u-mr96--desktop-l { + margin-right: 96px + } + + .u-mb96--desktop-l { + margin-bottom: 96px + } + + .u-mt120--desktop-l { + margin-top: 120px + } + + .u-mr120--desktop-l { + margin-right: 120px + } + + .u-mb120--desktop-l { + margin-bottom: 120px + } + + .u-mt128--desktop-l { + margin-top: 128px + } + + .u-mr128--desktop-l { + margin-right: 128px + } + + .u-mb128--desktop-l { + margin-bottom: 128px + } + + .u-mt148--desktop-l { + margin-top: 148px + } + + .u-mr148--desktop-l { + margin-right: 148px + } + + .u-mb148--desktop-l { + margin-bottom: 148px + } +} + +.u-flex { + display: flex +} + +.mobile { + display: none +} + +@media (max-width:600px) { + .mobile { + display: block + } +} + +.tablet { + display: none +} + +@media (max-width:800px) { + .tablet { + display: block + } +} + +.desktop-s { + display: block +} + +@media (max-width:800px) { + .desktop-s { + display: none + } +} + +.desktop { + display: block +} + +@media (max-width:1224px) { + .desktop { + display: none + } +} + +.desktop-l { + display: block +} + +@media (max-width:1632px) { + .desktop-l { + display: none + } +} + +.mobile--flex { + display: none +} + +@media (max-width:600px) { + .mobile--flex { + display: flex + } +} + +.tablet--flex { + display: none +} + +@media (max-width:800px) { + .tablet--flex { + display: flex + } +} + +.desktop-s--flex { + display: flex +} + +@media (max-width:800px) { + .desktop-s--flex { + display: none + } +} + +.desktop--flex { + display: flex +} + +@media (max-width:1224px) { + .desktop--flex { + display: none + } +} + +.u-flex-column { + flex-direction: column +} + +.u-align-center { + align-items: center +} + +.u-justify-center { + justify-content: center +} + +.u-justify-space { + justify-content: space-between +} + +.u-default { + cursor: default +} + +@font-face { + font-family: UberMove; + src: url(https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMove-Regular.woff2) format("woff2"), url(https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMove-Regular.woff) format("woff"); + font-weight: 400; + font-style: normal; + font-display: swap +} + +@font-face { + font-family: UberMove; + src: url(https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMove-Medium.woff2) format("woff2"), url(https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMove-Medium.woff) format("woff"); + font-weight: 500; + font-style: normal; + font-display: swap +} + +@font-face { + font-family: UberMove; + src: url(https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMove-Bold.woff2) format("woff2"), url(https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMove-Bold.woff) format("woff"); + font-weight: 600; + font-style: normal; + font-display: swap +} + +body { + font-family: UberMove, Helvetica, Arial, sans-serif +} + +a { + color: #0075C9; + font-weight: 600 +} + +.container-gl { + position: relative; + top: -330px +} + +.top-paragraphs { + padding-top: 150px; + display: flex +} + +@media (max-width:800px) { + .top-paragraphs { + padding-top: 80px + } +} + +.logo-deckgl { + position: relative; + top: -490px +} + +.logo-deckgl .logo-summit { + width: 450px +} + +.openjs-logo { + width: 200px +} + +.gradient-border { + --border-width: 1px; + position: relative; + display: flex; + justify-content: center; + background: #fff +} + +.gradient-border::after { + position: absolute; + content: ""; + top: calc(-1 * var(--border-width)); + left: calc(-1 * var(--border-width)); + z-index: -1; + width: calc(100% + var(--border-width) * 2); + height: calc(100% + var(--border-width) * 2); + background: linear-gradient(90deg, #06ffef, #fff, #066788, #0c2960, #00ade6); + background-size: 300% 300%; + background-position: 0 50%; + animation: moveGradient 5s alternate infinite +} + +.gradient-border.vertical { + position: absolute; + z-index: -10; + width: 1px; + height: 2800px +} + +.gradient-border.vertical::after { + width: calc(100% + var(--border-width) * .5) +} + +@media (max-width:800px) { + .gradient-border.vertical { + display: none + } +} + +@keyframes moveGradient { + 50% { + background-position: 100% 50% + } +} + +.paragraph-1 { + padding: 0 40px 60px 0 +} + +@media (max-width:800px) { + .paragraph-1 { + padding: unset + } +} + +.paragraph-2 { + padding: 0 0 60px 50px +} + +@media (max-width:800px) { + .paragraph-2 { + padding: unset + } +} + +.paragraph-3 { + padding: 90px 70px 50px; + text-align: center +} + +@media (max-width:800px) { + .paragraph-3 { + padding: 50px 30px 40px + } +} + +.paragraph-4 { + padding-right: 60px +} + +@media (max-width:800px) { + .paragraph-4 { + padding: unset + } +} + +.paragraph-5 { + padding-left: 60px +} + +@media (max-width:800px) { + .paragraph-5 { + padding: unset + } +} + +.button-gl { + font-size: 15px; + line-height: 44px; + letter-spacing: 2px; + font-weight: 700; + padding: 0 3rem; + pointer-events: all; + display: inline-block; + text-decoration: none !important; + cursor: pointer; + transition: background-color 250ms ease-in 0s, color 250ms ease-in 0s; + border-width: 2px; + border-style: solid; + border-color: #00ade6; + color: #2b3848; + border-image: linear-gradient(to right, #0c2960 0, #00ade6 100%) 2/1/0 stretch +} + +.button-gl:hover { + color: #fff; + background-color: #00ade6 +} + +.title-gl { + font-family: UberMove, Helvetica, Arial, sans-serif; + font-weight: 500 +} + +.footer-gl { + height: fit-content; + width: 100%; + background-image: url(https://raw.githubusercontent.com/visgl/deck.gl-data/master/images/pages/events/footer-bg.png) +} + +#agenda { + padding: 90px 80px +} + +@media (min-width:1632px) { + #agenda { + padding: 120px 100px + } +} + +#agenda .card-agenda { + padding: 0 40px 0 0 +} + +@media (max-width:800px) { + #agenda .card-agenda { + padding: 0 20px 0 0 + } +} + +@media (max-width:600px) { + #agenda .card-agenda { + padding: 0 + } +} + +@media (min-width:1632px) { + #agenda .card-agenda { + padding: 0 80px 0 0 + } +} + +#agenda .card-agenda .card-bg { + background-color: #f4f4f4; + padding: 30px 50px; + min-height: 450px +} + +@media (min-width:1632px) { + #agenda .card-agenda .card-bg { + padding: 50px 40px; + min-height: 500px + } +} + +#agenda .card-agenda .card-bg .author { + max-width: 85px; + max-height: 85px; +} + +#agenda .card-agenda .card-bg .author-title { + display: block; +} + +#agenda .divider-agenda { + width: 100%; + background-color: #f4f4f4; + font-weight: 500 +} + +#agenda .divider-agenda p { + padding: 10px 30px +} + +header { + height: 628px; + background-color: #202020; +} + +.header { + background-size: cover; + background-position: center; + background-repeat: no-repeat; + display: flex; + flex-direction: column; + color: #fff; + justify-content: center; +} + +.header .container { + display: flex; + flex-direction: column; + align-items: start; + filter: drop-shadow(0 0 8px #000); +} + +.header img { + object-fit: contain; + width: 360px; + max-width: 25%; + margin: 1em 5% 5% 0; +} + +h1 { + font-size: 4em; + line-height: 1.2; +} + +h1 b { + font-weight: 700; +} + +@media (max-width:800px) { + .header .container { + padding-left: 10%; + } + + .header img { + width: 260px; + max-width: 50%; + } +} \ No newline at end of file