-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
137 lines (134 loc) · 6.46 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tumpa</title>
<meta name="description" content="Tumpa is a usability-minded OpenPGP desktop application that makes key management and smartcard controls easy and usable for everyone.">
<meta property="og:title" content="Tumpa">
<meta property="og:description" content="Tumpa is a usability-minded OpenPGP desktop application that makes key management and smartcard controls easy and usable for everyone.">
<meta property="og:image" content="https://tumpa.rocks/icon.jpg">
<meta property="og:image:alt" content="Logo of Tumpa">
<meta property="og:locale" content="en_GB">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta property="og:url" content="https://tumpa.rocks">
<link rel="canonical" href="https://tumpa.rocks">
<link rel="icon" href="img/icon.svg" type="image/svg+xml"/>
<link rel="stylesheet" href="css/style.css" />
<noscript
><style>
.with-js {
display: none;
}
.no-js {
display: block;
}
</style></noscript
>
</head>
<body>
<main class="container">
<section class="main">
<div class="main-bg"></div>
<div class="main-section">
<div class="main-text">
<h1 class="sr-only">Tumpa Landing Page</h1>
<img class="with-js" src="./img/logo.svg" alt="Tumpa logo"/>
<img class="no-js" src="./img/logo.png" alt="Tumpa logo" />
<h2 class="title">OpenPGP for smart cards made easy.</h2>
<p class="subtext">
No more terminals, no more typing or entering options multiple times.
All you need to do is fill out a few fields, and click a few times.
</p>
</div>
<img class="main-illustration" src="./img/main-illustration.svg" alt="An illustration depicting the UX of Tumpa. It has an envelope with a letter and a lock depicting encrypted emails and a yubikey used to decrypt emails." />
</div>
</section>
<section class="download-box-container">
<h2 class="sr-only">Download Tumpa</h2>
<div class="icons">
<img src="./img/linux.svg" class="with-js" alt="Logo of linux" />
<img src="./img/linux.png" class="no-js" alt="Logo of linux" />
<img src="./img/mac.svg" class="with-js" alt="Logo of Apple" />
<img src="./img/linux.png" class="no-js" alt="Logo of Apple" />
</div>
<p class="text">Tumpa is available as a Desktop application for MacOS (Apple silicon) and Linux</p>
<a href="https://github.com/tumpaproject/tumpa/releases/tag/v0.10.0" class="download-button">Download (v0.10.0)</a>
</section>
<section class="features">
<h2>Features</h2>
<div class="feature-boxes-container">
<div class="feature-box">
<img src="./img/key-management.svg" class="with-js" alt="" />
<img src="./img/key-management.png" class="no-js" alt="" />
<h3>Easy Key Management</h3>
<p>Tumpa makes creation and management of keys super easy. You can create and
update OpenPGP keys with a few clicks using a GUI. In the future you will be able to
change the expiration dates and add/revoke user ids, removing any need of a command line.</p>
</div>
<div class="feature-box">
<img src="./img/user-ids.svg" class="with-js" alt="" />
<img src="./img/user-ids.png" class="no-js" alt="" />
<h3>Tailored for Yubikeys</h3>
<p>You can upload an OpenPGP key to a Yubikey (4/5) with minimal effort.
Designed by usability researchers to maximize the user experience.
It's probably the first ever desktop application which enables upload via clicks.</p>
</div>
<div class="feature-box">
<img src="./img/compatibility.svg" class="with-js" alt="" />
<img src="./img/compatibility.png"class="no-js" alt="" />
<h3>Built in Public Interest</h3>
<p>We believe that privacy should be for everyone and should be an easy user experience.
We are building this Free Software so that everyone can have a better
experience and more security using smartcards while doing OpenPGP operations.</p>
</div>
</div>
</section>
<!-- <section class="testimonials">
<h2>Testimonials</h2>
<div class="testimonials-container">
<div class="testimonial">
<div class="testimonial-image">
<img src="./img/otf.svg" class="with-js" alt="" />
<img src="./img/otf.png" class="no-js" alt="" />
</div>
<p>“Lorem ipsum dolor sit amet, consectetur adipiscing elit. “</p>
</div>
<div class="testimonial">
<div class="testimonial-image">
<img src="./img/tor.svg" class="with-js" alt="" />
<img src="./img/tor.png" class="no-js" alt="" />
</div>
<p>“Lorem ipsum dolor sit amet, consectetur adipiscing elit. “</p>
</div>
<div class="testimonial">
<div class="testimonial-image">
<img src="./img/ura.svg" class="with-js" alt="" />
<img src="./img/ura.png" class="no-js" alt="" />
</div>
<p>“Lorem ipsum dolor sit amet, consectetur adipiscing elit. “</p>
</div>
</div>
</section> -->
</main>
<footer>
<div class="tumpa-bird">
<h2 class="sr-only">Links related to Tumpa</h2>
<div class="social-media">
<a href="https://github.com/tumpaproject/tumpa">
<img src="./img/github.svg" class="with-js" alt="Link to Tumpa Github" />
<img src="./img/github.png" class="no-js" alt="Link to Tumpa Github" />
</a>
<!-- <img src="./img/twitter.svg" class="with-js" alt="" />
<img src="./img/twitter.png" class="no-js" alt="" /> -->
<a href="mailto:[email protected]">
<img src="./img/email.svg" class="with-js" alt="Email contact for Tumpa" />
<img src="./img/email.png" class="no-js" alt="Email contact for Tumpa" />
</a>
</div>
</div>
</footer>
</body>
</html>