alice.pds.demo.boltless.dev
This repository has no description
appview/pages: animate signup icon
Signed-off-by: oppiliappan <me@oppi.li>
author
oppiliappan
committer
Tangled
date
(Jul 21, 2026, 10:57 AM +0300)
commit
dc600b74
dc600b74f2942d322722473326b50eb8463bcf91
parent
49023336
4902333687b5069d37120cf9f05c223cd0294582
change-id
rtrumxls
rtrumxlsmtvyuuywmxspmmwoxzzttvwz
+76
-33
+1
-1
appview/pages/templates/user/fragments/signupSuccess.html
+1
-1
appview/pages/templates/user/fragments/signupSuccess.html
···
4
4
hx-swap-oob="outerHTML"
5
5
class="w-full max-w-md px-7 mt-4 flex flex-col items-center gap-4 text-center"
6
6
>
7
-
<div class="flex items-center justify-center size-16 rounded-full bg-green-100 dark:bg-green-900/30 text-green-600 dark:text-green-400">
7
+
<div class="flex items-center justify-center size-16 rounded-full bg-green-100 dark:bg-green-900/30 text-green-600 dark:text-green-400 animate-jump animate-once animate-duration-500 animate-ease-in-out">
8
8
{{ i "check" "size-8" }}
9
9
</div>
10
10
<p class="text-lg dark:text-white">Account created successfully</p>
+15
-1
flake.lock
+15
-1
flake.lock
···
280
280
"mermaid-src": "mermaid-src",
281
281
"microvm": "microvm",
282
282
"nixpkgs": "nixpkgs",
283
-
"sqlite-lib-src": "sqlite-lib-src"
283
+
"sqlite-lib-src": "sqlite-lib-src",
284
+
"tailwindcss-animated-src": "tailwindcss-animated-src"
284
285
}
285
286
},
286
287
"rust-analyzer-src": {
···
342
343
"owner": "nix-systems",
343
344
"repo": "default",
344
345
"type": "github"
346
+
}
347
+
},
348
+
"tailwindcss-animated-src": {
349
+
"flake": false,
350
+
"locked": {
351
+
"lastModified": 499162500,
352
+
"narHash": "sha256-l3esIcsAwj0PHOhnHBLWiLzzRiOo1yOk9VYEGpn6fyQ=",
353
+
"type": "tarball",
354
+
"url": "https://registry.npmjs.org/tailwindcss-animated/-/tailwindcss-animated-1.1.2.tgz"
355
+
},
356
+
"original": {
357
+
"type": "tarball",
358
+
"url": "https://registry.npmjs.org/tailwindcss-animated/-/tailwindcss-animated-1.1.2.tgz"
345
359
}
346
360
}
347
361
},
+20
-1
flake.nix
+20
-1
flake.nix
···
57
57
url = "https://cdn.jsdelivr.net/npm/mathjax@4.1.2/tex-svg.js";
58
58
flake = false;
59
59
};
60
+
tailwindcss-animated-src = {
61
+
url = "https://registry.npmjs.org/tailwindcss-animated/-/tailwindcss-animated-1.1.2.tgz";
62
+
flake = false;
63
+
};
60
64
ibm-plex-mono-src = {
61
65
url = "https://github.com/IBM/plex/releases/download/%40ibm%2Fplex-mono%401.1.0/ibm-plex-mono.zip";
62
66
flake = false;
···
89
93
microvm,
90
94
fetch-tangled,
91
95
mathjax-src,
96
+
tailwindcss-animated-src,
92
97
...
93
98
}: let
94
99
supportedSystems = ["x86_64-linux" "x86_64-darwin" "aarch64-linux" "aarch64-darwin"];
···
150
155
lexgen = self.callPackage ./nix/pkgs/lexgen.nix {inherit indigo;};
151
156
goat = self.callPackage ./nix/pkgs/goat.nix {inherit indigo;};
152
157
appview-static-files = self.callPackage ./nix/pkgs/appview-static-files.nix {
153
-
inherit htmx-src htmx-ws-src lucide-src inter-fonts-src ibm-plex-mono-src actor-typeahead-src mermaid-src hls-src mathjax-src;
158
+
inherit htmx-src htmx-ws-src lucide-src inter-fonts-src ibm-plex-mono-src actor-typeahead-src mermaid-src hls-src mathjax-src tailwindcss-animated-src;
154
159
};
155
160
appview = self.callPackage ./nix/pkgs/appview.nix {};
156
161
blog = self.callPackage ./nix/pkgs/blog.nix {};
···
319
324
devShells = forAllSystems (system: let
320
325
pkgs = nixpkgsFor.${system};
321
326
packages' = self.packages.${system};
327
+
tailwindcss-plugins = pkgs.linkFarm "tailwindcss-plugins" [
328
+
{
329
+
name = "tailwindcss-animated";
330
+
path = tailwindcss-animated-src;
331
+
}
332
+
];
322
333
staticShell = args:
323
334
(pkgs.mkShell.override {
324
335
stdenv = pkgs.pkgsStatic.stdenv;
···
375
386
];
376
387
shellHook = ''
377
388
export CC=${pkgs.stdenv.cc}/bin/cc
389
+
export NODE_PATH=${tailwindcss-plugins}''${NODE_PATH:+:$NODE_PATH}
378
390
mkdir -p appview/pages/static
379
391
# temporary self-heal for workspaces that copied static assets as read-only
380
392
[ -d appview/pages/static/icons ] && [ ! -w appview/pages/static/icons ] && chmod -R u+rwX appview/pages/static
···
394
406
apps = forAllSystems (system: let
395
407
pkgs = nixpkgsFor."${system}";
396
408
packages' = self.packages.${system};
409
+
tailwindcss-plugins = pkgs.linkFarm "tailwindcss-plugins" [
410
+
{
411
+
name = "tailwindcss-animated";
412
+
path = tailwindcss-animated-src;
413
+
}
414
+
];
397
415
air-watcher = name: arg:
398
416
pkgs.writeShellScriptBin "run"
399
417
''
···
405
423
pkgs.writeShellScriptBin "run"
406
424
''
407
425
export BROWSERSLIST_IGNORE_OLD_DATA=true
426
+
export NODE_PATH=${tailwindcss-plugins}
408
427
${pkgs.tailwindcss}/bin/tailwindcss --watch=always -i input.css -o ./appview/pages/static/tw.css
409
428
'';
410
429
in {
+39
-29
nix/pkgs/appview-static-files.nix
+39
-29
nix/pkgs/appview-static-files.nix
···
10
10
hls-src,
11
11
mathjax-src,
12
12
tailwindcss,
13
+
tailwindcss-animated-src,
13
14
dolly,
14
15
src,
15
-
}:
16
-
runCommandLocal "appview-static-files" {
17
-
# TODO(winter): figure out why this is even required after
18
-
# changing the libraries that the tailwindcss binary loads
19
-
sandboxProfile = ''
20
-
(allow file-read* (subpath "/System/Library/OpenSSL"))
21
-
'';
22
-
} ''
23
-
mkdir -p $out/{fonts,icons,logos} && cd $out
24
-
cp -f ${htmx-src} htmx.min.js
25
-
cp -f ${htmx-ws-src} htmx-ext-ws.min.js
26
-
cp -f ${mermaid-src} mermaid.min.js
27
-
cp -f ${hls-src} hls.min.js
28
-
cp -f ${mathjax-src} mathjax.min.js
29
-
cp -rf ${lucide-src}/*.svg icons/
30
-
cp -rf ${src}/icons/*.svg icons/
31
-
cp -f ${inter-fonts-src}/web/InterVariable*.woff2 fonts/
32
-
cp -f ${inter-fonts-src}/web/InterDisplay*.woff2 fonts/
33
-
cp -f ${inter-fonts-src}/InterVariable*.ttf fonts/
34
-
cp -f ${ibm-plex-mono-src}/fonts/complete/woff2/IBMPlexMono*.woff2 fonts/
35
-
cp -f ${actor-typeahead-src}/actor-typeahead.js .
36
-
cp -rf ${src}/appview/pages/profile-fx .
16
+
linkFarm,
17
+
}: let
18
+
tailwindcss-plugins = linkFarm "tailwindcss-plugins" [
19
+
{
20
+
name = "tailwindcss-animated";
21
+
path = tailwindcss-animated-src;
22
+
}
23
+
];
24
+
in
25
+
runCommandLocal "appview-static-files" {
26
+
# TODO(winter): figure out why this is even required after
27
+
# changing the libraries that the tailwindcss binary loads
28
+
sandboxProfile = ''
29
+
(allow file-read* (subpath "/System/Library/OpenSSL"))
30
+
'';
31
+
} ''
32
+
mkdir -p $out/{fonts,icons,logos} && cd $out
33
+
cp -f ${htmx-src} htmx.min.js
34
+
cp -f ${htmx-ws-src} htmx-ext-ws.min.js
35
+
cp -f ${mermaid-src} mermaid.min.js
36
+
cp -f ${hls-src} hls.min.js
37
+
cp -f ${mathjax-src} mathjax.min.js
38
+
cp -rf ${lucide-src}/*.svg icons/
39
+
cp -rf ${src}/icons/*.svg icons/
40
+
cp -f ${inter-fonts-src}/web/InterVariable*.woff2 fonts/
41
+
cp -f ${inter-fonts-src}/web/InterDisplay*.woff2 fonts/
42
+
cp -f ${inter-fonts-src}/InterVariable*.ttf fonts/
43
+
cp -f ${ibm-plex-mono-src}/fonts/complete/woff2/IBMPlexMono*.woff2 fonts/
44
+
cp -f ${actor-typeahead-src}/actor-typeahead.js .
45
+
cp -rf ${src}/appview/pages/profile-fx .
37
46
38
-
${dolly}/bin/dolly -output logos/dolly.png -size 180
39
-
${dolly}/bin/dolly -output logos/dolly.ico -size 48
40
-
${dolly}/bin/dolly -output logos/dolly.svg -color currentColor -favicon
41
-
# tailwindcss -c $src/tailwind.config.js -i $src/input.css -o tw.css won't work
42
-
# for whatever reason (produces broken css), so we are doing this instead
43
-
cd ${src} && ${tailwindcss}/bin/tailwindcss -i input.css -o $out/tw.css
44
-
''
47
+
${dolly}/bin/dolly -output logos/dolly.png -size 180
48
+
${dolly}/bin/dolly -output logos/dolly.ico -size 48
49
+
${dolly}/bin/dolly -output logos/dolly.svg -color currentColor -favicon
50
+
# tailwindcss -c $src/tailwind.config.js -i $src/input.css -o tw.css won't work
51
+
# for whatever reason (produces broken css), so we are doing this instead
52
+
export NODE_PATH=${tailwindcss-plugins}
53
+
cd ${src} && ${tailwindcss}/bin/tailwindcss -i input.css -o $out/tw.css
54
+
''