diff --git a/out/static/fonts/Raleway_400.eot b/out/static/fonts/Raleway_400.eot
deleted file mode 100644
index 1c45e81..0000000
Binary files a/out/static/fonts/Raleway_400.eot and /dev/null differ
diff --git a/out/static/fonts/Raleway_400.svg b/out/static/fonts/Raleway_400.svg
deleted file mode 100644
index 3587070..0000000
--- a/out/static/fonts/Raleway_400.svg
+++ /dev/null
@@ -1,347 +0,0 @@
-
-
-
-
-
-
diff --git a/out/static/fonts/Raleway_400.ttf b/out/static/fonts/Raleway_400.ttf
deleted file mode 100644
index 7147708..0000000
Binary files a/out/static/fonts/Raleway_400.ttf and /dev/null differ
diff --git a/out/static/fonts/Raleway_400.woff b/out/static/fonts/Raleway_400.woff
deleted file mode 100644
index 84e4bc5..0000000
Binary files a/out/static/fonts/Raleway_400.woff and /dev/null differ
diff --git a/out/static/fonts/Raleway_400.woff2 b/out/static/fonts/Raleway_400.woff2
deleted file mode 100644
index 7cb7031..0000000
Binary files a/out/static/fonts/Raleway_400.woff2 and /dev/null differ
diff --git a/out/static/fonts/Raleway_400italic.eot b/out/static/fonts/Raleway_400italic.eot
deleted file mode 100644
index 1612eb8..0000000
Binary files a/out/static/fonts/Raleway_400italic.eot and /dev/null differ
diff --git a/out/static/fonts/Raleway_400italic.svg b/out/static/fonts/Raleway_400italic.svg
deleted file mode 100644
index c6dcd46..0000000
--- a/out/static/fonts/Raleway_400italic.svg
+++ /dev/null
@@ -1,361 +0,0 @@
-
-
-
-
-
-
diff --git a/out/static/fonts/Raleway_400italic.ttf b/out/static/fonts/Raleway_400italic.ttf
deleted file mode 100644
index a615651..0000000
Binary files a/out/static/fonts/Raleway_400italic.ttf and /dev/null differ
diff --git a/out/static/fonts/Raleway_400italic.woff b/out/static/fonts/Raleway_400italic.woff
deleted file mode 100644
index 3438d8e..0000000
Binary files a/out/static/fonts/Raleway_400italic.woff and /dev/null differ
diff --git a/out/static/fonts/Raleway_400italic.woff2 b/out/static/fonts/Raleway_400italic.woff2
deleted file mode 100644
index 1515ad6..0000000
Binary files a/out/static/fonts/Raleway_400italic.woff2 and /dev/null differ
diff --git a/out/static/fonts/Raleway_900italic.eot b/out/static/fonts/Raleway_900italic.eot
deleted file mode 100644
index b67777a..0000000
Binary files a/out/static/fonts/Raleway_900italic.eot and /dev/null differ
diff --git a/out/static/fonts/Raleway_900italic.svg b/out/static/fonts/Raleway_900italic.svg
deleted file mode 100644
index 87a1769..0000000
--- a/out/static/fonts/Raleway_900italic.svg
+++ /dev/null
@@ -1,344 +0,0 @@
-
-
-
-
-
-
diff --git a/out/static/fonts/Raleway_900italic.ttf b/out/static/fonts/Raleway_900italic.ttf
deleted file mode 100644
index 5e2c7fb..0000000
Binary files a/out/static/fonts/Raleway_900italic.ttf and /dev/null differ
diff --git a/out/static/fonts/Raleway_900italic.woff b/out/static/fonts/Raleway_900italic.woff
deleted file mode 100644
index 663771c..0000000
Binary files a/out/static/fonts/Raleway_900italic.woff and /dev/null differ
diff --git a/out/static/fonts/Raleway_900italic.woff2 b/out/static/fonts/Raleway_900italic.woff2
deleted file mode 100644
index 07eefc8..0000000
Binary files a/out/static/fonts/Raleway_900italic.woff2 and /dev/null differ
diff --git a/out/static/fonts/font.css b/out/static/fonts/font.css
index 1751214..f8039f4 100644
--- a/out/static/fonts/font.css
+++ b/out/static/fonts/font.css
@@ -1,39 +1,3 @@
-@font-face {
- font-family: 'Raleway';
- font-style: normal;
- font-weight: 400;
- src:
- local('Raleway'),
- local('Raleway-Regular'),
- /* from https://fonts.gstatic.com/s/raleway/v11/JDau3G46nqY5-B-S9E_nwg.eot */
- url('Raleway_400.eot?#iefix') format('embedded-opentype'),
- /* from https://fonts.gstatic.com/s/raleway/v11/IczWvq5y_Cwwv_rBjOtT0w.woff */
- url('Raleway_400.woff') format('woff'),
- /* from https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2 */
- url('Raleway_400.woff2') format('woff2'),
- /* from https://fonts.gstatic.com/l/font?kit=IP_NSg73bUZGuyb3zF6qcQ&skey=30a27f2564731c64&v=v11#Raleway */
- url('Raleway_400.svg#Raleway') format('svg'),
- /* from https://fonts.gstatic.com/s/raleway/v11/bIcY3_3JNqUVRAQQRNVteQ.ttf */
- url('Raleway_400.ttf') format('truetype');
-}
-@font-face {
- font-family: 'Raleway';
- font-style: normal;
- font-weight: 700;
- src:
- local('Raleway Bold'),
- local('Raleway-Bold'),
- /* from https://fonts.gstatic.com/s/raleway/v11/JbtMzqLaYbbbCL9X6EvaI1QlYEbsez9cZjKsNMjLOwM.eot */
- url('Raleway_700.eot?#iefix') format('embedded-opentype'),
- /* from https://fonts.gstatic.com/s/raleway/v11/JbtMzqLaYbbbCL9X6EvaIxsxEYwM7FgeyaSgU71cLG0.woff */
- url('Raleway_700.woff') format('woff'),
- /* from https://fonts.gstatic.com/s/raleway/v11/JbtMzqLaYbbbCL9X6EvaI_k_vArhqVIZ0nv9q090hN8.woff2 */
- url('Raleway_700.woff2') format('woff2'),
- /* from https://fonts.gstatic.com/l/font?kit=JbtMzqLaYbbbCL9X6EvaI6WUboTb-jS2tyCOQMtm97g&skey=e507c3e2b7915ad1&v=v11#Raleway */
- url('Raleway_700.svg#Raleway') format('svg'),
- /* from https://fonts.gstatic.com/s/raleway/v11/JbtMzqLaYbbbCL9X6EvaIy3USBnSvpkopQaUR-2r7iU.ttf */
- url('Raleway_700.ttf') format('truetype');
-}
@font-face {
font-family: 'Raleway';
font-style: normal;
@@ -52,60 +16,6 @@
/* from https://fonts.gstatic.com/s/raleway/v11/PKCRbVvRfd5n7BTjtGiFZC3USBnSvpkopQaUR-2r7iU.ttf */
url('Raleway_900.ttf') format('truetype');
}
-@font-face {
- font-family: 'Raleway';
- font-style: italic;
- font-weight: 400;
- src:
- local('Raleway Italic'),
- local('Raleway-Italic'),
- /* from https://fonts.gstatic.com/s/raleway/v11/IIm-lPOtfVKQy0GMiczF__Y6323mHUZFJMgTvxaG2iE.eot */
- url('Raleway_400italic.eot?#iefix') format('embedded-opentype'),
- /* from https://fonts.gstatic.com/s/raleway/v11/IIm-lPOtfVKQy0GMiczF_z8E0i7KZn-EPnyo3HZu7kw.woff */
- url('Raleway_400italic.woff') format('woff'),
- /* from https://fonts.gstatic.com/s/raleway/v11/IIm-lPOtfVKQy0GMiczF_1tXRa8TVwTICgirnJhmVJw.woff2 */
- url('Raleway_400italic.woff2') format('woff2'),
- /* from https://fonts.gstatic.com/l/font?kit=IIm-lPOtfVKQy0GMiczF_5bd9NUM7myrQQz30yPaGQ4&skey=bf44ee29381a37b0&v=v11#Raleway */
- url('Raleway_400italic.svg#Raleway') format('svg'),
- /* from https://fonts.gstatic.com/s/raleway/v11/IIm-lPOtfVKQy0GMiczF_6CWcynf_cDxXwCLxiixG1c.ttf */
- url('Raleway_400italic.ttf') format('truetype');
-}
-@font-face {
- font-family: 'Raleway';
- font-style: italic;
- font-weight: 700;
- src:
- local('Raleway Bold Italic'),
- local('Raleway-BoldItalic'),
- /* from https://fonts.gstatic.com/s/raleway/v11/lFxvRPuGFG5ktd7P0WRwKnZ2MAKAc2x4R1uOSeegc5U.eot */
- url('Raleway_700italic.eot?#iefix') format('embedded-opentype'),
- /* from https://fonts.gstatic.com/s/raleway/v11/lFxvRPuGFG5ktd7P0WRwKnhCUOGz7vYGh680lGh-uXM.woff */
- url('Raleway_700italic.woff') format('woff'),
- /* from https://fonts.gstatic.com/s/raleway/v11/lFxvRPuGFG5ktd7P0WRwKugdm0LZdjqr5-oayXSOefg.woff2 */
- url('Raleway_700italic.woff2') format('woff2'),
- /* from https://fonts.gstatic.com/l/font?kit=lFxvRPuGFG5ktd7P0WRwKllIn5tFQcqMuf-jhyJP0ps&skey=9ecf9384a6d643b6&v=v11#Raleway */
- url('Raleway_700italic.svg#Raleway') format('svg'),
- /* from https://fonts.gstatic.com/s/raleway/v11/lFxvRPuGFG5ktd7P0WRwKonF5uFdDttMLvmWuJdhhgs.ttf */
- url('Raleway_700italic.ttf') format('truetype');
-}
-@font-face {
- font-family: 'Raleway';
- font-style: italic;
- font-weight: 900;
- src:
- local('Raleway Black Italic'),
- local('Raleway-BlackItalic'),
- /* from https://fonts.gstatic.com/s/raleway/v11/oY2RadnkHfshu5f0FLsgVXZ2MAKAc2x4R1uOSeegc5U.eot */
- url('Raleway_900italic.eot?#iefix') format('embedded-opentype'),
- /* from https://fonts.gstatic.com/s/raleway/v11/oY2RadnkHfshu5f0FLsgVXhCUOGz7vYGh680lGh-uXM.woff */
- url('Raleway_900italic.woff') format('woff'),
- /* from https://fonts.gstatic.com/s/raleway/v11/oY2RadnkHfshu5f0FLsgVegdm0LZdjqr5-oayXSOefg.woff2 */
- url('Raleway_900italic.woff2') format('woff2'),
- /* from https://fonts.gstatic.com/l/font?kit=oY2RadnkHfshu5f0FLsgVVlIn5tFQcqMuf-jhyJP0ps&skey=32121ddc7056992b&v=v11#Raleway */
- url('Raleway_900italic.svg#Raleway') format('svg'),
- /* from https://fonts.gstatic.com/s/raleway/v11/oY2RadnkHfshu5f0FLsgVYnF5uFdDttMLvmWuJdhhgs.ttf */
- url('Raleway_900italic.ttf') format('truetype');
-}
@font-face {
font-family: 'Lato';
font-style: normal;
diff --git a/out/static/screenshot1.png b/out/static/screenshot1.png
new file mode 100644
index 0000000..9b981eb
Binary files /dev/null and b/out/static/screenshot1.png differ
diff --git a/out/static/screenshot2.png b/out/static/screenshot2.png
new file mode 100644
index 0000000..c99c12d
Binary files /dev/null and b/out/static/screenshot2.png differ
diff --git a/out/static/screenshot3.png b/out/static/screenshot3.png
new file mode 100644
index 0000000..e3a227c
Binary files /dev/null and b/out/static/screenshot3.png differ
diff --git a/out/static/style.css b/out/static/style.css
index 794482c..a106086 100644
--- a/out/static/style.css
+++ b/out/static/style.css
@@ -57,6 +57,23 @@ footer .links {
#get-appcheck:hover { color: #586472; }
#get-appcheck img { width: 3em; height: 3em; margin: .3em; }
#get-appcheck * { display: inline-block; vertical-align: middle; }
+.carousel { width: max-content; }
+.carousel img { margin: 20px; }
+.note {
+ color: #550;
+ background: #F5F570;
+ border: 3px solid #DD0;
+ border-radius: 7px;
+ padding: 16px 2%;
+ width: max-content;
+ max-width: 96%;
+}
+.note h4, .note p { margin: 0 0 5px 0; }
+.squeeze ul {
+ list-style-type: '○ ';
+ padding: 0;
+ margin: .5em 0 1em 1em;
+}
/* dropdown */
.dropdown button {
diff --git a/src/html_root.py b/src/html_root.py
index 3e694d0..3ce37bf 100755
--- a/src/html_root.py
+++ b/src/html_root.py
@@ -6,33 +6,8 @@ import lib_html as HTML
def gen_root():
- HTML.write(mylib.path_out(), '''
-About
-
-''')
+ with open(mylib.path_root('templates', 'root.html'), 'r') as fp:
+ HTML.write(mylib.path_out(), fp.read())
def gen_help():
diff --git a/templates/base.html b/templates/base.html
index 1d6f1ce..5cf5d16 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -3,9 +3,9 @@
#_TITLE_#AppCheck: Privacy Monitor
- Research Project
+
+
+ The AppCheck research project is an effort to shine light on the background activity of iOS apps.
+ Making the otherwise hidden network connections visible to everyone.
+ The goal is to make privacy more accessible to the general public.
+ And thus make incentives for app developers to respect the users privacy.
+
+
+ We want to offer users, activists, data protection authorities, and data protection officers an easily accessible and flexible tool to assess the privacy measures of iOS applications.
+
+
AppCheck allows users to:
+
+ get a visiual overview over an apps communication signature
+ assess how an app ranks within its peer group or category
+ influence the ranking according to their own preferences
+
+
+
Current Notice:
+
+ We have an ongoing research project . Your help is highly appreciated.
+ this link .
+
+
Results
+
+
+ This website is the front-end for the evaluated data.
+ All app recordings are collected and displayed here.
+ In a visual way it shows you how many known trackers an app uses.
+ How apps compare to each other, and if there are privacy friendly alternatives.
+
+
+ You can go to all apps directly.
+ Or, if you're interested in details, check the results section .
+
+
AppCheck – The App
+
+ AppCheck is a pocket DNS monitor and network filter.
+
+
+How does it work?
+
+ AppCheck creates a local VPN proxy to intercept all network connections.
+ For each connection AppCheck looks into the DNS headers only, namely the domain names.
+ These domain names are logged in the background while the VPN is running.
+ AppCheck does not need to be active all the time.
+
+
+What about privacy?
+
+ Your data belongs to you.
+ Therefore, monitoring and analysis takes place on your device only.
+ AppCheck learns only the destination addresses, not the actual data that is exchanged.
+ The app does not share any data with us or any other third-party – unless you choose to.
+
+
+How can I contribute?
+
+ AppCheck allows you to record app specific activity.
+ You can share these recordings with us and the community.
+ This can help you and others avoid phony applications; even before you install an app.
+
+
+
+ Get the iOS App and contribute.
+
+
+ Source code is available on GitHub .
+
+
+Limitations
+
+
+ AppCheck can not detect if a network activity belongs to one app or another.
+ This is due to technical limitations of the VPN network extension.
+ Therefore these results can't be taken 100 % certain.
+ These wrong attributions can be minimized by running only a single application at a time (during recording).
+ Further, results are filtered prior to publication.
+ Requests that are contained only in a small subset of recordings are ignored.
+
+
+ This project is limited to iOS applications .
+ But there are similar projects for Android apps and websites.
+ Check these out:
+
+
+ > TrackerControl
+
+ > PrivacyScore.org
+
- 
+ 
+ 
+