✨feat: add a notice regarding source code vailability

src/lib/share/Header.svelte

@@ -7,42 +7,52 @@
   import Button from "$lib/components/ui/button/button.svelte";
 </script>
 
-<header
-  class="fixed top-0 flex flex-col md:flex-row justify-between items-center p-3 w-full bg-background/85 backdrop-blur-xl border-b mb-32 z-50"
->
-  <div class="flex flex-col md:flex-row items-center mb-1 md:mb-0">
-    <button on:click={() => goto("/#")}>
-      <h1 class="text-2xl font-bold md:mr-5">
-        <i class="fa-solid fa-flask"></i> RhazesEMR
-      </h1>
-    </button>
-    <Button href="https://docs.rhazesemr.info" variant="link">
-      <h1 class="text-lg">Docs</h1>
-    </Button>
-    <Button onclick={() => goto("/download")} variant="link">
-      <h1 class="text-lg">Download</h1>
-    </Button>
-    <Button onclick={() => goto("/features")} variant="link">
-      <h1 class="text-lg">Features</h1>
-    </Button>
-    <Button onclick={() => goto("/about")} variant="link">
-      <h1 class="text-lg">About</h1>
-    </Button>
+<header class="fixed top-0 w-full z-50">
+  <div class="bg-red-500 w-full text-center py-1">
+    <button
+      class="text-sm text-white font-bold hover:underline cursor-pointer"
+      on:click={() => {
+        goto("/license");
+      }}>SOURCE CODE AVAILABILITY NOTICE - READ BEFORE INSTALLATION</button
+    >
   </div>
+  <div
+    class="flex flex-col md:flex-row justify-between items-center p-3 w-full bg-background/85 backdrop-blur-xl border-b"
+  >
+    <div class="flex flex-col md:flex-row items-center mb-1 md:mb-0">
+      <button on:click={() => goto("/#")}>
+        <h1 class="text-2xl font-bold md:mr-5">
+          <i class="fa-solid fa-flask"></i> RhazesEMR
+        </h1>
+      </button>
+      <Button href="https://docs.rhazesemr.info" variant="link">
+        <h1 class="text-lg">Docs</h1>
+      </Button>
+      <Button onclick={() => goto("/download")} variant="link">
+        <h1 class="text-lg">Download</h1>
+      </Button>
+      <Button onclick={() => goto("/features")} variant="link">
+        <h1 class="text-lg">Features</h1>
+      </Button>
+      <Button onclick={() => goto("/about")} variant="link">
+        <h1 class="text-lg">About</h1>
+      </Button>
+    </div>
 
-  <div class="flex items-center gap-2">
-    <Button
-      variant="outline"
-      size="icon"
-      href="https://bsky.app/profile/rhazesemr.bsky.social"
-    >
-      <i class="fa-brands fa-bluesky"></i>
-      <span class="sr-only">Bluesky</span>
-    </Button>
-    <Button variant="outline" size="icon" href="https://github.com/RhazesEMR">
-      <Github />
-      <span class="sr-only">Github</span>
-    </Button>
-    <LdModeSwitch />
+    <div class="flex items-center gap-2">
+      <Button
+        variant="outline"
+        size="icon"
+        href="https://bsky.app/profile/rhazesemr.bsky.social"
+      >
+        <i class="fa-brands fa-bluesky"></i>
+        <span class="sr-only">Bluesky</span>
+      </Button>
+      <Button variant="outline" size="icon" href="https://github.com/RhazesEMR">
+        <Github />
+        <span class="sr-only">Github</span>
+      </Button>
+      <LdModeSwitch />
+    </div>
   </div>
 </header>

src/routes/+page.svelte

@@ -32,7 +32,7 @@
     style="background-image: url('./banner.jpg');"
   >
     <div
-      class="flex flex-grow flex-col items-center pt-64 md:pt-24 pb-3 md:pb-8 backdrop-brightness-50 backdrop-blur-sm"
+      class="flex flex-grow flex-col items-center pt-80 md:pt-32 pb-3 md:pb-8 backdrop-brightness-50 backdrop-blur-sm"
     >
       <img class="rounded-md" src="./favicon.png" alt="Logo" width="128" />
       <p class="m-3 text-xl text-white">Rhazes EMR</p>

src/routes/about/+page.svelte

@@ -2,7 +2,7 @@
   import { Info } from "lucide-svelte";
 </script>
 
-<main class="flex flex-grow flex-col items-center mt-64 md:mt-28">
+<main class="flex flex-grow flex-col items-center mt-80 md:mt-32">
   <div class="m-3 text-4xl flex items-center animate-bounce">
     <Info size={52} />
     <p class="px-2">About</p>

src/routes/download/+page.svelte

@@ -41,7 +41,7 @@
   let github_release = "https://github.com/RhazesEMR/rhazesemr-client/releases";
 </script>
 
-<main class="flex flex-grow flex-col items-center mt-64 md:mt-28">
+<main class="flex flex-grow flex-col items-center mt-80 md:mt-32">
   <div class="m-3 text-4xl flex items-center animate-bounce">
     <Download size={52} />
     <p class="px-2">Download</p>

src/routes/features/+page.svelte

@@ -47,7 +47,7 @@
   ];
 </script>
 
-<main class="flex flex-col items-center mt-64 md:mt-28">
+<main class="flex flex-col items-center mt-80 md:mt-32">
   <div class="m-3 text-4xl flex items-center animate-bounce">
     <Sparkles size={52} />
     <p class="px-2">Features</p>

src/routes/license/+page.svelte

@@ -0,0 +1,34 @@
+<script>
+  import { Info } from "lucide-svelte";
+</script>
+
+<main class="flex flex-grow flex-col items-center mt-80 md:mt-32">
+  <div class="m-3 text-4xl flex items-center">
+    <p class="px-2">NOTICE REGARDING SOURCE CODE AVAILABILITY</p>
+  </div>
+
+  <div>
+    <p class="text-lg max-w-4xl p-5">
+      This pre-alpha version of RhazesEMR Client is being distributed free of
+      charge for academic evaluation purposes only. While the final release will
+      be licensed under GPL as free and open source software, this preliminary
+      version is currently proprietary and NOT covered by GPL terms.
+    </p>
+
+    <ol class="list-decimal list-inside space-y-2 max-w-4xl px-5">
+      <li>
+        This binary release is intended exclusively for professors and
+        evaluators involved in graduation assessment
+      </li>
+      <li>
+        The source code for this version is not publicly available at this time
+        When RhazesEMR reaches production status, it will be released as paid
+        software under GPL licensing, which will include full access to the
+        source code as required by GPL terms.
+      </li>
+    </ol>
+    <p class="text-lg max-w-4xl p-5">
+      All rights reserved for this pre-alpha version.
+    </p>
+  </div>
+</main>