Merge pull request #130 from appwrite/chore-add-noopener-to-links

chore: add noopener to external links
appwrite · Sep 29, 2023 · 9aaa469 · 9aaa469
2 parents 98ec8a6 + 42831a5
commit 9aaa469
Show file tree

Hide file tree

Showing 20 changed files with 550 additions and 235 deletions.
diff --git a/src/lib/components/Feedback.svelte b/src/lib/components/Feedback.svelte
@@ -86,6 +86,7 @@
 						<a
 							href="https://github.com/appwrite/website"
 							target="_blank"
+							rel="noopener noreferrer"
 							class="aw-link u-flex u-gap-4 u-cross-baseline"
 						>
 							<span class="icon-pencil-alt u-contents" aria-hidden="true" />

diff --git a/src/lib/components/FooterNav.svelte b/src/lib/components/FooterNav.svelte
@@ -135,9 +135,21 @@
 				<li><a class="aw-link" href="/blog">Blog</a></li>
 				<li><a class="aw-link" href="/community">Community</a></li>
 				<li><a class="aw-link" href="/heroes">Heroes</a></li>
-				<li><a class="aw-link" href="https://github.com/appwrite" target="_blank">Source code</a></li>
 				<li>
-					<a class="aw-link" href="https://status.appwrite.io" target="_blank">Status</a>
+					<a
+						class="aw-link"
+						href="https://github.com/appwrite"
+						target="_blank"
+						rel="noopener noreferrer">Source code</a
+					>
+				</li>
+				<li>
+					<a
+						class="aw-link"
+						href="https://status.appwrite.io"
+						target="_blank"
+						rel="noopener noreferrer">Status</a
+					>
 				</li>
 			</ul>
 		</li>
@@ -164,10 +176,22 @@
 			<ul class="aw-footer-nav-secondary-list aw-sub-body-400">
 				<li><a class="aw-link" href="/pricing">Pricing</a></li>
 				<li><a class="aw-link" href="/company">Company</a></li>
-				<li><a class="aw-link" href="https://careers.appwrite.io/" target="_blank">Careers</a></li>
+				<li>
+					<a
+						class="aw-link"
+						href="https://careers.appwrite.io/"
+						target="_blank"
+						rel="noopener noreferrer">Careers</a
+					>
+				</li>
 				<li><a class="aw-link" href="/heroes">Heroes</a></li>
 				<li>
-					<a class="aw-link" href="https://store.appwrite.io" target="_blank">Store</a>
+					<a
+						class="aw-link"
+						href="https://store.appwrite.io"
+						target="_blank"
+						rel="noopener noreferrer">Store</a
+					>
 				</li>
 				<li>
 					<a class="aw-link" href="/contact-us">Contact us</a>

diff --git a/src/lib/components/MainFooter.svelte b/src/lib/components/MainFooter.svelte
@@ -48,6 +48,7 @@
 						class="aw-icon-button"
 						aria-label="Appwrite on {getSocialLabel(social)}"
 						target="_blank"
+						rel="noopener noreferrer"
 					>
 						<span class={social.icon} aria-hidden="true" />
 					</a>
@@ -69,6 +70,7 @@
 							class="aw-icon-button"
 							aria-label="Appwrite on {getSocialLabel(social)}"
 							target="_blank"
+							rel="noopener noreferrer"
 						>
 							<span class={social.icon} aria-hidden="true" />
 						</a>
@@ -80,13 +82,13 @@
 			</div>
 			<ul class="aw-main-footer-grid-1-column-3 aw-main-footer-links">
 				<li>
-					<a href="/discord" target="_blank">Support</a>
+					<a href="/discord" target="_blank" rel="noopener noreferrer">Support</a>
 				</li>
 				<li>
-					<a href="https://status.appwrite.io" target="_blank">Status</a>
+					<a href="https://status.appwrite.io" target="_blank" rel="noopener noreferrer">Status</a>
 				</li>
 				<!-- <li>
