website style and circuits art

client/pages/index.astro

@@ -6,6 +6,7 @@ import PageLayout from '../layouts/PageLayout.astro'
     <section class="principal">
         <div class="circuit-layer">
             <canvas id="circuits-art"></canvas>
+            <script src="../scripts/circuits-art.ts"></script>
         </div>
         <div class="logo">
             <img src="/images/logo-circuit-board.svg" alt="phc logo" />
@@ -113,7 +114,7 @@ import PageLayout from '../layouts/PageLayout.astro'
             <svg width="100%" height="2rem" viewBox="0 0 1 1" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
                 <defs>
                     <pattern id="zig-zag-2" x="0" y="0" width="2" height="1" patternUnits="userSpaceOnUse">
-                        <path fill="#ccf5ce" d="M 0,1 L 1,0 L 2,1 L 0,1"></path>
+                        <path fill="#f5f2cc" d="M 0,1 L 1,0 L 2,1 L 0,1"></path>
                     </pattern>
                 </defs>
                 <rect fill="url(#zig-zag-2)" x="0" y="0" width="1000" height="1"></rect>