jeremy/open-signature-generator
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
open-signature-generator/web_content/privacy.html

204 lines
7.1 KiB
HTML
Raw Normal View History

More optimizations
2025-01-14 23:30:21 -05:00
<!DOCTYPE html>
<html lang="en">
A fresh start before publishing
2025-01-14 13:17:55 -05:00
<head>
<title>Privacy Policy - Open Signature Generator</title>
<meta name="Open Signature Generator" />
<meta name="description" content="Generate and verify document signatures for free!" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
</head>
<body>
<div id="title-container">
<h1>Privacy Policy</h1>
</div>
<div id="privacy-policy">
<h2>Data Collection and Usage</h2>
Added keywords and updated privacy policy
2025-01-14 17:00:01 -05:00
<p>The Open Signature Generator is designed with transparency and privacy in mind. We collect the minimum possible data necessary for operation</p>
A fresh start before publishing
2025-01-14 13:17:55 -05:00
<ul>
Added keywords and updated privacy policy
2025-01-14 17:00:01 -05:00
<li>You are the only person who handles your important documents. It is impossible to upload them to this website.</li>
<li>Signature images are cached temporarily, but are otherwise generated on-demand and not kept.</li>
A fresh start before publishing
2025-01-14 13:17:55 -05:00
<li>No tracking, analytics, or cookies are used.</li>
Added keywords and updated privacy policy
2025-01-14 17:00:01 -05:00
<li>Until you hit the 'Go!' button, zero information is collected or stored.</li>
<li>You can see exactly how this website works by viewing the source code at the link on the main page.</li>
</ul>
<h2>What is Collected</h2>
<p>The following information is collected and stored on the server to allow for signature generation and verification:</p>
<ul>
<li>Your last used signature name and font are stored in your browser's local storage so you do not need to re-enter them. These are not sent to the server until you hit the 'Go!' button.</li>
<li>When you generate a signature by clicking the 'Go!' button, your browser submits your signature name, selected font, timezone, and selected color scheme.</li>
<li>Publically available information about an IP address is retrieved when a signature is created and stored in a database. This is later displayed on the signature verification page.</li>
A fresh start before publishing
2025-01-14 13:17:55 -05:00
</ul>
<h2>Information Sharing</h2>
Added keywords and updated privacy policy
2025-01-14 17:00:01 -05:00
<p>We will never sell, trade, transfer, or share your information with any third parties under any circumstances. Your information remains strictly confidential.</p>
<ul>
<li>Cloudflare is used to cache static website content so that the site is faster and can be used by more people. Cloudflare can not access any of your signature data.</li>
</ul>
A fresh start before publishing
2025-01-14 13:17:55 -05:00
<h2>Data Security</h2>
<p>We implement reasonable security measures to protect your information from unauthorized access, disclosure, alteration, or destruction. These measures include:</p>
<ul>
<li>The database is not internet accessible, and entries cannot be changed.</li>
<li>Verification page is only accessible through a high-entropy URL which is unique to your signature.</li>
<li>To preserve your signature verification pages, redundant storage and backups minimize risk of data loss.</li>
</ul>
</div>
<div class="button-container">
<a href="/" class="button">Back to Generator</a>
</div>
<div id="animated-background">
<svg viewBox="0 0 100 100"></svg>
</div>
</body>
<script>
let animmatedBackground = document.getElementById('animated-background');
function stopAnimations() {
const animations = animatedBackground.querySelectorAll('animate, animateTransform');
animations.forEach(animation => {
animation.style.setProperty('animation-play-state', 'paused');
});
}
document.addEventListener('DOMContentLoaded', () => {
// Stop animations after 5 minutes to save resources
setTimeout(stopAnimations, 300 * 1000);
});
</script>
<style>
body {
background-color: #000000;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 100vh;
font-family: Arial, sans-serif;
}
#title-container {
position: absolute;
width: 100%;
top: 20px;
z-index: 2;
text-align: center;
}
#title-container h1 {
font-size: clamp(24px, calc(6vw + 8px), 64px);
margin-top: 20px;
color: white;
text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.7);
}
#privacy-policy {
background-color: rgb(236, 236, 234);
width: 70%;
max-width: 600px;
margin: 120px auto 40px auto;
padding: 40px;
border-radius: 8px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
position: relative;
z-index: 1;
overflow: auto;
font-size: 1.0em;
}
.hidden {
display: none !important;
}
#animated-background {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
overflow: clip;
}
@property --a {
syntax: '<color>';
inherits: false;
initial-value: #453f53;
}
@property --b {
syntax: '<color>';
inherits: false;
initial-value: #fff;
}
@property --c {
syntax: '<color>';
inherits: false;
initial-value: #777;
}
#animated-background svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--pattern), var(--map, linear-gradient(90deg, #888, #fff));
background-blend-mode: multiply;
filter: contrast(5) blur(20px) saturate(35%) brightness(0.4);
mix-blend-mode: darken;
--pattern: repeating-radial-gradient(circle, var(--a), var(--b), var(--c) 15em);
/* We use steps here to limit framerate to reduce CPU usage displaying the animation*/
/* Because it is a slowly changing background, a low framerate does not impact apparent smoothness of the animation */
animation: bganimation 120s forwards steps(1200) infinite;
transform: translateX(35%) translateY(75%) scale(4.5)
}
@keyframes bganimation {
0% { --a: #453f53;
--b: #fff;
--c: #777;
transform: translateX(35%) translateY(75%) scale(4.5)}
33% { --a: #ce8083;
--b: #ac8cbd;
--c: #3b1c80;
transform: rotate(-10deg) scale(4.0,3.5) translateX(15%) translateY(25%)}
66% { --a: #309385;
--b: #5aa8fb;
--c: #866849;
transform: rotate(10deg) scale(4.5,3.5) translateX(25%) translateY(-15%)}
100% { --a: #453f53;
--b: #fff;
--c: #777;
transform: translateX(35%) translateY(75%) scale(4.5)}
}
.button-container {
display: flex;
justify-content: center;
gap: 20px;
margin-top: 20px;
}
.button {
padding: 10px 20px;
background-color: #1f4e82;
color: white;
text-decoration: none;
border-radius: 5px;
transition: background-color 0.3s;
}
.button:hover {
background-color: #095fbf;
}
</style>
More optimizations
2025-01-14 23:30:21 -05:00
</html>
Reference in a new issue Copy permalink