From 2d926fc99572896701d84e4035ac2987caf25659 Mon Sep 17 00:00:00 2001
From: Tony Sullivan <tony.f.sullivan@outlook.com>
Date: Thu, 20 Jul 2023 10:37:07 -0500
Subject: [PATCH] tweaking the "Used by" text

---
 src/icons/logos/nbc-news.svg     |   7 ++
 src/pages/_components/Hero.astro | 118 +++++++++++++++----------------
 2 files changed, 66 insertions(+), 59 deletions(-)
 create mode 100644 src/icons/logos/nbc-news.svg

diff --git a/src/icons/logos/nbc-news.svg b/src/icons/logos/nbc-news.svg
new file mode 100644
index 0000000000..93781c9eae
--- /dev/null
+++ b/src/icons/logos/nbc-news.svg
@@ -0,0 +1,7 @@
+<svg role="img" width="153" height="27" fill="none">
+    <title>NBC News Logo</title>
+    <path
+        d="M60.832 12.281h-.137v14.212h-6.19v-23.8h7.328l8.465 14.213h.136V2.692h6.193v23.8H69.3l-8.468-14.21ZM98.129 2.692v5.034h-12.49v4.148h9.84v5.032h-9.84v4.557h12.832v5.03H79.375v-23.8h18.754ZM116.292 12.385h-.206l-3.646 14.108h-6.4l-6.268-23.8h6.502l3.303 14.213h.137l3.647-14.214h5.815l3.624 14.214h.139l3.302-14.214h5.991l-6.307 23.8h-6.158l-3.475-14.107ZM132.702 9.84c0-4.488 3.784-7.65 9.702-7.65 5.159 0 9.012 2.38 10.046 6.324l-5.54 1.223c-.62-1.807-2.132-2.859-4.368-2.859-2.098 0-3.51.883-3.51 2.406 0 4.761 13.968-.442 13.968 9.76 0 4.692-4.119 7.956-9.943 7.956-6.502 0-10.596-2.822-11.868-7.922l5.711-.925c.825 2.619 2.855 4.149 5.71 4.149 2.512 0 4.06-1.19 4.06-2.72 0-4.747-13.968.453-13.968-9.743ZM26.086 21.106s.187-.37.273-.555l.891-1.98.229-.509 4.695-10.444c.779-1.338 1.22-3.292.472-4.78a4.966 4.966 0 0 0-1.333-1.754 4.961 4.961 0 0 0-4.17-.966 4.236 4.236 0 0 0-1.172.45 4.658 4.658 0 0 0-1.813 1.695 4.586 4.586 0 0 0-.675 2.376l.06.061 2.041.02c.133.091.348.08.387.272-.829.628-2.246 1.187-2.068 2.493l2.06 12.896c.046.244.123.725.123.725ZM18.41 18.512a55.437 55.437 0 0 0 1.228 2.563s.126-.65.172-.95l2.32-14.692a4.779 4.779 0 0 0-.605-3.06 4.92 4.92 0 0 0-1.132-1.268c-1.824-1.443-4.64-1.423-6.31.254a4.707 4.707 0 0 0-1.327 2.244 4.666 4.666 0 0 0 .077 2.598l5.203 11.482.374.83ZM26.169 24.39l.464-.295 10.379-7.04.23-.166 1.73-1.173c.8-.598 1.745-1.053 2.318-1.965.923-1.295 1.106-3.414.277-4.811-.668-1.34-2.078-2.247-3.478-2.495a4.935 4.935 0 0 0-2.678.341 4.87 4.87 0 0 0-2.085 1.695c-.084.122-.163.248-.24.37-2.258 5.039-4.746 9.992-6.775 15.118l-.142.42ZM8.679 17.033c3.529 2.406 10.858 7.356 10.858 7.356l-.268-.69-6.474-14.27-.093-.205a4.854 4.854 0 0 0-2.561-2.433 4.932 4.932 0 0 0-3.552-.072c-.69.274-1.308.7-1.807 1.245a4.835 4.835 0 0 0-1.074 1.9 4.575 4.575 0 0 0 .045 2.644 4.625 4.625 0 0 0 1.503 2.188L8.13 16.66l.549.374ZM25.614 26.493h15.309c1.455 0 2.773-.627 3.778-1.834.075-.09.142-.185.21-.287.838-1.26 1.03-3.103.374-4.474-.462-1.012-1.445-2.024-2.492-2.431-1.352-.639-3.239-.496-4.478.294l-7.784 5.353-.433.296-4.156 2.859-.328.224ZM.982 24.66a4.813 4.813 0 0 0 1.73 1.372 4.871 4.871 0 0 0 2.168.46H20.07l-1.646-1.13-2.823-1.939-8.237-5.66c-1.24-.79-3.127-.926-4.479-.295C1.84 17.875.855 18.888.393 19.9a4.642 4.642 0 0 0-.22 3.125 4.42 4.42 0 0 0 .81 1.636Z"
+        fill="currentColor">
+    </path>
+</svg>
\ No newline at end of file
diff --git a/src/pages/_components/Hero.astro b/src/pages/_components/Hero.astro
index c27e25b9a4..1c5787a365 100644
--- a/src/pages/_components/Hero.astro
+++ b/src/pages/_components/Hero.astro
@@ -5,72 +5,72 @@ import ExternalLink from "~/components/ExternalLink.astro"
 import PageTitleBlock from "~/components/PageTitleBlock.astro"
 
 const logos = [
-	{ src: "logos/google", alt: "Google Logo", class: "py-1 -mb-1 md:-mb-2 lg:-mb-2.5" },
-	{ src: "logos/microsoft", alt: "Microsoft Logo", class: "py-2" },
-	{ src: "logos/nordvpn", alt: "NordVPN Logo", class: "py-1" },
-	{ src: "logos/rokt", alt: "Rokt Logo", class: "py-2" },
-	{ src: "logos/theguardian", alt: "The Guardian Logo", class: "py-1.5" },
-	{ src: "logos/trivago", alt: "Trivago Logo", class: "py-1" },
+  { src: "logos/google", alt: "Google Logo", class: "py-1 -mb-1 md:-mb-2 lg:-mb-2.5" },
+  { src: "logos/microsoft", alt: "Microsoft Logo", class: "py-2" },
+  { src: "logos/nordvpn", alt: "NordVPN Logo", class: "py-1" },
+  { src: "logos/rokt", alt: "Rokt Logo", class: "py-2" },
+  { src: "logos/theguardian", alt: "The Guardian Logo", class: "py-1.5" },
+  { src: "logos/trivago", alt: "Trivago Logo", class: "py-1" },
 ]
 ---
 
 <section class="landing-section relative overflow-x-hidden pb-40 pt-14 sm:pt-20 lg:pt-32">
