From a640703f2da8815dc26ad1600a6f206be1624379 Mon Sep 17 00:00:00 2001
From: ivarlovlie <git@ivarlovlie.no>
Date: Wed, 1 Jun 2022 22:10:32 +0200
Subject: feat: Initial after clean slate

---
 apps/accounts/src/app/pages/_layout.svelte | 142 +++++++++++++++++++++++++++++
 1 file changed, 142 insertions(+)
 create mode 100644 apps/accounts/src/app/pages/_layout.svelte

(limited to 'apps/accounts/src/app/pages/_layout.svelte')

diff --git a/apps/accounts/src/app/pages/_layout.svelte b/apps/accounts/src/app/pages/_layout.svelte
new file mode 100644
index 0000000..8c2e4a8
--- /dev/null
+++ b/apps/accounts/src/app/pages/_layout.svelte
@@ -0,0 +1,142 @@
+<script>
+	import Details from "$shared/components/details.svelte";
+	import Button from "$shared/components/button.svelte";
+	import {switch_theme} from "$shared/lib/helpers";
+</script>
+
+<style>
+    #decoration {
+        position: absolute;
+        top: 0;
+        left: 0;
+        pointer-events: none;
+        width: 100%;
+        height: 100%;
+        overflow: hidden;
+    }
+
+    #decoration svg {
+        position: absolute;
+        top: 0;
+        left: 50%;
+        -webkit-transform: translateX(-50%);
+        transform: translateX(-50%);
+        width: 134%;
+        min-width: 1280px;
+        max-width: 1920px;
+        height: auto;
+    }
+</style>
+
+<main class="container-fluid padding-x-xs padding-x-xxl@xs padding-y-md padding-y-lg@md max-width-sm">
+    <slot/>
+
+    <Details summary="About">
+        <p>Time Tracker is a tool to keep track of time spent.</p>
+        <p>Use demo@demo.demo 123456 to demo the app.</p>
+        <a href="https://git.ivarlovlie.no/time-tracker">Source</a>
+        <a href="https://git.ivarlovlie.no/time-tracker/tree/LICENSE">License</a>
+        <a href="/assets/third-party-licenses.txt">License notices</a>
+    </Details>
+
+    <Details summary="Pricing"/>
+
+    <Details summary="Privacy policy">
+        <h3>Information we collect</h3>
+        <p>We collect information you the user provide, explicitly this means:</p>
+        <ul>
+            <li>Username</li>
+            <li>Password</li>
+            <li>Entries generated by you</li>
+            <li>Labels generated by you</li>
+            <li>Categories generated by you</li>
+            <li>Your IP address when making requests to our API (using the service)</li>
+        </ul>
+
+        <h3>How we use your information</h3>
+        <p>We use your information to provide the time-tracker service.</p>
+
+        <h3>How we share your information</h3>
+        <p>
+            We do not share your information with anyone nor any entity. All information is handled by us the provider and you the user
+            exclusively.
+        </p>
+
+        <h3>Right to delete</h3>
+        <p>
+            You can at any time delete any data related to your personal information by navigating to your profile page inside of the
+            service.
+        </p>
+
+        <h3>Right to inspect</h3>
+        <p>You can at any time download all of your generated data by navigating to your profile page inside of the service.</p>
+
+        <h3>Contact</h3>
+        <p>Please direct any inquires about your personal data to time-tracker@ivarlovlie.no.</p>
+    </Details>
+
+    <Details summary="Terms of service"/>
+
+    <Button on:click={() => switch_theme()}
+            text="Switch theme"
+            variant="secondary"/>
+
+    <figure id="decoration"
+            aria-hidden="true">
+        <svg class="color-contrast-higher opacity-10%"
+             viewBox="0 0 1920 450"
+             fill="none">
+            <g stroke="currentColor"
+               stroke-width="2">
+                <rect x="1286"
+                      y="64"
+                      width="128"
+                      height="128"/>
+                <circle cx="1350"
+                        cy="128"
+                        r="64"/>
+                <path d="M1286 64L1414 192"/>
+                <circle cx="1478"
+                        cy="128"
+                        r="64"/>
+                <rect x="1414"
+                      y="192"
+                      width="128"
+                      height="128"/>
+                <circle cx="1478"
+                        cy="256"
+                        r="64"/>
+                <path d="M1414 192L1542 320"/>
+                <circle cx="1606"
+                        cy="256"
+                        r="64"/>
+                <rect x="1542"
+                      y="320"
+                      width="128"
+                      height="128"/>
+                <circle cx="1606"
+                        cy="384"
+                        r="64"/>
+                <path d="M1542 320L1670 448"/>
+                <rect x="1690"
+                      y="192"
+                      width="128"
+                      height="128"/>
+                <circle cx="1754"
+                        cy="256"
+                        r="64"/>
+                <path d="M1690 192L1818 320"/>
+                <rect x="1542"
+                      y="64"
+                      width="128"
+                      height="128"/>
+                <circle cx="1606"
+                        cy="128"
+                        r="64"/>
+                <path d="M1542 64L1670 192"/>
+                <circle cx="1478"
+                        r="64"/>
+            </g>
+        </svg>
+    </figure>
+</main>
-- 
cgit v1.3

