omitted projects

nahiyankhan · Oct 16, 2024 · 11b175d · 11b175d
1 parent b81751b
commit 11b175d
Show file tree

Hide file tree

Showing 3 changed files with 48 additions and 4 deletions.
diff --git a/src/components/Intro.astro b/src/components/Intro.astro
@@ -6,7 +6,7 @@ import NahiyanKhan from "@/assets/nahiyan-khan.svg?raw";
 	<div class="flex flex-col sm:min-h-[50vh]">
 		<div class="mb-14 w-full sm:mb-40">
 			<div
-				class="relative mb-2 flex flex-wrap border-divider [&_svg]:nk-transition sm:mb-8 [&_svg]:ml-[-1px] [&_svg]:mt-[-1px] [&_svg]:h-full [&_svg]:w-[calc(100vw-16px)] [&_svg]:stroke-[hsl(var(--border-divider))] [&_svg]:stroke-[2px] sm:[&_svg]:max-w-screen-sm sm:[&_svg]:stroke-[1px] md:[&_svg]:max-w-screen-md lg:[&_svg]:max-w-screen-lg lg:[&_svg]:stroke-[0.5px] xl:[&_svg]:max-w-screen-xl 2xl:[&_svg]:max-w-screen-2xl [&_svg_path]:animate-[dashForward_1.5s_cubic-bezier(0.55,0,1,0.45)_forwards] [&_svg_path]:[stroke-dasharray:1000] [&_svg_path]:[stroke-dashoffset:1000]"
+				class="relative mb-2 flex flex-wrap border-divider [&_svg]:nk-transition sm:mb-8 [&_svg]:ml-[-1px] [&_svg]:mt-[-1px] [&_svg]:h-full [&_svg]:w-[calc(100vw-16px)] [&_svg]:stroke-[hsl(var(--border-divider))] [&_svg]:stroke-[2px] sm:[&_svg]:max-w-screen-sm sm:[&_svg]:stroke-[1px] md:[&_svg]:max-w-screen-md lg:[&_svg]:max-w-screen-lg lg:[&_svg]:stroke-[0.5px] xl:[&_svg]:max-w-screen-xl 2xl:[&_svg]:max-w-screen-2xl [&_svg_path]:animate-[dash_6s_cubic-bezier(0.55,0,1,0.45)_infinite] [&_svg_path]:[stroke-dasharray:1000] [&_svg_path]:[stroke-dashoffset:1000]"
 			>
 				<div class="animated-border relative mb-2 sm:mb-4">
 					<!-- <BoxLines /> -->

diff --git a/src/components/Projects.astro b/src/components/Projects.astro
@@ -8,9 +8,9 @@ import TokenViz from "@/assets/token-viz.png";
 
 <Section title="projects">
 	<div class="mb-12 mt-4 sm:mb-24 sm:mt-8 sm:w-1/2">
-		<p class="subtitle-large mb-2 sm:mb-16">A.K.A Bite size samplings.</p>
+		<p class="subtitle-large mb-2 sm:mb-16">A.K.A Bite size samplings. (Coming soon!)</p>
 
-		<a class="link-parent mb-16 block" href={`/projects/beacon-site/`}>
+		<!-- <a class="link-parent mb-16 block" href={`/projects/beacon-site/`}>
 			<div class="relative mb-2 mt-10 sm:mb-4" transition:name=`beacon-header-image`>
 				<BoxLines />
 				<div class="animate-[fadein_.5s_cubic-bezier(0.55,0,1,0.45)_1s_forwards] opacity-0">
@@ -42,6 +42,6 @@ import TokenViz from "@/assets/token-viz.png";
 			>
 				Design Token Visualizer
 			</p>
-		</a>
+		</a> -->
 	</div>
 </Section>
diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -146,6 +146,50 @@ export default {
 						opacity: "1",
 					},
 				},
+				dash: {
+					"0%,10%": {
+						strokeDashoffset: "1000",
+						stroke: "hsl(var(--border-divider) / 1)",
+						color: "transparent",
+						opacity: "1",
+					},
+					"23.33%": {
+						strokeDashoffset: "0",
+						stroke: "hsl(var(--border-divider) / 1)",
+						color: "transparent",
+						opacity: "1",
+					},
+					"31.33%": {
+						strokeDashoffset: "0",
+						stroke: "hsl(var(--border-divider) / 1)",
+						color: "transparent",
+						opacity: "1",
+					},
+					"36.4%": {
+						strokeDashoffset: "0",
+						stroke: "transparent",
+						color: "hsl(var(--text-prominent) / 1)",
+						opacity: "1",
+					},
+
+					"50%": {
+						strokeDashoffset: "0",
+						stroke: "transparent",
+						color: "hsl(var(--text-prominent) / 1)",
+						opacity: "1",
+					},
+					"68.66%": {
+						stroke: "hsl(var(--border-divider) / 1)",
+						color: "transparent",
+						opacity: "1",
+					},
+					"90%, 100%": {
+						strokeDashoffset: "1000",
+						stroke: "hsl(var(--border-divider) / 1)",
+						color: "transparent",
+						opacity: "1",
+					},
+				},
 				flicker: {
 					"0%": {
 						color: "hsl(var(--text-prominent) / 1)",