Deploying to gh-pages from @ 2d28d99 🚀

SanderElias · Oct 2, 2024 · fbac631 · fbac631
1 parent fef8d62
commit fbac631
Show file tree

Hide file tree

Showing 163 changed files with 870 additions and 9,416 deletions.
diff --git a/404.html b/404.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en" data-critters-container>
+<html lang="en" data-critters-container="">
   <head>
     <meta charset="utf-8">
     <title>Samples</title>
@@ -8,7 +8,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="icon" type="image/x-icon" href="favicon.ico">
   <style>html,body{height:100%}html{overflow:hidden;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{font:18px/1 Roboto,sans-serif;-webkit-font-smoothing:antialiased;margin:0;padding:0;min-height:99vh;color:#e6eaee;background-color:#333}</style><link rel="stylesheet" href="styles-DQYWEX6Y.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles-DQYWEX6Y.css"></noscript></head>
-  <body>
+  <body ngcm="">
     <app-root></app-root>
-  <script src="main-QCCNYSJY.js" type="module"></script></body>
+  <script src="main-QI3NVDUF.js" type="module"></script></body>
 </html>
diff --git a/DirectiveSamp/index.html b/DirectiveSamp/index.html
diff --git a/acnhorPosition/index.html b/acnhorPosition/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html><html lang="en" data-critters-container><head>
+    <meta charset="utf-8">
+    <title>Anchor Position demo</title>
+    <base href="/">
+
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <style>html,body{height:100%}html{overflow:hidden;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{font:18px/1 Roboto,sans-serif;-webkit-font-smoothing:antialiased;margin:0;padding:0;min-height:99vh;color:#e6eaee;background-color:#333}a{color:#5fc5e4}input{font-family:inherit;font-size:100%;vertical-align:baseline;border:0;outline:0;color:#fff;padding:8px 12px 10px;margin-bottom:4px;background:#00000040}input[type=checkbox]{scale:2;margin:0 10px 0 0}input::-moz-focus-inner{border:0;padding:0}
+</style><link rel="stylesheet" href="styles-DQYWEX6Y.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles-DQYWEX6Y.css"></noscript><style ng-app-id="ng">[_nghost-ng-c291077103]{display:grid;grid-template-rows:40px 1fr;grid-row-gap:4px;min-height:99vh}#popup[_ngcontent-ng-c291077103]{display:none -;margin:0 3rem;border:2px solid green}#outlet[_ngcontent-ng-c291077103]{margin:0 3rem}a[_ngcontent-ng-c291077103]{text-decoration:none;color:#232323;transition:color .3s ease}a[_ngcontent-ng-c291077103]:hover{color:tomato}a.active-link[_ngcontent-ng-c291077103]{color:#00008b}#menuToggle[_ngcontent-ng-c291077103]{display:block;position:relative;top:10px;left:10px;z-index:1;-webkit-user-select:none;user-select:none}#menuToggle[_ngcontent-ng-c291077103]   input[_ngcontent-ng-c291077103]{display:block;width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}#menuToggle[_ngcontent-ng-c291077103]   span[_ngcontent-ng-c291077103]{display:block;width:24px;height:2px;margin-bottom:5px;position:relative;background:#cdcdcd;border-radius:3px;z-index:1;transform-origin:4px 0px;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}#menuToggle[_ngcontent-ng-c291077103]   span[_ngcontent-ng-c291077103]:first-child{transform-origin:0% 0%}#menuToggle[_ngcontent-ng-c291077103]   span[_ngcontent-ng-c291077103]:nth-last-child(2){transform-origin:0% 100%}#menuToggle[_ngcontent-ng-c291077103]   input[_ngcontent-ng-c291077103]:checked ~ span[_ngcontent-ng-c291077103]{opacity:1;transform:rotate(45deg) translate(-2px,-1px);background:#232323}#menuToggle[_ngcontent-ng-c291077103]   input[_ngcontent-ng-c291077103]:checked ~ span[_ngcontent-ng-c291077103]:nth-last-child(3){opacity:0;transform:rotate(0) scale(.2)}#menuToggle[_ngcontent-ng-c291077103]   input[_ngcontent-ng-c291077103]:checked ~ span[_ngcontent-ng-c291077103]:nth-last-child(2){transform:rotate(-45deg) translateY(-1px)}#menu[_ngcontent-ng-c291077103]{position:absolute;width:300px;margin:-100px 0 0 -50px;padding:95px 50px 50px;min-height:99vh;background:#ededed;list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0% 0%;transform:translate(-100%);transition:transform .5s cubic-bezier(.77,.2,.05,1)}#menu[_ngcontent-ng-c291077103]   li[_ngcontent-ng-c291077103]{padding:10px 0;font-size:22px}#menu[_ngcontent-ng-c291077103]   ul[_ngcontent-ng-c291077103]{list-style-type:none}#menuToggle[_ngcontent-ng-c291077103]   input[_ngcontent-ng-c291077103]:checked ~ ul[_ngcontent-ng-c291077103]{transform:none}</style><style ng-app-id="ng">[_nghost-ng-c3426681431]{display:block;position:absolute;top:10px;right:10px}a[_ngcontent-ng-c3426681431]{padding:6px;border-radius:6px;background-color:#f0f0f0;text-decoration:none;cursor:pointer;color:#333}a[_ngcontent-ng-c3426681431]   svg[_ngcontent-ng-c3426681431]{padding-top:8px;width:24px;height:24px}</style><style ng-app-id="ng">[_nghost-ng-c1294744179]{display:block;position:relative}.anchored[_ngcontent-ng-c1294744179]{position:absolute;position-anchor:--myAnchor;background:linear-gradient(45deg,#8a2be2,#00f);font-size:1rem;display:grid;place-items:center;border-radius:.5ch;padding:.5ch;width:fit-content;margin:.5ch}.infobox[_ngcontent-ng-c1294744179]{anchor-name:--myAnchor;width:fit-content;background-color:#0a0a0a;padding:.6ch;border-radius:.6ch}section[_ngcontent-ng-c1294744179]{display:grid;place-items:center;border:1px solid #000;width:60rem;height:30rem}</style></head>
+  <body>
+    <app-root _nghost-ng-c291077103 ng-version="19.0.0-next.8" ng-server-context="ssg"><nav _ngcontent-ng-c291077103><div _ngcontent-ng-c291077103 id="menuToggle"><input _ngcontent-ng-c291077103 type="checkbox"><span _ngcontent-ng-c291077103></span><span _ngcontent-ng-c291077103></span><span _ngcontent-ng-c291077103></span><ul _ngcontent-ng-c291077103 id="menu"><a _ngcontent-ng-c291077103 routerlinkactive="active-link" href="/home" class><li _ngcontent-ng-c291077103>Home</li></a><a _ngcontent-ng-c291077103 routerlinkactive="active-link" href="/filterSamp" class><li _ngcontent-ng-c291077103>Filter Sample</li></a><a _ngcontent-ng-c291077103 routerlinkactive="active-link" href="/modalSamp" class><li _ngcontent-ng-c291077103>Modal Sample</li></a><a _ngcontent-ng-c291077103 routerlinkactive="active-link" href="/DirectiveSamp" class><li _ngcontent-ng-c291077103>Directive Sample</li></a><a _ngcontent-ng-c291077103 routerlinkactive="active-link" href="/mixinSamp" class><li _ngcontent-ng-c291077103>Mixin Sample</li></a><a _ngcontent-ng-c291077103 routerlinkactive="active-link" href="/htmlLoad" class><li _ngcontent-ng-c291077103>Html load</li></a><a _ngcontent-ng-c291077103 href="/requiredAttributes"><li _ngcontent-ng-c291077103>Required attributes</li></a><li _ngcontent-ng-c291077103> Reactive viewmodel <ul _ngcontent-ng-c291077103><a _ngcontent-ng-c291077103 routerlinkactive="active-link" href="/viewModel/user" class><li _ngcontent-ng-c291077103>User list</li></a><a _ngcontent-ng-c291077103 routerlinkactive="active-link" href="/viewModel/theGood" class><li _ngcontent-ng-c291077103>The Good</li></a><a _ngcontent-ng-c291077103 routerlinkactive="active-link" href="/viewModel/theBad" class><li _ngcontent-ng-c291077103>The bad</li></a></ul></li><a _ngcontent-ng-c291077103 href="/complexAPI"><li _ngcontent-ng-c291077103>Complex API</li></a><a _ngcontent-ng-c291077103 href="/observableState"><li _ngcontent-ng-c291077103>Observable State</li></a><a _ngcontent-ng-c291077103 href="/dynhtml"><li _ngcontent-ng-c291077103>Dynamic HTML</li></a></ul></div><app-show-source _ngcontent-ng-c291077103 _nghost-ng-c3426681431><!----></app-show-source></nav><div _ngcontent-ng-c291077103 id="outlet"><router-outlet _ngcontent-ng-c291077103></router-outlet><se-anchor-pos _nghost-ng-c1294744179><h1 _ngcontent-ng-c1294744179>Anchor Position</h1><label _ngcontent-ng-c1294744179><span _ngcontent-ng-c1294744179>move the slider to select the position<br _ngcontent-ng-c1294744179></span><input _ngcontent-ng-c1294744179 type="range" min="0" step="1" max="7" value="0"><section _ngcontent-ng-c1294744179><div _ngcontent-ng-c1294744179 class="anchored" style="inset-area: start start;"><p _ngcontent-ng-c1294744179>⚓︎ The anchored content</p></div><div _ngcontent-ng-c1294744179 class="infobox"><p _ngcontent-ng-c1294744179>this is the box we are going to anchor to</p><p _ngcontent-ng-c1294744179>Current Position: start start</p></div></section></label></se-anchor-pos><!----></div></app-root>
+  <script src="main-QI3NVDUF.js" type="module"></script>
+
+</body></html>
diff --git a/analog-clock.component-MQA3WNXX.js b/analog-clock.component-MQA3WNXX.js
diff --git a/analog-clock.component-Q3LL2PYS.js b/analog-clock.component-Q3LL2PYS.js
diff --git a/anchor-pos.component-PCIIR7GM.js b/anchor-pos.component-PCIIR7GM.js
diff --git a/apisample.component-4W7DK3PG.js b/apisample.component-4W7DK3PG.js