AmineTMIRI/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui changes

Browse Source
This commit is contained in:
MuslemRahimi 2024-06-18 10:04:02 +02:00
parent 4bd42ace22
commit 1f5074f8d5
2 changed files with 19 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/routes/+page.svelte
View File

@ -203,11 +203,10 @@ async function loadSearchData() {
<div class="text-center mb-5 relative w-fit flex justify-center m-auto"> <div class="text-center mb-5 relative w-fit flex justify-center m-auto">
<a href="/most-retail-volume" class="text-white antialiased bg-[#202020] w-full px-4 py-2 rounded-xl m-auto font-medium text-sm flex items-center"> <a href="/most-retail-volume" class="text-white antialiased bg-[#202020] w-full px-4 py-2 rounded-xl m-auto font-medium text-sm flex items-center">
<svg class="w-6 h-6 inline-block mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#fff" d="m14.369 4.398l-3.485 6.035l1.732 1l3.485-6.035c4.169 2.772 6.305 7.08 4.56 10.102c-1.86 3.222-7.19 3.355-11.91.63C4.028 13.402 1.48 8.721 3.34 5.5c1.745-3.023 6.543-3.327 11.028-1.102m1.515-2.625l1.732 1l-1.5 2.598l-1.732-1zM6.732 20H17v2H5.018a1 1 0 0 1-1.015-.922a1 1 0 0 1 .131-.578l2.25-3.897l1.732 1z"/></svg> <span class="font-semibold">Insights Into All "HOT" Retail Trader Stocks Within A Blink Of An Eye</span>
<span class="font-semibold">Retail Investor Trader Tracker</span>
</a> </a>
<div class="absolute top-[-1.2rem] -right-5 sm:-right-8 rotate-[7deg]"> <div class="absolute top-[-1.2rem] -right-5 sm:-right-8 rotate-[7deg]">
<span class="bg-[#EF4444] text-white text-sm sm:text-[0.9rem] rounded-xl font-medium sm:me-2 px-2.5 py-0.5 rounded dark:bg-red-900 dark:text-red-300"> <span class="bg-[#9DED1E] text-black text-sm sm:text-[0.9rem] rounded-xl font-semibold sm:me-2 px-2.5 py-0.5 rounded dark:bg-red-900 dark:text-red-300">
New New
</span> </span>
</div> </div>
@ -217,10 +216,11 @@ async function loadSearchData() {
<div class="flex flex-row justify-center items-center"> <div class="flex flex-row justify-center items-center">
<h1 class="text-center text-5xl sm:text-7xl text-primary/100 font-bold font-mono mb-6 w-full"> <h1 class="text-center text-4xl sm:text-4xl text-white font-bold mb-6 w-full">
Open Source We bridge the gap between
<br> <span class="text-[#9DED1E] italic">Wall Street</span>
<span class="text-3xl sm:text-4xl">Stock Analysis Platform</span> and
<span class="text-[#9DED1E] italic">Retail Traders</span>
</h1> </h1>
</div> </div>
@ -234,7 +234,7 @@ async function loadSearchData() {
<!-- End Image --> <!-- End Image -->
<span class="text-center flex justify-center items-center text-slate-200 text-[1rem] sm:text-lg"> <span class="text-center flex justify-center items-center text-slate-200 text-[1rem] sm:text-lg">
Analyze over 10,000 companies in one place, exploring stock prices, options contracts, news, price predictions, charts, memes, and more! Analyze over 10,000 companies in one place, exploring stock prices, options contracts, news, price predictions, charts, discussions, and more!
</span> </span>
@ -257,7 +257,7 @@ async function loadSearchData() {
<!-- Ticker Logos --> <!-- Ticker Logos -->
{#if active?.length !== 0} {#if active?.length !== 0}
<div class="w-auto m-auto flex flex-row items-center justify-center mt-6 text-[1rem] sm:text-lg"> <div class="w-auto m-auto flex flex-row items-center justify-center mt-6 text-lg sm:text-xl">
<span class="text-center text-slate-100"> <span class="text-center text-slate-100">
Trending: Trending:
</span> </span>
@ -273,7 +273,13 @@ async function loadSearchData() {
{/if} {/if}
<div class="w-full max-w-64 sm:max-w-3xl m-auto grid grid-cols-1 md:grid-cols-3 gap-y-3 sm:gap-x-5 mt-10 flex justify-center items-center">
<div class="text-white text-center text-[1rem] sm:text-lg mt-8 mb-4 font-semiboldk">
Track the investment portfolios of prominent Wall Street figures.
</div>
<div class="w-full max-w-64 sm:max-w-3xl m-auto grid grid-cols-1 md:grid-cols-3 gap-y-3 sm:gap-x-5 flex justify-center items-center">
<a href="/politicians/61b59ab669" class="px-4 py-3 text-white bg-[#202327] rounded-lg flex flex-row items-center font-medium transition duration-150 ease-in-out group"> <a href="/politicians/61b59ab669" class="px-4 py-3 text-white bg-[#202327] rounded-lg flex flex-row items-center font-medium transition duration-150 ease-in-out group">
<div class="flex flex-row items-center"> <div class="flex flex-row items-center">
<div class="shadow-lg rounded-full border border-slate-600 w-10 h-10 relative democratic-striped bg-[#295AC7] flex items-center justify-center"> <div class="shadow-lg rounded-full border border-slate-600 w-10 h-10 relative democratic-striped bg-[#295AC7] flex items-center justify-center">

6
src/routes/most-retail-volume/+page.svelte
View File

@ -80,7 +80,7 @@
<div class="text-sm breadcrumbs ml-4"> <div class="text-sm breadcrumbs ml-4">
<ul> <ul>
<li><a href="/" class="text-gray-300">Home</a></li> <li><a href="/" class="text-gray-300">Home</a></li>
<li class="text-gray-300">Most Retail Investor Volume</li> <li class="text-gray-300">Retail Trader Volume</li>
</ul> </ul>
</div> </div>
@ -97,12 +97,12 @@
<div> <div>
<div class="flex flex-row justify-center items-center"> <div class="flex flex-row justify-center items-center">
<h1 class="text-3xl sm:text-4xl text-white text-center font-bold mb-5"> <h1 class="text-3xl sm:text-4xl text-white text-center font-bold mb-5">
Retail Volume Retail Trader Volume
</h1> </h1>
</div> </div>
<span class="text-white text-md font-medium text-center flex justify-center items-center "> <span class="text-white text-md font-medium text-center flex justify-center items-center ">
Find out the Top 100 stocks where retail investors are investing the most daily. Find out the Top 100 stocks where retail traders are investing the most daily.
</span> </span>