diff options
Diffstat (limited to 'apps/accounts/src/app/pages/_layout.svelte')
| -rw-r--r-- | apps/accounts/src/app/pages/_layout.svelte | 142 |
1 files changed, 142 insertions, 0 deletions
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> |