diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index f6c4e158..adc61631 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -102,12 +102,29 @@
- - Start free 7 days trial - - - + + + + + + + + + Start free 7 days trial + + + + + + +
@@ -335,21 +352,25 @@ Stocknear is committed to open source & transparency. You can also run it locally or self-hosted.
- -
- - - - stocknear - {frontendStars+backendStars} - - -
+ +
+ + + + stocknear + {frontendStars+backendStars} + + +
- + + +
Leave a star to support us - +
@@ -397,12 +418,25 @@

Start your free trial today

Try Stocknear Platform for 7 days. No credit card required.

- - Free trial for 7 days - - + + + + - + + + Free trial for 7 days + + + + +
diff --git a/tailwind.config.cjs b/tailwind.config.cjs index 3c02831d..ea76075f 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -13,6 +13,22 @@ module.exports = { }, animation: { 'fade-in-once': 'fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards', + "flip": "flip 6s infinite steps(2, end)", + "kitrotate": "kitrotate 3s linear infinite both", + shine: "shine 4s linear infinite", + slide: "slide 40s linear infinite", + spotlight: "spotlight 2s ease .75s 1 forwards", + "border-width": "border-width 3s infinite alternate", + "text-gradient": "text-gradient 2s linear infinite", + "text-shake": "text-shake 1s ease 1", + "text-glitch-to": "text-glitch-to 0.6s ease-in-out infinite", + "text-glitch-from": "text-glitch-from 0.6s ease-in-out infinite", + "text-scale": "text-scale 1s linear infinite forwards", + 'spin': 'spin 2s linear infinite', + // From UI-Snippets : https://ui.ibelick.com + // 'text-gradient': 'text-gradient 1.5s linear infinite', + 'background-shine': 'background-shine 2s linear infinite', + 'pulse-slow': 'pulse 6s infinite cubic-bezier(0.4, 0, 0.6, 1)', }, keyframes: { fadeIn: { @@ -25,7 +41,106 @@ module.exports = { transform: 'translateY(0) scale(1)', }, }, + spin: { + '0%': { transform: 'rotate(0deg)' }, + '100%': { transform: 'rotate(360deg)' }, + }, + "flip": { + "to": { + "transform": "rotate(360deg)", + }, + }, + "kitrotate": { + "to": { + "transform": "rotate(90deg)", + }, + }, + shine: { + from: { + backgroundPosition: "0 0", + }, + to: { + backgroundPosition: "-200% 0", + }, + }, + "border-width": { + from: { + width: "10px", + opacity: "0", + }, + to: { + width: "100px", + opacity: "1", + }, + }, + "text-gradient": { + to: { + backgroundPosition: "200% center", + }, + }, + "text-shake": { + "15%": { transform: "translateX(5px)" }, + "30%": { transform: "translateX(-5px)" }, + "50%": { transform: "translateX(3px)" }, + "80%": { transform: "translateX(2px)" }, + "100%": { transform: "translateX(0)" }, + }, + "text-glitch-to": { + from: { + transform: "translateY(0)", + }, + to: { + transform: "translateY(-100%)", + }, + }, + "text-glitch-from": { + from: { + transform: "translateY(100%)", + }, + to: { + transform: "translateY(0)", + }, + }, + "text-scale": { + "0%": { + transform: "scaleX(0)", + transformOrigin: "bottom left", + }, + "25%": { + transform: "scaleX(1)", + transformOrigin: "bottom left", + }, + "75%": { + transform: "scaleX(1)", + transformOrigin: "bottom right", + }, + "100%": { + transform: "scaleX(0)", + transformOrigin: "bottom right", + }, + }, + slide: { + from: { transform: "translateX(0)" }, + to: { transform: "translateX(calc(-100% - var(--gap)))" }, + }, + spotlight: { + "0%": { + opacity: "0", + transform: "translate(-72%, -62%) scale(0.5)", + }, + "100%": { + opacity: "1", + transform: "translate(-50%,-40%) scale(1)", + }, + }, + // For Gradient Input, UI-Snippets : https://ui.ibelick.com + 'background-shine': { + from: { backgroundPosition: '0 0' }, + to: { backgroundPosition: '-200% 0' }, + }, }, + + }, }, plugins: [require('flowbite/plugin'), require('daisyui')],