From 26a9f8e2070c7dc3ed5f176318881853c7dbb918 Mon Sep 17 00:00:00 2001
From: Roj <ez@roj.im>
Date: Mon, 13 Mar 2023 10:38:27 +0300
Subject: [PATCH] Fix things

---
 src/components/AboutPage.astro |  8 ++++----
 src/components/CodeBlock.astro |  2 +-
 src/components/WhyPage.astro   | 20 +++++++++-----------
 src/layouts/main.astro         |  7 ++++---
 src/pages/others.astro         | 30 +++++++++++++++---------------
 5 files changed, 33 insertions(+), 34 deletions(-)

diff --git a/src/components/AboutPage.astro b/src/components/AboutPage.astro
index 0cd4f02..3daf453 100644
--- a/src/components/AboutPage.astro
+++ b/src/components/AboutPage.astro
@@ -12,17 +12,17 @@
       <a href="https://twitter.com/t3dotgg" class="link-dark">Theo</a>,
       <a href="https://mark.florkow.ski" class="link-dark">Mark</a>
       and
-      <a href="https://github.com/JasonDocton" class="link-dark">Jason</a>
+      <a href="https://github.com/JasonDocton" class="link-dark">Jason</a>.
     </p>
     <p>
       Hosted on
-      <a href="https://vercel.com" class="link-dark"> Vercel </a>
+      <a href="https://vercel.com" class="link-dark">Vercel</a>.
     </p>
     <p>
       Source available on
       <a href="https://github.com/TheoBr/init.tips" class="link-dark">
-        Github
-      </a>
+        Github</a
+      >.
     </p>
   </div>
   <div class="absolute bottom-0 w-full flex justify-center p-4">
diff --git a/src/components/CodeBlock.astro b/src/components/CodeBlock.astro
index 23fd0b5..d1e6710 100644
--- a/src/components/CodeBlock.astro
+++ b/src/components/CodeBlock.astro
@@ -15,7 +15,7 @@ const CURRENT_RECOMMENDED_COMMAND = "npx create-t3-app@latest";
     {CURRENT_RECOMMENDED_COMMAND}
   </code>
 </button>
-<div id="copy-success" class="mt-2 opacity-0 duration-500 transition-opacity">Copied Successfully!</div>
+<div id="copy-success" class="mt-2 opacity-0 duration-500 transition-opacity">Copied successfully!</div>
 
 <script defer>
   const CURRENT_RECOMMENDED_COMMAND = "npx create-t3-app@latest";
diff --git a/src/components/WhyPage.astro b/src/components/WhyPage.astro
index c4794dd..09fa1ca 100644
--- a/src/components/WhyPage.astro
+++ b/src/components/WhyPage.astro
@@ -14,9 +14,8 @@
         target="_blank"
         rel="noreferrer"
       >
-        TypeScript
-      </a>
-      ?
+        TypeScript</a
+      >?
     </h2>
     <p>JavaScript is hard. Why add more rules?</p>
     <p>
@@ -31,9 +30,9 @@
       </a>{" "}
       provides will{" "}
       <span class="italic">help you be a better developer,</span>{" "}
-      regardless of where you are in your career as an engineer. Whether you're new
-      to web development or a seasoned pro, the "strictness" of TypeScript will provide
-      a less frustrating, more consistent experience than vanilla JS
+      regardless of where you are in your career as an engineer. Whether you’re new
+      to web development or a seasoned pro, the “strictness” of TypeScript will provide
+      a less frustrating, more consistent experience than vanilla JavaScript.
     </p>
 
     <div class="p-4"></div>
@@ -46,9 +45,8 @@
         target="_blank"
         rel="noreferrer"
       >
-        Next.js
-      </a>
-      ?
+        Next.js</a
+      >?
     </h2>
     <p>
       We love React. It has made UI development accessible in ways we never
@@ -70,10 +68,10 @@
 
     <div class="p-4"></div>
 
-    <h2 class="text-xl font-bold">Why tRPC/Prisma/Tailwind/etc?</h2>
+    <h2 class="text-xl font-bold">Why tRPC/Prisma/Tailwind/etc.?</h2>
     <p>
       While we believe in keeping things as simple as possible, we find these
-      pieces being used in every "app" like project we build.{" "}
+      pieces being used in every “app” like project we build.{" "}
       <a class="link-light" href="https://create.t3.gg"> create-t3-app </a>{" "}
       does a great job of letting you adopt{" "}
       <a href="/others">the pieces you need</a>
diff --git a/src/layouts/main.astro b/src/layouts/main.astro
index e7f5778..1ed9d9c 100644
--- a/src/layouts/main.astro
+++ b/src/layouts/main.astro
@@ -6,16 +6,17 @@ import "../styles/globals.css";
 
 <html lang="en">
   <head>
-    <title>init.tips - start on the right stack</title>
+    <title>init.tips &mdash; Start On the Right Stack</title>
+    <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width" />
     <meta property="og:title" content="init.tips - start on the right stack" />
     <meta
       name="description"
