updated docs for v1 and polished some minor fixes across the code

exampleSite/content/_index.md

@@ -0,0 +1,27 @@
+---
+title: "Welcome to Blowfish! :tada:"
+description: "This is a demo of the Blowfish theme for Hugo."
+---
+
+{{< lead >}} A powerful, lightweight theme for Hugo built with Tailwind CSS. {{< /lead >}}
+
+This is a demo site built entirely using Blowfish. It also contains a complete set of [theme documentation]({{< ref "docs" >}}). Blowfish is flexible and is great for both static page-based content (like this demo) or a traditional blog with a feed of recent posts.
+
+<div class="flex px-4 py-2 mb-8 text-base rounded-md bg-primary-100 dark:bg-primary-900">
+  <span class="flex items-center ltr:pr-3 rtl:pl-3 text-primary-400">
+    {{< icon "triangle-exclamation" >}}
+  </span>
+  <span class="flex items-center justify-between grow dark:text-neutral-300">
+    <span class="prose dark:prose-invert">This is a demo of the <code id="layout">profile</code> layout.</span>
+    <button
+      id="switch-layout-button"
+      class="px-4 !text-neutral !no-underline rounded-md bg-primary-600 hover:!bg-primary-500 dark:bg-primary-800 dark:hover:!bg-primary-700"
+    >
+      Switch layout &orarr;
+    </button>
+  </span>
+</div>
+
+Explore the [sample pages]({{< ref "samples" >}}) to get a feel for what Blowfish can do. If you like what you see, check out the project on <a target="_blank" href="https://github.com/nunocoracao/blowfish">Github</a> or read the [Installation guide]({{< ref "docs/installation" >}}) to get started.
+
+<img src="iceland.jpg">