chore: open in new tab

deepsquare-io · Jan 22, 2024 · 32e1ce1 · 32e1ce1
1 parent 0b24579
commit 32e1ce1
Show file tree

Hide file tree

Showing 8 changed files with 79 additions and 21 deletions.
diff --git a/src/lib/components/Applications.svelte b/src/lib/components/Applications.svelte
@@ -57,7 +57,7 @@
 	<div class="grid md:grid-cols-2 gap-4 lg:grid-cols-3 justify-items-center place-content-around">
 		{#each applications as application, index}
 			<AnimatedInView once={true} animation={`from-bottom 1s ease-out ${index / 10}s both`}>
-				<a href={application.href}>
+				<a href={application.href} target="_blank" rel="noopener noreferrer">
 					<article class="m-0 p-1 min-h-80 flex justify-center items-center flex-col aura px-4">
 						<div class="flex justify-center items-center flex-col" style="height: 200px;">
 							<img

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -159,12 +159,16 @@
 					<a
 						role="button"
 						href="https://docs.deepsquare.run/workflow/overview"
+						target="_blank"
+						rel="noopener"
 						style="text-transform: uppercase"
 						class="my-2">Get started</a
 					>
 					<a
 						role="button"
 						href="https://discord.com/invite/3PQkJGvUGB"
+						target="_blank"
+						rel="noopener"
 						style="text-transform: uppercase"
 						class="outline my-2"><span>Join our Discord</span></a
 					>
@@ -303,7 +307,7 @@
 									style="max-width: 256px; min-height: 172px; max-height: 100px;"
 									class="flex justify-center items-center my-4 aura"
 								>
-									<a href={builder.href}>
+									<a href={builder.href} target="_blank" rel="noopener noreferrer">
 										<img
 											style="max-height: 100px;"
 											height="172"
@@ -335,7 +339,7 @@
 									style="max-width: 256px; min-height: 172px; max-height: 100px;"
 									class="flex justify-center items-center my-4 aura"
 								>
-									<a href={incubator.href}>
+									<a href={incubator.href} target="_blank" rel="noopener noreferrer">
 										<img style="max-height: 100px;" src={incubator.img} alt={incubator.name} />
 									</a>
 								</div>
@@ -361,7 +365,7 @@
 									style="max-width: 256px; min-height: 172px; max-height: 100px;"
 									class="flex justify-center items-center my-4 aura"
 								>
-									<a href={partner.href}>
+									<a href={partner.href} target="_blank" rel="noopener noreferrer">
 										<img style="max-height: 100px;" src={partner.img} alt={partner.name} />
 									</a>
 								</div>
@@ -387,7 +391,11 @@
 									style="max-width: 256px; min-height: 172px; max-height: 100px;"
 									class="flex justify-center items-center my-4 aura"
 								>
-									<a href={organizationOrAssociation.href}>
+									<a
+										href={organizationOrAssociation.href}
+										target="_blank"
+										rel="noopener noreferrer"
+									>
 										<img
 											style="max-height: 100px;"
 											src={organizationOrAssociation.img}

diff --git a/src/routes/Footer.svelte b/src/routes/Footer.svelte
@@ -49,6 +49,8 @@
 								<li>
 									<a
 										style="text-decoration: underline; color: #FFF;"
+										target="_blank"
+										rel="noopener"
 										href="https://docs.deepsquare.run/workflow/overview">Documentation</a
 									>
 								</li>
@@ -79,14 +81,20 @@
 			<p>
 				<a
 					style="color: #FFF;"
+					target="_blank"
+					rel="noopener noreferrer"
 					href="https://www.google.com/maps/place/Gotthardstrasse+26,+6300+Zug,+Switzerland"
 					><span class="material-symbols-outlined"> location_on </span> DeepSquare Association, Gotthardstrasse
 					26, 6300 Zug, Switzerland</a
 				>
 			</p>
 
 			<p>
-				<a style="color: #FFF;" href="https://share-eu1.hsforms.com/1uKsDKrlhRnGk3UeUEz7DLgev6gi"
+				<a
+					target="_blank"
+					rel="noopener"
+					style="color: #FFF;"
+					href="https://share-eu1.hsforms.com/1uKsDKrlhRnGk3UeUEz7DLgev6gi"
 					><span class="material-symbols-outlined"> contact_page </span> External Contact Form
 					<span class="material-symbols-outlined"> arrow_outward </span></a
 				>

diff --git a/src/routes/Header.svelte b/src/routes/Header.svelte
@@ -32,6 +32,7 @@
 		href?: string;
 		children?: Route[];
 		icon?: string;
+		isExternal?: boolean;
 		isButton?: boolean;
 	};
 
@@ -58,26 +59,31 @@
 		// },
 		{
 			name: 'Blog <span class="material-symbols-outlined">arrow_outward</span>',
-			href: 'https://medium.com/@DeepSquare.io'
+			href: 'https://medium.com/@DeepSquare.io',
+			isExternal: true
 		},
 		{
 			name: 'Get Started <span class="material-symbols-outlined">arrow_outward</span>',
-			href: 'https://docs.deepsquare.run/workflow/overview'
+			href: 'https://docs.deepsquare.run/workflow/overview',
+			isExternal: true
 		},
 		{
 			name: 'GitHub',
 			icon: '<i class="fa-brands fa-github"></i>',
-			href: 'https://github.com/deepsquare-io/grid'
+			href: 'https://github.com/deepsquare-io/grid',
+			isExternal: true
 		},
 		{
 			name: 'Telegram',
 			icon: '<i class="fa-brands fa-telegram"></i>',
-			href: 'https://t.me/DeepSquareProject'
+			href: 'https://t.me/DeepSquareProject',
+			isExternal: true
 		},
 		{
 			name: 'Discord',
 			icon: '<i class="fa-brands fa-discord"></i>',
-			href: 'https://discord.com/invite/3PQkJGvUGB'
+			href: 'https://discord.com/invite/3PQkJGvUGB',
+			isExternal: true
 		}
 	];
 </script>