-      content="Getting started with a new project doesn't have to be hard. Take our recommendations to begin on the right foot. Open source. Currently recommending Next.js and TypeScript"
+      content="Getting started with a new project doesn’t have to be hard. Take our recommendations to begin on the right foot. Open source. Currently recommending Next.js and TypeScript."
     />
     <meta
       property="og:description"
-      content="Getting started with a new project doesn't have to be hard. Take our recommendations to begin on the right foot. Open source. Currently recommending Next.js and TypeScript"
+      content="Getting started with a new project doesn’t have to be hard. Take our recommendations to begin on the right foot. Open source. Currently recommending Next.js and TypeScript."
     />
     <meta property="og:url" content="https://init.tips/" />
     <meta property="og:type" content="website" />
diff --git a/src/pages/others.astro b/src/pages/others.astro
index 0e189a8..07577de 100644
--- a/src/pages/others.astro
+++ b/src/pages/others.astro
@@ -10,7 +10,7 @@ import Layout from "../layouts/main.astro";
     <div class="max-w-md md:max-w-2xl text-lg p-4 my-12">
       <h2 class="text-2xl font-bold mt-4 mb-2">Other Recommendations</h2>
       <p>
-        We recognize that Next.js and TypeScript don't solve every problem.
+        We recognize that Next.js and TypeScript don’t solve every problem.
         While we encourage you to use the primitives they provide as often as
         you can, there are other tools that will help simplify and improve your
         developer experience.
@@ -31,8 +31,8 @@ import Layout from "../layouts/main.astro";
       <p>I hated the idea of Tailwind. Then I tried it.</p>
       <p>
         <span class="italic">It seems like Bootstrap.</span> I promise it is not
-        Bootstrap. It enables a "flow state" in UI dev I didn't know was achievable.
-        (and yes we used it here)
+        Bootstrap. It enables a “flow state” in UI dev I didn’t know was achievable.
+        (And yes, we used it here.)
       </p>
 
       <h1 class="text-2xl mb-4 mt-8 font-semibold">Data Management</h1>
@@ -64,7 +64,7 @@ import Layout from "../layouts/main.astro";
         </a>
       </h2>
       <p>
-        Prisma is to SQL what TypeScript is to JS. Never thought I'd love an
+        Prisma is to SQL what TypeScript is to JavaScript. Never thought I’d love an
         ORM, but man, trust me on this one.
       </p>
 
@@ -79,8 +79,8 @@ import Layout from "../layouts/main.astro";
         </a>
       </h2>
       <p>
-        tRPC delivers on GraphQL's promise of seamless client development
-        against a typesafe server without all of the boilerplate. It's a clever
+        tRPC delivers on GraphQL’s promise of seamless client development
+        against a typesafe server without all of the boilerplate. It’s a clever
         abuse of TypeScript that provides an incredible dev experience.
       </p>
 
@@ -148,7 +148,7 @@ import Layout from "../layouts/main.astro";
       </h2>
       <p>
         Vercel took the hell of web deployments and made it a set-and-forget
-        GitHub integration. We've scaled to hundreds of thousands of users
+        GitHub integration. We’ve scaled to hundreds of thousands of users
         without issue. AWS-powered, just a way better interface :)
       </p>
 
@@ -163,8 +163,8 @@ import Layout from "../layouts/main.astro";
         </a>
       </h2>
       <p>
-        PlanetScale is the best "serverless database platform" I've used by far.
-        Insane scale, great developer experience, fantastic pricing. If you're
+        PlanetScale is the best “serverless database platform” I’ve used by far.
+        Insane scale, great developer experience, fantastic pricing. If you’re
         using sql (and hopefully Prisma), this is hard to beat.
       </p>
 
@@ -179,15 +179,15 @@ import Layout from "../layouts/main.astro";
         </a>
       </h2>
       <p>
-        "Modern Heroku". Easiest way to get a real server up and running. If
-        Vercel and PlanetScale aren't enough, Railway probably is. Point it at a
+        “Modern Heroku”. Easiest way to get a real server up and running. If
+        Vercel and PlanetScale aren’t enough, Railway probably is. Point it at a
         GitHub repo and go.
       </p>
 
       <h1 class="text-2xl mb-2 mt-8 font-semibold">State Management</h1>
       <p>
-        <span class="font-semibold italic">Editor's Note:</span> State management
-        libraries can be great, but often aren't necessary. Start with{" "}
+        <span class="font-semibold italic">Editor’s Note:</span> State management
+        libraries can be great, but often aren’t necessary. Start with{" "}
         <a
           target="_blank"
           rel="noreferrer"
@@ -210,7 +210,7 @@ import Layout from "../layouts/main.astro";
         </a>
       </h2>
       <p>
-        The "modern, simple Redux" you didn't know you needed.{" "}
+        The “modern, simple Redux” you didn’t know you needed.{" "}
         <a
           target="_blank"
           rel="noreferrer"
@@ -244,7 +244,7 @@ import Layout from "../layouts/main.astro";
           Poimandres
         </a>
         , Jotai lets you define singletons that feel like global{" "}
-        <code>useState</code>. Great option for stateful behaviors that don't
+        <code>useState</code>. Great option for stateful behaviors that don’t
         need a state machine just yet
       </p>
     </div>