-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
162 lines (155 loc) · 8.78 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
156
157
158
159
160
161
162
<!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">
<!-- Open Sans font -->
<link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i">
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="https://digital-justice.com/all.css">
<link rel="stylesheet" media="screen and (max-width: 48em)" href="https://digital-justice.com/small.css">
<!-- Meta tags -->
<!-- Primary Meta Tags -->
<title>Digital Justice</title>
<meta name="title" content="Digital Justice">
<meta name="description" content="Stop raising your finger at Facebook for stealing our data. Instead, use modern solutions to overcome challenges that arise in a digital world. Here's how.">
<!-- FontAwesome -->
<link rel="stylesheet" type="text/css" href="https://digital-justice.com/icons/fontawesome-free-5.13.0-web/css/all.css">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://digital-justice.com/">
<meta property="og:title" content="Digital Justice">
<meta property="og:description" content="Stop raising your finger at Facebook for stealing our data. Instead, use modern solutions to overcome challenges that arise in a digital world. Here's how.">
<meta property="og:image" content="https://digital-justice.com/images/data-sovereignty-nologo.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://digital-justice.com/">
<meta property="twitter:title" content="Digital Justice">
<meta property="twitter:description" content="Stop raising your finger at Facebook for stealing our data. Instead, use modern solutions to overcome challenges that arise in a digital world. Here's how.">
<meta property="twitter:image" content="https://digital-justice.com/images/data-sovereignty-nologo.png">
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="https://digital-justice.com/icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://digital-justice.com/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://digital-justice.com/icons/favicon-16x16.png">
<link rel="manifest" href="https://digital-justice.com/icons/site.webmanifest">
</head>
<body>
<header>
<nav>
<a href="index.html"><i class="fas fa-home"></i> Home</a>
<a href="rights.html">Digital rights</a>
<a href="articles/index.html">Articles</a>
<div id="language-picker"></div>
<a href="javascript:void(0)" class="hamburger" onclick="openHamburger()">
<i class="fa fa-bars"></i>
</a>
</nav>
<script src="https://digital-justice.com/js/open-hamburger.js"></script>
</header>
<main>
<section style="background-color: var(--shade-orange-2)">
<h1 style="font-family: 'Source Sans Pro', 'Playfair Display', sans-serif;">Digital Justice</h1>
<p>
Digital Justice is a group of people who want digital human rights for everyone. Together, we solve the issues that arise in a digital world.
</p>
<p style="margin-top:40px">
<a class="btn filled" href="rights.html">Read More</a>
</p>
</section>
<section>
<article>
<h4>Most recent articles</h4>
<div class="horizontal">
<div>
<h2>Staying online during a conflict</h2>
<p>
How to remain connected to the internet during a humanitarian conflict or war.
</p>
<a href="articles/connection-during-conflict.html">Read more...</a>
</div>
<div>
<h2>Google has become too powerful - it's time for a European search index!</h2>
<p>
The latest Google antitrust fine by the EU shows why Google's power must be limited.
</p>
<p>
Written by <a href="https://tutanota.com/blog/posts/european-search-engine/">Tutanota</a>
</p>
<a href="articles/european-search-index.html">Read more...</a>
</div>
</div>
<p>Or subscribe to <a href="feed.rss">our RSS feed</a>.</p>
</article>
</section>
<section>
<article>
<h4>Ideals</h4>
<h1>What we stand for</h1>
<div class="horizontal" style="align-items: stretch;" id="ideals">
<article class="horizontal medium-preview">
<div>
<img src="https://digital-justice.com/images/software-warranty.png">
</div>
<div>
<h4>Software Warranty</h4>
<p>Software doesn't erode from natural causes, therefore deserves a longer life expectancy.</p>
<a class="btn filled big round" href="software-warranty.html">More</a>
</div>
</article>
<article class="horizontal medium-preview">
<div>
<img src="https://digital-justice.com/images/installation-freedom.png">
</div>
<div>
<h4>Freedom of Installation</h4>
<p>No one should be required or expected to run specific software on their electronic device.</p>
<a class="btn filled big round" href="freedom-of-installation.html">More</a>
</div>
</article>
<article class="horizontal medium-preview">
<div>
<img src="https://digital-justice.com/images/software-autonomy.png">
</div>
<div>
<h4>Software Autonomy</h4>
<p>Walled gardens limit freedom. Anyone should have the right to reprogram their device.</p>
<a class="btn filled big round" href="software-autonomy.html">More</a>
</div>
</article>
</div>
<p><a class="btn big round" href="rights.html">View All...</a></p>
</article>
</section>
<section>
<article class="horizontal">
<div style="text-align: center;">
<img src="https://digital-justice.com/images/pexels-george-milton-6954194.jpg">
</div>
<div class="four-cards">
<div style="background-color: var(--shade-orange-1);">
<h3>Learn how we can achieve digital justice</h3>
</div>
<div style="background-color: var(--shade-gray-1);">
<p>If the new EU privacy laws don't stop big tech companies from stealing your data, is there anything that does?</p>
</div>
<div style="background-color: var(--shade-green-1);">
<p>How can a modern democracy ensure that I'm not being tracked online?</p>
</div>
<div style="background-color: var(--shade-white-1);">
<p>Why is it so difficult for everyone to leave Facebook? How can we make it easier?</p>
</div>
</div>
</article>
</section>
</main>
<footer>
<p>
This website was founded by <a href="https://noordstar.me/">BramvdnHeuvel</a>. Here's <a href="https://github.com/BramvdnHeuvel/Digital-Justice">the source code.</a><br>
You can contact them per <a href="mailto:[email protected]">email</a> or on <a href="https://matrix.to/#/#digital-justice:noordstar.me">Matrix</a>.
</p>
<script src="https://digital-justice.com/js/language-picker.js"></script>
<script src="https://digital-justice.com/js/preview-ideals.js"></script>
</footer>
</body>
</html>