ZenBrowserMirrors/www
1
0
Fork 0
mirror of https://github.com/zen-browser/www.git synced 2025-07-08 17:30:01 +02:00
Code Issues Projects Releases Packages Wiki Activity

Worked on the new rebranding!

Browse source 
Co-authored-by: taroj1205 <taroj1205@users.noreply.github.com>
This commit is contained in:
mr. M 2024-11-24 23:52:26 +01:00
parent 38712913e7
commit f45c7b10e4
No known key found for this signature in database
GPG key ID: CBD57A2AEDBDA1FB
12 changed files with 1822 additions and 96 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/components/Circles.astro
View file

@ -1,3 +1,18 @@
---
// Circles.astro
const sizes = [216, 396, 576, 756]
const borderWidths = [20, 30, 40, 50]
---
<div id="circles" class="absolute inset-0 overflow-hidden pointer-events-none -z-10">
<div class="absolute left-1/2 top-0 opacity-10 translate-y-[-90%] lg:opacity-100 -translate-x-1/2 lg:-translate-y-1/2">
{[...Array(4)].map((_, i) => (
<div class="absolute rounded-full border-coral -translate-x-1/2 -translate-y-1/2"
style={{
width: `${sizes[i]}px`,
height: `${sizes[i]}px`,
borderWidth: `${borderWidths[i]}px`,
}}
/>
))}
</div>
</div>