From 325e2aa9471fe8aab4359be3d316e7d7a85c0e32 Mon Sep 17 00:00:00 2001 From: multipleof4 Date: Fri, 20 Mar 2026 21:44:42 -0700 Subject: [PATCH] Feat: Main HTML layout with Alpine and Tailwind --- index.html | 287 +++++++++++++++++++++++++++-------------------------- 1 file changed, 147 insertions(+), 140 deletions(-) diff --git a/index.html b/index.html index 214db3d..2f326b9 100644 --- a/index.html +++ b/index.html @@ -1,154 +1,161 @@ - - - - - + + + + + vibegif.lol - - + + - + + + + + + + + + + + + + + + + + - - - - - - - -
-
-
-
- +

vibegif.lol

+
+
AI Generated Gifs
+
+ + +
+ + +
+ +
+
-

vibegif.lol

-

AI Generated Gifs (BYOK OpenRouter)

+ + +

Keep it very simple! We automatically append the 'kawaii doodle' style prompts for you.

-
+ +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
- -
-
-

Generate

- -
- - -
- -
- - -

Keep it very simple.

-
- -
-
- - + +
+

Frames Pipeline

+
+ + + +
+ +
-
- - + + +
+

Your Vibe GIF

+
+ + +
+
+
+
+ + +
+
+

+ Account Settings +

+ + +
+ +
-
- -
-
- - -
-
- - -
-
- - - - - - - - -
-

Output

- - - -

No GIF yet.

-
-
- - - -
- - + +```[vibegif/vibegif.lol@main/style.css](https://github.com/vibegif/vibegif.lol/blob/main/style.css "Feat: Add custom font Stain and base styling") +```css +@font-face { + font-family: "Stain"; + src: url("https://cdn.jsdelivr.net/gh/multipleof4/stain.otf@master/dist/Stain.otf") format("opentype"); + font-weight: normal; + font-style: normal; +} + +body { + font-family: "Stain", sans-serif; +} + +/* Hide Alpine elements before load to prevent flicker */ +[x-cloak] { + display: none !important; +}