Strict HTML whitespaces

src/frontend/.prettierrc

@@ -4,6 +4,7 @@
   "semi": true,
   "tabWidth": 2,
   "plugins": ["prettier-plugin-svelte"],
+  "htmlWhitespaceSensitivity": "strict",
   "overrides": [
     {
       "files": "*.svelte",

src/frontend/src/routes/+page.svelte

@@ -118,6 +118,7 @@
         <div class="text-center lg:text-left lg:p-10">
           <h1
             class="font-extrabold text-transparent text-5xl bg-clip-text bg-gradient-to-r to-pink-600 via-yellow-600 from-red-700"
+            >Wattpad Downloader</h1
           >
             Wattpad Downloader
           </h1>
@@ -168,6 +169,10 @@
             year!
           </p>
           <ul class="pt-4 list list-inside text-xl">
+          <p class="max-w-md pt-6 text-lg"
+            >Download your favourite books with a single click. Have a great new
+            year!</p
+          >
             <!-- TODO: 'max-lg: hidden' to hide on screen sizes smaller than lg. I'll do this when I figure out how to make this show up _below_ the card on smaller screen sizes. -->
             <!-- <li>12/24 - ⚡ Super-fast Downloads!</li>
             <li>12/24 - 📑 PDF Downloads!</li> -->