From 8cc1097b04e6feb0eae7643876d85053775ac1c6 Mon Sep 17 00:00:00 2001
From: Ayres Vitor <gitkey@virtuaires.com.br>
Date: Wed, 30 Jul 2025 20:18:02 -0300
Subject: [PATCH] format

---
 src/components/Hero.astro                     |  62 +--
 .../sponsors/OpenCollective/Main.astro        |   1 -
 src/styles/custom.scss                        |   5 +-
 src/styles/lp.scss                            | 392 +++++++++---------
 4 files changed, 226 insertions(+), 234 deletions(-)

diff --git a/src/components/Hero.astro b/src/components/Hero.astro
index 3c35941d2..bfb7a2395 100644
--- a/src/components/Hero.astro
+++ b/src/components/Hero.astro
@@ -1,31 +1,31 @@
----
-import { LinkButton } from '@astrojs/starlight/components';
-import { Image } from 'astro:assets';
-
-const { tagline, getStarted, v1Docs } = Astro.props;
----
-
-<div class="hero-bg">
-  <div class="bg-logo"></div>
-  <div class="bg-grad"></div>
-  <div class="bg-grad-red"></div>
-</div>
-
-<div class="lp-content">
-  <div class="lp-header lp-hero">
-    <div class="lp-header-content">
-      <Image class="lp-tauri-logo light" src={import('@assets/logo_light.svg')} alt="Tauri Logo" />
-      <Image class="lp-tauri-logo dark" src={import('@assets/logo.svg')} alt="Tauri Logo" />
-      <p class="lp-tagline">
-        {tagline}
-      </p>
-      <div class="actions">
-        <LinkButton icon="right-arrow" href="/start/">{getStarted}</LinkButton>
-        <LinkButton href="https://v1.tauri.app" variant="minimal" icon="external">
-          {v1Docs}
-        </LinkButton>
-      </div>
-    </div>
-    <Image src={import('@assets/logo-outline.svg')} alt="Tauri outline logo" />
-  </div>
-</div>
+---
+import { LinkButton } from '@astrojs/starlight/components';
+import { Image } from 'astro:assets';
+
+const { tagline, getStarted, v1Docs } = Astro.props;
+---
+
+<div class="hero-bg">
+  <div class="bg-logo"></div>
+  <div class="bg-grad"></div>
+  <div class="bg-grad-red"></div>
+</div>
+
+<div class="lp-content">
+  <div class="lp-header lp-hero">
+    <div class="lp-header-content">
+      <Image class="lp-tauri-logo light" src={import('@assets/logo_light.svg')} alt="Tauri Logo" />
+      <Image class="lp-tauri-logo dark" src={import('@assets/logo.svg')} alt="Tauri Logo" />
+      <p class="lp-tagline">
+        {tagline}
+      </p>
+      <div class="actions">
+        <LinkButton icon="right-arrow" href="/start/">{getStarted}</LinkButton>
+        <LinkButton href="https://v1.tauri.app" variant="minimal" icon="external">
+          {v1Docs}
+        </LinkButton>
+      </div>
+    </div>
+    <Image src={import('@assets/logo-outline.svg')} alt="Tauri outline logo" />
+  </div>
+</div>
diff --git a/src/components/sponsors/OpenCollective/Main.astro b/src/components/sponsors/OpenCollective/Main.astro
index bfb95ce25..f02b52aab 100644
--- a/src/components/sponsors/OpenCollective/Main.astro
+++ b/src/components/sponsors/OpenCollective/Main.astro
@@ -109,7 +109,6 @@ const totalBronzeSponsors = sponsorsByTier.bronze.length;
 
   .sponsor-container.silver > div {
     margin-inline-start: calc(var(--silver-overlap) * -1);
-
   }
 
   .sponsor-container.silver {
diff --git a/src/styles/custom.scss b/src/styles/custom.scss
index 647dcd925..bb191ce34 100644
--- a/src/styles/custom.scss
+++ b/src/styles/custom.scss
@@ -34,7 +34,6 @@
   color: var(--sl-color-white) !important;
 }
 
-
 .sl-markdown-content .inline-icon {
   display: inline-block;
 }
@@ -52,7 +51,7 @@ figcaption {
   text-align: center;
 }
 
