feat(svgs): nice

index.hbs

@@ -1,17 +1,17 @@
 {{!< default}}
 
-<div class="absolute inset-0 opacity-20 dark:opacity-10 z-0">
+<div class="absolute inset-0 pt-32 opacity-20 h-4/6">
 {{> extras/duper }}
 </div>
 
 <main class="relative z-1 h-screen sm:h-screen/2 flex flex-wrap content-center mx-auto max-w-5xl px-10 lg:px-24 sm:mt-24">
   <div class="w-3/3 text-center">
     <h1 class="text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:text-6xl">
-      <span class="block xl:inline text-gradient bg-gradient-to-r from-blue-500 to-blue-700">{{@site.description}}</span>
+      <span class="block xl:inline text-gray-800 dark:text-gray-200">{{@site.description}}</span>
     </h1>
     <p class="text-base text-gray-800 dark:text-gray-200 sm:text-lg md:text-xl md:max-w-6xl mt-10">
       Leading AEC companies, designers and developers use
-      <span class="text-blue-600">Speckle</span> for
+      <span class="">Speckle</span> for
       interoperability, design automation and
       data management.
     </p>

page-about.hbs

@@ -1,6 +1,6 @@
 {{!< default}}
 
-<div class="absolute inset-0 opacity-20">
+<div class="absolute inset-0 pt-32 opacity-20 h-4/6">
 {{> extras/super }}
 </div>