-	<div class="noise-underlay absolute inset-0"></div>
-	<PageTitleBlock
-		lg
-		body="Astro is the all-in-one web framework designed for speed. Pull your content from anywhere and deploy everywhere, all powered by your favorite UI components and libraries."
-	>
-		<h1
-			slot="title"
-			class="heading-2 mb-10 max-w-[10ch] px-4 text-center lg:heading-1 sm:max-w-[15ch]"
-		>
-			Build the web
-			<br class="hidden sm:block" />
-			you want
-		</h1>
-	</PageTitleBlock>
+  <div class="noise-underlay absolute inset-0"></div>
+  <PageTitleBlock
+    lg
+    body="Astro is the all-in-one web framework designed for speed. Pull your content from anywhere and deploy everywhere, all powered by your favorite UI components and libraries."
+  >
+    <h1
+      slot="title"
+      class="heading-2 mb-10 max-w-[10ch] px-4 text-center lg:heading-1 sm:max-w-[15ch]"
+    >
+      Build the web
+      <br class="hidden sm:block" />
+      you want
+    </h1>
+  </PageTitleBlock>
 
-	<div
-		class="isolate mb-14 mt-8 flex w-full justify-center gap-6 sm:mb-16 md:mb-20 lg:mb-24 xl:mb-28"
-	>
-		<ExternalLink href="https://docs.astro.build/" class="button button-white">
-			Get Started
-		</ExternalLink>
-		<div class="hidden sm:block">
-			<CodeBlock>npm create astro@latest</CodeBlock>
-		</div>
-	</div>
+  <div
+    class="isolate mb-14 mt-8 flex w-full justify-center gap-6 sm:mb-16 md:mb-20 lg:mb-24 xl:mb-28"
+  >
+    <ExternalLink href="https://docs.astro.build/" class="button button-white">
+      Get Started
+    </ExternalLink>
+    <div class="hidden sm:block">
+      <CodeBlock>npm create astro@latest</CodeBlock>
+    </div>
+  </div>
 
-	<div class="flex flex-col gap-x-6 gap-y-8 px-4 md:px-6 lg:flex-row lg:items-center">
-		<p class="body px-8 text-astro-gray-200 lg:max-w-[12rem] lg:px-0 lg:text-left xl:text-lg">
-			Used by over 100,000 developers and teams around the world:
-		</p>
-		<div class="flex flex-wrap items-center justify-center gap-x-8 gap-y-6 px-4">
-			{
-				logos.map((logo) => (
-					<Icon
-						name={logo.src}
-						aria-label={logo.alt}
-						height={48}
-						class:list={["h-8 object-contain text-white sm:h-10 lg:h-11 xl:h-12", logo.class]}
-					/>
-				))
-			}
-		</div>
-	</div>
+  <div class="flex flex-col gap-x-6 gap-y-8 px-4 md:px-6 lg:flex-row lg:items-center">
+    <p class="body px-8 text-astro-gray-200 lg:max-w-[12rem] lg:px-0 lg:text-left xl:text-lg">
+      Used by the best developers and teams around the world:
+    </p>
+    <div class="flex flex-wrap items-center justify-center gap-x-8 gap-y-6 px-4">
+      {
+        logos.map((logo) => (
+          <Icon
+            name={logo.src}
+            aria-label={logo.alt}
+            height={48}
+            class:list={["h-8 object-contain text-white sm:h-10 lg:h-11 xl:h-12", logo.class]}
+          />
+        ))
+      }
+    </div>
+  </div>
 </section>
 
 <style>
-	section::before {
-		position: absolute;
-		content: "";
-		z-index: -1;
-		top: 0%;
-		bottom: 10%;
-		width: 150%;
-		left: -25%;
-		background: url(/assets/noise.webp) repeat, linear-gradient(83.21deg, #3245ff 0%, #bc52ee 100%);
-		background-blend-mode: overlay;
-		mask-image: radial-gradient(rgba(0, 0, 0, 0.5), transparent 70%);
-	}
+  section::before {
+    position: absolute;
+    content: "";
+    z-index: -1;
+    top: 0%;
+    bottom: 10%;
+    width: 150%;
+    left: -25%;
+    background: url(/assets/noise.webp) repeat, linear-gradient(83.21deg, #3245ff 0%, #bc52ee 100%);
+    background-blend-mode: overlay;
+    mask-image: radial-gradient(rgba(0, 0, 0, 0.5), transparent 70%);
+  }
 </style>