atash/atashdotdev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Moved the scrolling text to Vue since it needs some JS and custom
All checks were successful
Docker Deploy / build-and-push (push) Successful in 3m16s
Details

Browse Source 
styling not available in Tailwind
This commit is contained in:
Atridad Lahiji
2026-01-30 13:28:37 -07:00
parent f7fd011660
commit cf4a4827df
6 changed files with 632 additions and 303 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/sections/HeroSection.astro
View File

@@ -2,7 +2,7 @@
import { siteConfig } from "../../config/site";
import { Icon } from "astro-icon/components";
import Section from "../Section.astro";
import RotatingText from "../RotatingText.astro";
import RotatingText from "../RotatingText.vue";
import StatusIndicator from "../StatusIndicator.vue";
const rotatingText = (siteConfig.hero as any).rotatingText as
@@ -28,16 +28,18 @@ const rotatingText = (siteConfig.hero as any).rotatingText as
class="text-4xl sm:text-5xl lg:text-6xl xl:text-7xl font-extrabold text-white leading-tight tracking-tight mb-6"
>
{
siteConfig.hero.mainTitle
.split("{rotating}")
.map((part, index, array) => (
<>
{part}
{index < array.length - 1 && rotatingText && (
<RotatingText items={rotatingText} />
)}
</>
))
rotatingText ? (
<>
<RotatingText items={rotatingText} />
<span class="block">
{siteConfig.hero.mainTitle
.replace("{rotating}", "")
.trim()}
</span>
</>
) : (
siteConfig.hero.mainTitle
)
}
</h1>