-					<a href="https://github.com/appwrite/appwrite/releases" target="_blank">Changelog</a>
+					<a href="https://github.com/appwrite/appwrite/releases" target="_blank" rel="noopener noreferrer">Changelog</a>
 				</li> -->
 			</ul>
 			<div class="aw-main-footer-grid-1-column-4 aw-main-footer-copyright">

diff --git a/src/lib/components/MobileNav.svelte b/src/lib/components/MobileNav.svelte
@@ -38,6 +38,7 @@
 			<a
 				href="https://github.com/appwrite/appwrite/stargazers"
 				target="_blank"
+				rel="noopener noreferrer"
 				class="aw-button is-text u-width-full-line"
 			>
 				<span class="aw-icon-star" aria-hidden="true" />

diff --git a/src/lib/layouts/Docs.svelte b/src/lib/layouts/Docs.svelte
@@ -150,6 +150,7 @@
 							<a
 								href="https://github.com/appwrite/appwrite/stargazers"
 								target="_blank"
+								rel="noopener noreferrer"
 								class="aw-button is-text"
 							>
 								<span class="aw-icon-star" aria-hidden="true" />

diff --git a/src/lib/layouts/Main.svelte b/src/lib/layouts/Main.svelte
@@ -200,6 +200,7 @@
 						<a
 							href="https://github.com/appwrite/appwrite/stargazers"
 							target="_blank"
+							rel="noopener noreferrer"
 							class="aw-button is-text"
 						>
 							<span aria-hidden="true" class="aw-icon-star" />

diff --git a/src/lib/layouts/Sidebar.svelte b/src/lib/layouts/Sidebar.svelte
@@ -102,6 +102,7 @@
 			<a
 				href="https://github.com/appwrite/appwrite/stargazers"
 				target="_blank"
+				rel="noopener noreferrer"
 				class="aw-button is-text u-width-full-line"
 			>
 				<span class="aw-icon-star" aria-hidden="true" />

diff --git a/src/markdoc/layouts/Post.svelte b/src/markdoc/layouts/Post.svelte
@@ -111,8 +111,8 @@
 														href={authorData.twitter}
 														class="aw-icon-button"
 														aria-label="Author twitter"
-														target="_blank"
-														rel="noopener noreferrer"
+														target="_blank" rel="noopener noreferrer"
+														
 													>
 														<span class="aw-icon-x" aria-hidden="true" />
 													</a>
@@ -124,8 +124,8 @@
 														href={authorData.linkedin}
 														class="aw-icon-button"
 														aria-label="Author LinkedIn"
-														target="_blank"
-														rel="noopener noreferrer"
+														target="_blank" rel="noopener noreferrer"
+														
 													>
 														<span class="aw-icon-linkedin" aria-hidden="true" />
 													</a>
@@ -137,8 +137,8 @@
 														href={authorData.github}
 														class="aw-icon-button"
 														aria-label="Author GitHub"
-														target="_blank"
-														rel="noopener noreferrer"
+														target="_blank" rel="noopener noreferrer"
+														
 													>
 														<span class="aw-icon-github" aria-hidden="true" />
 													</a>

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -146,7 +146,9 @@
 						</h1>
 						<div class="u-cross-child-end">
 							<p class="aw-description">
-								Appwrite's open-source platform lets you add Auth, DBs, Functions and Storage to your product and build any application at any scale, own your data, and use your preferred coding languages and tools.
+								Appwrite's open-source platform lets you add Auth, DBs, Functions and Storage to
+								your product and build any application at any scale, own your data, and use your
+								preferred coding languages and tools.
 							</p>
 							<a
 								href="https://cloud.appwrite.io"
@@ -364,6 +366,7 @@
 								for your app with each new API development is a pain. Here's my secret: I let <a
 									href="https://twitter.com/appwrite"
 									target="_blank"
+									rel="noopener noreferrer"
 									class="aw-link-1">@appwrite</a
 								> handle my authentication process while I focus on the business logic.
 							</DeveloperCard>
