fix(homepage): link changes & adjustments

chroxify · Aug 19, 2024 · 72c244b · 72c244b
1 parent 48123ee
commit 72c244b
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 11 deletions.
diff --git a/apps/homepage/src/lib/components/tooltip.svelte b/apps/homepage/src/lib/components/tooltip.svelte
@@ -147,7 +147,7 @@
 		{:else if type === 'lightweight'}
 			<Zap class="h-3.5 w-3.5 fill-foreground" /> below 15mb, no bloat.
 		{:else if type === 'shortcuts'}
-			Never leave your keyboard with shortcuts
+			Never leave your keyboard
 			<span
 				class="pointer-events-none inline-flex h-[18px] pl-1.5 tracking-widest -mr-2 select-none items-center gap-1 rounded bg-muted px-1 font-mono font-medium text-foreground/70 opacity-100"
 			>

diff --git a/apps/homepage/src/routes/+layout.svelte b/apps/homepage/src/routes/+layout.svelte
@@ -22,7 +22,7 @@
 				<Button variant="secondary" size="sm" scale="sm" class="rounded-full">Star on Github</Button
 				>
 			</a>
-			<a href="/app">
+			<a href="/app" target="_blank" rel="noopener noreferrer">
 				<Button size="sm" scale="sm" class="rounded-full">Open App</Button>
 			</a>
 		</div>
@@ -39,21 +39,21 @@
 	<footer class="flex items-start justify-between w-full h-16 z-10 max-w-screen-2xl px-7">
 		<p class="text-secondary-foreground/70 text-sm sm:text-[15px]">© 2024 Haptic</p>
 
-		<nav class="items-center gap-4 ml-4 text-sm sm:text-[15px] hidden sm:flex">
+		<nav class="items-center gap-4 ml-4 text-sm sm:text-[15px] hidden sm:flex -ml-20">
 			<a href="/download" class="text-secondary-foreground/70 hover:text-foreground transition-all"
 				>Download</a
 			>
 			<a href="/sponsor" class="text-secondary-foreground/70 hover:text-foreground transition-all">
 				Sponsor
 			</a>
-			<a href="/contact" class="text-secondary-foreground/70 hover:text-foreground transition-all">
-				About
+			<a href="/tweet" class="text-secondary-foreground/70 hover:text-foreground transition-all">
+				Spread the word
 			</a>
 		</nav>
 
 		<!-- Socials -->
 		<div class="flex items-center gap-4">
-			<a href="/twitter">
+			<a href="/twitter" rel="noopener noreferrer" target="_blank">
 				<svg
 					stroke="currentColor"
 					fill="currentColor"
@@ -68,7 +68,7 @@
 					></path></svg
 				>
 			</a>
-			<a href="/github">
+			<a href="/github" rel="noopener noreferrer" target="_blank">
 				<svg
 					viewBox="0 0 256 250"
 					width="256"

diff --git a/apps/homepage/src/routes/+page.svelte b/apps/homepage/src/routes/+page.svelte
@@ -40,7 +40,7 @@
 	<a href="/download">
 		<Button scale="sm" class="rounded-full select-none">Download</Button>
 	</a>
-	<a href="/github">
+	<a href="/github" target="_blank" rel="noopener noreferrer">
 		<Button scale="sm" variant="secondary" class="rounded-full select-none">Learn More</Button>
 	</a>
 </div>

diff --git a/apps/homepage/src/routes/download/+page.svelte b/apps/homepage/src/routes/download/+page.svelte
@@ -174,9 +174,11 @@
 						>
 					</div>
 				{:else if $selected === 'web'}
-					<Button class="flex items-center gap-2 rounded-[0.55rem] w-full sm:w-fit" scale="sm"
-						>Open Web App</Button
-					>
+					<a href="/app" rel="noopener noreferrer" target="_blank">
+						<Button class="flex items-center gap-2 rounded-[0.55rem] w-full sm:w-fit" scale="sm"
+							>Open Web App</Button
+						>
+					</a>
 				{:else if $selected === 'mobile'}
 					<div class="flex flex-col items-center gap-4">
 						<div class="flex flex-col sm:flex-row items-center gap-4 w-full justify-center">