home adjustments

alex-fusionauth · alex-fusionauth · commit 55f4a4334096 · 2023-10-02T11:58:29.000-04:00
diff --git a/apps/codingcatdev/src/lib/components/content/Video.svelte b/apps/codingcatdev/src/lib/components/content/Video.svelte
@@ -17,6 +17,6 @@
 		frameborder="0"
 		allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
 		allowfullscreen
-		class="w-full h-full"
+		class={`w-full h-full ${$$props.class}`}
 	/>
 </div>
diff --git a/apps/codingcatdev/src/routes/(home-partials)/(home-campaign)/GitLineGradient.svelte b/apps/codingcatdev/src/routes/(home-partials)/(home-campaign)/GitLineGradient.svelte
@@ -1,4 +1,15 @@
-<div
-	style="background: linear-gradient(#d2a8ff, #a371f7 10%, #196c2e 70%, #2ea043 80%, #56d364);"
-	class="w-[3px] h-full rounded mx-auto"
-/>
+<script>
+	export let rotate = false;
+</script>
+
+<div class={`w-[3px] h-full rounded mx-auto ${rotate && 'rotate-180'}`} />
+
+<style>
+	div {
+		background: linear-gradient(
+			rgb(var(--color-surface-800)),
+			rgb(var(--color-surface-400)) 50%,
+			rgb(var(--color-surface-200))
+		);
+	}
+</style>
diff --git a/apps/codingcatdev/src/routes/(home-partials)/(home-campaign)/HomeCampaign.svelte b/apps/codingcatdev/src/routes/(home-partials)/(home-campaign)/HomeCampaign.svelte
@@ -20,7 +20,7 @@
 			</div>
 			<div class="block h-[646px] flex-none" />
 			<CodeSvg />
-			<GitLineGradient />
+			<GitLineGradient rotate={true} />
 		</div>
 		<div class="basis-11/12 pt-44 mt-44 pl-4 sm:pl-2 mb-40">
 			<div class="flex w-full justify-center">
diff --git a/apps/codingcatdev/src/routes/(home-partials)/(home-latest-course)/CheckOutArrow.svelte b/apps/codingcatdev/src/routes/(home-partials)/(home-latest-course)/CheckOutArrow.svelte
@@ -7,7 +7,7 @@
 >
 	<path
 		d="M88.772 3.19857C42.9732 66.8937 -46.6711 170.884 39.1679 240.067C60.1958 257.015 83.74 257.935 109.479 260.686C110.591 260.804 136.777 259.434 134.179 256.863C127.22 249.978 86.8409 208.781 113.277 235.241C116.074 238.04 138.279 253.85 137.839 257.972C136.639 269.201 92.2978 292.361 82.9803 299.861"
-		stroke="#453488"
+		stroke="currentColor"
 		stroke-width="5"
 		stroke-linecap="round"
 	/>
diff --git a/apps/codingcatdev/src/routes/(home-partials)/(home-latest-course)/HomeLatestCourse.svelte b/apps/codingcatdev/src/routes/(home-partials)/(home-latest-course)/HomeLatestCourse.svelte
@@ -27,7 +27,7 @@
 				<div class="check-out-text">Check out our latest course!</div>
 				<div class="check-out-arrow"><CheckOutArrow /></div>
 				<div class="block">
-					<Video src="https://youtu.be/sp7qvtvCFv8" title="Svelte" />
+					<Video class="rounded-2xl" src="https://youtu.be/sp7qvtvCFv8" title="Svelte" />
 				</div>
 			</div>
 		</div>

Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,7 @@`
`7`	`7`	`>`
`8`	`8`	`<path`
`9`	`9`	`d="M88.772 3.19857C42.9732 66.8937 -46.6711 170.884 39.1679 240.067C60.1958 257.015 83.74 257.935 109.479 260.686C110.591 260.804 136.777 259.434 134.179 256.863C127.22 249.978 86.8409 208.781 113.277 235.241C116.074 238.04 138.279 253.85 137.839 257.972C136.639 269.201 92.2978 292.361 82.9803 299.861"`
`10`		`- stroke="#453488"`
	`10`	`+ stroke="currentColor"`
`11`	`11`	`stroke-width="5"`
`12`	`12`	`stroke-linecap="round"`
`13`	`13`	`/>`