Update site

.github/workflows/release.yaml

@@ -2,9 +2,6 @@ name: "Release"
 on:
   # Allow manual
   workflow_dispatch:
-  # use publish even so when goes from draft -> released
-  # release:
-  #   types: [published]
 
 jobs:
   publish-tauri:
@@ -34,6 +31,7 @@ jobs:
       - uses: pnpm/action-setup@v2
         with:
           version: 8
+      # TODO: Sign windows bins
       # - name: import windows certificate
       #   if: matrix.platform == 'windows-latest'
       #   env:

apps/desktop/src/views/channel.tsx

@@ -7,7 +7,7 @@ export const Channel = () => {
   return (
     <div>
       <div className="py-2">
-        {Object.entries(users).map(([_k, item]) => (
+        {Object.entries(users).map(([_, item]) => (
           <User key={item.id} item={item} />
         ))}
       </div>

apps/web/src/components/card.astro

@@ -7,8 +7,8 @@ export interface Props {
 const { name, desc } = Astro.props;
 ---
 
-<div class="border-zinc-800 overflow-hidden pl-6 pt-6 border rounded-2xl p-2 h-96 w-full 2xl:h-96">
+<div class="border-zinc-800 object-cover pl-6 pt-6 border rounded-2xl p-2 w-full">
   <div class="pb-4 text-2xl font-bold text-white">{name}</div>
-  <p class="pb-2">{desc}</p>
+  <p class="pb-4">{desc}</p>
   <slot />
 </div>

apps/web/src/layouts/Layout.astro

@@ -17,13 +17,10 @@ const { title } = Astro.props;
     <slot />
     <style is:global>
       :root {
-        --accent: 136, 58, 234;
-        --accent-light: 224, 204, 250;
-        --accent-dark: 49, 10, 101;
         --accent-gradient: linear-gradient(
           45deg,
-          rgb(var(--accent)),
-          rgb(var(--accent-light)) 30%,
+          rgb(88, 101, 242),
+          rgb(255, 255, 255),
           white 60%
         );
       }

apps/web/src/pages/index.astro

@@ -22,26 +22,26 @@ import Footer from "../components/footer.astro";
       >, and free voice chat overlay for Discord.
     </p>
     <div>
-      <a target="_blank" href="https://github.com/Hacksore/overlayed/releases" class="hover:bg-purple-500 bg-purple-600 p-4 rounded-lg">Download Now</a>
+      <a target="_blank" href="https://github.com/Hacksore/overlayed/releases" class="hover:bg-primary bg-primary p-4 rounded-lg">Download Now</a>
     </div>
     <div class="grid md:grid-cols-2 w-full items-center gap-2">
-      <Card name="User List" desc="See who is in the current voice channel">
-        <img src="/img/users.png" alt="User List" class="w-full" />
+      <Card name="User List" desc="See who is talking, muted, and deafened in the current voice channel">
+        <img src="/img/users.png" alt="User List" />
       </Card>
-      <Card name="Transparent" desc="Crystal clear transparent window">
+      <Card name="Transparent & Clickthrough" desc="Transparent window that can ignore mouse clicks">
         <img src="/img/transparent.png" alt="Transparent" class="w-full" />
       </Card>
       <Card
         name="Always on Top"
-        desc="Always stays on top so you can continue working"
+        desc="Always stays on top so you can continue working or gaming"
       >
         <img src="/img/on-top.png" alt="Always on top" class="w-full" />
       </Card>
       <Card
         name="Blazingly Fast™"
         desc="Built with tauri an efficient rust framework"
       >
-        <img src="/img/resouces.png" alt="Lightweight" class="w-full" />
+        <img src="/img/resources.png" alt="Lightweight" class="w-full" />
       </Card>
     </div>
   </main>

apps/web/tailwind.config.mjs

@@ -4,7 +4,7 @@ export default {
   theme: {
     extend: {
       colors: {
-        primary: "#BD82F9",
+        primary: "#5865F2",
       },
     },
   },