-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
155 lines (151 loc) · 8.24 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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>dIM</title>
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,600" rel="stylesheet">
<link rel="stylesheet" href="dist/css/style.css">
<script src="https://unpkg.com/[email protected]/lib/anime.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/scrollreveal.min.js"></script>
</head>
<body class="is-boxed has-animations">
<div class="body-wrap">
<header class="site-header">
<div class="container">
<div class="site-header-inner">
<div class="brand header-brand">
<h1 class="m-0">
<a href="https://www.dimchat.org">
<img class="header-logo-image" src="dist/images/logo.svg" alt="Logo">
</a>
</h1>
</div>
</div>
</div>
</header>
<main>
<section class="hero">
<div class="container">
<div class="hero-inner">
<div class="hero-copy">
<h1 class="hero-title mt-0">OFFLINE CHAT</h1>
<p class="hero-paragraph">Decentralized Instant Messenger (dIM in short) is an offline messaging app for iOS. It allows you to keep chatting with your friends in case of emergencies, riots or natural disasters.</p>
<div class="hero-cta">
<a class="button
button-primary"
href="https://apps.apple.com/dk/app/dim-chat/id1583606879">App
Store (iOS)</a>
<a class="button" href="https://github.com/KaffeDiem/dim">Source</a>
<a class="button" href="https://dimchat.org/docs/index.html">Docs</a></div>
</div>
</div>
</div>
</section>
<section class="features section">
<div class="container">
<div class="features-inner section-inner has-bottom-divider">
<div class="features-wrap">
<div class="feature text-center is-revealing">
<div class="feature-inner">
<div class="feature-icon">
<img src="dist/images/feature-icon-02.svg" alt="Feature 02">
</div>
<h4 class="feature-title mt-24">Chat Offline</h4>
<p class="text-sm mb-0">Once dIM is installed you never have to access the internet again to send and receive messages. Stay in airplane mode as long as you would like and chat away.</p>
</div>
</div>
<div class="feature text-center is-revealing">
<div class="feature-inner">
<div class="feature-icon">
<img src="dist/images/feature-icon-03.svg" alt="Feature 03">
</div>
<h4 class="feature-title mt-24">How It Works</h4>
<p class="text-sm mb-0">dIM uses Bluetooth
to maintain a connection to other nearby
users of dIM. When you send a message to
your friend it is sent through the Bluetooth connection of other people!</p>
</div>
</div>
<div class="feature text-center is-revealing">
<div class="feature-inner">
<div class="feature-icon">
<img src="dist/images/feature-icon-04.svg" alt="Feature 04">
</div>
<h4 class="feature-title mt-24">The Range</h4>
<p class="text-sm mb-0">The range of
Bluetooth Low Energy is 100 meters or 330
feet. If your friend is further away, the
messsage is sent through other dIM users' connection if there are any. Otherwise the message is delivered next time a connection is made.</p>
</div>
</div>
<div class="feature text-center is-revealing">
<div class="feature-inner">
<div class="feature-icon">
<img src="dist/images/feature-icon-01.svg" alt="Feature 01">
</div>
<h4 class="feature-title mt-24">Add New Contacts</h4>
<p class="text-sm mb-0">Open dIM on your
phone and navigate to the QR code screen.
Let your friends scan your QR code, then
scan theirs. This enables
you to send each
other messages through the dIM network.</p>
</div>
</div>
<div class="feature text-center is-revealing">
<div class="feature-inner">
<div class="feature-icon">
<img src="dist/images/feature-icon-05.svg" alt="Feature 01">
</div>
<h4 class="feature-title mt-24">Decentralized</h4>
<p class="text-sm mb-0">dIM is
decentralized and all phones play an equal
part in keeping the network running. This
makes your phone a node in the dIM network.
This ensures network stability and that the
network is always available.
</p>
</div>
</div>
<div class="feature text-center is-revealing">
<div class="feature-inner">
<div class="feature-icon">
<img src="dist/images/feature-icon-06.svg" alt="Feature 01">
</div>
<h4 class="feature-title mt-24">No Data Collection</h4>
<p class="text-sm mb-0">Your data belongs to you. As such no user data is collected, no connections are made to any servers and no logs are created. The content of your messages are encrypted for only you and your contact to see.</p>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container">
<div class="site-footer-inner">
<div class="brand footer-brand">
<a href="#">
<img class="header-logo-image" src="dist/images/logo.svg" alt="Logo">
</a>
</div>
<ul class="footer-links list-reset">
<li>
<a href="https://www.dimchat.org/privacy-policy.html">Privacy Policy</a>
</li>
<li>
<a href="https://www.dimchat.org/eula.html">EULA</a>
</li>
<li>
<div class="footer-copyright">© 2021, Kasper Munch Jensen</div>
</li>
</ul>
</div>
</div>
</footer>
</div>
<script src="dist/js/main.min.js"></script>
</body>
</html>