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

update layout

Browse Source
This commit is contained in:
MuslemRahimi 2024-11-09 11:25:22 +01:00
parent f7b4cbb8f8
commit 2b249d0406
5 changed files with 182 additions and 377 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/routes/contact/+page.svelte
View File

@ -1,7 +1,6 @@
<script> <script>
import logo from "$lib/images/feedback_logo.png"; import logo from "$lib/images/feedback_logo.png";
import { numberOfUnreadNotification } from "$lib/store"; import { numberOfUnreadNotification } from "$lib/store";
import { goto } from "$app/navigation";
import ArrowLogo from "lucide-svelte/icons/move-up-right"; import ArrowLogo from "lucide-svelte/icons/move-up-right";
@ -136,54 +135,60 @@
<aside class="hidden lg:block relative fixed w-1/4 ml-4"> <aside class="hidden lg:block relative fixed w-1/4 ml-4">
<div <div
on:click={() => goto("/pricing")}
class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer" class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer"
> >
<div class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0"> <a
href="/pricing"
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"> <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 ml-3">
Pro Subscription 🔥 Pro Subscription
</h2> </h2>
<ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" /> <ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" />
</div> </div>
<span class="text-white p-3 ml-3 mr-3"> <span class="text-white p-3 ml-3 mr-3">
Upgrade now for unlimited access to all data and tools. Upgrade now for unlimited access to all data and tools.
</span> </span>
</div> </a>
</div> </div>
<div <div
on:click={() => goto("/donation")}
class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer" class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer"
> >
<div class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0"> <a
href="/donation"
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"> <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 ml-3">
Donation ❤ Sponsor Us
</h2> </h2>
<ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" /> <ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" />
</div> </div>
<span class="text-white p-3 ml-3 mr-3"> <span class="text-white p-3 ml-3 mr-3">
Learn more about why we're doing this here Learn more about why we're doing this here
</span> </span>
</div> </a>
</div> </div>
<div <div
on:click={() => goto("/contact")}
class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer" class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer"
> >
<div class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0"> <a
href="/contact"
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"> <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 ml-3">
Contact Us 💬 Contact Us
</h2> </h2>
<ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" /> <ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" />
</div> </div>
<span class="text-white p-3 ml-3 mr-3"> <span class="text-white p-3 ml-3 mr-3">
Let me know if you need something Let me know if you need something
</span> </span>
</div> </a>
</div> </div>
</aside> </aside>
</div> </div>

74
src/routes/donation/+page.svelte
View File

@ -37,7 +37,7 @@
</svelte:head> </svelte:head>
<section <section
class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pt-5" class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden pb-20 pt-5 px-4 lg:px-3"
> >
<div class="text-sm sm:text-[1rem] breadcrumbs"> <div class="text-sm sm:text-[1rem] breadcrumbs">
<ul> <ul>
@ -52,70 +52,15 @@
class="relative flex justify-center items-start overflow-hidden w-full" class="relative flex justify-center items-start overflow-hidden w-full"
> >
<main class="w-full lg:w-3/4 lg:pr-5"> <main class="w-full lg:w-3/4 lg:pr-5">
<div <div class="mb-6 border-b-[2px]">
class="w-full m-auto sm:bg-[#27272A] sm:rounded-xl h-auto pl-10 pr-10 pt-5 sm:pb-10 sm:pt-10 mt-3 mb-8" <h1 class="mb-1 text-white text-2xl sm:text-3xl font-bold">
> Sponsor
<div class="grid grid-cols-1 sm:grid-cols-2 gap-10"> </h1>
<!-- Start Column -->
<div>
<div class="flex flex-row justify-center items-center">
<h1
class="text-3xl sm:text-4xl text-white text-center font-bold mb-5"
>
Sponsor
</h1>
</div>
<span
class="text-white text-[1rem] font-medium text-center flex justify-center items-center"
>
Apes together sponsor strong—because when we unite our
bananas, we can move mountains!
</span>
</div>
<!-- End Column -->
<!-- Start Column -->
<div class="relative m-auto">
<svg
class="w-40 -my-5"
viewBox="0 0 200 200"
xmlns="http://www.w3.org/2000/svg"
>
<defs>
<filter id="glow">
<feGaussianBlur stdDeviation="5" result="glow" />
<feMerge>
<feMergeNode in="glow" />
<feMergeNode in="SourceGraphic" />
</feMerge>
</filter>
</defs>
<path
fill="#1E40AF"
d="M57.6,-58.7C72.7,-42.6,81.5,-21.3,82,0.5C82.5,22.3,74.7,44.6,59.7,60.1C44.6,75.6,22.3,84.3,0,84.3C-22.3,84.2,-44.6,75.5,-61.1,60.1C-77.6,44.6,-88.3,22.3,-87.6,0.7C-86.9,-20.8,-74.7,-41.6,-58.2,-57.7C-41.6,-73.8,-20.8,-85.2,0.2,-85.4C21.3,-85.6,42.6,-74.7,57.6,-58.7Z"
transform="translate(100 100)"
filter="url(#glow)"
/>
</svg>
<div class="z-1 absolute top-5">
<img
class="w-32 sm:w-36 ml-3 sm:ml-2"
src={cloudFrontUrl + "/assets/donation_logo.png"}
alt="logo"
/>
</div>
</div>
<!-- End Column -->
</div>
</div> </div>
<div <div class="w-full bg-[#09090B] m-auto">
class="card w-full bg-[#09090B] border-t sm:border rounded-none sm:rounded-lg border-gray-600 m-auto" <div class="">
> <h2 class="text-white text-xl font-semibold mb-5">Hey 👋,</h2>
<div class="card-body">
<h2 class="text-white text-xl font-semibold">Hey,</h2>
<p class="text-white mb-5 text-[1rem]"> <p class="text-white mb-5 text-[1rem]">
Thank you for considering supporting our mission. As the sole Thank you for considering supporting our mission. As the sole
person behind Stocknear—handling everything from backend person behind Stocknear—handling everything from backend
@ -125,8 +70,7 @@
<br /> <br />
Our Pro Membership is priced to be less than a cup of coffee, ensuring Our Pro Membership is priced to be less than a cup of coffee, ensuring
that high-quality stock data is within reach for retail investors that high-quality stock data is within reach for retail investors
of all backgrounds. This pricing reflects our core mission: of all backgrounds.
<strong class="italic">Apes together strong</strong>.
</p> </p>
<div class="text-white mb-5 text-[1rem]"> <div class="text-white mb-5 text-[1rem]">
While the Pro Membership is designed to sustain our basic While the Pro Membership is designed to sustain our basic