@@ -109,10 +115,17 @@
 					{#if route.href}
 						<li>
 							{#if route.icon}
-								<a href={route.href}>{@html route.icon}</a>
+								<a
+									href={route.href}
+									target={route.isExternal ? '_blank' : undefined}
+									rel={route.isExternal ? 'noopener noreferrer' : undefined}>{@html route.icon}</a
+								>
 							{:else}
-								<a role={route.isButton ? 'button' : undefined} href={route.href}
-									>{@html route.name}</a
+								<a
+									role={route.isButton ? 'button' : undefined}
+									href={route.href}
+									target={route.isExternal ? '_blank' : undefined}
+									rel={route.isExternal ? 'noopener noreferrer' : undefined}>{@html route.name}</a
 								>
 							{/if}
 						</li>
@@ -122,7 +135,14 @@
 							<a>{@html route.name}</a>
 							<ul role="listbox">
 								{#each route.children as child}
-									<li><a href={child.href}>{@html child.name}</a></li>
+									<li>
+										<a
+											href={child.href}
+											target={child.isExternal ? '_blank' : undefined}
+											rel={child.isExternal ? 'noopener noreferrer' : undefined}
+											>{@html child.name}</a
+										>
+									</li>
 								{/each}
 							</ul>
 						</li>
@@ -212,15 +232,25 @@
 									{#each routes as route}
 										<li class="flex justify-end">
 											{#if route.href}
-												<a role={route.isButton ? 'button' : undefined} href={route.href}
-													>{@html route.name} {@html route.icon ?? ''}</a
+												<a
+													role={route.isButton ? 'button' : undefined}
+													target={route.isExternal ? '_blank' : undefined}
+													rel={route.isExternal ? 'noopener noreferrer' : undefined}
+													href={route.href}>{@html route.name} {@html route.icon ?? ''}</a
 												>
 											{:else if route.children}
 												<details>
 													<summary>{route.name}</summary>
 													<ul style="text-align: end;">
 														{#each route.children as child}
-															<li><a href={child.href}>{@html child.name}</a></li>
+															<li>
+																<a
+																	href={child.href}
+																	target={child.isExternal ? '_blank' : undefined}
+																	rel={child.isExternal ? 'noopener noreferrer' : undefined}
+																	>{@html child.name}</a
+																>
+															</li>
 														{/each}
 													</ul>
 												</details>

diff --git a/src/routes/faqs/-page.svelte b/src/routes/faqs/-page.svelte
@@ -81,7 +81,7 @@ of all sizes.`
 	<center>
 		<h4>Join our Community</h4>
 		<div>
-			<a href="https://t.me/DeepSquareProject" target="_blank">
+			<a target="_blank" rel="noopener" href="https://t.me/DeepSquareProject">
 				<img style="filter: var(--mono-img-filter);" id="telegram" src={Telegram} alt="Telegram" />
 			</a>
 		</div>

diff --git a/src/routes/investors/-page.svelte b/src/routes/investors/-page.svelte
@@ -67,7 +67,11 @@
 		</p>
 
 		<center class="my-4">
-			<a role="button" href="https://share-eu1.hsforms.com/1qf0dlM_XSwe8s_1c6cvrqgev6gi"
+			<a
+				target="_blank"
+				rel="noopener"
+				role="button"
+				href="https://share-eu1.hsforms.com/1qf0dlM_XSwe8s_1c6cvrqgev6gi"
 				>Secure Your Spot in the Flash Sale</a
 			>
 		</center>

diff --git a/src/routes/privacy-policy/+page.svelte b/src/routes/privacy-policy/+page.svelte
@@ -192,7 +192,7 @@
 	<p></p>
 	<p></p>
 	<p>
-		Contact us on Telegram: <a href="https://t.me/DeepSquareProject."
+		Contact us on Telegram: <a target="_blank" rel="noopener" href="https://t.me/DeepSquareProject."
 			>https://t.me/DeepSquareProject</a
 		>
 	</p>

diff --git a/src/routes/solutions/+page.svelte b/src/routes/solutions/+page.svelte
@@ -95,6 +95,8 @@
 								role="button"
 								class="outline"
 								style="text-transform: uppercase;"
+								target="_blank"
+								rel="noopener"
 								href="https://share-eu1.hsforms.com/186i4x9HOQAyEAboeeRaBCwev6gi"
 								><span>Become a grid partner</span></a
 							>
@@ -125,6 +127,8 @@
 								role="button"
 								class="outline"
 								style="text-transform: uppercase;"
+								target="_blank"
+								rel="noopener"
 								href="https://docs.deepsquare.run/deepsquare-grid/clusterfactory/overview"
 								><span>Learn more</span></a
 							>
@@ -156,6 +160,8 @@
 								role="button"
 								class="outline"
 								style="text-transform: uppercase;"
+								target="_blank"
+								rel="noopener"
 								href="https://t.me/DeepSquareProject"><span>Join us</span></a
 							>
 						</center>
@@ -344,6 +350,8 @@
 					role="button"
 					class="outline mt-4"
 					style="text-transform: uppercase;"
+					target="_blank"
+					rel="noopener noreferrer"
 					href="https://metaverseinsider.tech/2023/01/12/data-scientists-and-artist-heating-up-homes-in-basel/"
 					><span>Learn more</span></a
 				>