fix: ci

AtomiCloud · Dec 28, 2024 · 98a0d1d · 98a0d1d
1 parent fe90160
commit 98a0d1d
Show file tree

Hide file tree

Showing 7 changed files with 56 additions and 26 deletions.
diff --git a/.github/workflows/ci.yaml b/.github/workflows/ci.yaml
@@ -18,11 +18,25 @@ jobs:
       # Action
       - name: Run pre-commit
         run: nix develop .#ci -c ./scripts/ci/pre-commit.sh
-
+  build:
+    name: Build
+    runs-on:
+      - nscloud-ubuntu-22.04-amd64-4x8-with-cache
+      - nscloud-cache-size-50gb
+      - nscloud-cache-tag-ester-argon-nix-store-cache
+      - nscloud-git-mirror-1gb
+    steps:
+      # Setup
+      - uses: AtomiCloud/[email protected]
+      - uses: AtomiCloud/[email protected]
+      # Action
+      - name: Run pre-commit
+        run: nix develop .#ci -c ./scripts/ci/build.sh
   release:
     name: Semantic Release
     needs:
       - precommit
+      - build
     if: github.ref == 'refs/heads/main'
     runs-on:
       - nscloud-ubuntu-22.04-amd64-4x8-with-cache

diff --git a/.prettierrc.yaml b/.prettierrc.yaml
@@ -0,0 +1,8 @@
+tabWidth: 2
+semi: true
+singleQuote: true
+bracketSpacing: true
+trailingComma: all
+arrowParens: avoid
+printWidth: 120
+singleAttributePerLine: false
diff --git a/bun.lockb b/bun.lockb
diff --git a/package.json b/package.json
@@ -12,6 +12,7 @@
     "@astrojs/react": "^4.1.2",
     "@astrojs/tailwind": "^5.1.4",
     "@radix-ui/react-slot": "^1.1.1",
+    "@tabler/icons-react": "^3.26.0",
     "@types/react": "^19.0.2",
     "@types/react-dom": "^19.0.2",
     "astro": "^5.1.1",

diff --git a/scripts/ci/build.sh b/scripts/ci/build.sh
@@ -0,0 +1,5 @@
+#!/usr/bin/env bash
+
+set -eou pipefail
+bun i
+bunx --bun astro build
diff --git a/src/assets/drop.svg b/src/assets/drop.svg
diff --git a/src/components/index/Hero.astro b/src/components/index/Hero.astro
@@ -4,40 +4,42 @@ import background from '../../assets/background.svg';
 import logo from '../../assets/light_full_logo.svg';
 import cloud from '../../assets/cloud.svg';
 import mascot from "../../assets/mascot.png";
-import splash from "../../assets/splash.svg";
+import drop from "../../assets/drop.svg";
 import PulsatingButton from "@/components/ui/pulsating-button";
 import {Button} from "../ui/button"
 import {Input} from "../ui/input"
 ---
 
 <div id="container">
-    <main class="gap-24">
-        <div class="flex flex-wrap md:flex-nowrap items-center justify-center gap-2 md:gap-28 max-w-[1200px]">
-            <div class="w-5/6 md:w-5/12 flex items-center justify-center" style="position: relative;">
-                <img class="w-11/12 right-cloud" src={cloud.src} alt="cloud1"/>
-                <img class="w-11/12 left-cloud" src={cloud.src} alt="cloud2"/>
-                <img style="z-index: 1" src={mascot.src} alt="mascot" class="object-contain"/>
-            </div>
-            <div class="w-5/6 md:w-5/12 flex flex-col justify-center items-center gap-4 md:gap-8">
-                <div class="text-xs md:text-sm  text-center bg-[#FFF4DC] text-pink-600 py-2 px-8 header rounded-lg">
-                    JOIN THE KKOMMUNITY
-                </div>
-                <div class="w-full">
-                    <img src={logo.src} alt="logo"/>
-                </div>
-                <div class="slogan text-lg md:text-xl font-light text-justify text-light text-sky-800">
-                    feel the fun, make the move
+    <main>
+        <div class="w-full h-full z-0">
+            <img src={drop.src} class="w-full" alt="drop"/>
+        </div>
+        <div class="absolute flex flex-wrap md:flex-nowrap items-center justify-center gap-2 md:gap-28 max-w-[1200px]">
+                <div class="w-5/6 md:w-5/12 flex items-center justify-center" style="position: relative;">
+                    <img class="w-11/12 right-cloud" src={cloud.src} alt="cloud1"/>
+                    <img class="w-11/12 left-cloud" src={cloud.src} alt="cloud2"/>
+                    <img style="z-index: 1" src={mascot.src} alt="mascot" class="object-contain"/>
                 </div>
-                <div class="w-full flex flex-col text-sm justify-center gap-4 center">
-                    <Input className="text-center text-md" type="email" placeholder="Email"/>
-                    <PulsatingButton className="text-md">Reserve your Spot</PulsatingButton>
+                <div class="w-5/6 md:w-5/12 flex flex-col justify-center items-center gap-4 md:gap-8">
+                    <div class="text-xs md:text-sm  text-center bg-[#FFF4DC] text-pink-600 py-2 px-8 header rounded-lg">
+                        JOIN THE KKOMMUNITY
+                    </div>
+                    <div class="w-full">
+                        <img src={logo.src} alt="logo"/>
+                    </div>
+                    <div class="slogan text-lg md:text-xl font-light text-justify text-light text-sky-800">
+                        feel the fun, make the move
+                    </div>
+                    <div class="w-full flex flex-col text-sm justify-center gap-4 center">
+                        <Input className="text-center text-md" type="email" placeholder="Email"/>
+                        <PulsatingButton className="text-md">Reserve your Spot</PulsatingButton>
+                    </div>
                 </div>
             </div>
-        </div>
 
     </main>
 </div>
-
 <style>
 
     @keyframes moveLeftRight {
@@ -65,7 +67,7 @@ import {Input} from "../ui/input"
         position: absolute;
         z-index: 0;
         top: -28%;
-        left:-30%;
+        left: -30%;
         animation: moveLeftRight 5s infinite ease-in-out;
     }
 
@@ -85,7 +87,7 @@ import {Input} from "../ui/input"
     }
 
     main {
-        min-height: calc( 100vh - 6rem - 2px );
+        min-height: calc(100dvh - 6rem);
         display: flex;
         flex-direction: column;
         margin: auto;
@@ -100,5 +102,4 @@ import {Input} from "../ui/input"
     }
 
 
-
 </style>