feat: build landing page

idlab-discover · Apr 8, 2024 · 6f8095c · 6f8095c
1 parent 2ffc7e1
commit 6f8095c
Show file tree

Hide file tree

Showing 34 changed files with 2,689 additions and 0 deletions.
diff --git a/docs/3rdpartylicenses.txt b/docs/3rdpartylicenses.txt
diff --git a/docs/browser/404.html b/docs/browser/404.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html><html lang="en" data-critters-container><head>
+    <meta charset="utf-8">
+    <title>Obelisk</title>
+    <base href="/obelisk-next/">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" href="favicon.svg?v=0.0.1">
+    <link rel="mask-icon" href="favicon.svg?v=0.0.1" color="#000000">
+  <style>html,body{margin:0}
+</style><link rel="stylesheet" href="styles-3JZCYRXB.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles-3JZCYRXB.css"></noscript><style ng-app-id="ng">.content[_ngcontent-ng-c1905192689]{width:100%;height:100vh}</style><style ng-app-id="ng">[_nghost-ng-c2113102341]{color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.bg[_ngcontent-ng-c2113102341]{position:fixed;background-image:url(/assets/img/bg.jpg);background-size:cover;width:100%;height:100vh}.logo[_ngcontent-ng-c2113102341]{position:fixed;height:600px;width:100%;mix-blend-mode:overlay}.logo[_ngcontent-ng-c2113102341]   .img-cont[_ngcontent-ng-c2113102341]{display:flex;justify-content:flex-end;margin:100px auto;max-width:1280px;z-index:100}@media screen and (max-width: 1380px){.logo[_ngcontent-ng-c2113102341]   .img-cont[_ngcontent-ng-c2113102341]{padding:0 50px}}.logo[_ngcontent-ng-c2113102341]   .img-cont[_ngcontent-ng-c2113102341]   img[_ngcontent-ng-c2113102341]{opacity:.6}.main[_ngcontent-ng-c2113102341]{position:relative;color:#fff;padding-top:120px;z-index:150}@media screen and (max-width: 1380px){.main[_ngcontent-ng-c2113102341]{padding:100px 50px}}.main[_ngcontent-ng-c2113102341]   .title[_ngcontent-ng-c2113102341]{margin:0 auto;max-width:1280px;font-size:96px}.main[_ngcontent-ng-c2113102341]   .subtitle[_ngcontent-ng-c2113102341]{margin:0 auto;max-width:1280px;font-size:60px}.sections[_ngcontent-ng-c2113102341]{position:absolute;top:700px;width:100%;overflow-x:hidden}.sections[_ngcontent-ng-c2113102341] > div[_ngcontent-ng-c2113102341]{color:#fff;padding:25px}.sections[_ngcontent-ng-c2113102341]   .s1[_ngcontent-ng-c2113102341]{background-color:#fff;height:300px;background-color:#6464ff33;position:relative;padding-top:50px;padding-bottom:50px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);justify-items:center;align-content:center;column-gap:20px}.sections[_ngcontent-ng-c2113102341]   .s2[_ngcontent-ng-c2113102341]{background-color:transparent;height:300px;position:relative;padding-top:50px;padding-bottom:50px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);justify-items:center;align-content:center;column-gap:20px}.sections[_ngcontent-ng-c2113102341]   .s1[_ngcontent-ng-c2113102341]   .feature[_ngcontent-ng-c2113102341], .sections[_ngcontent-ng-c2113102341]   .s2[_ngcontent-ng-c2113102341]   .feature[_ngcontent-ng-c2113102341]{display:grid;grid-template-rows:auto 96px 1fr;grid-template-columns:1fr;height:100%;justify-items:center;align-items:flex-start;width:200px;row-gap:20px}.sections[_ngcontent-ng-c2113102341]   .s1[_ngcontent-ng-c2113102341]   .feature[_ngcontent-ng-c2113102341]   .title[_ngcontent-ng-c2113102341], .sections[_ngcontent-ng-c2113102341]   .s2[_ngcontent-ng-c2113102341]   .feature[_ngcontent-ng-c2113102341]   .title[_ngcontent-ng-c2113102341]{font-weight:700;font-size:20px}.sections[_ngcontent-ng-c2113102341]   .s1[_ngcontent-ng-c2113102341]   .feature[_ngcontent-ng-c2113102341]   .icon[_ngcontent-ng-c2113102341], .sections[_ngcontent-ng-c2113102341]   .s2[_ngcontent-ng-c2113102341]   .feature[_ngcontent-ng-c2113102341]   .icon[_ngcontent-ng-c2113102341]{background-color:#fff;border-radius:50%;width:96px;height:96px;display:grid;place-items:center}.sections[_ngcontent-ng-c2113102341]   .s1[_ngcontent-ng-c2113102341]   .feature[_ngcontent-ng-c2113102341]   .description[_ngcontent-ng-c2113102341], .sections[_ngcontent-ng-c2113102341]   .s2[_ngcontent-ng-c2113102341]   .feature[_ngcontent-ng-c2113102341]   .description[_ngcontent-ng-c2113102341]{font-size:15px;text-align:center}.sections[_ngcontent-ng-c2113102341]   .s3[_ngcontent-ng-c2113102341]{background-color:transparent;height:400px;background-color:#ffffff1a}.sections[_ngcontent-ng-c2113102341]   .footer[_ngcontent-ng-c2113102341]{background-color:#0006;height:160px;padding:20px 50px;display:flex;justify-content:center}.sections[_ngcontent-ng-c2113102341]   .footer[_ngcontent-ng-c2113102341]   .reference[_ngcontent-ng-c2113102341]{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:96px;justify-content:center;align-content:center;align-items:center;cursor:pointer;opacity:.7}.sections[_ngcontent-ng-c2113102341]   .footer[_ngcontent-ng-c2113102341]   .reference[_ngcontent-ng-c2113102341]   .icon[_ngcontent-ng-c2113102341]   img[_ngcontent-ng-c2113102341]{max-height:96px}.sections[_ngcontent-ng-c2113102341]   .footer[_ngcontent-ng-c2113102341]   .reference[_ngcontent-ng-c2113102341]   .icon.padded[_ngcontent-ng-c2113102341]{padding:30px}.sections[_ngcontent-ng-c2113102341]   .footer[_ngcontent-ng-c2113102341]   .reference[_ngcontent-ng-c2113102341]   .icon.padded[_ngcontent-ng-c2113102341]   img[_ngcontent-ng-c2113102341]{max-height:56px}.sections[_ngcontent-ng-c2113102341]   .footer[_ngcontent-ng-c2113102341]   .reference[_ngcontent-ng-c2113102341]:not(:first-child):before{content:"";border-left:1px solid white;height:40px;position:absolute;vertical-align:mid}.sections[_ngcontent-ng-c2113102341]   .footer[_ngcontent-ng-c2113102341]   .reference[_ngcontent-ng-c2113102341]:hover{opacity:1}.sections[_ngcontent-ng-c2113102341]   .footer[_ngcontent-ng-c2113102341]   .reference[_ngcontent-ng-c2113102341]   .name[_ngcontent-ng-c2113102341]{font-size:16px;font-weight:700;grid-column:2;align-self:center;margin:0 30px 0 12px}.sections[_ngcontent-ng-c2113102341]   .footer[_ngcontent-ng-c2113102341]   .reference[_ngcontent-ng-c2113102341]   .padded[_ngcontent-ng-c2113102341] + .name[_ngcontent-ng-c2113102341]{margin-left:-18px}</style></head>
+  <body><!--nghm-->
+    <app-root _nghost-ng-c1905192689 ng-version="17.3.3" ngh="1" ng-server-context="ssg"><div _ngcontent-ng-c1905192689 class="content"><router-outlet _ngcontent-ng-c1905192689></router-outlet><app-landing _nghost-ng-c2113102341 ngh="0"><div _ngcontent-ng-c2113102341 class="bg"></div><div _ngcontent-ng-c2113102341 class="logo"><div _ngcontent-ng-c2113102341 class="img-cont"><img _ngcontent-ng-c2113102341 width="512" height="512" loading="lazy" fetchpriority="auto" ng-img="true" src="/assets/img/logo_white.svg"></div></div><div _ngcontent-ng-c2113102341 class="main"><div _ngcontent-ng-c2113102341 class="title">Obelisk</div><div _ngcontent-ng-c2113102341 class="subtitle"> The high performance <br _ngcontent-ng-c2113102341>data-in/data-out<br _ngcontent-ng-c2113102341> platform </div></div><div _ngcontent-ng-c2113102341 class="sections"><div _ngcontent-ng-c2113102341 class="s1"><div _ngcontent-ng-c2113102341 class="feature"><div _ngcontent-ng-c2113102341 class="title">Scalable</div><div _ngcontent-ng-c2113102341 class="icon"><img _ngcontent-ng-c2113102341 width="64" height="64" src="/assets/img/axes.svg"></div><div _ngcontent-ng-c2113102341 class="description">Scalable data backend built using industry-proven technologies</div></div><div _ngcontent-ng-c2113102341 class="feature"><div _ngcontent-ng-c2113102341 class="title">Powerful APIs</div><div _ngcontent-ng-c2113102341 class="icon"><img _ngcontent-ng-c2113102341 width="64" height="64" src="/assets/img/laptop-dev-mode.svg"></div><div _ngcontent-ng-c2113102341 class="description">Ingest, query, stream and export large amounts of data using the efficient Obelisk HTTP-based APIs </div></div><div _ngcontent-ng-c2113102341 class="feature"><div _ngcontent-ng-c2113102341 class="title">Security-aware</div><div _ngcontent-ng-c2113102341 class="icon"><img _ngcontent-ng-c2113102341 width="64" height="64" src="/assets/img/shield-check.svg"></div><div _ngcontent-ng-c2113102341 class="description">Data Isolation is a first-class citizen. Authentication and authorization are implemented using open standards </div></div><div _ngcontent-ng-c2113102341 class="feature"><div _ngcontent-ng-c2113102341 class="title">Ease of use</div><div _ngcontent-ng-c2113102341 class="icon"><img _ngcontent-ng-c2113102341 width="64" height="64" src="/assets/img/people-tag.svg"></div><div _ngcontent-ng-c2113102341 class="description">Obelisk Ra allows users to quickly discover metadata of datasets, metrics and more</div></div><!----></div><div _ngcontent-ng-c2113102341 class="s2"><div _ngcontent-ng-c2113102341 class="feature"><div _ngcontent-ng-c2113102341 class="title">Open source</div><div _ngcontent-ng-c2113102341 class="icon"><img _ngcontent-ng-c2113102341 width="64" height="64" src="/assets/img/code-brackets.svg"></div><div _ngcontent-ng-c2113102341 class="description">Obelisk Core is a fully open source project</div></div><div _ngcontent-ng-c2113102341 class="feature"><div _ngcontent-ng-c2113102341 class="title">Cloud Native</div><div _ngcontent-ng-c2113102341 class="icon"><img _ngcontent-ng-c2113102341 width="64" height="64" src="/assets/img/cloud-check.svg"></div><div _ngcontent-ng-c2113102341 class="description">Obelisk is developed as a cloud native application, easily deployable to the cloud using Helm</div></div><div _ngcontent-ng-c2113102341 class="feature"><div _ngcontent-ng-c2113102341 class="title">Extensible</div><div _ngcontent-ng-c2113102341 class="icon"><img _ngcontent-ng-c2113102341 width="64" height="64" src="/assets/img/plus-square-dashed.svg"></div><div _ngcontent-ng-c2113102341 class="description">Obelisk Core can be extended with 1st and 3rd party Obelisk Services</div></div><!----></div><div _ngcontent-ng-c2113102341 class="footer"><div _ngcontent-ng-c2113102341 class="reference"><div _ngcontent-ng-c2113102341 class="icon padded"><img _ngcontent-ng-c2113102341 src="/assets/img/github-circle.svg"></div><div _ngcontent-ng-c2113102341 class="name">GitHub</div><!----></div><div _ngcontent-ng-c2113102341 class="reference"><div _ngcontent-ng-c2113102341 class="icon"><img _ngcontent-ng-c2113102341 src="/assets/img/logo_ugent_sm.png"></div><!----></div><div _ngcontent-ng-c2113102341 class="reference"><div _ngcontent-ng-c2113102341 class="icon padded"><img _ngcontent-ng-c2113102341 src="/assets/img/logo_idlab_sm.png"></div><!----></div><div _ngcontent-ng-c2113102341 class="reference"><div _ngcontent-ng-c2113102341 class="icon padded"><img _ngcontent-ng-c2113102341 src="/assets/img/logo_imec_sm.png"></div><!----></div><!----></div></div></app-landing><!----></div></app-root>
+  <script src="polyfills-RT5I6R6G.js" type="module"></script><script src="main-LNQ5N4BC.js" type="module"></script>
+
+<script id="ng-state" type="application/json">{"__nghData__":[{"t":{"16":"t0","19":"t1","22":"t2"},"c":{"16":[{"i":"t0","r":1,"x":4}],"19":[{"i":"t1","r":1,"x":3}],"22":[{"i":"t2","r":1,"t":{"3":"t3"},"c":{"3":[{"i":"t3","r":1}]}},{"i":"t2","r":1,"t":{"3":"t3"},"c":{"3":[]},"x":3}]}},{"c":{"1":[{"i":"c2113102341","r":1}]}}]}</script></body></html>
diff --git a/docs/browser/assets/img/axes.svg b/docs/browser/assets/img/axes.svg
diff --git a/docs/browser/assets/img/bg.jpg b/docs/browser/assets/img/bg.jpg
diff --git a/docs/browser/assets/img/cloud-check.svg b/docs/browser/assets/img/cloud-check.svg
diff --git a/docs/browser/assets/img/code-brackets.svg b/docs/browser/assets/img/code-brackets.svg
diff --git a/docs/browser/assets/img/github-circle.svg b/docs/browser/assets/img/github-circle.svg
diff --git a/docs/browser/assets/img/laptop-dev-mode.svg b/docs/browser/assets/img/laptop-dev-mode.svg
diff --git a/docs/browser/assets/img/logo_black.svg b/docs/browser/assets/img/logo_black.svg
diff --git a/docs/browser/assets/img/logo_idlab.png b/docs/browser/assets/img/logo_idlab.png
diff --git a/docs/browser/assets/img/logo_idlab_sm.png b/docs/browser/assets/img/logo_idlab_sm.png
diff --git a/docs/browser/assets/img/logo_imec.png b/docs/browser/assets/img/logo_imec.png
diff --git a/docs/browser/assets/img/logo_imec_sm.png b/docs/browser/assets/img/logo_imec_sm.png
diff --git a/docs/browser/assets/img/logo_ugent.png b/docs/browser/assets/img/logo_ugent.png
diff --git a/docs/browser/assets/img/logo_ugent_sm.png b/docs/browser/assets/img/logo_ugent_sm.png
diff --git a/docs/browser/assets/img/logo_white.svg b/docs/browser/assets/img/logo_white.svg
diff --git a/docs/browser/assets/img/people-tag.svg b/docs/browser/assets/img/people-tag.svg
diff --git a/docs/browser/assets/img/plus-square-dashed.svg b/docs/browser/assets/img/plus-square-dashed.svg