Skip to content

Add misc. legal information #91

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 4 commits into
base: main
Choose a base branch
from
Draft

Add misc. legal information #91

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
bdd7344
Legal: add Privacy Information and Terms of Service
yoonbuck Mar 22, 2022
fee2f8b
Onboarding: add terms/privacy information
yoonbuck Mar 22, 2022
8408381
Settings: add links to terms and privacy info
yoonbuck Mar 22, 2022
fcc7164
ProjectExport: add rights & attribution note to export screen
yoonbuck Mar 22, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
31 changes: 31 additions & 0 deletions public/legal/legal.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
@import url("https://rsms.me/inter/inter.css");
html {
font-family: "Inter", sans-serif;
}
body {
background: white;
color: black;
font-size: 1rem;
padding: 2rem;
max-width: 60rem;
margin: 4rem auto;
}
a {
color: #496cee;
}
@media (prefers-color-scheme: dark) {
body {
background: black;
color: white;
}
a {
color: #8697ee;
}
}
pre {
max-width: 100%;
overflow: auto;
}
li {
margin: 1rem 0;
}
104 changes: 104 additions & 0 deletions public/legal/privacy.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,104 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Privacy Information</title>
<link rel="stylesheet" href="./legal.css" />
</head>
<body>
<h1>Privacy Information</h1>

<p>
The Design Signatures App is privacy-friendly and respects your control of
your personal data.
</p>
<p>
Data that you create (for example, by tracking a design session) or upload
to the app does not leave your device. It is stored in your browser's
local storage and not on any servers. If you choose to share your data
(e.g., by using the export feature), you can do so through any
conventional file or image sharing method.
</p>
<p>
Your projects can be exported from the app in a
<a href="https://data.design-awareness.com/" target="_blank">
standard format</a
>
through the "export" feature in the menu visible on all project pages.
</p>
<p>You are welcome to modify, build, and host the app yourself.</p>

<h2>Webfont hosting</h2>
<p>
Fonts used in this software are loaded from
<code>https://rsms.me/inter/</code>, which is distributed by a
<a href="https://www.cloudflare.com/privacypolicy/" target="_blank">
Cloudflare CDN</a
>
and hosted by
<a
href="https://docs.github.com/en/github/site-policy/github-privacy-statement#additional-services"
target="_blank"
>
GitHub</a
>.
</p>

<h2>Analytics</h2>
<p>
The hosted Design Signatures App at
<code>https://app.design-awareness.com/</code>
also includes an analytics service that has additional privacy
considerations.
</p>
<p>
These privacy-friendly analytics are designed to minimize data collection,
using the
<a
href="https://plausible.io/privacy-focused-web-analytics"
target="_blank"
>
plausible</a
>
software. No personal data is collected. All measurements are carried out
anonymously and data is aggregated. You are not tracked across devices,
other sites or apps, or different days. No cookies or any other persistent
identifiers are used. This analytics option is fully
<a href="https://gdpr.eu/" target="_blank">GDPR</a> compliant.
</p>
<h3>What data we collect</h3>
<p>
We use analytics to help us estimate how many people are using the app. We
collect a single data point each time the app is opened. This includes
general information about your device type, browser, and how you got to
the app, if you were linked from somewhere else. These data points are not
correlated across sessions and do not include any identifying information,
such as IP, location, or any personal browsing or usage data.
</p>

<h2>Feedback</h2>
<p>
You are invited to voluntarily leave feedback on the app to help us make
improvements.
</p>
<p>
If you want to submit feedback privately through Google Forms, you can use
the "Send feedback" link in the settings menu.
</p>
<p>
If you want to submit feedback publicly or ask a question, you can open an
issue or discussion on our
<a
href="https://github.com/design-awareness/design-signatures-app"
target="_blank"
>GitHub repository</a
>.
</p>
<p>
We use your feedback to better understand how people are using the app and
how we can make it better. Feedback you submit through a third-party
platform is subject to the privacy considerations of that platform.
</p>
</body>
</html>
91 changes: 91 additions & 0 deletions public/legal/tos.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,91 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Terms of Service</title>
<link rel="stylesheet" href="./legal.css" />
</head>
<body>
<h1>Terms of Service</h1>

