@import url("/assets/md.css")fix: skip anim classes shouldnt be needed

@import url("/assets/md.css")

1 files changed, 28 insertions, 21 deletions

diff --git a/src/routes/shared.ts b/src/routes/shared.ts
index dd7f959..0d198bf 100644
--- a/src/routes/shared.ts
+++ b/src/routes/shared.ts
@@ -37,37 +37,37 @@ export type RenderBlock = {
   italic?: boolean;
   underlined?: boolean;
   url?:
-    | `newtab:${string}`
-    | `currenttab:${string}`
-    | ((textObj: TTYText & { kind: 'text' }) => void);
+  | `newtab:${string}`
+  | `currenttab:${string}`
+  | ((textObj: TTYText & { kind: 'text' }) => void);
   bg?: string;
   raw?: boolean;
   dl?: string;
 };
 export type TTYText =
   | {
-      kind: 'text';
-      renderrestriction?: 'everywhere' | 'js-only' | 'noscript';
-      value: RenderBlock[];
-      id: string;
-      classes: string[];
-    }
+    kind: 'text';
+    renderrestriction?: 'everywhere' | 'js-only' | 'noscript';
+    value: RenderBlock[];
+    id: string;
+    classes: string[];
+  }
   | {
-      kind: 'removeNode';
-      removedId: string;
-      removedItemClassList: string[];
-    }
+    kind: 'removeNode';
+    removedId: string;
+    removedItemClassList: string[];
+  }
   | {
-      kind: 'time';
-      delay: number;
-    }
+    kind: 'time';
+    delay: number;
+  }
   | {
-      kind: 'cursorVisibility';
-      visible: boolean;
-    }
+    kind: 'cursorVisibility';
+    visible: boolean;
+  }
   | {
-      kind: 'clear';
-    };
+    kind: 'clear';
+  };
 export type Only<Obj, Keys extends keyof Obj> = {
   [k in Keys]: Obj[k];
 };
@@ -580,6 +580,13 @@ export const ttyLines: TTYText[] = (() => {
       },
     ],
   ]);
+  wait(100);
+  text([
+    '\nDid you know: this is all pure css animation hell.',
+    {
+      colour: '#7a7a7a',
+    },
+  ]);
   wait(5000);
   text([
     `<button style="padding: 12px 12px;background: #fff2;margin-top: 0.4rem;border-radius: 0.7rem;opacity:0.1;margin-top:3rem;" data-el="le funny button">have a button :3</button>`,