signup/index, django5
This commit is contained in:
parent
57c4a56deb
commit
4946aa87cf
27
app/signup/templates/signup/base.html
Normal file
27
app/signup/templates/signup/base.html
Normal file
@ -0,0 +1,27 @@
|
||||
{% load compress static %}
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>{% block "title" %}e11mail.com{% endblock %}</title>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
{% compress css %}
|
||||
<link rel="stylesheet" type="text/x-scss" href="{% static "signup/style.scss" %}">
|
||||
{% endcompress %}
|
||||
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
|
||||
</head>
|
||||
<body id="page-{% block "pagename" %}{% endblock %}">
|
||||
|
||||
<div>
|
||||
<section id="header">
|
||||
<h1 class="brand-title"><a href="{% url "index" %}">e11mail.com</a></h1>
|
||||
<h2 class="brand-subtitle">Email for Everyone</h2>
|
||||
</section><!-- #header -->
|
||||
|
||||
<main>
|
||||
{% block "body" %}{% endblock %}
|
||||
</main>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,28 +1,86 @@
|
||||
{% load compress static %}
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>{% block "title" %}e11mail.com{% endblock %}</title>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
{% compress css %}
|
||||
<link rel="stylesheet" type="text/x-scss" href="{% static "signup/style.scss" %}">
|
||||
{% endcompress %}
|
||||
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
|
||||
</head>
|
||||
<body>
|
||||
{% extends "signup/base.html" %}
|
||||
|
||||
<div>
|
||||
<section id="header">
|
||||
<h1 class="brand-title"><a href="{% url "index" %}">e11mail.com</a></h1>
|
||||
<h2 class="brand-subtitle">Email for Everyone</h2>
|
||||
</section><!-- #header -->
|
||||
{% block "pagename" %}index{% endblock %}
|
||||
|
||||
<main>
|
||||
{% block "body" %}{% endblock %}
|
||||
</main>
|
||||
</div>
|
||||
{% block "body" %}
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<section class="leftright pure-g">
|
||||
<article class="pure-u-1 pure-u-md-1-2">
|
||||
|
||||
<h1 id="backup">Effortless and safe backup</h1>
|
||||
|
||||
All files are backed up every few minutes and old copies are stored for
|
||||
decades. Overwritten an important file by accident? No problem, restore it
|
||||
with a couple of clicks. Synctech protects against ransomware: even if all
|
||||
devices get compromised, backups will always work.
|
||||
|
||||
</article>
|
||||
|
||||
<article class="pure-u-1 pure-u-md-1-2">
|
||||
<h1 id="opensource">Open-source</h1>
|
||||
|
||||
Synctech is powered by <a
|
||||
href="https://syncthing.net">syncthing</a>, an open-source file
|
||||
synchronization tool, first released in 2013.
|
||||
|
||||
<p>Just like syncthing, Synctech is open-source, licensed under <a
|
||||
href="https://www.gnu.org/licenses/agpl-3.0.en.html">AGPL-v3</a>.
|
||||
|
||||
</article>
|
||||
|
||||
<article class="pure-u-1 pure-u-md-1-2">
|
||||
<h1 id="privacy">Privacy</h1>
|
||||
|
||||
<p>You can <a
|
||||
href="https://docs.syncthing.net/branch/untrusted/html/users/untrusted.html">protect
|
||||
a folder with a password</a>.
|
||||
|
||||
When the folder is password-protected, the files can be read only on the
|
||||
devices where password was entered. Nobody can access your data without a
|
||||
password, including us.
|
||||
|
||||
<p>This is quite unique in the on-line synchronization and
|
||||
backup space. While we very carefully protect your data, you are
|
||||
additionally assured that it is impossible to read your files for anyone
|
||||
else but you (or others, with whom you have shared the password).
|
||||
|
||||
</article>
|
||||
|
||||
<article class="pure-u-1 pure-u-md-1-2">
|
||||
<h1 id="durability">Synchronize among other devices</h1>
|
||||
Your files will be automatically synchronized across your
|
||||
devices and Synctech. You can also share folders with other devices
|
||||
that you do not own — colleagues, friends or family.
|
||||
|
||||
<p>If you are without an internet connection, but on the same network (e.g.
|
||||
in an airplane, or on a phone hotspot), files will still be shared
|
||||
directly. This lets you to collaborate (and move files between your own
|
||||
devices) under any circumstances.
|
||||
|
||||
</article>
|
||||
|
||||
</section><!-- .leftright -->
|
||||
|
||||
<section id="subscribe-section">
|
||||
|
||||
<h1>Synctech is currently in private alpha</h1>
|
||||
<h2>Enter your email to learn as soon as it's available</h2>
|
||||
|
||||
<form class="pure-form pure-form-aligned" action="{% url "index" %}" method="post">
|
||||
<fieldset>
|
||||
{% csrf_token %}
|
||||
{% comment %}
|
||||
<span class="pure-form-message message-error">{{ .Err }}</span>
|
||||
<span class="pure-form-message message-success">
|
||||
You are now subscribed!
|
||||
</span>
|
||||
{% endcomment %}
|
||||
|
||||
<input type="email" class="subscribe-email" name="email" id="email" placeholder="your@email.com" required />
|
||||
|
||||
<button type="submit" class="pure-button pure-button-primary">Inform Me</button>
|
||||
</fieldset>
|
||||
</form>
|
||||
</section>
|
||||
|
||||
{% endblock %}{# "body" #}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user