114
src/routes/imprint/+page.svelte
View File

@ -1,10 +1,8 @@
<script> <script>
import { numberOfUnreadNotification } from "$lib/store"; import { numberOfUnreadNotification } from "$lib/store";
import { goto } from "$app/navigation";
import ArrowLogo from "lucide-svelte/icons/move-up-right"; import ArrowLogo from "lucide-svelte/icons/move-up-right";
const emailAddress = "support@stocknear.com"; const emailAddress = "support@stocknear.com";
let cloudFrontUrl = import.meta.env.VITE_IMAGE_URL;
</script> </script>
<svelte:head> <svelte:head>
@ -39,7 +37,7 @@
</svelte:head> </svelte:head>
<section <section
class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pt-5 pb-40" class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden pb-20 pt-5 px-4 lg:px-3"
> >
<div class="text-sm sm:text-[1rem] breadcrumbs"> <div class="text-sm sm:text-[1rem] breadcrumbs">
<ul> <ul>
@ -54,74 +52,19 @@
class="relative flex justify-center items-start overflow-hidden w-full" class="relative flex justify-center items-start overflow-hidden w-full"
> >
<main class="w-full lg:w-3/4 lg:pr-5"> <main class="w-full lg:w-3/4 lg:pr-5">
<div <div class="mb-6 border-b-[2px]">
class="w-full m-auto sm:bg-[#27272A] sm:rounded-xl h-auto pl-10 pr-10 pt-5 sm:pb-10 sm:pt-10 mt-3 mb-8" <h1 class="mb-1 text-white text-2xl sm:text-3xl font-bold">
> Imprint
<div class="grid grid-cols-1 sm:grid-cols-2 gap-10"> </h1>
<!-- Start Column -->
<div>
<div class="flex flex-row justify-center items-center">
<h1
class="text-3xl sm:text-4xl text-white text-center font-bold mb-5"
>
Imprint
</h1>
</div>
<span
class="text-white text-md font-medium text-center flex justify-center items-center"
>
because Germany loves bureaucracy
</span>
</div>
<!-- End Column -->
<!-- Start Column -->
<div class="relative m-auto">
<svg
class="w-40 -my-5"
viewBox="0 0 200 200"
xmlns="http://www.w3.org/2000/svg"
>
<defs>
<filter id="glow">
<feGaussianBlur stdDeviation="5" result="glow" />
<feMerge>
<feMergeNode in="glow" />
<feMergeNode in="SourceGraphic" />
</feMerge>
</filter>
</defs>
<path
fill="#1E40AF"
d="M57.6,-58.7C72.7,-42.6,81.5,-21.3,82,0.5C82.5,22.3,74.7,44.6,59.7,60.1C44.6,75.6,22.3,84.3,0,84.3C-22.3,84.2,-44.6,75.5,-61.1,60.1C-77.6,44.6,-88.3,22.3,-87.6,0.7C-86.9,-20.8,-74.7,-41.6,-58.2,-57.7C-41.6,-73.8,-20.8,-85.2,0.2,-85.4C21.3,-85.6,42.6,-74.7,57.6,-58.7Z"
transform="translate(100 100)"
filter="url(#glow)"
/>
</svg>
<div class="z-1 absolute top-4 left-4">
<img
class="w-[70px] ml-5"
src={cloudFrontUrl + "/assets/imprint_logo.png"}
alt="logo"
loading="lazy"
/>
</div>
</div>
<!-- End Column -->
</div>
</div> </div>
<div <div class="w-full bg-[#09090B] m-auto">
class="card w-full bg-[#09090B] border-t rounded-none sm:rounded-xl sm:border border-slate-700 m-auto" <div class="">
>
<div class="card-body">
<p class="text-white italic mb-2"> <p class="text-white italic mb-2">
According to § 5 Telemediengesetz (TMG) ‍ According to § 5 Telemediengesetz (TMG) ‍
</p> </p>
<p class="text-white mb-5"> <p class="text-white mb-10">
Stocknear GmbH Stocknear GmbH
<br /> <br />
Am Lohgraben 30 Am Lohgraben 30
@ -146,13 +89,13 @@
VAT ID: DE366905061 VAT ID: DE366905061
</p> </p>
<p class="text-white mb-5"> <p class="text-white mb-10">
Responsible for the content according § 55 Abs. 2 RStV Responsible for the content according § 55 Abs. 2 RStV
<br /> <br />
Notice according to the Online Dispute Settlement Regulation Notice according to the Online Dispute Settlement Regulation
</p> </p>
<p class="text-white mb-5"> <p class="text-white mb-10">
Under applicable law, we are required to inform consumers of the Under applicable law, we are required to inform consumers of the
existence of the European Online Dispute Resolution platform, existence of the European Online Dispute Resolution platform,
which can be used to resolve disputes without having to go to which can be used to resolve disputes without having to go to
@ -169,11 +112,12 @@
above e-mail and phone number. above e-mail and phone number.
</p> </p>
<h1 class="text-white text-2xl text-start mb-5"> <h2 class="mb-1 text-white text-2xl sm:text-3xl font-bold mb-3">
Notice in accordance with the Consumer Dispute Settlement Act Notice in accordance with the Consumer Dispute Settlement Act
(VSBG) (VSBG)
</h1> </h2>
<p class="text-white mb-5">
<p class="text-white mb-10">
We are not willing and obliged to participate in dispute We are not willing and obliged to participate in dispute
resolution proceedings before a consumer arbitration board. resolution proceedings before a consumer arbitration board.
</p> </p>
@ -252,54 +196,60 @@
<aside class="hidden lg:block relative fixed w-1/4 ml-4"> <aside class="hidden lg:block relative fixed w-1/4 ml-4">
<div <div
on:click={() => goto("/pricing")}
class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer" class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer"
> >
<div class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0"> <a
href="/pricing"
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"> <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 ml-3">
Pro Subscription 🔥 Pro Subscription
</h2> </h2>
<ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" /> <ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" />
</div> </div>
<span class="text-white p-3 ml-3 mr-3"> <span class="text-white p-3 ml-3 mr-3">
Upgrade now for unlimited access to all data and tools. Upgrade now for unlimited access to all data and tools.
</span> </span>
</div> </a>
</div> </div>
<div <div
on:click={() => goto("/donation")}
class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer" class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer"
> >
<div class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0"> <a
href="/donation"
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"> <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 ml-3">
Donation ❤ Sponsor Us
</h2> </h2>
<ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" /> <ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" />
</div> </div>
<span class="text-white p-3 ml-3 mr-3"> <span class="text-white p-3 ml-3 mr-3">
Learn more about why we're doing this here Learn more about why we're doing this here
</span> </span>
</div> </a>
</div> </div>
<div <div
on:click={() => goto("/contact")}
class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer" class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer"
> >
<div class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0"> <a
href="/contact"
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"> <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 ml-3">
Contact Us 💬 Contact Us
</h2> </h2>
<ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" /> <ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" />
</div> </div>
<span class="text-white p-3 ml-3 mr-3"> <span class="text-white p-3 ml-3 mr-3">
Let me know if you need something Let me know if you need something
</span> </span>
</div> </a>
</div> </div>
</aside> </aside>
</div> </div>

