chore: change checkbox color & add home link in mobile (#28)

src/components/header.astro

@@ -64,9 +64,9 @@ const headerClass = sticky
               <Icon name="mdi:close" class="size-8" />
             </button>
           </header>
-          <div class="flex justify-center">
+          <a href="/" class="flex justify-center">
             <Icon name="cesium" class="size-16" />
-          </div>
+          </a>
           <nav>
             <ul class="flex flex-col">
               <li>
@@ -148,3 +148,4 @@ const headerClass = sticky
     @apply block;
   }
 </style>
+

src/components/registerForm.jsx

@@ -7,7 +7,6 @@ import ToggleButton from "~/components/forms/toggleButton.jsx";
 import { useState } from "react";
 
 import universities from "~/data/institutes.json";
-import terms from "~/data/terms.json";
 
 export default function Form() {
   const [responseErrors, setResponseErrors] = useState("");
@@ -124,13 +123,12 @@ export default function Form() {
               </div>
             </div>
           )}
-          <div class="flex items-start mb-5">
+          <div class="flex items-center mb-5">
             <div class="flex items-center h-5">
-              <input id="terms" type="checkbox" value="" class="w-4 h-4 border border-gray-300 rounded bg-gray-50 focus:ring-3 focus:ring-blue-300" required />
+              <input id="terms" type="checkbox" value="" class="w-4 h-4 border border-gray-300 text-primary rounded bg-gray-50 focus:ring-3 focus:ring-primary" required />
             </div>
-            <label for="terms" class="ms-2 text-sm font-medium text-white ">I agree with the <a href={terms.link} class="text-primary hover:underline">terms and conditions</a></label>
+            <label for="terms" class="ms-2 text-sm font-medium text-white ">I agree with the <a href="/docs/regulation.pdf" class="text-primary hover:underline">terms and conditions</a></label>
           </div>
-
           <button className="text-white bg-primary hover:bg-primary focus:ring-4 focus:outline-none focus:ring-primary font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center">
             Send
           </button>