<p>
This software (the Design Signatures App) is provided to you under the
terms of the BSD 3-Clause License, which has been included below. The
source code for this software is available at:
</p>
<p>
<a
href="https://github.com/design-awareness/design-signatures-app"
target="_blank"
>
https://github.com/design-awareness/design-signatures-app
</a>
</p>
<p>
Visualizations and data generated using or exported from this app are
yours to modify, redistribute, share, license, remix, and use as you
please. No attribution is necessary. If you would like to cite this app,
you can find information about citations under “About this Project” on the
main screen.
</p>
<p>
This software includes additional components available under various other
open source licenses.
</p>
<p>
This license information can be found in the app by going to Settings
&rarr; About App &rarr; Open Source Licenses
</p>

<hr />

<h2>BSD 3-Clause License</h2>

<p>
Copyright &copy; 2021-2022, Design Awareness Contributors
<br />
All rights reserved.
</p>

<p>
Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are
met:
</p>

<ol>
<li>
Redistributions of source code must retain the above copyright notice,
this list of conditions and the following disclaimer.
</li>

<li>
Redistributions in binary form must reproduce the above copyright
notice, this list of conditions and the following disclaimer in the
documentation and/or other materials provided with the distribution.
</li>

<li>
Neither the name of the copyright holder nor the names of its
contributors may be used to endorse or promote products derived from
this software without specific prior written permission.
</li>
</ol>
<p>
<strong>
This software is provided by the copyright holders and contributors "as
is" and any express or implied warranties, including, but not limited
to, the implied warranties of merchantability and fitness for a
particular purpose are disclaimed. In no event shall the copyright
holder or contributors be liable for any direct, indirect, incidental,
special, exemplary, or consequential damages (including, but not limited
to, procurement of substitute goods or services; loss of use, data, or
profits; or business interruption) however caused and on any theory of
liability, whether in contract, strict liability, or tort (including
negligence or otherwise) arising in any way out of the use of this
software, even if advised of the possibility of such damage.
</strong>
</p>
</body>
</html>
33 changes: 32 additions & 1 deletion src/routes/Onboarding.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -185,6 +185,36 @@
src="{CDN_PREFIX}onboarding/reflect.svg"
alt="Reflect illustration"
/>
</div>
</CarouselItem>
<CarouselItem>
<div class="slide">
<Header>So you know:</Header>

<p>
The projects you create are only stored on your device. Before you
delete the app, make sure you back up any projects you want to keep
using the "Export" feature.
</p>

<p>
By using this app, you accept the terms of the BSD 3-Clause License,
as described in the <a href="/legal/tos.html" target="_blank"
>Terms of Service</a
>.
</p>
<p>
This app doesn't track you or collect any personal data. For more
information, please review our <a
href="/legal/privacy.html"
target="_blank">Privacy Information</a
>.
</p>
<p>
If you'd like to play this onboarding again, you can do so from the
app settings.
</p>

<div class="cta-button">
<Button on:click={exitOnboarding}>Let’s go!</Button>
</div>
Expand All @@ -199,10 +229,11 @@
let:previousAvailable
let:count
let:position
let:goTo
>
{#if position !== count - 1}
<div class="skip-button" transition:fade={{ duration: 150 }}>
<Button small on:click={exitOnboarding}>Skip</Button>
<Button small on:click={() => goTo(count - 1)}>Skip</Button>
</div>
{/if}
<CarouselControls
Expand Down
7 changes: 7 additions & 0 deletions src/routes/ProjectExport.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -179,6 +179,13 @@
</pre>
</HorizontalScrollArea>
{/if}
<p class="small">
Visualizations and data generated using or exported from this app are
yours to modify, redistribute, share, license, remix, and use as you
please. No attribution is necessary. If you would like to cite this app,
you find information about citations under “About this project” on the
main screen.
</p>
<BottomActionBar label="Export" on:click={doExport} />
</ContentFrame>
</main>
Expand Down
6 changes: 6 additions & 0 deletions src/routes/Settings.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -209,6 +209,12 @@
<p>
<Button small on:click={update}>Force update and reload</Button>
</p>
<p>
<a href="/legal/tos.html" target="_blank">Terms of Service</a>
</p>
<p>
<a href="/legal/privacy.html" target="_blank">Privacy Information</a>
</p>
</ContentFrame>
</main>

Expand Down