diff --git a/docs/index.html b/docs/index.html index 8091db4..2b893e0 100644 --- a/docs/index.html +++ b/docs/index.html @@ -13,17 +13,18 @@ - + - + + Fork me on GitHub diff --git a/docs/public/global.css b/docs/public/global.css index 12c30e1..611c111 100644 --- a/docs/public/global.css +++ b/docs/public/global.css @@ -72,3 +72,10 @@ button:not(:disabled):active { button:focus { border-color: #666; } + +.github-ribbon { + position: fixed; + right: 0; + top: 0; + z-index: 100; +} diff --git a/docs/src/App.svelte b/docs/src/App.svelte index b23046e..92edce9 100644 --- a/docs/src/App.svelte +++ b/docs/src/App.svelte @@ -2,128 +2,150 @@ import ContainerExample from './ContainerExample.svelte'; let enableObstructionDetection = false; + let status = 'Hidden'; const handleClick = () => (enableObstructionDetection = !enableObstructionDetection); - - + $: status = enableObstructionDetection ? 'Visible' : 'Hidden'; + {#if enableObstructionDetection}
{/if} -
-
-

Open dev console to see debug output.

-
-
-
-
-
+
+
+ +

Hint: Open dev console to see debug output.

+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Hello World! + +
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
- +
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Hello World! - +
+
+
+ +
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+