157
src/routes/privacy-policy/+page.svelte
View File

@ -1,7 +1,5 @@
<script> <script>
import logo from "$lib/images/privacy_policy_logo_v2.png";
import { numberOfUnreadNotification } from "$lib/store"; import { numberOfUnreadNotification } from "$lib/store";
import { goto } from "$app/navigation";
import ArrowLogo from "lucide-svelte/icons/move-up-right"; import ArrowLogo from "lucide-svelte/icons/move-up-right";
const emailAddress = "support@stocknear.com"; const emailAddress = "support@stocknear.com";
</script> </script>
@ -26,7 +24,7 @@
</svelte:head> </svelte:head>
<section <section
class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pt-5 pb-40" class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden pb-20 pt-5 px-4 lg:px-3"
> >
<div class="text-sm sm:text-[1rem] breadcrumbs"> <div class="text-sm sm:text-[1rem] breadcrumbs">
<ul> <ul>
@ -41,76 +39,26 @@
class="relative flex justify-center items-start overflow-hidden w-full" class="relative flex justify-center items-start overflow-hidden w-full"
> >
<main class="w-full lg:w-3/4 lg:pr-5"> <main class="w-full lg:w-3/4 lg:pr-5">
<div <div class="mb-6 border-b-[2px]">
class="w-full m-auto sm:bg-[#27272A] sm:rounded-xl h-auto pl-10 pr-10 pt-5 sm:pb-10 sm:pt-10 mt-3 mb-8" <h1 class="mb-1 text-white text-2xl sm:text-3xl font-bold">
> Privacy Policy
<div class="grid grid-cols-1 sm:grid-cols-2 gap-10"> </h1>
<!-- Start Column -->
<div>
<div class="flex flex-row justify-center items-center">
<h1
class="text-3xl sm:text-4xl text-white text-center font-bold mb-5"
>
Privacy Policy
</h1>
</div>
<span
class="text-white text-md font-medium text-center flex justify-center items-center"
>
We don't sell data; we're not a garage sale like Facebook!
</span>
</div>
<!-- End Column -->
<!-- Start Column -->
<div class="relative m-auto">
<svg
class="w-40 -my-5"
viewBox="0 0 200 200"
xmlns="http://www.w3.org/2000/svg"
>
<defs>
<filter id="glow">
<feGaussianBlur stdDeviation="5" result="glow" />
<feMerge>
<feMergeNode in="glow" />
<feMergeNode in="SourceGraphic" />
</feMerge>
</filter>
</defs>
<path
fill="#1E40AF"
d="M57.6,-58.7C72.7,-42.6,81.5,-21.3,82,0.5C82.5,22.3,74.7,44.6,59.7,60.1C44.6,75.6,22.3,84.3,0,84.3C-22.3,84.2,-44.6,75.5,-61.1,60.1C-77.6,44.6,-88.3,22.3,-87.6,0.7C-86.9,-20.8,-74.7,-41.6,-58.2,-57.7C-41.6,-73.8,-20.8,-85.2,0.2,-85.4C21.3,-85.6,42.6,-74.7,57.6,-58.7Z"
transform="translate(100 100)"
filter="url(#glow)"
/>
</svg>
<div class="z-1 absolute top-5">
<img class="w-24 ml-7" src={logo} alt="logo" />
</div>
</div>
<!-- End Column -->
</div>
</div> </div>
<div <div class="w-full bg-[#09090B] m-auto">
class="card w-full bg-[#09090B] border-t sm:border rounded-none sm:rounded-xl border-slate-700 m-auto" <div class="">
> <p class="text-gray-200 italic mb-2 text-sm">
<div class="card-body">
<p class="text-gray-400 italic mb-2 text-sm">
Last updated: 22.06.2023 Last updated: 22.06.2023
</p> </p>
<p class="text-gray-300 mb-5"> <p class="text-white mb-10">
Stocknear (the "website" or "site") respects your privacy. This Stocknear (the "website" or "site") respects your privacy. This
privacy statement describes what information and data we collect privacy statement describes what information and data we collect
from you and how we use it. Please read the whole privacy policy from you and how we use it. Please read the whole privacy policy
as well as our as well as our
<a <a
href="/terms-of-use" href="/terms-of-use"
class="text-blue-400 hover:underline hover:text-white" class="text-blue-400 sm:hover:underline sm:hover:text-white"
>Terms of use</a >Terms of use</a
> >
The use of our website is generally possible without providing personal The use of our website is generally possible without providing personal
@ -128,10 +76,11 @@
sending of advertising information, such as spam e-mails. sending of advertising information, such as spam e-mails.
</p> </p>
<h1 class="text-white text-2xl font-medium text-start underline"> <h2 class="mb-1 text-white text-2xl sm:text-3xl font-bold mb-3">
Cookies Cookies
</h1> </h2>
<p class="text-gray-300">
<p class="text-white mb-10">
Cookies are used by us. By visiting stocknear.com, you accepted Cookies are used by us. By visiting stocknear.com, you accepted
to use cookies in accordance with the stocknear Privacy Policy. to use cookies in accordance with the stocknear Privacy Policy.
Most interactive websites employ cookies to allow us to retrieve Most interactive websites employ cookies to allow us to retrieve
@ -140,13 +89,11 @@
making it easier for visitors. making it easier for visitors.
</p> </p>
<h1 <h2 class="mb-1 text-white text-2xl sm:text-3xl font-bold mb-3">
class="text-white text-2xl font-medium text-start mt-5 underline"
>
Links to other Sites Links to other Sites
</h1> </h2>
<div class="text-gray-300"> <div class="text-white mb-10">
Our Service may contain connections to websites that we do not Our Service may contain connections to websites that we do not
control. When you click on a third-party link, you will be sent control. When you click on a third-party link, you will be sent
to that third-party's website. We strongly recommend that you to that third-party's website. We strongly recommend that you
@ -157,13 +104,11 @@
website or services' content, privacy policies, or practices. website or services' content, privacy policies, or practices.
</div> </div>
<h1 <h2 class="mb-1 text-white text-2xl sm:text-3xl font-bold mb-3">
class="text-white text-2xl font-medium text-start mt-5 underline"
>
Security of Data Security of Data
</h1> </h2>
<div class="text-gray-300"> <div class="text-white mb-10">
We care about the security of your data, but keep in mind that We care about the security of your data, but keep in mind that
no form of Internet transmission or electronic storage is no form of Internet transmission or electronic storage is
completely safe. While we endeavor to protect your Personal Data completely safe. While we endeavor to protect your Personal Data
@ -171,14 +116,12 @@
its ultimate security. its ultimate security.
</div> </div>
<h1 <h2 class="text-white text-2xl sm:text-3xl font-bold mb-3">
class="text-white text-2xl font-medium text-start mt-5 underline"
>
Your Data Protection Rights Under General Data Protection Your Data Protection Rights Under General Data Protection
Regulation (GDPR) Regulation (GDPR)
</h1> </h2>
<div class="text-gray-300"> <div class="text-white mb-10">
If you are a resident of the European Union (EU) and European If you are a resident of the European Union (EU) and European
Economic Area (EEA), you have certain data protection rights, Economic Area (EEA), you have certain data protection rights,
covered by GDPR. covered by GDPR.
@ -244,14 +187,12 @@
Economic Area (EEA). Economic Area (EEA).
</div> </div>
<h1 <h2 class="mb-1 text-white text-2xl sm:text-3xl font-bold mb-3">
class="text-white text-2xl font-medium text-start mt-5 underline"
>
Your Data Protection Rights under the California Privacy Your Data Protection Rights under the California Privacy
Protection Act (CalOPPA) Protection Act (CalOPPA)
</h1> </h2>
<div class="text-gray-300"> <div class="text-white mb-10">
CalOPPA is the nation's first state law requiring commercial CalOPPA is the nation's first state law requiring commercial
websites and online services to disclose a privacy policy. The websites and online services to disclose a privacy policy. The
law's scope extends far beyond California, requiring any person law's scope extends far beyond California, requiring any person
@ -294,13 +235,11 @@
the Preferences or Settings page of your web browser. the Preferences or Settings page of your web browser.
</div> </div>
<h1 <h2 class="mb-1 text-white text-2xl sm:text-3xl font-bold mb-3">
class="text-white text-2xl font-medium text-start mt-5 underline"
>
Childrens Privacy Childrens Privacy
</h1> </h2>
<div class="text-gray-300"> <div class="text-white mb-10">
Children under the age of 18 ("Child" or "Children") are not Children under the age of 18 ("Child" or "Children") are not
permitted to use our Services. We do not collect personally permitted to use our Services. We do not collect personally
identifying information from children under the age of 18. identifying information from children under the age of 18.
@ -310,13 +249,11 @@
erase that information from our servers. erase that information from our servers.
</div> </div>
<h1 <h2 class="mb-1 text-white text-2xl sm:text-3xl font-bold mb-3">
class="text-white text-2xl font-medium text-start mt-5 underline"
>
Changes to this Privacy Policy Changes to this Privacy Policy
</h1> </h2>
<div class="text-gray-300"> <div class="text-white mb-10">
We reserve the right to change our Privacy Policy at any moment. We reserve the right to change our Privacy Policy at any moment.
Any changes will be communicated to you by posting the revised Any changes will be communicated to you by posting the revised
Privacy Policy on this page. Privacy Policy on this page.
@ -332,54 +269,60 @@
<aside class="hidden lg:block relative fixed w-1/4 ml-4"> <aside class="hidden lg:block relative fixed w-1/4 ml-4">
<div <div
on:click={() => goto("/pricing")}
class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer" class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer"
> >
<div class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0"> <a
href="/pricing"
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"> <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 ml-3">
Pro Subscription 🔥 Pro Subscription
</h2> </h2>
<ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" /> <ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" />
</div> </div>
<span class="text-white p-3 ml-3 mr-3"> <span class="text-white p-3 ml-3 mr-3">
Upgrade now for unlimited access to all data and tools. Upgrade now for unlimited access to all data and tools.
</span> </span>
</div> </a>
</div> </div>
<div <div
on:click={() => goto("/donation")}
class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer" class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer"
> >
<div class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0"> <a
href="/donation"
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"> <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 ml-3">
Donation ❤ Sponsor Us
</h2> </h2>
<ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" /> <ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" />
</div> </div>
<span class="text-white p-3 ml-3 mr-3"> <span class="text-white p-3 ml-3 mr-3">
Learn more about why we're doing this here Learn more about why we're doing this here
</span> </span>
</div> </a>
</div> </div>
<div <div
on:click={() => goto("/contact")}
class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer" class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer"
> >
<div class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0"> <a
href="/contact"
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"> <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 ml-3">
Contact Us 💬 Contact Us
</h2> </h2>
<ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" /> <ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" />
</div> </div>
<span class="text-white p-3 ml-3 mr-3"> <span class="text-white p-3 ml-3 mr-3">
Let me know if you need something Let me know if you need something
</span> </span>
</div> </a>
</div> </div>
</aside> </aside>
</div> </div>

