Ceremony terminal (#3023)

.github/workflows/check.yml

@@ -26,4 +26,4 @@ jobs:
       - name: Lint commit messages
         uses: wagoid/commitlint-github-action@v5
         with:
-          failOnWarnings: true
+          failOnWarnings: false

ceremony/.gitattributes

@@ -0,0 +1,14 @@
+.webp filter=lfs diff=lfs merge=lfs -text
+.avif filter=lfs diff=lfs merge=lfs -text
+.gif filter=lfs diff=lfs merge=lfs -text
+*.otf filter=lfs diff=lfs merge=lfs -text
+*.png filter=lfs diff=lfs merge=lfs -text
+*.pdf filter=lfs diff=lfs merge=lfs -text
+*.woff2 filter=lfs diff=lfs merge=lfs -text
+*.woff filter=lfs diff=lfs merge=lfs -text
+*.ttf filter=lfs diff=lfs merge=lfs -text
+*.zip filter=lfs diff=lfs merge=lfs -text
+*.psd filter=lfs diff=lfs merge=lfs -text
+*.jpg filter=lfs diff=lfs merge=lfs -text
+*.jpeg filter=lfs diff=lfs merge=lfs -text
+*.splinecode filter=lfs diff=lfs merge=lfs -text

ceremony/ceremony.nix

@@ -19,7 +19,7 @@ _: {
     {
       packages = {
         ceremony = unstablePkgs.buildNpmPackage {
-          npmDepsHash = "sha256-CEZJ8lBuOrOf65oInkexsrXOaU+rJeUpQ2SGmlTgYbI=";
+          npmDepsHash = "sha256-H8IOpVmeV1rTpTJKHz3ku0KyzD+R65sLFMnkf4RXRzg=";
           src = ./.;
           sourceRoot = "ceremony";
           npmFlags = [ "--legacy-peer-deps" ];

ceremony/package.json

@@ -32,6 +32,7 @@
     "@tanstack/svelte-query": "^5.54.1",
     "neverthrow": "^7.1.0",
     "runed": "^0.15.2",
-    "svelte-sonner": "^0.3.27"
+    "svelte-sonner": "^0.3.27",
+    "tailwind-merge": "^2.5.2"
   }
 }

ceremony/src/lib/client/index.ts

@@ -1,7 +1,8 @@
 import { get, post } from "$lib/client/http.ts"
 import { getQueuePayloadId } from "$lib/supabase/queries.ts"
-import type { ClientState, ContributeBody } from "$lib/client/types.ts"
+import type { ContributeBody } from "$lib/client/types.ts"
 import { supabase } from "$lib/supabase/client.ts"
+import type { ClientState } from "$lib/state/contributor.svelte.ts"
 
 export const start = async (): Promise<ClientState | undefined> => {
   const { data: session, error: sessionError } = await supabase.auth.refreshSession()

ceremony/src/lib/client/types.ts

@@ -1,4 +1,4 @@
-export type ClientState =
+export type ClientStatus =
   | "idle"
   | "initializing"
   | "downloadStarted"

ceremony/src/lib/components/Blink.svelte

@@ -21,7 +21,7 @@ function blinkEye() {
 
 function startRandomBlinking() {
   blinkInterval = setInterval(() => {
-    if (!(sleep || love) && Math.random() < 0.05) {
+    if (!(sleep || love) && Math.random() < 0.08) {
       blinkEye()
     }
   }, 200)
@@ -45,7 +45,7 @@ $effect(() => {
 })
 </script>
 
-<span class="!text-union-accent-500">
+<span>
   {eye}<span class:wobble={loading && !sleep}><span>_</span><span>_</span><span>_</span><span>_</span><span>_</span><span>_</span><span>_</span></span>{eye}
 </span>
 

ceremony/src/lib/components/Circles.svelte

@@ -0,0 +1,68 @@
+<div class="absolute inset-x-0 h-svh flex items-center justify-center overflow-hidden">
+  <div class="ball border-union-accent-500">
+    <span></span>
+    <span></span>
+    <span></span>
+    <span></span>
+    <span></span>
+    <span></span>
+  </div>
+</div>
+
+<style>
+    @keyframes rotate {
+        from {
+            transform: rotate(0deg);
+        }
+        to {
+            transform: rotate(360deg);
+        }
+    }
+
+
+    .ball span{
+        width: 0;
+        height: 0;
+        border-radius: 50%;
+        display: block;
+        transition: all 2s ease-in-out;
+        transform:translate(-50%,-50%);
+        position:absolute;
+        border: 1px solid transparent;
+        animation: ballsAnimationBigger 6s infinite linear;
+    }
+
+    @keyframes ballsAnimationBigger {
+        0% {
+            border-color: transparent;
+            opacity:0;
+        }
+        10% {
+            border-color: inherit;
+        }
+        80%{
+            border-color: transparent;
+            opacity:1;
+        }
+        100% {
+            width: 250vh;
+            height: 250vh;
+        }
+    }
+
+    .ball span:nth-child(2){
+        animation-delay: 1s;
+    }
+    .ball span:nth-child(3){
+        animation-delay: 2s;
+    }
+    .ball span:nth-child(4){
+        animation-delay: 3s;
+    }
+    .ball span:nth-child(5){
+        animation-delay: 4s;
+    }
+    .ball span:nth-child(6){
+        animation-delay: 5s;
+    }
+</style>