@@ -398,8 +401,11 @@
 								avatarSrc="/images/community/avatars/souvik.png"
 							>
 								If you're looking for a backend server that is both powerful and easy to use, check
-								out <a href="https://twitter.com/appwrite" target="_blank" class="aw-link-1"
-									>@appwrite</a
+								out <a
+									href="https://twitter.com/appwrite"
+									target="_blank"
+									rel="noopener noreferrer"
+									class="aw-link-1">@appwrite</a
 								>. With its robust feature set and open-source nature, it's the perfect choice for
 								developers who want to build secure and scalable applications.
 							</DeveloperCard>
@@ -411,26 +417,27 @@
 
 		<div class="aw-big-padding-section-level-1 u-position-relative u-overflow-hidden">
 			<div
-			class="u-position-absolute aw-is-not-mobile"
-			style:inline-size="768px"
-			style:block-size="768px"
-			style:inset-block-start="0rem"
-			style:z-index="-1"
-			style:left="calc(50% - 384px + 350px)"
-		>
-			<Spline 
-				url="/images/animations/dark-scene.splinecode"
-				loading="eager"
-				width={768}
-				height={768}>
-				<img
-					src="/images/animations/tech-dark.png"
-					width="768"
-					height="768"
-					alt=""
-					style="position: absolute; display: block;"
-				/>
-			</Spline>
+				class="u-position-absolute aw-is-not-mobile"
+				style:inline-size="768px"
+				style:block-size="768px"
+				style:inset-block-start="0rem"
+				style:z-index="-1"
+				style:left="calc(50% - 384px + 350px)"
+			>
+				<Spline
+					url="/images/animations/dark-scene.splinecode"
+					loading="eager"
+					width={768}
+					height={768}
+				>
+					<img
+						src="/images/animations/tech-dark.png"
+						width="768"
+						height="768"
+						alt=""
+						style="position: absolute; display: block;"
+					/>
+				</Spline>
 			</div>
 			<div class="aw-big-padding-section-level-2 is-margin-replace-padding">
 				<div class="aw-container u-position-relative">
@@ -465,12 +472,13 @@
 			</div>
 			<div class="aw-big-padding-section-level-2 u-position-relative u-overflow-hidden">
 				<div
-				class="u-position-absolute u-z-index-0 aw-is-not-mobile"
-				style:width="50%"
-				style:height="100%"
-				style:left="0">
+					class="u-position-absolute u-z-index-0 aw-is-not-mobile"
+					style:width="50%"
+					style:height="100%"
+					style:left="0"
+				>
 					<div style:display="grid" style:place-items="center" style:height="100%">
-						<Spline loading="eager" url="/images/animations/lines.splinecode"/>
+						<Spline loading="eager" url="/images/animations/lines.splinecode" />
 					</div>
 				</div>
 				<div class="aw-container u-position-relative">

diff --git a/src/routes/assets/+page.svelte b/src/routes/assets/+page.svelte
@@ -633,7 +633,8 @@
 							<p>
 								Should you require further assistance or have specific needs beyond what's presented
 								on this page, please don't hesitate to
-								<a class="aw-link" href="/" target="_blank">contact us</a>.
+								<a class="aw-link" href="/" target="_blank" rel="noopener noreferrer">contact us</a
+								>.
 							</p>
 						</div>
 					</section>

diff --git a/src/routes/blog/+page.svelte b/src/routes/blog/+page.svelte
@@ -120,6 +120,7 @@
 											class="aw-icon-button"
 											aria-label="Author twitter"
 											target="_blank"
+											rel="noopener noreferrer"
 										>
 											<span class="aw-icon-x" aria-hidden="true" />
 										</a>
@@ -130,6 +131,7 @@
 											class="aw-icon-button"
 											aria-label="Author LinkedIn"
 											target="_blank"
+											rel="noopener noreferrer"
 										>
 											<span class="aw-icon-linkedin" aria-hidden="true" />
 										</a>