feat(demo): embed web-client with fake API stubs as a demo (#109)

cryostatio · May 9, 2023 · ccf9633 · ccf9633
1 parent 0359374
commit ccf9633
Show file tree

Hide file tree

Showing 206 changed files with 1,670 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -4,3 +4,8 @@ _site
 .jekyll-metadata
 vendor
 **/.DS_Store
+
+demo/node_modules/
+demo/.yarn/
+demo/.yarnrc.yml
+demo/.pnp.cjs
diff --git a/README.md b/README.md
@@ -30,3 +30,9 @@ to install project dependencies.
 - `bundle exec jekyll serve --watch --livereload --open-url --future --config _config.yml,_config-dev.yml`
 
 This will start a local development server, open your default browser pointing to the local build on that server, with the server watching for project filesystem changes and hot-reloading the browser when changes are detected and rebuilt.
+
+### Updating Demo
+
+```bash
+$ bash build-demo.bash cryostat-v2.3
+```
diff --git a/_includes/header.html b/_includes/header.html
@@ -21,6 +21,7 @@
           <div class="trigger">
               <a class="page-link" href="/get-started/">Get Started</a>
               <a class="page-link" href="/guides/">Guides</a>
+              <a class="page-link" href="/demo/">Demo</a>
               <a class="page-link" href="/blog/">Blog</a>
           </div>
         </nav>

diff --git a/_layouts/demo.html b/_layouts/demo.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: "en" }}">
+
+  {%- include head.html -%}
+
+  <body>
+
+    {%- include header.html -%}
+
+    <main class="page-content" aria-label="Content">
+      {{ content }}
+    </main>
+
+    {%- include footer.html -%}
+    {%- include redhat-footer.html -%}
+    {%- include scripts.html -%}
+    {%- include rh-analytics-footer.html -%}
+  </body>
+
+</html>
diff --git a/_sass/core/demo.scss b/_sass/core/demo.scss
@@ -0,0 +1,23 @@
+.linear-dot-spinner {
+  width: 2em;
+  aspect-ratio: 4;
+  background: radial-gradient(circle closest-side, #73BCF7 90%, #0000) 0/calc(100%/3) 100% space;
+  clip-path: inset(0 100% 0 0);
+  animation: linear-dot-spinner-animate 1s steps(4) infinite;
+}
+
+@keyframes linear-dot-spinner-animate {
+  to {
+    clip-path: inset(0 -34% 0 0)
+  }
+}
+
+.demo-iframe {
+  opacity: 0;
+  box-sizing: border-box;
+  width: 100%;
+  height: 50em;
+  scale: 0.98;
+  border: 1px solid;
+  border-radius: 4px;
+}
diff --git a/assets/css/main.scss b/assets/css/main.scss
@@ -7,6 +7,7 @@
 
 @import "core/cryostat";
 @import "core/blog";
+@import "core/demo";
 
 @import "includes/redhat-footer";
 @import "includes/back-to-top.scss";

diff --git a/assets/demo/site/393.e5a9eabb40cd5f66.bundle.css b/assets/demo/site/393.e5a9eabb40cd5f66.bundle.css
diff --git a/assets/demo/site/app.5719b38e10b241d3.bundle.js b/assets/demo/site/app.5719b38e10b241d3.bundle.js
diff --git a/assets/demo/site/app.ed4d56b063ab502d.bundle.css b/assets/demo/site/app.ed4d56b063ab502d.bundle.css
diff --git a/assets/demo/site/favicon.ico b/assets/demo/site/favicon.ico
diff --git a/assets/demo/site/fonts/RedHatDisplay-Bold.woff b/assets/demo/site/fonts/RedHatDisplay-Bold.woff
diff --git a/assets/demo/site/fonts/RedHatDisplay-Bold.woff2 b/assets/demo/site/fonts/RedHatDisplay-Bold.woff2
diff --git a/assets/demo/site/fonts/RedHatDisplay-Medium.woff b/assets/demo/site/fonts/RedHatDisplay-Medium.woff
diff --git a/assets/demo/site/fonts/RedHatDisplay-Medium.woff2 b/assets/demo/site/fonts/RedHatDisplay-Medium.woff2
diff --git a/assets/demo/site/fonts/RedHatDisplay-Regular.woff b/assets/demo/site/fonts/RedHatDisplay-Regular.woff
diff --git a/assets/demo/site/fonts/RedHatDisplay-Regular.woff2 b/assets/demo/site/fonts/RedHatDisplay-Regular.woff2
diff --git a/assets/demo/site/fonts/RedHatDisplay-updated-Bold.woff2 b/assets/demo/site/fonts/RedHatDisplay-updated-Bold.woff2
diff --git a/assets/demo/site/fonts/RedHatDisplay-updated-Medium.woff2 b/assets/demo/site/fonts/RedHatDisplay-updated-Medium.woff2
diff --git a/assets/demo/site/fonts/RedHatDisplay-updated-Regular.woff2 b/assets/demo/site/fonts/RedHatDisplay-updated-Regular.woff2
diff --git a/assets/demo/site/fonts/RedHatDisplayVF-updated-ItalicModified.woff2 b/assets/demo/site/fonts/RedHatDisplayVF-updated-ItalicModified.woff2
diff --git a/assets/demo/site/fonts/RedHatDisplayVFModified-updated.woff2 b/assets/demo/site/fonts/RedHatDisplayVFModified-updated.woff2
diff --git a/assets/demo/site/fonts/RedHatMono-updated-Regular.woff2 b/assets/demo/site/fonts/RedHatMono-updated-Regular.woff2
diff --git a/assets/demo/site/fonts/RedHatMonoVF-updated-Italic.woff2 b/assets/demo/site/fonts/RedHatMonoVF-updated-Italic.woff2
diff --git a/assets/demo/site/fonts/RedHatMonoVF-updated.woff2 b/assets/demo/site/fonts/RedHatMonoVF-updated.woff2
diff --git a/assets/demo/site/fonts/RedHatText-Medium.woff b/assets/demo/site/fonts/RedHatText-Medium.woff
diff --git a/assets/demo/site/fonts/RedHatText-Medium.woff2 b/assets/demo/site/fonts/RedHatText-Medium.woff2
diff --git a/assets/demo/site/fonts/RedHatText-Regular.woff b/assets/demo/site/fonts/RedHatText-Regular.woff
diff --git a/assets/demo/site/fonts/RedHatText-Regular.woff2 b/assets/demo/site/fonts/RedHatText-Regular.woff2
diff --git a/assets/demo/site/fonts/RedHatText-updated-Medium.woff2 b/assets/demo/site/fonts/RedHatText-updated-Medium.woff2
diff --git a/assets/demo/site/fonts/RedHatText-updated-Regular.woff2 b/assets/demo/site/fonts/RedHatText-updated-Regular.woff2
diff --git a/assets/demo/site/fonts/RedHatTextVF-updated-ItalicModified.woff2 b/assets/demo/site/fonts/RedHatTextVF-updated-ItalicModified.woff2
diff --git a/assets/demo/site/fonts/RedHatTextVFModified-updated.woff2 b/assets/demo/site/fonts/RedHatTextVFModified-updated.woff2
diff --git a/assets/demo/site/fonts/overpass-bold-italic.woff b/assets/demo/site/fonts/overpass-bold-italic.woff
diff --git a/assets/demo/site/fonts/overpass-bold-italic.woff2 b/assets/demo/site/fonts/overpass-bold-italic.woff2
diff --git a/assets/demo/site/fonts/overpass-bold.woff b/assets/demo/site/fonts/overpass-bold.woff
diff --git a/assets/demo/site/fonts/overpass-bold.woff2 b/assets/demo/site/fonts/overpass-bold.woff2
diff --git a/assets/demo/site/fonts/overpass-extrabold-italic.woff b/assets/demo/site/fonts/overpass-extrabold-italic.woff
diff --git a/assets/demo/site/fonts/overpass-extrabold-italic.woff2 b/assets/demo/site/fonts/overpass-extrabold-italic.woff2
diff --git a/assets/demo/site/fonts/overpass-extrabold.woff b/assets/demo/site/fonts/overpass-extrabold.woff
diff --git a/assets/demo/site/fonts/overpass-extrabold.woff2 b/assets/demo/site/fonts/overpass-extrabold.woff2
diff --git a/assets/demo/site/fonts/overpass-extralight-italic.woff b/assets/demo/site/fonts/overpass-extralight-italic.woff
diff --git a/assets/demo/site/fonts/overpass-extralight-italic.woff2 b/assets/demo/site/fonts/overpass-extralight-italic.woff2
diff --git a/assets/demo/site/fonts/overpass-extralight.woff b/assets/demo/site/fonts/overpass-extralight.woff
diff --git a/assets/demo/site/fonts/overpass-extralight.woff2 b/assets/demo/site/fonts/overpass-extralight.woff2
diff --git a/assets/demo/site/fonts/overpass-heavy-italic.woff b/assets/demo/site/fonts/overpass-heavy-italic.woff
diff --git a/assets/demo/site/fonts/overpass-heavy-italic.woff2 b/assets/demo/site/fonts/overpass-heavy-italic.woff2
diff --git a/assets/demo/site/fonts/overpass-heavy.woff b/assets/demo/site/fonts/overpass-heavy.woff
diff --git a/assets/demo/site/fonts/overpass-heavy.woff2 b/assets/demo/site/fonts/overpass-heavy.woff2
diff --git a/assets/demo/site/fonts/overpass-italic.woff b/assets/demo/site/fonts/overpass-italic.woff
diff --git a/assets/demo/site/fonts/overpass-italic.woff2 b/assets/demo/site/fonts/overpass-italic.woff2
diff --git a/assets/demo/site/fonts/overpass-light-italic.woff b/assets/demo/site/fonts/overpass-light-italic.woff
diff --git a/assets/demo/site/fonts/overpass-light-italic.woff2 b/assets/demo/site/fonts/overpass-light-italic.woff2
diff --git a/assets/demo/site/fonts/overpass-light.woff b/assets/demo/site/fonts/overpass-light.woff
diff --git a/assets/demo/site/fonts/overpass-light.woff2 b/assets/demo/site/fonts/overpass-light.woff2
diff --git a/assets/demo/site/fonts/overpass-mono-bold.woff b/assets/demo/site/fonts/overpass-mono-bold.woff
diff --git a/assets/demo/site/fonts/overpass-mono-bold.woff2 b/assets/demo/site/fonts/overpass-mono-bold.woff2
diff --git a/assets/demo/site/fonts/overpass-mono-light.woff b/assets/demo/site/fonts/overpass-mono-light.woff
diff --git a/assets/demo/site/fonts/overpass-mono-light.woff2 b/assets/demo/site/fonts/overpass-mono-light.woff2
diff --git a/assets/demo/site/fonts/overpass-mono-regular.woff b/assets/demo/site/fonts/overpass-mono-regular.woff
diff --git a/assets/demo/site/fonts/overpass-mono-regular.woff2 b/assets/demo/site/fonts/overpass-mono-regular.woff2
diff --git a/assets/demo/site/fonts/overpass-mono-semibold.woff b/assets/demo/site/fonts/overpass-mono-semibold.woff
diff --git a/assets/demo/site/fonts/overpass-mono-semibold.woff2 b/assets/demo/site/fonts/overpass-mono-semibold.woff2
diff --git a/assets/demo/site/fonts/overpass-regular.woff b/assets/demo/site/fonts/overpass-regular.woff
diff --git a/assets/demo/site/fonts/overpass-regular.woff2 b/assets/demo/site/fonts/overpass-regular.woff2
diff --git a/assets/demo/site/fonts/overpass-semibold-italic.woff b/assets/demo/site/fonts/overpass-semibold-italic.woff
diff --git a/assets/demo/site/fonts/overpass-semibold-italic.woff2 b/assets/demo/site/fonts/overpass-semibold-italic.woff2
diff --git a/assets/demo/site/fonts/overpass-semibold.woff b/assets/demo/site/fonts/overpass-semibold.woff
diff --git a/assets/demo/site/fonts/overpass-semibold.woff2 b/assets/demo/site/fonts/overpass-semibold.woff2
diff --git a/assets/demo/site/fonts/overpass-thin-italic.woff b/assets/demo/site/fonts/overpass-thin-italic.woff
diff --git a/assets/demo/site/fonts/overpass-thin-italic.woff2 b/assets/demo/site/fonts/overpass-thin-italic.woff2
diff --git a/assets/demo/site/fonts/overpass-thin.woff b/assets/demo/site/fonts/overpass-thin.woff
diff --git a/assets/demo/site/fonts/overpass-thin.woff2 b/assets/demo/site/fonts/overpass-thin.woff2
diff --git a/assets/demo/site/fonts/pficon.woff b/assets/demo/site/fonts/pficon.woff
diff --git a/assets/demo/site/fonts/pficon.woff2 b/assets/demo/site/fonts/pficon.woff2
diff --git a/assets/demo/site/images/about_background.png b/assets/demo/site/images/about_background.png
diff --git a/assets/demo/site/images/cryostat_logo_hori_rgb_default.svg b/assets/demo/site/images/cryostat_logo_hori_rgb_default.svg
diff --git a/assets/demo/site/images/cryostat_logo_hori_rgb_reverse.svg b/assets/demo/site/images/cryostat_logo_hori_rgb_reverse.svg