-
Notifications
You must be signed in to change notification settings - Fork 29
/
index.html
89 lines (89 loc) · 12.5 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 2.32.13"/><title data-react-helmet="true">hubble.gl</title><link data-react-helmet="true" rel="icon" type="img/ico" href="favicon.ico"/><meta data-react-helmet="true" name="description" content="High quality client-side 3d animation and video rendering"/><meta data-react-helmet="true" name="image" content="https://hubble.gl/images/visgl-logo.png"/><meta data-react-helmet="true" property="og:url" content="https://hubble.gl"/><meta data-react-helmet="true" property="og:title" content="hubble.gl"/><meta data-react-helmet="true" property="og:description" content="High quality client-side 3d animation and video rendering"/><meta data-react-helmet="true" property="og:image" content="https://hubble.gl/images/visgl-logo.png"/><meta data-react-helmet="true" property="fb:app_id" content=""/><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"/><meta data-react-helmet="true" name="twitter:creator" content=""/><meta data-react-helmet="true" name="twitter:title" content="hubble.gl"/><meta data-react-helmet="true" name="twitter:description" content="High quality client-side 3d animation and video rendering"/><meta data-react-helmet="true" name="twitter:image" content="https://hubble.gl/images/visgl-logo.png"/><script data-react-helmet="true" type="application/ld+json">[{"@context":"http://schema.org","@type":"WebSite","url":"https://hubble.gl","name":"hubble.gl"}]</script><style data-styled="hYEoHZ kTxBVF gmIrwu ePbjWI hNmHWy kAbjIr efiKAB jnqNxP cVKNME lhcLtQ dMIfYV cncNYa qNMgz RpwSc eTZWpm dJosRy jtpwoJ kIgYgd" data-styled-version="4.4.1">
/* sc-component-id: body__BodyContainerFull-sc-lvm4v2-0 */
.gmIrwu{margin:0 auto;padding:64px 0 0;} @media screen and (max-width:768px){.gmIrwu{padding:0;-webkit-order:2;-ms-flex-order:2;order:2;}}
/* sc-component-id: body__Body-sc-lvm4v2-3 */
.hYEoHZ{font:normal 14px/20px UberMove,Helvetica,Arial,sans-serif;width:100vw;height:100vh;}
/* sc-component-id: header__HeaderContainer-sc-3r2dxq-1 */
.kTxBVF{grid-column:1/3;grid-row:1/2;} @media screen and (max-width:768px){.kTxBVF{-webkit-order:1;-ms-flex-order:1;order:1;}}
/* sc-component-id: sc-global-1046557666 */
body{margin:0;overflow-x:hidden;-webkit-text-size-adjust:100%;} *{box-sizing:border-box;}
/* sc-component-id: typography__H4-sc-1pmaksm-5 */
.dMIfYV{font:bold 20px/28px UberMove,Helvetica,Arial,sans-serif;}
/* sc-component-id: typography__P-sc-1pmaksm-8 */
.cncNYa{margin:'0 0 16px';}
/* sc-component-id: github-contributors__ContribContainer-sc-12w0yk9-0 */
.eTZWpm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
/* sc-component-id: home__Banner-sc-f9hbqs-0 */
.ePbjWI{position:relative;height:30rem;background:#333333;color:#FFFFFF;z-index:0;} @media screen and (max-width:768px){.ePbjWI{height:80vh;}}
/* sc-component-id: home__Container-sc-f9hbqs-1 */
.RpwSc{position:relative;padding:2rem;max-width:80rem;width:100%;height:100%;margin:0;}
/* sc-component-id: home__BannerContainer-sc-f9hbqs-2 */
.jnqNxP{position:relative;padding:2rem;max-width:80rem;width:100%;height:100%;margin:0;position:absolute;bottom:0;height:auto;padding-left:4rem;z-index:0;pointer-events:none;}
/* sc-component-id: home__HeroExampleContainer-sc-f9hbqs-3 */
.hNmHWy{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;}
/* sc-component-id: home__Section-sc-f9hbqs-4 */
.qNMgz:nth-child(2n+1){background:#E8E8E8;}
/* sc-component-id: home__ProjectName-sc-f9hbqs-5 */
.cVKNME{font-size:5em;line-height:1;text-transform:uppercase;-webkit-letter-spacing:4px;-moz-letter-spacing:4px;-ms-letter-spacing:4px;letter-spacing:4px;font-weight:700;margin:0;margin-bottom:16px;}
/* sc-component-id: home__GetStartedLink-sc-f9hbqs-6 */
.lhcLtQ{pointer-events:all;font-size:12px;line-height:44px;-webkit-letter-spacing:2px;-moz-letter-spacing:2px;-ms-letter-spacing:2px;letter-spacing:2px;font-weight:bold;margin:24px 0;padding:0 4rem;pointer-events:all;display:inline-block;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:background-color 250ms ease-in,color 250ms ease-in;transition:background-color 250ms ease-in,color 250ms ease-in;border:solid 2px #276EF1;color:#FFFFFF;border-image:linear-gradient(to right,#276EF1 0%,#D2E0FC 100%);border-image-slice:2;} .lhcLtQ:visited{color:#FFFFFF;} .lhcLtQ:active{color:#FFFFFF;} .lhcLtQ:hover{color:#FFFFFF;background-color:#276EF1;}
/* sc-component-id: home__Footer-sc-f9hbqs-7 */
.dJosRy{position:absolute;bottom:-$footer-height;width:100%;z-index:2;background-image:url(data:image/gif;base64,R0lGODlhIAAgAKIAABUjMRYkMhclM0xXYU1YYgAAAAAAAAAAACwAAAAAIAAgAAADKjgjEP4wyklWmzg/IbTPwPWNZGmeaKqubOu+cCzPdG3feK7vfO//wKAwAQA7);background-size:32px;background-repeat:repeat;background-position:16px -8px;color:#FFFFFF;}
/* sc-component-id: home__FooterText-sc-f9hbqs-8 */
.jtpwoJ{font-size:12px;line-height:20px;font-weight:400;-webkit-letter-spacing:2px;-moz-letter-spacing:2px;-ms-letter-spacing:2px;letter-spacing:2px;opacity:0.4;margin-bottom:1rem;margin-right:1rem;}
/* sc-component-id: home__FooterLogo-sc-f9hbqs-9 */
.kIgYgd{max-height:64px;max-width:64px;display:inline-block;}
/* sc-component-id: templates__VideoFrame-sc-pvqkvt-0 */
@media (min-width:1920px){.efiKAB{width:100%;position:absolute;}} @media (max-width:767px){.efiKAB{display:none;}}
/* sc-component-id: templates__VideoWrap-sc-pvqkvt-1 */
.kAbjIr{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative;overflow:hidden;} @media (max-width:767px){.kAbjIr{background:url('videos/hero_poster.jpg');background-size:cover;}}</style><style type="text/css">
.anchor.before {
position: absolute;
top: 0;
left: 0;
transform: translateX(-100%);
padding-right: 4px;
}
.anchor.after {
display: inline-block;
padding-left: 4px;
}
h1 .anchor svg,
h2 .anchor svg,
h3 .anchor svg,
h4 .anchor svg,
h5 .anchor svg,
h6 .anchor svg {
visibility: hidden;
}
h1:hover .anchor svg,
h2:hover .anchor svg,
h3:hover .anchor svg,
h4:hover .anchor svg,
h5:hover .anchor svg,
h6:hover .anchor svg,
h1 .anchor:focus svg,
h2 .anchor:focus svg,
h3 .anchor:focus svg,
h4 .anchor:focus svg,
h5 .anchor:focus svg,
h6 .anchor:focus svg {
visibility: visible;
}
</style><script>
document.addEventListener("DOMContentLoaded", function(event) {
var hash = window.decodeURI(location.hash.replace('#', ''))
if (hash !== '') {
var element = document.getElementById(hash)
if (element) {
var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
var clientTop = document.documentElement.clientTop || document.body.clientTop || 0
var offset = element.getBoundingClientRect().top + scrollTop - clientTop
// Wait for the browser to finish rendering before scrolling.
setTimeout((function() {
window.scrollTo(0, offset - 64)
}), 0)
}
}
})
</script><link as="script" rel="preload" href="/webpack-runtime-4c4f55f4f1a0c5b2ec63.js"/><link as="script" rel="preload" href="/framework-23243fdcd766837328ca.js"/><link as="script" rel="preload" href="/app-dc14fcba41ff101b4f30.js"/><link as="script" rel="preload" href="/9eb80f667b92025eef85424eba3488b830ca7e35-99d277e12938df874421.js"/><link as="script" rel="preload" href="/component---templates-index-jsx-b83a87f36aad704178ab.js"/><link as="fetch" rel="preload" href="/page-data/index/page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/484347790.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/app-data.json" crossorigin="anonymous"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div><div class="body__Body-sc-lvm4v2-3 hYEoHZ"><div class="header__HeaderContainer-sc-3r2dxq-1 kTxBVF"><div></div></div><div class="body__BodyContainerFull-sc-lvm4v2-0 gmIrwu"><main><section class="home__Banner-sc-f9hbqs-0 ePbjWI"><div class="home__HeroExampleContainer-sc-f9hbqs-3 hNmHWy"><div class="templates__VideoWrap-sc-pvqkvt-1 kAbjIr"><video autoplay="" muted="" loop="" class="templates__VideoFrame-sc-pvqkvt-0 efiKAB"><source src="videos/hero.mp4" type="video/mp4"/></video></div></div><div class="home__Container-sc-f9hbqs-1 home__BannerContainer-sc-f9hbqs-2 jnqNxP"><h1 class="home__ProjectName-sc-f9hbqs-5 cVKNME">hubble.gl</h1><p>High quality client-side 3d animation and video rendering</p><a colortheme="dark" class="home__GetStartedLink-sc-f9hbqs-6 lhcLtQ" href="/docs">GET STARTED</a></div></section><div style="padding:2rem;padding-left:4rem"><h4 class="typography__H4-sc-1pmaksm-5 dMIfYV">High Quality Video</h4><p class="typography__P-sc-1pmaksm-8 cncNYa">Ensured framerates, high resolutions, and a variety of formats. Fine tune animations with keyframe markers and easings.</p><h4 class="typography__H4-sc-1pmaksm-5 dMIfYV">Easy Integration</h4><p class="typography__P-sc-1pmaksm-8 cncNYa">Stand up scenes within deck.gl or kepler.gl, then animate any aspect of it. Empower users to animate without code with UI components powered by this library.</p><h4 class="typography__H4-sc-1pmaksm-5 dMIfYV">Client Side Library</h4><p class="typography__P-sc-1pmaksm-8 cncNYa">Render within the browser without a backend. User data never leaves their machine. Since nothing runs on a server, sites can scale without backend encoders.</p></div><section class="home__Section-sc-f9hbqs-4 qNMgz"><div class="home__Container-sc-f9hbqs-1 RpwSc"><div><h2 style="text-align:center">Contributors</h2><div class="github-contributors__ContribContainer-sc-12w0yk9-0 eTZWpm"></div></div></div></section><footer class="home__Footer-sc-f9hbqs-7 dJosRy"><div class="home__Container-sc-f9hbqs-1 RpwSc"><div class="home__FooterText-sc-f9hbqs-8 jtpwoJ">Made by</div><img src="images/visgl-logo.png" alt="logo" class="home__FooterLogo-sc-f9hbqs-9 kIgYgd"/></div></footer></main></div></div></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-22aed9543aaa90230c60.js"],"app":["/app-dc14fcba41ff101b4f30.js"],"component---examples-camera-app-js":["/component---examples-camera-app-js-75fb06aae221db70e5ea.js"],"component---examples-quick-start-app-js":["/component---examples-quick-start-app-js-6cc9a2bf44f38e922379.js"],"component---examples-terrain-app-js":["/component---examples-terrain-app-js-052763f953d963177def.js"],"component---examples-trips-app-js":["/component---examples-trips-app-js-1734c88e7f2c8f0278cf.js"],"component---node-modules-gatsby-theme-ocular-src-react-templates-documentation-jsx":["/component---node-modules-gatsby-theme-ocular-src-react-templates-documentation-jsx-1fd4ebd09904b2ee4d97.js"],"component---node-modules-gatsby-theme-ocular-src-react-templates-examples-jsx":["/component---node-modules-gatsby-theme-ocular-src-react-templates-examples-jsx-c42f1791e46a300fd023.js"],"component---node-modules-gatsby-theme-ocular-src-react-templates-search-jsx":["/component---node-modules-gatsby-theme-ocular-src-react-templates-search-jsx-c4ebc3b1899992e3659d.js"],"component---src-pages-kepler-example-jsx":["/component---src-pages-kepler-example-jsx-926d7a611cf54440abe3.js"],"component---src-pages-showcase-jsx":["/component---src-pages-showcase-jsx-91ee01d6e60c1e17c7d3.js"],"component---templates-index-jsx":["/component---templates-index-jsx-b83a87f36aad704178ab.js"]};/*]]>*/</script><script src="/polyfill-22aed9543aaa90230c60.js" nomodule=""></script><script src="/component---templates-index-jsx-b83a87f36aad704178ab.js" async=""></script><script src="/9eb80f667b92025eef85424eba3488b830ca7e35-99d277e12938df874421.js" async=""></script><script src="/app-dc14fcba41ff101b4f30.js" async=""></script><script src="/framework-23243fdcd766837328ca.js" async=""></script><script src="/webpack-runtime-4c4f55f4f1a0c5b2ec63.js" async=""></script></body></html>