-figure>img {
+figure > img {
   margin-left: auto;
   margin-right: auto;
-}
\ No newline at end of file
+}
diff --git a/src/styles/lp.scss b/src/styles/lp.scss
index 81df83b15..9f1d915dc 100644
--- a/src/styles/lp.scss
+++ b/src/styles/lp.scss
@@ -1,199 +1,193 @@
-.lp-tauri-logo {
-    max-width: 360px;
-    // margin-inline: auto;
-}
-
-:root[data-theme='light'] {
-    .lp-tauri-logo.light {
-        display: block;
-    }
-
-    .lp-tauri-logo.dark {
-        display: none;
-    }
-}
-
-.lp-tauri-logo.light {
-    display: none;
-}
-
-.lp-content {
-    margin-block: 2rem;
-    margin-inline: auto;
-    min-height: 360px;
-}
-
-.lp-header {
-    display: grid;
-    grid-template-columns: 7fr 3fr;
-    gap: 3%;
-    padding-bottom: 2em;
-    align-items: center;
-}
-
-
-.lp-tagline {
-    font-size: 1.2rem;
-    font-weight: 600;
-    margin-bottom: 1rem;
-    position: relative;
-}
-
-
-// hide h1 title
-.content-panel:has(h1#_top:not([data-page-title])) {
-    display: none;
-}
-
-
-
-.lp-hero>img {
-    animation: 3s intro;
-    animation-fill-mode: forwards;
-    transition: opacity 1s ease-in-out;
-    opacity: 0.2;
-    width: 400px;
-    height: 400px;
-    margin-block: auto;
-}
-
-@media (min-width: 50rem) {
-    .lp-hero>img {
-        opacity: 0.5;
-    }
-}
-
-@keyframes intro {
-    0% {
-        scale: 1.8;
-        opacity: 0;
-    }
-
-    80% {
-        scale: 1.2;
-        opacity: 0.5;
-    }
-
-    100% {
-        scale: 1.1;
-    }
-}
-
-:root[data-theme='light'] .lp-hero>img {
-    filter: invert(1);
-}
-
-
-@media (prefers-reduced-motion) {
-    * {
-        transition: none !important;
-    }
-}
-
-
-
-
-/* Index hero background */
-.hero-bg {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    display: block;
-    z-index: -1;
-    opacity: 0.7;
-    overflow: hidden;
-    background:
-        linear-gradient(-90deg, var(--sl-color-gray-6) 1px, transparent 1px),
-        linear-gradient(var(--sl-color-gray-6) 1px, transparent 1px),
-        linear-gradient(-90deg, var(--sl-color-gray-6) 1px, transparent 1px),
-        linear-gradient(var(--sl-color-gray-6) 1px, transparent 1px),
-        linear-gradient(transparent 6px, transparent 6px, transparent 156px, transparent 156px),
-        linear-gradient(-90deg, var(--sl-color-gray-6) 1px, transparent 1px),
-        linear-gradient(-90deg, transparent 6px, transparent 6px, transparent 156px, transparent 156px),
-        linear-gradient(var(--sl-color-gray-6) 1px, transparent 1px), transparent;
-    background-size:
-        32px 32px,
-        32px 32px,
-        256px 256px,
-        256px 256px,
-        256px 256px,
-        256px 256px,
-        256px 256px,
-        256px 256px;
-}
-
-/* Transition hero background grid smoothly to page background color. */
-.hero-bg::after {
-    content: '';
-    position: absolute;
-    inset: 70% 0 0;
-    background: linear-gradient(transparent, var(--sl-color-bg));
-}
-
-.bg-grad {
-    position: absolute;
-    top: -50%;
-    left: 50%;
-    width: 150vh;
-    height: 150vh;
-    opacity: 0.3;
-    background: radial-gradient(circle, var(--sl-color-accent) 0%, transparent 70%);
-    animation: 6s intro;
-}
-
-.bg-grad-red {
-    position: absolute;
-    top: 0%;
-    left: -50%;
-    width: 150vh;
-    height: 150vh;
-    opacity: 0.3;
-    background: radial-gradient(circle, var(--sl-color-orange) 0%, transparent 70%);
-    animation: 14s intro;
-}
-
-:root[data-theme='light'] {
-    .bg-grad {
-        opacity: 0.9;
-    }
-
-    .bg-grad-red {
-        opacity: 1;
-    }
-
-    .hero-bg {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        display: block;
-        z-index: -1;
-        opacity: 0.4;
-        overflow: hidden;
-        background:
-            linear-gradient(-90deg, var(--sl-color-gray-4) 1px, transparent 1px),
-            linear-gradient(var(--sl-color-gray-4) 1px, transparent 1px),
-            linear-gradient(-90deg, var(--sl-color-gray-4) 1px, transparent 1px),
-            linear-gradient(var(--sl-color-gray-4) 1px, transparent 1px),
-            linear-gradient(transparent 6px, transparent 6px, transparent 156px, transparent 156px),
-            linear-gradient(-90deg, var(--sl-color-gray-4) 1px, transparent 1px),
-            linear-gradient(-90deg,
-                transparent 6px,
-                transparent 6px,
-                transparent 156px,
-                transparent 156px),
-            linear-gradient(var(--sl-color-gray-5) 1px, transparent 1px), transparent;
-        background-size:
-            32px 32px,
-            32px 32px,
-            256px 256px,
-            256px 256px,
-            256px 256px,
-            256px 256px,
-            256px 256px,
-            256px 256px;
-    }
-}
\ No newline at end of file
+.lp-tauri-logo {
+  max-width: 360px;
+  // margin-inline: auto;
+}
+
+:root[data-theme='light'] {
+  .lp-tauri-logo.light {
+    display: block;
+  }
+
+  .lp-tauri-logo.dark {
+    display: none;
+  }
+}
+
+.lp-tauri-logo.light {
+  display: none;
+}
+
+.lp-content {
+  margin-block: 2rem;
+  margin-inline: auto;
+  min-height: 360px;
+}
+
+.lp-header {
+  display: grid;
+  grid-template-columns: 7fr 3fr;
+  gap: 3%;
+  padding-bottom: 2em;
+  align-items: center;
+}
+
+.lp-tagline {
+  font-size: 1.2rem;
+  font-weight: 600;
+  margin-bottom: 1rem;
+  position: relative;
+}
+
+// hide h1 title
+.content-panel:has(h1#_top:not([data-page-title])) {
+  display: none;
+}
+
+.lp-hero > img {
+  animation: 3s intro;
+  animation-fill-mode: forwards;
+  transition: opacity 1s ease-in-out;
+  opacity: 0.2;
+  width: 400px;
+  height: 400px;
+  margin-block: auto;
+}
+
+@media (min-width: 50rem) {
+  .lp-hero > img {
+    opacity: 0.5;
+  }
+}
+
+@keyframes intro {
+  0% {
+    scale: 1.8;
+    opacity: 0;
+  }
+
+  80% {
+    scale: 1.2;
+    opacity: 0.5;
+  }
+
+  100% {
+    scale: 1.1;
+  }
+}
+
+:root[data-theme='light'] .lp-hero > img {
+  filter: invert(1);
+}
+
+@media (prefers-reduced-motion) {
+  * {
+    transition: none !important;
+  }
+}
+
+/* Index hero background */
+.hero-bg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: block;
+  z-index: -1;
+  opacity: 0.7;
+  overflow: hidden;
+  background:
+    linear-gradient(-90deg, var(--sl-color-gray-6) 1px, transparent 1px),
+    linear-gradient(var(--sl-color-gray-6) 1px, transparent 1px),
+    linear-gradient(-90deg, var(--sl-color-gray-6) 1px, transparent 1px),
+    linear-gradient(var(--sl-color-gray-6) 1px, transparent 1px),
+    linear-gradient(transparent 6px, transparent 6px, transparent 156px, transparent 156px),
+    linear-gradient(-90deg, var(--sl-color-gray-6) 1px, transparent 1px),
+    linear-gradient(-90deg, transparent 6px, transparent 6px, transparent 156px, transparent 156px),
+    linear-gradient(var(--sl-color-gray-6) 1px, transparent 1px), transparent;
+  background-size:
+    32px 32px,
+    32px 32px,
+    256px 256px,
+    256px 256px,
+    256px 256px,
+    256px 256px,
+    256px 256px,
+    256px 256px;
+}
+
+/* Transition hero background grid smoothly to page background color. */
+.hero-bg::after {
+  content: '';
+  position: absolute;
+  inset: 70% 0 0;
+  background: linear-gradient(transparent, var(--sl-color-bg));
+}
+
+.bg-grad {
+  position: absolute;
+  top: -50%;
+  left: 50%;
+  width: 150vh;
+  height: 150vh;
+  opacity: 0.3;
+  background: radial-gradient(circle, var(--sl-color-accent) 0%, transparent 70%);
+  animation: 6s intro;
+}
+
+.bg-grad-red {
+  position: absolute;
+  top: 0%;
+  left: -50%;
+  width: 150vh;
+  height: 150vh;
+  opacity: 0.3;
+  background: radial-gradient(circle, var(--sl-color-orange) 0%, transparent 70%);
+  animation: 14s intro;
+}
+
+:root[data-theme='light'] {
+  .bg-grad {
+    opacity: 0.9;
+  }
+
+  .bg-grad-red {
+    opacity: 1;
+  }
+
+  .hero-bg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    display: block;
+    z-index: -1;
+    opacity: 0.4;
+    overflow: hidden;
+    background:
+      linear-gradient(-90deg, var(--sl-color-gray-4) 1px, transparent 1px),
+      linear-gradient(var(--sl-color-gray-4) 1px, transparent 1px),
+      linear-gradient(-90deg, var(--sl-color-gray-4) 1px, transparent 1px),
+      linear-gradient(var(--sl-color-gray-4) 1px, transparent 1px),
+      linear-gradient(transparent 6px, transparent 6px, transparent 156px, transparent 156px),
+      linear-gradient(-90deg, var(--sl-color-gray-4) 1px, transparent 1px),
+      linear-gradient(
+        -90deg,
+        transparent 6px,
+        transparent 6px,
+        transparent 156px,
+        transparent 156px
+      ),
+      linear-gradient(var(--sl-color-gray-5) 1px, transparent 1px), transparent;
+    background-size:
+      32px 32px,
+      32px 32px,
+      256px 256px,
+      256px 256px,
+      256px 256px,
+      256px 256px,
+      256px 256px,
+      256px 256px;
+  }
+}