[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
[taler-anastasis-www] branch master updated: Replacing the old index.htm
From: |
gnunet |
Subject: |
[taler-anastasis-www] branch master updated: Replacing the old index.html.j2 with the new index file for the Anastasis homepage |
Date: |
Sun, 11 Apr 2021 00:12:22 +0200 |
This is an automated email from the git hooks/post-receive script.
skuegel pushed a commit to branch master
in repository anastasis-www.
The following commit(s) were added to refs/heads/master by this push:
new 4cfb697 Replacing the old index.html.j2 with the new index file for
the Anastasis homepage
4cfb697 is described below
commit 4cfb69782031c92aa1516849f09dca2536451d05
Author: Stefan Kügel <skuegel@web.de>
AuthorDate: Sun Apr 11 00:10:02 2021 +0200
Replacing the old index.html.j2 with the new index file for the Anastasis
homepage
---
template/index.html.j2 | 586 +++++++++++++++++++++++++++++++++++++------------
1 file changed, 440 insertions(+), 146 deletions(-)
diff --git a/template/index.html.j2 b/template/index.html.j2
index 641865c..4fa7d0a 100644
--- a/template/index.html.j2
+++ b/template/index.html.j2
@@ -1,146 +1,440 @@
-{% extends "common/base.j2" %}
-{% block body_content %}
- <h1>
- {% trans %}
- Introducing Anastasis
- {% endtrans %}
- </h1>
- <div id="home-intro">
- {% trans %}
- Anastasis is a key recovery system that allows the user to securely
deposit
- shares of a core secret with an open set of escrow providers, to
recover it if the secret is lost.
- The core secret itself is protected from the escrow providers by
giving each provider only part of
- the information, and additionally by encrypting it with an
identity-based key unknown to the providers.
- The main objective of Anastasis is to ensure that the user can
reliably recover the core secret,
- while making this as difficult as possible for everyone else.
- {% endtrans %}
- <h3>
- {% trans %}
- System overview
- {% endtrans %}
- </h3>
- <img src="../static/images/overview.png" alt="system overview">
- <br>
- <h3>
- {% trans %}
- Upload process flow
- {% endtrans %}
- </h3>
- <div class="slide-content">
- <div class="slideimg-u"> <img src="../static/images/Folie11.PNG"
alt="system overview"> </div>
- <div class="slideimg-u"> <img src="../static/images/Folie12.PNG"
alt="system overview"> </div>
- <div class="slideimg-u"> <img src="../static/images/Folie13.PNG"
alt="system overview"> </div>
- <div class="slideimg-u"> <img src="../static/images/Folie14.PNG"
alt="system overview"> </div>
- <div class="slideimg-u"> <img src="../static/images/Folie15.PNG"
alt="system overview"> </div>
- <div class="slideimg-u"> <img src="../static/images/Folie16.PNG"
alt="system overview"> </div>
- <div class="slideimg-u"> <img src="../static/images/Folie17.PNG"
alt="system overview"> </div>
- <div class="slideimg-u"> <img src="../static/images/Folie18.PNG"
alt="system overview"> </div>
- <button class="button-display-left"
onclick="plusDivsU(-1)">❮</button>
- <button class="button-display-right"
onclick="plusDivsU(+1)">❯</button>
- </div>
- <br>
- <br>
- <h3>
- {% trans %}
- Recovery process flow
- {% endtrans %}
- </h3>
- <div class="slide-content">
- <div class="slideimg-d"> <img src="../static/images/Folie19.PNG"
alt="system overview"> </div>
- <div class="slideimg-d"> <img src="../static/images/Folie20.PNG"
alt="system overview"> </div>
- <div class="slideimg-d"> <img src="../static/images/Folie21.PNG"
alt="system overview"> </div>
- <div class="slideimg-d"> <img src="../static/images/Folie22.PNG"
alt="system overview"> </div>
- <div class="slideimg-d"> <img src="../static/images/Folie23.PNG"
alt="system overview"> </div>
- <div class="slideimg-d"> <img src="../static/images/Folie24.PNG"
alt="system overview"> </div>
- <div class="slideimg-d"> <img src="../static/images/Folie25.PNG"
alt="system overview"> </div>
- <div class="slideimg-d"> <img src="../static/images/Folie26.PNG"
alt="system overview"> </div>
- <button class="button-display-left"
onclick="plusDivsD(-1)">❮</button>
- <button class="button-display-right"
onclick="plusDivsD(+1)">❯</button>
- </div>
- <h3 style="padding-top:5rem;">
- {% trans %}
- Unique Sales Propositions
- {% endtrans %}
- </h3>
- <div id="home-split">
- <div id="home-box">
- <i class="fas fa-terminal fa-4x"></i>
- <h2>
- {% trans %}
- Flexible
- {% endtrans %}
- </h2>
- {% trans %}
- Anastasis lets you save your secret on several escrow providers.
- You can choose different combinations of these providers to recover
your secret.
- The various providers provide different authentication methods
- (like SMS, secure question or E-Mail) which the user has to supply to
recover their secret.
- {% endtrans %}
- </div>
- <div id="home-box">
- <i class="fas fa-lock fa-4x"></i>
- <h2>
- {% trans %}
- Defense in depth
- {% endtrans %}
- </h2>
- {% trans %}
- Anastasis is based on well-known cryptographic techniques. Our
resulting solution
- offers post-quantum security. A compromised database of an
individual Anastasis service
- provider by itself never leaks information that would be by itself
sufficient to recover
- any core secret of any user.
- {% endtrans %}
- </div>
- <div id="home-box">
- <i class="fas fa-user-lock fa-4x"></i>
- <h2>
- {% trans %}
- Privacy
- {% endtrans %}
- </h2>
- {% trans %}
- Anastasis does not safe any data from the user except for the few
details
- needed for authentication and recovery of the secret. When using
Anastasis,
- only the user is capable to recover their secrets. Users can pay
anonymously for the service,
- and switch service providers at any time.
- {% endtrans %}
- </div>
- </div>
- </div>
-
-<script>
-var slideIndexU = 1;
-var slideIndexD = 1;
-showDivsU(slideIndexU);
-showDivsD(slideIndexD);
-
-function plusDivsU(n) {
- showDivsU(slideIndexU += n);
-}
-function plusDivsD(n) {
- showDivsD(slideIndexD += n);
-}
-
-function showDivsU(n) {
- var i;
- var x = document.getElementsByClassName("slideimg-u");
- if (n > x.length) {slideIndexU = 1}
- if (n < 1) {slideIndexU = x.length} ;
- for (i = 0; i < x.length; i++) {
- x[i].style.display = "none";
- }
- x[slideIndexU-1].style.display = "block";
-}
-function showDivsD(n) {
- var i;
- var x = document.getElementsByClassName("slideimg-d");
- if (n > x.length) {slideIndexD = 1}
- if (n < 1) {slideIndexD = x.length} ;
- for (i = 0; i < x.length; i++) {
- x[i].style.display = "none";
- }
- x[slideIndexD-1].style.display = "block";
-}
-</script>
-
- {% endblock body_content %}
+{% extends "common/base.j2" %}
+{% block body_content %}
+<section class="banner_sec" id="top">
+ <div class="carousel-inner">
+ <div class="carousel-item active">
+ <img class="d-block w-100" src="{{
url_static('images/banner.jpg') }}" alt="">
+ <div class="banner_Itm_Inn">
+ <div class="container">
+ <div class="banner_Itm_Txt">
+ <h1><em>Welcome to</em>
Anastasis</h1>
+ <p>Password-less key
recovery via multi-factor <br />
+ multi-party
authentication.</p>
+ <div
class="banpic"><img src="{{ url_static('images/mob.png') }}" alt="" /></div>
+ <div
class="absicon"><img src="{{ url_static('images/absicon.png') }}" alt="" />
</div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</section>
+
+<section class="contentPanel">
+ <div class="container">
+ <div class="inncontentPanel">
+ <h3>Benefits Of Anastasis</h3>
+ <p>Anastasis is a key recovery system that allows the
user to securely deposit shares of a core secret with an open set of escrow
providers, to recover it if the secret is lost. The core secret itself is
protected from the escrow providers by giving each provider only part of the
information, and additionally by encrypting it with an identity-based key
unknown to the providers.</p>
+ </div>
+ </div>
+</section>
+
+<section class="problemSec">
+ <div class="container">
+ <div class="heading">
+ <h1>The <span>Problem</span></h1>
+ </div>
+ <div class="problemBoxes">
+ <div class="row">
+ <div class="col-sm-6">
+ <div class="problemBoxLt">
+ <img src="{{
url_static('images/pic2.png') }}" alt="" />
+ </div>
+ </div>
+ <div class="col-sm-6">
+ <div class="row">
+ <div class="problemBoxRt">
+ <img src="{{
url_static('images/pic1.jpg') }}" alt="" />
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</section>
+
+<section class="boxesPanel">
+ <div class="container">
+ <div class="innboxespanel">
+ <div class="row">
+ <div class="col-sm-6">
+ <div class="boxPanel">
+ <div class="media">
+ <img class="mr-3" src="{{
url_static('images/icon1.png') }}" alt="">
+ <div class="media-body">
+ <p>Confidentiality requires
only consumer is in control of key material.</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm-6">
+ <div class="boxPanel">
+ <div class="media">
+ <img class="mr-3" src="{{
url_static('images/icon2.png') }}" alt="">
+ <div class="media-body">
+ <p>Cryptographic
key-splitting solutions so far are not usable.</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm-6">
+ <div class="boxPanel">
+ <div class="media">
+ <img class="mr-3" src="{{
url_static('images/icon3.png') }}" alt="">
+ <div class="media-body">
+ <p>Consumers are unable to
simultaneously ensure confidentiality & availability of keys.</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm-6">
+ <div class="boxPanel">
+ <div class="media">
+ <img class="mr-3" src="{{
url_static('images/icon4.png') }}" alt="">
+ <div class="media-body">
+ <p>European e-money issuers
using electronic wallets must:</p>
+ <ul>
+ <li>Enable consumers to
always recover their electronic
+ funds (i.e. if
devices are lost).</li>
+ <li>Not assume
consumers are able to remember or
+ securely
preserve key material.
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</section>
+
+
+<section class="solutionSec">
+ <div class="container">
+ <div class="heading">
+ <h2>The <span>Solution</span></h2>
+ </div>
+ <div class="solutionBoxes">
+ <div class="row">
+ <!-- <div class="col-sm-6">
+ <img src="{{
url_static('images/pic3.jpg') }}" alt="" />
+ </div> -->
+ <div class="col-sm-6">
+ <div class="solutionBoxRt">
+ <div class="media boxPanel">
+ <img class="mr-3" src="{{
url_static('images/icon5.png') }}" alt="">
+ <div class="media-body">
+ <p>Users split their secret
keys across multiple service providers.</p>
+ </div>
+ </div>
+ <div class="media boxPanel">
+ <img class="mr-3" src="{{
url_static('images/icon6.png') }}" alt="">
+ <div class="media-body">
+ <p>Service providers learn
nothing about the user, except possibly some details about how to authenticate
the user.</p>
+ </div>
+ </div>
+ <div class="media boxPanel">
+ <img class="mr-3" src="{{
url_static('images/icon7.png') }}" alt="">
+ <div class="media-body">
+ <p>Only the authorized user
can recover the key by following standard authentication procedures (SMS-TAN,
Video-Ident, security question, e-mail, etc.)</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="abspic"><img src="{{
url_static('images/pic3.png') }}" alt="" /></div>
+ </div>
+ </div>
+</section>
+
+
+<section class="conceptSec">
+ <div class="container">
+ <div class="heading">
+ <h2>The <span>Concept</span></h2>
+ </div>
+ <div class="conceptBoxes">
+ <img src="{{ url_static('images/conceptpic.jpg') }}"
alt="" />
+ </div>
+ </div>
+</section>
+
+<section class="blueSec">
+ <div class="container">
+ <div class="innblueSec">
+ <div class="row">
+ <div class="col-sm-4">
+ <div class="blueBox">
+ <div class="iconBox">
+ <div class="inniconBox">
+ <img src="{{
url_static('images/icon8.png') }}" alt="" />
+ </div>
+ </div>
+ <h4>Flexible</h4>
+ <p>Anastasis lets you save your
secret on several escrow providers. You can choose different combinations of
these providers to recover your secret. The various providers provide different
authentication methods (like SMS, secure question or E-Mail) which the user has
to supply to recover their secret.</p>
+ </div>
+ </div>
+ <div class="col-sm-4">
+ <div class="blueBox">
+ <div class="iconBox">
+ <div class="inniconBox">
+ <img src="{{
url_static('images/icon9.png') }}" alt="" />
+ </div>
+ </div>
+ <h4>Defense in depth</h4>
+ <p>Anastasis is based on
well-known cryptographic techniques. Our resulting solution offers post-quantum
security. A compromised database of an individual Anastasis service provider by
itself never leaks information that would be by itself sufficient to recover
any core secret of any user.</p>
+ </div>
+ </div>
+ <div class="col-sm-4">
+ <div class="blueBox">
+ <div class="iconBox">
+ <div class="inniconBox">
+ <img src="{{
url_static('images/icon10.png') }}" alt="" />
+ </div>
+ </div>
+ <h4>Privacy</h4>
+ <p>Anastasis does not safe any
data from the user except for the few details needed for authentication and
recovery of the secret. When using Anastasis, only the user is capable to
recover their secrets. Users can pay anonymously for the service, and switch
service providers at any time.</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</section>
+
+<section class="uploadProcessSec">
+ <div class="container">
+ <div class="heading">
+ <h2>Upload <span>Process Flow </span></h2>
+ </div>
+ <div class="processflowBox">
+ <div class="innprocessBox">
+ <div class="owl-carousel owl-theme">
+ <div class="item">
+ <div class="processBox">
+ <h4>Step 1 - <span>
User has a core secret</span></h4>
+ <img src="{{
url_static('images/pic4.jpg') }}" alt="" />
+ </div>
+ </div>
+ <div class="item">
+ <div class="processBox">
+ <h4>Step 2 - <span> The
core secret is split in several parts</span></h4>
+ <img src="{{
url_static('images/pic6.jpg') }}" alt="" />
+ </div>
+ </div>
+ <div class="item">
+ <div class="processBox">
+ <h4>Step 3 - <span>The
system derives the User ID with the provided identity material.</span></h4>
+ <img src="{{
url_static('images/pic5.jpg') }}" alt="" />
+ </div>
+ </div>
+ <div class="item">
+ <div class="processBox">
+ <h4>Step 4 - <span>The
system derives two keys with the generated user id </span></h4>
+ <img src="{{
url_static('images/pic7.jpg') }}" alt="" />
+ </div>
+ </div>
+ <div class="item">
+ <div class="processBox">
+ <h4>Step 5 - <span>The
pieces of the secret are encrypted with the first key</span></h4>
+ <img src="{{
url_static('images/pic8.jpg') }}" alt="" />
+ </div>
+ </div>
+ <div class="item">
+ <div class="processBox">
+ <h4>Step 5 - <span>The
user sets up authentication methods for each part of the secret </span></h4>
+ <img src="{{
url_static('images/pic9.jpg') }}" alt="" />
+ </div>
+ </div>
+ <div class="item">
+ <div class="processBox">
+ <h4>Step 6 - <span>The
authentication data is then encrypted with the second key</span></h4>
+ <img src="{{
url_static('images/pic10.jpg') }}" alt="" />
+ </div>
+ </div>
+ <div class="item">
+ <div class="processBox">
+ <h4>Step 7 - <span>The
encrypted secret are distributed to different providers</span></h4>
+ <img src="{{
url_static('images/pic11.jpg') }}" alt="" />
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</section>
+
+<section class="uploadProcessSec recovery">
+ <div class="container">
+ <div class="heading">
+ <h2>Recovery <span>Process Flow </span></h2>
+ </div>
+ <div class="processflowBox">
+ <div class="innprocessBox">
+ <div class="owl-carousel owl-theme">
+ <div class="item">
+ <div class="processBox">
+ <h4>Step 1 - <span>The
system derives the User ID with the provided identity material.</span></h4>
+ <img src="{{
url_static('images/pic5.jpg') }}" alt="" />
+ </div>
+ </div>
+ <div class="item">
+ <div class="processBox">
+ <h4>Step 2 - <span>The
system derives the same keys as per the upload</span></h4>
+ <img src="{{
url_static('images/pic7.jpg') }}" alt="" />
+ </div>
+ </div>
+ <div class="item">
+ <div class="processBox">
+ <h4>Step 3 - <span>The
user sends the second key to the providers so that they can decrypt the
authentication data.</span></h4>
+ <img src="{{
url_static('images/pic11.jpg') }}" alt="" />
+ </div>
+ </div>
+ <div class="item">
+ <div class="processBox">
+ <h4>Step 4 - <span>The
providers encrypt the data and are ready for the authentication</span></h4>
+ <img src="{{
url_static('images/pic12.jpg') }}" alt="" />
+ </div>
+ </div>
+ <div class="item">
+ <div class="processBox">
+ <h4>Step 5 - <span>The
user performs the different authentication procedures.</span></h4>
+ <img src="{{
url_static('images/pic13.jpg') }}" alt="" />
+ </div>
+ </div>
+ <div class="item">
+ <div class="processBox">
+ <h4>Step 6 - <span>The
user receives the parts of the secret</span></h4>
+ <img src="{{
url_static('images/pic14.jpg') }}" alt="" />
+ </div>
+ </div>
+ <div class="item">
+ <div class="processBox">
+ <h4>Step 7 - <span>The
user can now decrypt the parts with the first derived key.</span></h4>
+ <img src="{{
url_static('images/pic15.jpg') }}" alt="" />
+ </div>
+ </div>
+ <div class="item">
+ <div class="processBox">
+ <h4>Step 8 - <span>The
system can now reassemble the secret.</span></h4>
+ <img src="{{
url_static('images/pic16.jpg') }}" alt="" />
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</section>
+
+<section class="boxesPanel propossec">
+ <div class="container">
+ <div class="heading">
+ <h2>Unique Sales <span>Propositions</span></h2>
+ </div>
+ <div class="innboxespanel">
+ <div class="row">
+ <div class="col-lg-4 col-md-6 col-sm-6">
+ <div class="boxPanel">
+ <div class="media">
+ <img class="mr-3" src="{{
url_static('images/proicon1.jpg') }}" alt="">
+ <div class="media-body">
+ <p>Low-cost solution with
minimal environmental impact.</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-4 col-md-6 col-sm-6">
+ <div class="boxPanel">
+ <div class="media">
+ <img class="mr-3" src="{{
url_static('images/proicon2.jpg') }}" alt="">
+ <div class="media-body">
+ <p>Increases informational
self-determination by keeping consumers in control of their data</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-4 col-md-6 col-sm-6">
+ <div class="boxPanel">
+ <div class="media">
+ <img class="mr-3" src="{{
url_static('images/proicon3.jpg') }}" alt="">
+ <div class="media-body">
+ <p>Distributed trust
instead of single point of failure</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-4 col-md-6 col-sm-6">
+ <div class="boxPanel">
+ <div class="media">
+ <img class="mr-3" src="{{
url_static('images/proicon4.jpg') }}" alt="">
+ <div class="media-body">
+ <p>Ease of use </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-4 col-md-6 col-sm-6">
+ <div class="boxPanel">
+ <div class="media">
+ <img class="mr-3" src="{{
url_static('images/proicon5.jpg') }}" alt="">
+ <div class="media-body">
+ <p>Generic API suitable for
a range of applications </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-4 col-md-6 col-sm-6">
+ <div class="boxPanel">
+ <div class="media">
+ <img class="mr-3" src="{{
url_static('images/proicon6.jpg') }}" alt="">
+ <div class="media-body">
+ <p>Maximum privacy with
respect to authentication data</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-4 col-md-6 col-sm-6">
+ <div class="boxPanel">
+ <div class="media">
+ <img class="mr-3" src="{{
url_static('images/proicon7.jpg') }}" alt="">
+ <div class="media-body">
+ <p>Low cost, scalable
cloud-based solution </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-4 col-md-6 col-sm-6">
+ <div class="boxPanel">
+ <div class="media">
+ <img class="mr-3" src="{{
url_static('images/proicon8.jpg') }}" alt="">
+ <div class="media-body">
+ <p>Customers can remain
anonymous</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-4 col-md-6 col-sm-6">
+ <div class="boxPanel">
+ <div class="media">
+ <img class="mr-3" src="{{
url_static('images/proicon9.jpg') }}" alt="">
+ <div class="media-body">
+ <p>Post-quantum security
</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-4 col-md-6 col-sm-6">
+ <div class="boxPanel">
+ <div class="media">
+ <img class="mr-3" src="{{
url_static('images/proicon10.jpg') }}" alt="">
+ <div class="media-body">
+ <p>E-money issuer does not
have to protect consumer data against its own staff and can respect consumer
privacy</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</section>
+
+{% endblock body_content %}
--
To stop receiving notification emails like this one, please contact
gnunet@gnunet.org.
[Prev in Thread] |
Current Thread |
[Next in Thread] |
- [taler-anastasis-www] branch master updated: Replacing the old index.html.j2 with the new index file for the Anastasis homepage,
gnunet <=