From 0371a8884fb36b480752572ca294ab509efb2ff8 Mon Sep 17 00:00:00 2001
From: Zakaria <zbenmo1@wgu.edu>
Date: Fri, 23 Oct 2026 10:12:41 -0400
Subject: [PATCH] chore: remove unused index.sample.html

---
 index.sample.html | 176 ----------------------------------------------
 1 file changed, 176 deletions(-)
 delete mode 100644 index.sample.html

diff --git a/index.sample.html b/index.sample.html
deleted file mode 100644
index c68b276..0000000
--- a/index.sample.html
+++ /dev/null
@@ -1,176 +0,0 @@
-<!doctype html>
-<html lang="en" data-theme="dark">
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<title>Sign in · TheCloud</title>
-<style>
-:root[data-theme=dark]{--frame:#07111d;--rail:#0a1626;--rfg:#e8f1fa;--rmut:#8aa3bc;--rbd:rgba(232,241,250,.14);--ac:#6cc4ff;--on:#06223a;
-  --pbg:#08131f;--grid:rgba(232,241,250,.08);--o1:#6cc4ff;--o2:#ffb547;--pfg:#f2f8ff;--pmut:#a9c3dc;--tile:rgba(12,26,43,.72);--tbd:rgba(232,241,250,.14);--ic:#8fd3ff;--hi:#ffb547;--glow:rgba(108,196,255,.16);--err:#ff9a9a;--errbg:#3a1822}
-:root[data-theme=light]{--frame:#eef4fa;--rail:#0e2238;--rfg:#f2f8ff;--rmut:#9db6cf;--rbd:rgba(242,248,255,.18);--ac:#7fd0ff;--on:#06223a;
-  --pbg:#eaf2fa;--grid:rgba(14,34,56,.09);--o1:#0a6fc2;--o2:#c26a00;--pfg:#0e2238;--pmut:#4a627a;--tile:rgba(255,255,255,.8);--tbd:rgba(14,34,56,.14);--ic:#0a6fc2;--hi:#c26a00;--glow:rgba(10,111,194,.14);--err:#ffb0b0;--errbg:#3a1822}
-:root[data-theme=cyber]{--frame:#010305;--rail:#02080a;--rfg:#4eff96;--rmut:#2f9a68;--rbd:rgba(78,255,150,.3);--ac:#ffea00;--on:#02080a;
-  --pbg:#02060a;--grid:rgba(78,255,150,.16);--o1:#4eff96;--o2:#ff10f0;--pfg:#4eff96;--pmut:#2fb877;--tile:rgba(5,13,16,.8);--tbd:rgba(78,255,150,.34);--ic:#4eff96;--hi:#ff10f0;--glow:rgba(78,255,150,.18);--err:#ff8da1;--errbg:#2a0a14}
-*{box-sizing:border-box;margin:0}
-html,body{min-height:100%}
-body{background:var(--frame);color:var(--rfg);font-family:system-ui,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
-body.fade,body.fade *{transition:background-color .5s,color .5s,border-color .5s!important}
-.mono{font-family:ui-monospace,"SF Mono","Cascadia Code",Menlo,Consolas,monospace}
-.defs{position:absolute;width:0;height:0;overflow:hidden}
-.defs .hi{stroke:var(--hi)}.defs .hf{fill:var(--hi);stroke:none}
-
-.frame{min-height:100vh;display:grid;grid-template-columns:400px minmax(0,1fr)}
-
-/* rail */
-.rail{background:var(--rail);padding:44px 48px 32px;display:flex;flex-direction:column;justify-content:space-between;gap:40px}
-.brand{font-size:34px;font-weight:800;letter-spacing:-.045em;color:var(--ac);line-height:1;text-decoration:none;display:inline-block}
-.signin{margin-top:clamp(40px,14vh,150px)}
-.signin h2{font-size:15px;font-weight:600;margin-bottom:6px}
-.lead{font-size:14px;line-height:1.55;color:var(--rmut)}
-.dest{display:none;margin-top:16px;padding:9px 12px;border:1px dashed var(--rbd);border-radius:10px;font-size:12.5px;color:var(--rmut);overflow-wrap:anywhere}
-.dest.on{display:block}.dest span{color:var(--rfg)}
-.alert{display:none;margin-top:16px;padding:12px 14px;border:1px solid currentColor;border-radius:12px;background:var(--errbg);color:var(--err);font-size:14px;line-height:1.45}
-.alert.on{display:block}
-.btn{margin-top:22px;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 22px;border:0;border-radius:999px;background:var(--ac);color:var(--on);font:700 15px system-ui,sans-serif;text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .2s,filter .2s}
-.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px -10px var(--ac);filter:brightness(1.06)}
-.btn:active{transform:none}
-.btn:focus-visible,.tg button:focus-visible{outline:3px solid var(--rfg);outline-offset:3px}
-.btn[aria-busy=true]{pointer-events:none;filter:saturate(.6)}
-.sp{display:none;width:15px;height:15px;border:2.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}
-.btn[aria-busy=true] .sp{display:block}.btn[aria-busy=true] .sh{display:none}
-@keyframes spin{to{transform:rotate(360deg)}}
-.sso{margin-top:14px;font-size:12.5px;color:var(--rmut);text-align:center}
-.foot{display:grid;gap:16px}
-.tg{display:inline-flex;width:max-content;gap:2px;padding:3px;border:1px solid var(--rbd);border-radius:999px}
-.tg button{width:30px;height:30px;border:0;border-radius:999px;background:none;color:var(--rmut);cursor:pointer;display:grid;place-items:center;transition:.25s}
-.tg button:hover{color:var(--rfg)}
-.tg button.on{background:var(--ac);color:var(--on)}
-.legal{font-size:11.5px;line-height:1.55;color:var(--rmut)}
-
-/* panel */
-.dot{position:absolute;border-radius:50%;filter:blur(70px);opacity:.24;animation:dr 16s ease-in-out infinite;pointer-events:none}
-.d1{width:460px;height:460px;top:-8%;left:-120px;background:var(--o1)}
-.d2{width:540px;height:540px;bottom:-22%;right:-160px;background:var(--o2);animation-delay:-5s}
-@keyframes dr{33%{transform:translate(60px,-40px) scale(1.1)}66%{transform:translate(-30px,50px) scale(.95)}}
-.panel{position:relative;margin:20px;border-radius:28px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:56px 40px;
-  background:linear-gradient(var(--grid) 1px,transparent 1px) center/56px 56px,linear-gradient(90deg,var(--grid) 1px,transparent 1px) center/56px 56px,var(--pbg);color:var(--pfg);border:1px solid var(--tbd)}
-.pglow{position:absolute;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,var(--glow),transparent 62%);transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .4s}
-.inner{position:relative;width:100%;max-width:960px;text-align:center}
-h1{font-family:ui-serif,"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;font-weight:500;font-size:clamp(2.2rem,4.6vw,4rem);line-height:1.08;letter-spacing:-.02em;max-width:15em;margin:0 auto 48px;text-wrap:balance}
-h1::after{content:"";display:inline-block;width:.08em;height:.85em;margin-left:.12em;background:var(--hi);vertical-align:-.05em;animation:bl 1.1s steps(1) infinite}
-@keyframes bl{50%{opacity:0}}
-.tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;list-style:none;padding:0}
-.tile{padding:22px 8px 18px;border-radius:18px;background:var(--tile);border:1px solid var(--tbd);display:grid;align-content:start;justify-items:center;gap:12px;opacity:0;animation:up .6s cubic-bezier(.2,.7,.2,1) forwards;transition:transform .25s,border-color .25s,box-shadow .25s}
-.tile:hover{transform:translateY(-5px);border-color:var(--hi);box-shadow:0 18px 36px -18px rgba(0,0,0,.5)}
-.tile:nth-child(2){animation-delay:.06s}.tile:nth-child(3){animation-delay:.12s}.tile:nth-child(4){animation-delay:.18s}.tile:nth-child(5){animation-delay:.24s}.tile:nth-child(6){animation-delay:.3s}
-@keyframes up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
-.ic{width:52px;height:52px;color:var(--ic)}
-.tile b{display:block;font-size:14px;font-weight:650;line-height:1.25}
-.tile small{display:block;margin-top:3px;font-size:11.5px;color:var(--pmut)}
-.tag{margin-top:40px;font-size:16px;color:var(--pmut)}
-
-@media (max-width:980px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
-@media (max-width:900px){
-  .frame{grid-template-columns:1fr}
-  .rail{padding:28px 24px 24px;gap:26px}.signin{margin-top:22px}
-  .foot{order:3}
-  .panel{margin:0 14px 14px;padding:40px 18px;border-radius:22px}
-  h1{margin-bottom:30px}.tag{display:none}
-}
-@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.tile{opacity:1}.pglow{display:none}}
-</style>
-</head>
-<body>
-<svg class="defs" aria-hidden="true" focusable="false">
-  <symbol id="i-lambda" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"><path d="M13 9h7l15 30"/><path class="hi" d="M24 25l-10 14"/></g></symbol>
-  <symbol id="i-s3" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"><ellipse cx="24" cy="12" rx="15" ry="5.5"/><path d="M9 12l3.4 25c.4 2.8 5.700 5 11.600 5s11.200-2.200 11.600-5L39 12"/><path class="hi" d="M11 23c3 2.600 8.200 3.800 13 3.800S34 25.600 37 23"/></g></symbol>
-  <symbol id="i-sqs" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"><rect x="7" y="9" width="34" height="8" rx="4"/><rect x="7" y="20" width="34" height="8" rx="4"/><rect x="7" y="31" width="34" height="8" rx="4"/><path class="hi" d="M13 24h8m-3-3l3 3-3 3"/></g></symbol>
-  <symbol id="i-sns" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round"><path d="M13 13a16 16 0 0 0 0 22M35 13a16 16 0 0 1 0 22M19 18a8 8 0 0 0 0 12M29 18a8 8 0 0 1 0 12"/><circle class="hi hf" cx="24" cy="24" r="3.6"/></g></symbol>
-  <symbol id="i-ddb" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"><ellipse cx="24" cy="11" rx="14" ry="5.500"/><path d="M10 11v26c0 3 6.300 5.500 14 5.500S38 40 38 37V11"/><path class="hi" d="M10 24c0 3 6.300 5.500 14 5.500S38 27 38 24"/></g></symbol>
-  <symbol id="i-sfn" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"><path d="M13 24h6c4 0 5-9 9-9h2M13 24h6c4 0 5 9 9 9h2"/><rect x="30" y="9" width="11" height="11" rx="3"/><rect x="30" y="28" width="11" height="11" rx="3"/><circle class="hi" cx="9" cy="24" r="4"/></g></symbol>
-</svg>
-
-<div class="frame">
-  <aside class="rail">
-    <div>
-      <a class="brand" href="/">TheCloud</a>
-      <div class="signin">
-        <h2>Welcome back</h2>
-        <p class="lead">Continue with your Authentik account to open the console.</p>
-        <div class="dest mono" id="dest">Landing on <span id="destPath"></span></div>
-        <div class="alert" id="alert" role="alert"></div>
-        <a class="btn" id="go" href="/api/auth/oidc/login">
-          <svg class="sh" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3l8 3v6c0 4.500-3.200 8-8 9-4.800-1-8-4.500-8-9V6l8-3z"/><path d="M9 12l2 2 4-4"/></svg>
-          <span class="sp" aria-hidden="true"></span><span id="label">Sign in with Authentik</span>
-        </a>
-        <p class="sso">Single sign-on. MFA happens there.</p>
-      </div>
-    </div>
-    <div class="foot">
-      <div class="tg" role="group" aria-label="Theme">
-        <button data-t="dark" aria-label="Dark theme"><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><path d="M21 13.500A9 9 0 1 1 10.500 3a7 7 0 0 0 10.500 10.500z"/></svg></button>
-        <button data-t="light" aria-label="Light theme"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M2 12h2M20 12h2M4.900 4.900l1.400 1.400M17.700 17.700l1.400 1.400M4.900 19.100l1.400-1.400M17.700 6.300l1.400-1.400"/></svg></button>
-        <button data-t="cyber" aria-label="Cyber theme"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.400" stroke-linecap="round" stroke-linejoin="round"><path d="M4 6l6 6-6 6M12 19h8"/></svg></button>
-      </div>
-      <p class="legal">TheCloud is powered by Floci and is not affiliated with Amazon Web Services.</p>
-    </div>
-  </aside>
-
-  <main class="panel" id="panel">
-    <div class="dot d1"></div><div class="dot d2"></div>
-    <div class="pglow" id="pglow"></div>
-
-    <div class="inner">
-      <h1>Your own cloud, on your own hardware.</h1>
-      <ul class="tiles">
-        <li class="tile"><svg class="ic" aria-hidden="true"><use href="#i-lambda"/></svg><span><b>Invoke functions</b><small>Lambda</small></span></li>
-        <li class="tile"><svg class="ic" aria-hidden="true"><use href="#i-s3"/></svg><span><b>Store objects</b><small>S3</small></span></li>
-        <li class="tile"><svg class="ic" aria-hidden="true"><use href="#i-sqs"/></svg><span><b>Queue messages</b><small>SQS</small></span></li>
-        <li class="tile"><svg class="ic" aria-hidden="true"><use href="#i-sns"/></svg><span><b>Publish events</b><small>SNS</small></span></li>
-        <li class="tile"><svg class="ic" aria-hidden="true"><use href="#i-ddb"/></svg><span><b>Query tables</b><small>DynamoDB</small></span></li>
-        <li class="tile"><svg class="ic" aria-hidden="true"><use href="#i-sfn"/></svg><span><b>Orchestrate workflows</b><small>Step Functions</small></span></li>
-      </ul>
-      <p class="tag">Build and test against AWS services locally, with SSO in front.</p>
-    </div>
-  </main>
-</div>
-
-<script>
-(function(){
-  var root=document.documentElement,btns=document.querySelectorAll('.tg button');
-  function setTheme(t,anim){
-    if(anim){document.body.classList.add('fade');setTimeout(function(){document.body.classList.remove('fade')},600)}
-    root.setAttribute('data-theme',t);
-    try{localStorage.setItem('thecloud-theme',t)}catch(e){}
-    btns.forEach(function(b){b.classList.toggle('on',b.dataset.t===t)});
-  }
-  var t0=matchMedia('(prefers-color-scheme: light)').matches?'light':'dark';
-  try{var sv=localStorage.getItem('thecloud-theme');if(sv==='dark'||sv==='light'||sv==='cyber')t0=sv}catch(e){}
-  setTheme(t0,false);
-  btns.forEach(function(b){b.addEventListener('click',function(){setTheme(b.dataset.t,true)})});
-  document.addEventListener('keydown',function(e){
-    if((e.key==='t'||e.key==='T')&&!e.metaKey&&!e.ctrlKey&&!e.altKey){
-      var o=['dark','light','cyber'];setTheme(o[(o.indexOf(root.getAttribute('data-theme'))+1)%3],true)}
-  });
-
-  var panel=document.getElementById('panel'),gl=document.getElementById('pglow');
-  panel.addEventListener('mousemove',function(e){var r=panel.getBoundingClientRect();gl.style.left=(e.clientX-r.left)+'px';gl.style.top=(e.clientY-r.top)+'px';gl.style.opacity='1'});
-  panel.addEventListener('mouseleave',function(){gl.style.opacity='0'});
-
-  var p=new URLSearchParams(location.search),go=document.getElementById('go'),label=document.getElementById('label');
-  var rt=p.get('returnTo')||'/';
-  if(!(rt.length<512&&rt.charAt(0)==='/'&&rt.charAt(1)!=='/'&&rt.charAt(1)!=='\\'&&!/[\u0000-\u001f]/.test(rt)))rt='/';
-  go.href='/api/auth/oidc/login?returnTo='+encodeURIComponent(rt);
-  if(rt!=='/'){document.getElementById('destPath').textContent=rt;document.getElementById('dest').className='dest mono on'}
-  var msgs={access_denied:'Your account is not allowed to use this console. Ask the admin to grant access in Authentik.',session_expired:'Your session ended. Sign in again to continue.',state_mismatch:'The sign-in request expired. Start again.',invalid_state:'The sign-in request expired. Start again.',oidc_failed:'Authentik could not complete the sign-in. Try again in a moment.'};
-  var er=p.get('error');
-  if(er){var a=document.getElementById('alert');a.textContent=Object.prototype.hasOwnProperty.call(msgs,er)?msgs[er]:'Sign-in did not complete. Try again.';a.className='alert on'}
-  go.addEventListener('click',function(ev){
-    if(go.getAttribute('aria-busy')==='true'){ev.preventDefault();return}
-    go.setAttribute('aria-busy','true');label.textContent='Redirecting to Authentik';
-  });
-  addEventListener('pageshow',function(){go.removeAttribute('aria-busy');label.textContent='Sign in with Authentik'});
-})();
-</script>
-</body>
-</html>