..

src/data/tools.json

@@ -76,6 +76,12 @@
           "tag": "Freemium",
           "url": "https://sdxlturbo.ai/?ref=riseofmachine.com"
         },
+        {
+          "title": "Stockimg",
+          "body": "Create images with AI.",
+          "tag": "Freemium",
+          "url": "https://stockimg.ai/?ref=riseofmachine.com"
+        },
         {
           "title": "Vizcom",
           "body": "Product visualization.",
@@ -166,6 +172,12 @@
           "tag": "Freemium",
           "url": "https://aws.amazon.com/codewhisperer/?ref=riseofmachine.com"
         },
+        {
+          "title": "AskCodebase",
+          "body": "AI programming agent.",
+          "tag": "Starting at $10/mo",
+          "url": "https://askcodebase.com/?ref=riseofmachine.com"
+        },
         {
           "title": "Codeium",
           "body": "AI-powered toolkit.",
@@ -670,6 +682,12 @@
           "tag": "Freemium",
           "url": "https://www.helicone.ai/?ref=riseofmachine.com"
         },
+        {
+          "title": "LangChain",
+          "body": "LLM app from prototype to prod.",
+          "tag": "Beta",
+          "url": "https://www.langchain.com/?ref=riseofmachine.com"
+        },
         {
           "title": "Numbers Station",
           "body": "Data analytics copilot.",

src/layouts/Layout.astro

@@ -277,6 +277,15 @@ const { site, title, tagline } = Astro.props;
 
 /* bg rays starts */
 
+@keyframes rays {
+    from {
+        background-position: 50% 50%, 50% 50%;
+    }
+    to {
+        background-position: 350% 50%, 350% 50%;
+    }
+}
+
 .rays_container {
     overflow: hidden;
     inset: 0px;
@@ -287,14 +296,14 @@ const { site, title, tagline } = Astro.props;
 .rays_content {
     position: absolute;
     inset: -10px;
-    opacity: 0.24;
+    opacity: 0.18;
     height: 100%;
     min-height: 100vh;
 }
 
 .rays {
     --stripes: repeating-linear-gradient(
-        145deg,
+        100deg,
         #fff 0%,
         #fff 7%,
         transparent 10%,
@@ -302,7 +311,7 @@ const { site, title, tagline } = Astro.props;
         #fff 16%
     );
     --stripesDark: repeating-linear-gradient(
-        145deg,
+        100deg,
         #000 0%,
         #000 7%,
         transparent 10%,
@@ -310,17 +319,17 @@ const { site, title, tagline } = Astro.props;
         #000 16%
     );
     --rainbow: repeating-linear-gradient(
-        145deg,
-        #B8DAFF 20%,
+        100deg,
+        #60a5fa 10%,
         #e879f9 15%,
-        #B8DAFF 22%,
-        #95E2A8 32%,
-        #FFC8C5 11%  
+        #60a5fa 20%,
+        #5eead4 25%,
+        #FFF1B8 30%
     );
     background-image: var(--stripes), var(--rainbow);
-    background-size: 160%, 100%;
+    background-size: 300%, 200%;
     background-position: 50% 50%, 50% 50%;
-    filter: blur(12px) invert(100%);
+    filter: blur(10px) invert(100%);
     mask-image: radial-gradient(ellipse at 100% 0%, black 40%, transparent 70%);
     pointer-events: none;
 }
@@ -330,6 +339,8 @@ const { site, title, tagline } = Astro.props;
     position: absolute;
     inset: 0;
     background-image: var(--stripes), var(--rainbow);
+    background-size: 200%, 100%;
+    animation: rays 56s linear infinite;
     background-attachment: fixed;
     mix-blend-mode: difference;
 }
@@ -337,7 +348,7 @@ const { site, title, tagline } = Astro.props;
 [data-new-ui-theme="dark"] {
     .rays {
     background-image: var(--stripesDark), var(--rainbow);
-    filter: blur(8px) opacity(10%) saturate(200%);
+    filter: blur(10px) opacity(12%) saturate(200%);
     }
     .rays::after {
     background-image: var(--stripesDark), var(--rainbow);