improvements to background component in homepage and articles

exampleSite/assets/js/home.js

@@ -1,7 +1,7 @@
 var layouts = [
-  "profile",
   "background",
   "hero",
+  "profile",
   "page",
   "card"
 ]

exampleSite/content/_index.md

@@ -10,7 +10,7 @@ This is a demo site built entirely using Blowfish. It also contains a complete s
     {{< 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>
+    <span class="prose dark:prose-invert">This is a demo of the <code id="layout">background</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"

exampleSite/layouts/partials/home/custom.html

@@ -1,11 +1,11 @@
 {{ $jsHome := resources.Get "js/home.js" | resources.Minify | resources.Fingerprint "sha512" }}
-<div id="background" style="display:none">
+<div id="background">
   {{ partial "partials/home/background.html" . }}
 </div>
 <div id="hero" style="display:none">
   {{ partial "partials/home/hero.html" . }}
 </div>
-<div id="profile" class="">
+<div id="profile" style="display:none">
   {{ partial "partials/home/profile.html" . }}
 </div>
 <div id="card" style="display:none">