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

seo optimization

Browse Source
This commit is contained in:
MuslemRahimi 2025-01-17 16:16:10 +01:00
parent 0e5d8b37c7
commit d54deaf5f0
3 changed files with 35 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/lib/components/Infobox.svelte
View File

@ -3,7 +3,7 @@
</script>
<div
class="sm:mt-5 bg-inherit rounded-l-none rounded-md sm:mt-0 border-l-4 border-white p-0 sm:p-4 text-white flex flex-row items-center"
class="sm:mt-5 bg-inherit rounded-l-none rounded-md sm:mt-0 border-l-4 border-l-white border-gray-600 border p-0 sm:p-4 text-white flex flex-row items-center"
>
<svg
class="h-6 w-6 hidden sm:block"
@ -17,7 +17,7 @@
clip-rule="evenodd"
></path></svg
>
<div class="ml-3 w-full">
<div class="ml-1 sm:ml-3 w-full">
<div class="flex w-full flex-row justify-between">
<div class="p-3 sm:p-0 text-sm sm:text-[1rem]">
{@html text}

39
src/routes/stocks/[tickerID]/statistics/market-cap/+layout.svelte
View File

@ -75,13 +75,13 @@
<div class="w-full overflow-hidden m-auto">
<div class="sm:p-0 flex justify-center w-full m-auto overflow-hidden">
<div
class="relative flex justify-center items-start overflow-hidden w-full"
class="relative flex flex-col lg:flex-row justify-center items-start overflow-hidden w-full"
>
<main class="w-full lg:w-3/4 lg:pr-10">
<slot />
</main>
<aside class="hidden lg:block relative fixed w-1/4 mt-3">
<aside class="inline-block relative w-full lg:w-1/4 mt-3">
{#if data?.user?.tier !== "Pro" || data?.user?.freeTrial}
<div
class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer bg-inherit sm:hover:bg-secondary transition ease-out duration-100"
@ -91,23 +91,48 @@
class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0"
>
<div class="w-full flex justify-between items-center p-3 mt-3">
<h2 class="text-start text-xl font-semibold text-white ml-3">
<h2
class="text-start text-xl font-semibold text-white sm:ml-3"
>
Pro Subscription
</h2>
<ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" />
<ArrowLogo class="w-6 h-6 sm:w-8 sm:h-8 mr-3 flex-shrink-0" />
</div>
<span class="text-white p-3 ml-3 mr-3">
<span class="text-white p-3 sm:ml-3 sm:mr-3">
Upgrade now for unlimited access to all data and tools.
</span>
</a>
</div>
{/if}
<div
class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 bg-inherit transition ease-out duration-100"
>
<div class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0">
<div class="pl-4 pr-4">
<div class="w-full flex justify-between items-center mt-3">
<h2 class="text-start text-xl font-semibold text-white">
Market Capitalization
</h2>
</div>
<span class="text-white">
Market capitalization, also called net worth, is the total
value of all of a company's outstanding shares. It is
calculated by multiplying the stock price by the number of
shares outstanding.
<br />
<br />
Formula: Market Cap = Stock Price * Shares Outstanding
</span>
</div>
</div>
</div>
{#if similarStocks?.length > 0}
<div
class="w-full p-2 text-white border border-gray-600 bg-inherit rounded-md h-fit pb-4 mt-4 cursor-pointer"
class="w-full p-2 text-white border border-gray-600 bg-inherit rounded-md h-fit pb-4 mt-4"
>
<h3 class="p-2 pt-4 text-2xl font-semibold">Related Stocks</h3>
<h3 class="p-2 pt-4 text-xl font-semibold">Related Stocks</h3>
<table class="table table-sm table-compact w-full text-white">
<thead class="text-white"
><tr

2
src/routes/stocks/[tickerID]/statistics/market-cap/+page.svelte
View File

@ -437,7 +437,7 @@
{#if rawData?.length !== 0}
<div class="grid grid-cols-1 gap-2">
<Infobox
text={`${$displayCompanyName} has a market cap of ${abbreviateNumber(
text={`${$displayCompanyName} has a market cap or net worth of ${abbreviateNumber(
data?.getStockQuote?.marketCap,
)} as of ${new Date()?.toLocaleString("en-US", {
month: "short",