183
src/routes/terms-of-use/+page.svelte
View File

@ -1,7 +1,5 @@
<script> <script>
import logo from "$lib/images/terms_of_use_logo_v3.png";
import { numberOfUnreadNotification } from "$lib/store"; import { numberOfUnreadNotification } from "$lib/store";
import { goto } from "$app/navigation";
import ArrowLogo from "lucide-svelte/icons/move-up-right"; import ArrowLogo from "lucide-svelte/icons/move-up-right";
</script> </script>
@ -26,7 +24,7 @@
</svelte:head> </svelte:head>
<section <section
class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pt-5 pb-40" class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden pb-20 pt-5 px-4 lg:px-3"
> >
<div class="text-sm sm:text-[1rem] breadcrumbs"> <div class="text-sm sm:text-[1rem] breadcrumbs">
<ul> <ul>
@ -41,69 +39,19 @@
class="relative flex justify-center items-start overflow-hidden w-full" class="relative flex justify-center items-start overflow-hidden w-full"
> >
<main class="w-full lg:w-3/4 lg:pr-5"> <main class="w-full lg:w-3/4 lg:pr-5">
<div <div class="mb-6 border-b-[2px]">
class="w-full m-auto sm:bg-[#27272A] sm:rounded-xl h-auto pl-10 pr-10 pt-5 sm:pb-10 sm:pt-10 mt-3 mb-8" <h1 class="mb-1 text-white text-2xl sm:text-3xl font-bold">
> Terms of Use
<div class="grid grid-cols-1 sm:grid-cols-2 gap-10"> </h1>
<!-- Start Column -->
<div>
<div class="flex flex-row justify-center items-center">
<h1
class="text-3xl sm:text-4xl text-white text-center font-bold mb-5"
>
Terms of Use
</h1>
</div>
<span
class="text-white text-md font-medium text-center flex justify-center items-center"
>
The best unread bedtime story you agree to in your sleep.
</span>
</div>
<!-- End Column -->
<!-- Start Column -->
<div class="relative m-auto">
<svg
class="w-40 -my-5"
viewBox="0 0 200 200"
xmlns="http://www.w3.org/2000/svg"
>
<defs>
<filter id="glow">
<feGaussianBlur stdDeviation="5" result="glow" />
<feMerge>
<feMergeNode in="glow" />
<feMergeNode in="SourceGraphic" />
</feMerge>
</filter>
</defs>
<path
fill="#1E40AF"
d="M57.6,-58.7C72.7,-42.6,81.5,-21.3,82,0.5C82.5,22.3,74.7,44.6,59.7,60.1C44.6,75.6,22.3,84.3,0,84.3C-22.3,84.2,-44.6,75.5,-61.1,60.1C-77.6,44.6,-88.3,22.3,-87.6,0.7C-86.9,-20.8,-74.7,-41.6,-58.2,-57.7C-41.6,-73.8,-20.8,-85.2,0.2,-85.4C21.3,-85.6,42.6,-74.7,57.6,-58.7Z"
transform="translate(100 100)"
filter="url(#glow)"
/>
</svg>
<div class="z-1 absolute top-5">
<img class="w-28 ml-5" src={logo} alt="logo" />
</div>
</div>
<!-- End Column -->
</div>
</div> </div>
<div <div class=" w-full bg-[#09090B] m-auto">
class="card w-full bg-[#09090B] border-t sm:border rounded-none sm:rounded-xl border-slate-700 m-auto" <div class="">
> <p class="text-gray-200 italic mb-2 text-sm">
<div class="card-body">
<p class="text-gray-400 italic mb-2 text-sm">
Last updated: 24.07.2024 Last updated: 24.07.2024
</p> </p>
<p class="text-gray-300 mb-5"> <p class="text-white mb-10">
Please carefully read the terms and conditions before using this Please carefully read the terms and conditions before using this
website. By using the site, you agree to these terms as well as website. By using the site, you agree to these terms as well as
our our
@ -116,10 +64,11 @@
time. time.
</p> </p>
<h1 class="text-white text-2xl font-medium text-start underline"> <h2 class="mb-1 text-white text-2xl sm:text-3xl font-bold mb-3">
Stocknear does not provide investment advice Stocknear does not provide investment advice
</h1> </h2>
<p class="text-gray-300 mb-5">
<p class="text-white mb-10">
The information provided is solely for educational purposes The information provided is solely for educational purposes
only. Before making any investments or financial decisions, we only. Before making any investments or financial decisions, we
recommend that you consult with a knowledgeable financial recommend that you consult with a knowledgeable financial
@ -159,10 +108,11 @@
BROKERAGE, OR TAX ADVICE. BROKERAGE, OR TAX ADVICE.
</p> </p>
<h1 class="text-2xl font-medium text-white text-start underline"> <h2 class="mb-1 text-white text-2xl sm:text-3xl font-bold mb-3">
Stocknear does not guarantee accuracy of data Stocknear does not guarantee accuracy of data
</h1> </h2>
<p class="text-gray-300 mb-5">
<p class="text-white mb-10">
Our stock data comes from a variety of sources. Although every Our stock data comes from a variety of sources. Although every
attempt is made to assure correctness, it cannot always be attempt is made to assure correctness, it cannot always be
guaranteed. Before making an investment choice, stocknear guaranteed. Before making an investment choice, stocknear
@ -170,20 +120,21 @@
reviewing a company's SEC filings. reviewing a company's SEC filings.
</p> </p>
<h1 class="text-2xl font-medium text-white text-start underline"> <h2 class="mb-1 text-white text-2xl sm:text-3xl font-bold mb-3">
Use of our content Use of our content
</h1> </h2>
<p class="text-gray-300 mb-5"> <p class="text-white mb-10">
It is not permitted to republish our content in its entirety It is not permitted to republish our content in its entirety
without our express authorization. You can, however, utilize without our express authorization. You can, however, utilize
snippets of the content as long as you do not edit it and snippets of the content as long as you do not edit it and
clearly mention where you received it. clearly mention where you received it.
</p> </p>
<h1 class="text-2xl font-medium text-white text-start underline"> <h2 class="mb-1 text-white text-2xl sm:text-3xl font-bold mb-3">
Liability of stocknear and its authors Liability of stocknear and its authors
</h1> </h2>
<p class="text-gray-300 mb-5">
<p class="text-white mb-10">
Stocknear or its authors will not be liable to any party for any Stocknear or its authors will not be liable to any party for any
damages resulting from the use of the site's content. The damages resulting from the use of the site's content. The
contents of our pages were created with the utmost care. contents of our pages were created with the utmost care.
@ -201,10 +152,11 @@
infringements, we will remove this content immediately. infringements, we will remove this content immediately.
</p> </p>
<h1 class="text-2xl font-medium text-white text-start underline"> <h2 class="mb-1 text-white text-2xl sm:text-3xl font-bold mb-3">
Copyright Copyright
</h1> </h2>
<p class="text-gray-300 mb-5">
<p class="text-white mb-10">
The content and works created by the site operators on these The content and works created by the site operators on these
pages are subject to German copyright law. The reproduction, pages are subject to German copyright law. The reproduction,
editing, distribution and any kind of exploitation outside the editing, distribution and any kind of exploitation outside the
@ -247,10 +199,11 @@
>. >.
</p> </p>
<h3 class="text-2xl font-medium text-white text-start underline"> <h2 class="mb-1 text-white text-2xl sm:text-3xl font-bold mb-3">
Subscriptions Subscriptions
</h3> </h2>
<p class="text-gray-300 mb-5">
<p class="text-white mb-10">
We may offer you the ability to purchase subscriptions via Lemon We may offer you the ability to purchase subscriptions via Lemon
Squeezy. Terms specific to a subscription will be disclosed to Squeezy. Terms specific to a subscription will be disclosed to
you at or prior to the time at which you purchase the you at or prior to the time at which you purchase the
@ -276,10 +229,11 @@
to support@stocknear.com. to support@stocknear.com.
</p> </p>
<h3 class="text-2xl font-medium text-white text-start underline"> <h2 class="mb-1 text-white text-2xl sm:text-3xl font-bold mb-3">
Changes to the Price and Service Plans. Changes to the Price and Service Plans.
</h3> </h2>
<p class="text-gray-300 mb-5">
<p class="text-white mb-10">
We may at our reasonable discretion change the price of our We may at our reasonable discretion change the price of our
subscription plans from time to time to reflect the effect of subscription plans from time to time to reflect the effect of
changes in the total costs associated with our service. Examples changes in the total costs associated with our service. Examples
@ -291,16 +245,16 @@
(e.g., rent, interest and other financing costs, costs of (e.g., rent, interest and other financing costs, costs of
personnel, service providers and services, IT systems, energy), personnel, service providers and services, IT systems, energy),
as well as state-imposed fees, contributions, taxes and duties. as well as state-imposed fees, contributions, taxes and duties.
Any price changes will apply no earlier than 30 days following Any price changes will apply no earlier than 7 days following
notice to you. You can cancel your membership at any time during notice to you. You can cancel your membership at any time during
the notice period to avoid future charges. the notice period to avoid future charges.
</p> </p>
<h1 class="text-2xl font-medium text-white text-start underline"> <h2 class="mb-1 text-white text-2xl sm:text-3xl font-bold mb-3">
Lifetime Access Lifetime Access
</h1> </h2>
<div class="text-gray-300"> <div class="text-white mb-10">
Lifetime access refers to the right to use our Services for as Lifetime access refers to the right to use our Services for as
long as they are provided by Stocknear. long as they are provided by Stocknear.
<br /> <br />
@ -317,11 +271,11 @@
lifetime access will terminate. lifetime access will terminate.
</div> </div>
<h1 class="text-2xl font-medium text-white text-start underline"> <h2 class="mb-1 text-white text-2xl sm:text-3xl font-bold mb-3">
Termination Termination
</h1> </h2>
<div class="text-gray-300"> <div class="text-white mb-10">
We may cancel or suspend your account and deny access to the We may cancel or suspend your account and deny access to the
Service at any time, without prior notice or responsibility, for Service at any time, without prior notice or responsibility, for
any reason whatsoever and without limitation, including but not any reason whatsoever and without limitation, including but not
@ -337,11 +291,11 @@
sections, warranty disclaimers, indemnification, and liability limitations. sections, warranty disclaimers, indemnification, and liability limitations.
</div> </div>
<h1 class="text-2xl font-medium text-white text-start underline"> <h2 class="mb-1 text-white text-2xl sm:text-3xl font-bold mb-3">
Amendments To Terms Amendments To Terms
</h1> </h2>
<div class="text-gray-300"> <div class="text-white mb-10">
We may amend Terms at any time by posting the amended terms on We may amend Terms at any time by posting the amended terms on
this site. It is your responsibility to review these Terms this site. It is your responsibility to review these Terms
periodically. periodically.
@ -358,11 +312,11 @@
not agree to the new terms, you are no longer authorized to use Service. not agree to the new terms, you are no longer authorized to use Service.
</div> </div>
<h1 class="text-2xl font-medium text-white text-start underline"> <h2 class="mb-1 text-white text-2xl sm:text-3xl font-bold mb-3">
Data Disclaimer Data Disclaimer
</h1> </h2>
<div class="text-gray-300"> <div class="text-white mb-10">
All data on this website is provided solely for informational All data on this website is provided solely for informational
reasons and should not be used to make trading or investing reasons and should not be used to make trading or investing
decisions. decisions.
@ -374,6 +328,7 @@
at support@stocknear.com. at support@stocknear.com.
<br /> <br />
<br /> <br />
<!--
Our Financial Data is provided soley by Our Financial Data is provided soley by
<a <a
href="https://site.financialmodelingprep.com/" href="https://site.financialmodelingprep.com/"
@ -384,12 +339,14 @@
href="https://docs.benzinga.com/home" href="https://docs.benzinga.com/home"
class="text-blue-400 hover:underline">Benzinga</a class="text-blue-400 hover:underline">Benzinga</a
>. >.
-->
</div> </div>
<h1 class="text-2xl font-medium text-white text-start underline"> <h2 class="mb-1 text-white text-2xl sm:text-3xl font-bold mb-3">
Complete Agreement Complete Agreement
</h1> </h2>
<p class="text-gray-300 mb-5">
<p class="text-white mb-10">
These terms and conditions of use, together with our These terms and conditions of use, together with our
<a <a
href="/privacy-policy" href="/privacy-policy"
@ -421,54 +378,60 @@
<aside class="hidden lg:block relative fixed w-1/4 ml-4"> <aside class="hidden lg:block relative fixed w-1/4 ml-4">
<div <div
on:click={() => goto("/pricing")}
class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer" class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer"
> >
<div class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0"> <a
href="/pricing"
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"> <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 ml-3">
Pro Subscription 🔥 Pro Subscription
</h2> </h2>
<ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" /> <ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" />
</div> </div>
<span class="text-white p-3 ml-3 mr-3"> <span class="text-white p-3 ml-3 mr-3">
Upgrade now for unlimited access to all data and tools. Upgrade now for unlimited access to all data and tools.
</span> </span>
</div> </a>
</div> </div>
<div <div
on:click={() => goto("/donation")}
class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer" class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer"
> >
<div class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0"> <a
href="/donation"
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"> <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 ml-3">
Donation ❤ Sponsor Us
</h2> </h2>
<ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" /> <ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" />
</div> </div>
<span class="text-white p-3 ml-3 mr-3"> <span class="text-white p-3 ml-3 mr-3">
Learn more about why we're doing this here Learn more about why we're doing this here
</span> </span>
</div> </a>
</div> </div>
<div <div
on:click={() => goto("/contact")}
class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer" class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer"
> >
<div class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0"> <a
href="/contact"
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"> <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 ml-3">
Contact Us 💬 Contact Us
</h2> </h2>
<ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" /> <ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" />
</div> </div>
<span class="text-white p-3 ml-3 mr-3"> <span class="text-white p-3 ml-3 mr-3">
Let me know if you need something Let me know if you need something
</span> </span>
</div> </a>
</div> </div>
</aside> </aside>
</div> </div>