342 lines
25 KiB
Svelte
342 lines
25 KiB
Svelte
<script>
|
|
import { numberOfUnreadNotification } from '$lib/store';
|
|
import ParticleEffect from '$lib/components/ParticleEffect.svelte';
|
|
|
|
export let data;
|
|
</script>
|
|
|
|
|
|
|
|
<svelte:head>
|
|
<title> {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ''} Changelog · stocknear</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width" />
|
|
|
|
<!-- Other meta tags -->
|
|
<meta property="og:title" content="Changelog · stocknear"/>
|
|
<meta property="og:type" content="website"/>
|
|
<!-- Add more Open Graph meta tags as needed -->
|
|
|
|
<!-- Twitter specific meta tags -->
|
|
<meta name="twitter:card" content="summary_large_image"/>
|
|
<meta name="twitter:title" content="Changelog · stocknear"/>
|
|
<!-- Add more Twitter meta tags as needed -->
|
|
</svelte:head>
|
|
|
|
|
|
|
|
|
|
<section class="w-full max-w-5xl overflow-hidden m-auto min-h-screen pb-40">
|
|
|
|
|
|
<body class="font-inter antialiased text-slate-100 tracking-tight">
|
|
|
|
<!-- Page wrapper -->
|
|
<div class="flex flex-col min-h-screen overflow-hidden supports-[overflow:clip]:overflow-clip">
|
|
|
|
|
|
|
|
<!-- Page content -->
|
|
<main class="grow">
|
|
|
|
<!-- Content -->
|
|
<section class="relative">
|
|
|
|
<!-- Radial gradient -->
|
|
<div class="absolute flex items-center justify-center top-0 -translate-y-1/2 left-1/2 -translate-x-1/2 pointer-events-none w-[500px] aspect-square" aria-hidden="true">
|
|
<div class="absolute inset-0 translate-z-0 bg-gradient-to-r from-[#E8BB28] to-purple-600 rounded-full blur-[120px] opacity-20"></div>
|
|
<div class="absolute w-32 h-32 translate-z-0 bg-gradient-to-r from-[#E8BB28] to-purple-700 rounded-full blur-[80px] opacity-40"></div>
|
|
</div>
|
|
|
|
<!-- Particles animation -->
|
|
<div class="absolute inset-0 h-96 z-10" aria-hidden="true">
|
|
<ParticleEffect quantity={50} staticity={40} ease={60} />
|
|
</div>
|
|
|
|
<div class="max-w-6xl mx-auto px-4 sm:px-6">
|
|
<div class="pt-32 pb-12 md:pt-40 md:pb-20">
|
|
|
|
<!-- Page header -->
|
|
<div class="text-center pb-12 md:pb-20">
|
|
<h1 class="text-4xl sm:text-6xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-[#E8BB28] to-purple-500 via-slate-200 to-slate-200/60 pb-4">
|
|
What's New
|
|
</h1>
|
|
<div class="max-w-3xl m-auto flex justify-center items-center">
|
|
<p class="w-5/6 text-center text-xl sm:text-2xl text-white">New updates and improvements to Stocknear.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Content -->
|
|
<div class="max-w-3xl mx-auto">
|
|
<div class="relative">
|
|
<div class="absolute h-full top-4 left-[2px] w-0.5 bg-slate-800 [mask-image:_linear-gradient(0deg,transparent,theme(colors.white)_150px,theme(colors.white))] -z-10 overflow-hidden after:absolute after:h-4 after:top-0 after:-translate-y-full after:left-0 after:w-0.5 after:bg-[linear-gradient(180deg,_transparent,_theme(colors.purple.500/.65)_25%,_theme(colors.purple.200)_50%,_theme(colors.purple.500/.65)_75%,_transparent)] after:animate-shine" aria-hidden="true"></div>
|
|
<!-- Post -->
|
|
|
|
<article class="pt-12 first-of-type:pt-0 group">
|
|
<div class="md:flex">
|
|
<div class="w-48 shrink-0">
|
|
<time class="text-sm inline-flex items-center text-white md:leading-8 before:w-1.5 before:h-1.5 before:rounded-full before:bg-purple-500 before:ring-4 before:ring-purple-500/30 mb-3">
|
|
<span class="ml-[1.625rem] md:ml-5">Aug 05,- Aug 11, 2024</span>
|
|
</time>
|
|
</div>
|
|
<div class="grow ml-8 md:ml-0 pb-12 group-last-of-type:pb-0 border-b [border-image:linear-gradient(to_right,theme(colors.slate.700/.3),theme(colors.slate.700),theme(colors.slate.700/.3))1] group-last-of-type:border-none">
|
|
<header>
|
|
<h2 class="text-xl sm:text-2xl font-semibold text-white leading-8 pb-3">
|
|
Weekly Update
|
|
</h2>
|
|
</header>
|
|
<ol class="text-white list-disc ml-5 sm:ml-3">
|
|
<li class="p-1">
|
|
Feature Enhancement: Make echarts tree-shakeable to increase performance of charts.
|
|
</li>
|
|
<li class="p-1">
|
|
Feature Enhancement: Filter out Market News to increase signal/noise ratio
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="pt-12 first-of-type:pt-0 group">
|
|
<div class="md:flex">
|
|
<div class="w-48 shrink-0">
|
|
<time class="text-sm inline-flex items-center text-white md:leading-8 before:w-1.5 before:h-1.5 before:rounded-full before:bg-purple-500 before:ring-4 before:ring-purple-500/30 mb-3">
|
|
<span class="ml-[1.625rem] md:ml-5">July 29- Aug 04, 2024</span>
|
|
</time>
|
|
</div>
|
|
<div class="grow ml-8 md:ml-0 pb-12 group-last-of-type:pb-0 border-b [border-image:linear-gradient(to_right,theme(colors.slate.700/.3),theme(colors.slate.700),theme(colors.slate.700/.3))1] group-last-of-type:border-none">
|
|
<header>
|
|
<h2 class="text-xl sm:text-2xl font-semibold text-white leading-8 pb-3">
|
|
Weekly Update
|
|
</h2>
|
|
</header>
|
|
<ol class="text-white list-disc ml-5 sm:ml-3">
|
|
<li class="p-1">
|
|
New Feature: Dividend Kings
|
|
</li>
|
|
<li class="p-1">
|
|
New Feature: Dividend Aristocrats
|
|
</li>
|
|
<li class="p-1">
|
|
New Feature: Update Dashboard for logged in Users.
|
|
</li>
|
|
<li class="p-1">
|
|
Performance: Increasing the loading time of the website by 2x.
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="pt-12 first-of-type:pt-0 group">
|
|
<div class="md:flex">
|
|
<div class="w-48 shrink-0">
|
|
<time class="text-sm inline-flex items-center text-white md:leading-8 before:w-1.5 before:h-1.5 before:rounded-full before:bg-purple-500 before:ring-4 before:ring-purple-500/30 mb-3">
|
|
<span class="ml-[1.625rem] md:ml-5">July 15-21, 2024</span>
|
|
</time>
|
|
</div>
|
|
<div class="grow ml-8 md:ml-0 pb-12 group-last-of-type:pb-0 border-b [border-image:linear-gradient(to_right,theme(colors.slate.700/.3),theme(colors.slate.700),theme(colors.slate.700/.3))1] group-last-of-type:border-none">
|
|
<header>
|
|
<h2 class="text-xl sm:text-2xl font-semibold text-white leading-8 pb-3">
|
|
Weekly Update
|
|
</h2>
|
|
</header>
|
|
<ol class="text-white list-disc ml-5 sm:ml-3">
|
|
<li class="p-1">
|
|
New Feature: Add Jim Cramer Tracker.
|
|
</li>
|
|
<li class="p-1">
|
|
New Feature: Add Swap data for stocks.
|
|
</li>
|
|
<li class="p-1">
|
|
New Feature: Adding Dashboard for logged in Users.
|
|
</li>
|
|
<li class="p-1">
|
|
Sidebar Improved.
|
|
</li>
|
|
<li class="p-1">
|
|
Adding Implied Volatility for ETFs.
|
|
</li>
|
|
<li class="p-1">
|
|
Enhancing UI/UX of Options 0DTE Flow for easier navigation.
|
|
</li>
|
|
<li class="p-1">
|
|
Bugfixing: Display info box if share statistics component does not have historical shares.
|
|
</li>
|
|
<li class="p-1">
|
|
Bugfixing: Options bubble crashes if data is empty.
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="pt-12 first-of-type:pt-0 group">
|
|
<div class="md:flex">
|
|
<div class="w-48 shrink-0">
|
|
<time class="text-sm inline-flex items-center text-white md:leading-8 before:w-1.5 before:h-1.5 before:rounded-full before:bg-purple-500 before:ring-4 before:ring-purple-500/30 mb-3">
|
|
<span class="ml-[1.625rem] md:ml-5">July 8-12, 2024</span>
|
|
</time>
|
|
</div>
|
|
<div class="grow ml-8 md:ml-0 pb-12 group-last-of-type:pb-0 border-b [border-image:linear-gradient(to_right,theme(colors.slate.700/.3),theme(colors.slate.700),theme(colors.slate.700/.3))1] group-last-of-type:border-none">
|
|
<header>
|
|
<h2 class="text-xl sm:text-2xl font-semibold text-white leading-8 pb-3">
|
|
Weekly Update
|
|
</h2>
|
|
</header>
|
|
<ol class="text-white list-disc ml-5 sm:ml-3">
|
|
<li class="p-1">
|
|
New Feature: Adding Realtime Darkpool Trades of Hedge Funds & Major Institutional Traders
|
|
</li>
|
|
<li class="p-1">
|
|
New Feature: Adding AI Analyst Insight
|
|
</li>
|
|
<li class="p-1">
|
|
Improving frontend and backend code for faster loading times.
|
|
</li>
|
|
<li class="p-1">
|
|
Enhancing UI/UX for easier navigation.
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="pt-12 first-of-type:pt-0 group">
|
|
<div class="md:flex">
|
|
<div class="w-48 shrink-0">
|
|
<time class="text-sm inline-flex items-center text-white md:leading-8 before:w-1.5 before:h-1.5 before:rounded-full before:bg-purple-500 before:ring-4 before:ring-purple-500/30 mb-3">
|
|
<span class="ml-[1.625rem] md:ml-5">July 1-5, 2024</span>
|
|
</time>
|
|
</div>
|
|
<div class="grow ml-8 md:ml-0 pb-12 group-last-of-type:pb-0 border-b [border-image:linear-gradient(to_right,theme(colors.slate.700/.3),theme(colors.slate.700),theme(colors.slate.700/.3))1] group-last-of-type:border-none">
|
|
<header>
|
|
<h2 class="text-xl sm:text-2xl font-semibold text-white leading-8 pb-3">
|
|
Weekly Update
|
|
</h2>
|
|
</header>
|
|
<ol class="text-white list-disc ml-5 sm:ml-3">
|
|
<li class="p-1">
|
|
New Feature: Adding Implied Volatility
|
|
</li>
|
|
<li class="p-1">
|
|
New Feature: Adding Options Net Flow
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="pt-12 first-of-type:pt-0 group">
|
|
<div class="md:flex">
|
|
<div class="w-48 shrink-0">
|
|
<time class="text-sm inline-flex items-center text-white md:leading-8 before:w-1.5 before:h-1.5 before:rounded-full before:bg-purple-500 before:ring-4 before:ring-purple-500/30 mb-3">
|
|
<span class="ml-[1.625rem] md:ml-5">June 28, 2024</span>
|
|
</time>
|
|
</div>
|
|
<div class="grow ml-8 md:ml-0 pb-12 group-last-of-type:pb-0 border-b [border-image:linear-gradient(to_right,theme(colors.slate.700/.3),theme(colors.slate.700),theme(colors.slate.700/.3))1] group-last-of-type:border-none">
|
|
<header>
|
|
<h2 class="text-xl sm:text-2xl font-semibold text-white leading-8 pb-3">
|
|
Announcement 🎉
|
|
</h2>
|
|
</header>
|
|
<span class="text-white">
|
|
Starting today, I'll keep you updated on the changes from the past week: new features, improvements, bug fixes, and more.
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Pagination -->
|
|
<!--
|
|
<div class="max-w-3xl mx-auto">
|
|
<ul class="flex items-center justify-between mt-12 pl-8 md:pl-48">
|
|
<li>
|
|
<span class="btn-sm text-slate-700 transition duration-150 ease-in-out group [background:linear-gradient(theme(colors.slate.900),_theme(colors.slate.900))_padding-box,_conic-gradient(theme(colors.slate.400),_theme(colors.slate.700)_25%,_theme(colors.slate.700)_75%,_theme(colors.slate.400)_100%)_border-box] relative before:absolute before:inset-0 before:bg-slate-800/30 before:rounded-full before:pointer-events-none cursor-not-allowed">
|
|
<span class="relative inline-flex items-center">
|
|
<span class="tracking-normal text-slate-700 mr-1"><-</span> Previous Page
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<li>
|
|
<a class="btn-sm text-slate-300 hover:text-white transition duration-150 ease-in-out group [background:linear-gradient(theme(colors.slate.900),_theme(colors.slate.900))_padding-box,_conic-gradient(theme(colors.slate.400),_theme(colors.slate.700)_25%,_theme(colors.slate.700)_75%,_theme(colors.slate.400)_100%)_border-box] relative before:absolute before:inset-0 before:bg-slate-800/30 before:rounded-full before:pointer-events-none" href="#0">
|
|
<span class="relative inline-flex items-center">
|
|
Next Page <span class="tracking-normal text-purple-500 group-hover:translate-x-0.5 transition-transform duration-150 ease-in-out ml-1">-></span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
-->
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<!-- CTA -->
|
|
{#if !data?.user}
|
|
<section class="mt-10">
|
|
<div class="max-w-6xl mx-auto px-4 sm:px-6">
|
|
<div class="relative px-8 py-12 md:py-20 rounded-[3rem] overflow-hidden">
|
|
<!-- Radial gradient -->
|
|
<div class="absolute flex items-center justify-center top-0 -translate-y-1/2 left-1/2 -translate-x-1/2 pointer-events-none -z-10 w-1/3 aspect-square" aria-hidden="true">
|
|
<div class="absolute inset-0 translate-z-0 bg-purple-500 rounded-full blur-[120px] opacity-70"></div>
|
|
<div class="absolute w-1/4 h-1/4 translate-z-0 bg-purple-400 rounded-full blur-[40px]"></div>
|
|
</div>
|
|
<!-- Blurred shape -->
|
|
<div class="absolute bottom-0 translate-y-1/2 left-0 blur-2xl opacity-50 pointer-events-none -z-10" aria-hidden="true">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="434" height="427">
|
|
<defs>
|
|
<linearGradient id="bs5-a" x1="19.609%" x2="50%" y1="14.544%" y2="100%">
|
|
<stop offset="0%" stop-color="#A855F7" />
|
|
<stop offset="100%" stop-color="#6366F1" stop-opacity="0" />
|
|
</linearGradient>
|
|
</defs>
|
|
<path fill="url(#bs5-a)" fill-rule="evenodd" d="m0 0 461 369-284 58z" transform="matrix(1 0 0 -1 0 427)" />
|
|
</svg>
|
|
</div>
|
|
<!-- Content -->
|
|
<div class="max-w-3xl mx-auto text-center">
|
|
<div>
|
|
<div class="text-2xl sm:text-4xl font-bold inline-flex pb-3">
|
|
Start your free trial today
|
|
</div>
|
|
</div>
|
|
<h2 class="text-center m-auto text-[1rem] sm:text-lg text-white font-medium pb-4">
|
|
Try Stocknear Platform for 30 days. No credit card required.
|
|
</h2>
|
|
<a href='/register'
|
|
class="animate-shine mt-5 w-56 sm:w-80 m-auto group relative grid overflow-hidden rounded-xl px-6 py-3 shadow-[0_1000px_0_0_hsl(0_0%_20%)_inset] transition-colors"
|
|
>
|
|
<span>
|
|
<span
|
|
class="spark mask-gradient animate-flip before:animate-kitrotate absolute inset-0 h-[100%] w-[100%] overflow-hidden rounded-xl [mask:linear-gradient(white,_transparent_50%)] before:absolute before:aspect-square before:w-[200%] before:rotate-[-90deg] before:bg-[conic-gradient(from_0deg,transparent_0_340deg,white_360deg)] before:content-[''] before:[inset:0_auto_auto_50%] before:[translate:-50%_-15%]"
|
|
/>
|
|
</span>
|
|
<span
|
|
class="backdrop absolute inset-px rounded-[11px] bg-[#FBCE3C] transition-colors duration-200 group-hover:bg-[#be9204"
|
|
/>
|
|
<span class="z-10 text-black text-[1rem] sm:text-lg font-semibold">
|
|
<slot>Free trial for 30 days</slot>
|
|
</span>
|
|
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{/if}
|
|
|
|
</main>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</body>
|
|
|
|
</section> |