diff --git a/src/app.css b/src/app.css index 2ace1a7cc4..0e2ae66de3 100644 --- a/src/app.css +++ b/src/app.css @@ -83,6 +83,14 @@ /* Animations */ --animate-scale-in: scale-in 200ms ease-out forwards; + --animate-fade-in: fade-in 500ms ease-out forwards; + --animate-text: fade-in 0.75s ease-in-out both, blur 0.75s ease-in-out both, + up 0.75s ease-in-out both; + --animate-map: map 0.75s ease-in-out both; + --animate-marker: marker 1.5s ease-in-out both infinite; + + /* Pink polyfills */ + --transition: 0.2s; --animate-caret-blink: caret-blink 1s ease-in-out infinite; --animate-text: fade 0.75s ease-in-out both, blur 0.75s ease-in-out both, up 0.75s ease-in-out both; @@ -140,6 +148,15 @@ } } + + @keyframes map { + 0% { + opacity: 0; + transform: scale(0.98); + } + 100% { + opacity: 1; + @keyframes scroll { 0% { transform: translateX(0); @@ -168,6 +185,17 @@ } } + @keyframes marker { + 0% { + opacity: 0.75; + r: var(--radius); + } + 100% { + opacity: 0; + r: calc(var(--radius) * 2); + } + } + /* Fonts */ --font-sans: 'Inter', arial, sans-serif; --font-mono: 'Fira Code', monospace; diff --git a/src/lib/components/regions/(assets)/australia.png b/src/lib/components/regions/(assets)/australia.png new file mode 100644 index 0000000000..026a3d342b Binary files /dev/null and b/src/lib/components/regions/(assets)/australia.png differ diff --git a/src/lib/components/regions/(assets)/france.png b/src/lib/components/regions/(assets)/france.png new file mode 100644 index 0000000000..bbabc3bae2 Binary files /dev/null and b/src/lib/components/regions/(assets)/france.png differ diff --git a/src/lib/components/regions/(assets)/germany.png b/src/lib/components/regions/(assets)/germany.png new file mode 100644 index 0000000000..78ed01f600 Binary files /dev/null and b/src/lib/components/regions/(assets)/germany.png differ diff --git a/src/lib/components/regions/(assets)/india.png b/src/lib/components/regions/(assets)/india.png new file mode 100644 index 0000000000..ad02450629 Binary files /dev/null and b/src/lib/components/regions/(assets)/india.png differ diff --git a/src/lib/components/regions/(assets)/singapore.png b/src/lib/components/regions/(assets)/singapore.png new file mode 100644 index 0000000000..ac570cc8e5 Binary files /dev/null and b/src/lib/components/regions/(assets)/singapore.png differ diff --git a/src/lib/components/regions/(assets)/usa.png b/src/lib/components/regions/(assets)/usa.png new file mode 100644 index 0000000000..700322fb12 Binary files /dev/null and b/src/lib/components/regions/(assets)/usa.png differ diff --git a/src/lib/components/regions/Globe.svelte b/src/lib/components/regions/Globe.svelte new file mode 100644 index 0000000000..38c3452aec --- /dev/null +++ b/src/lib/components/regions/Globe.svelte @@ -0,0 +1,61 @@ + + +