Updates

Author: kodster28

src/components/OneTrust.astro

@@ -1,4 +1,6 @@
 ---
+import { Image } from "astro:assets";
+import PrivacyChoicesImage from "~/assets/privacyoptions.svg";
 const isProduction = import.meta.env.PROD;
 
 const uuid = isProduction
@@ -10,17 +12,15 @@ const uuid = isProduction
 	src="https://ot.www.cloudflare.com/public/vendor/onetrust/scripttemplates/otSDKStub.js"
 	type="text/javascript"
 	charset="UTF-8"
-	data-domain-script={uuid}
+	data-domain-script="b1e05d49-f072-4bae-9116-bdb78af15448"
 	is:inline></script>
 <script type="text/javascript" is:inline>
 	// eslint-disable-next-line @typescript-eslint/no-unused-vars
 	function OptanonWrapper() {}
 </script>
 <!-- OneTrust Cookies Settings button start -->
-<button id="ot-sdk-btn" class="ot-sdk-show-settings">
-	<img class="w4 mr1" src="/privacyoptions.svg" alt="privacy options" />Cookie
-	Settings</button
->
+<Image src={PrivacyChoicesImage} alt="privacy options" />
+<button id="ot-sdk-btn" class="ot-sdk-show-settings"> Cookie Settings</button>
 <!-- OneTrust Cookies Settings button end -->
 
 <style>

src/components/overrides/Footer.astro

@@ -90,7 +90,7 @@ if (
 }
 {!splash && <Default />}
 <div class="w-full">
-	<div class="grid grid-cols-2 gap-8 pb-10 pt-6 lg:grid-cols-5">
+	<div class="grid grid-cols-2 gap-8 pt-6 pb-10 lg:grid-cols-5">
 		{
 			groups.map(([title, items]) => (
 				<ul class="flex w-full list-none flex-col gap-3 pl-0">
@@ -114,23 +114,23 @@ if (
 	</div>
 	<div>
 		<ul
-			class="flex list-inside flex-wrap items-center justify-center gap-3 gap-y-4 pl-0 text-xs text-cl1-gray-4! dark:text-cl1-gray-7!"
+			class="text-cl1-gray-4! dark:text-cl1-gray-7! flex list-inside flex-wrap items-center justify-center gap-3 gap-y-4 pl-0 text-xs"
 		>
 			<li class="list-none">2025 Cloudflare, Inc.</li>
 			{
 				links.map(([text, href]) => (
 					<li>
 						<a
 							href={href}
-							class="text-cl1-gray-4! no-underline dark:text-cl1-gray-7!"
+							class="text-cl1-gray-4! dark:text-cl1-gray-7! no-underline"
 						>
 							{text}
 						</a>
 					</li>
 				))
 			}
 			{
-				isProduction && (
+				(
 					<li>
 						<OneTrust />
 					</li>