relikd/appchk-web
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Small changes

Browse Source
This commit is contained in:
relikd
2020-09-20 14:37:28 +02:00
parent 59321406ab
commit 825ed70658
4 changed files with 41 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
out/static/style.css
View File

@@ -9,7 +9,7 @@ body {
a { text-decoration: none; color: unset; } a { text-decoration: none; color: unset; }
main a { border-bottom: 1pt dotted; } main a { border-bottom: 1pt dotted; }
a:hover { border-bottom: 1pt solid; } a:hover { border-bottom: 1pt solid; }
a.no-ul, a.no-ul:hover, .no_ul_all a, .no_ul_all a:hover { a.no-ul, a.no-ul:hover, .no-ul-all a, .no-ul-all a:hover {
border-bottom: unset; border-bottom: unset;
} }
main, footer { padding: 0 1em; } main, footer { padding: 0 1em; }
@@ -25,13 +25,13 @@ header h1 {
font-size: 1.4em; font-size: 1.4em;
font-weight: 900; font-weight: 900;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.9px; letter-spacing: .9px;
color: #fff; color: #fff;
margin-top: 0; margin-top: 0;
} }
header h1 span { font-size: 0.7em; color: silver; } header h1 span { font-size: .7em; color: silver; }
main { main {
padding: 0.1em 2em 1.5em; padding: .1em 2em 1.5em;
background: #fff; background: #fff;
color: #000; color: #000;
border-radius: 10px; border-radius: 10px;
@@ -45,23 +45,23 @@ footer .col3 div {
} }
footer .links { footer .links {
text-align: center; text-align: center;
font-size: 0.9em; font-size: .9em;
padding: 1em; padding: 1em;
} }
#main-nav { float: right; padding: 0; } #main-nav { float: right; padding: 0; }
#main-nav li { display: inline-block; margin-right: 1em; } #main-nav li { display: inline-block; margin-right: 1em; }
#main-nav img { height: 1.2em; margin: 0 -0.4em; } #main-nav img { height: 1.2em; margin: 0 -.4em; }
#main-nav img:hover { transform: scale(1.2); } #main-nav img:hover { transform: scale(1.2); }
/* web root */ /* web root */
#get-appcheck:hover { color: #586472; } #get-appcheck:hover { color: #586472; }
#get-appcheck img { width: 3em; height: 3em; margin: 0.3em; } #get-appcheck img { width: 3em; height: 3em; margin: .3em; }
#get-appcheck * { display: inline-block; vertical-align: middle; } #get-appcheck * { display: inline-block; vertical-align: middle; }
/* dropdown */ /* dropdown */
.dropdown button { .dropdown button {
padding: 0.5em 1em; padding: .5em 1em;
font-size: 16px; font-size: 16px;
cursor: pointer; cursor: pointer;
} }
@@ -70,11 +70,11 @@ footer .links {
display: none; display: none;
position: absolute; position: absolute;
width: max-content; width: max-content;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 8px 16px 0px rgba(0,0,0,.2);
z-index: 1; z-index: 1;
} }
.dropdown:hover nav { display: block; } .dropdown:hover nav { display: block; }
.dropdown a { display: block; padding: 0.5em 1em; } .dropdown a { display: block; padding: .5em 1em; }
.dropdown a:hover { background-color: #eee; } .dropdown a:hover { background-color: #eee; }
#app-toc div:hover, .dropdown:hover button, .dropdown a:hover { #app-toc div:hover, .dropdown:hover button, .dropdown a:hover {
@@ -97,19 +97,19 @@ footer .links {
border-radius: 7px; border-radius: 7px;
} }
#app-toc img { #app-toc img {
margin: 0.5em auto 1em; margin: .5em auto 1em;
display: block; display: block;
} }
#app-toc img, #get-appcheck img, #meta img { #app-toc img, #get-appcheck img, #meta img {
border-radius: 21.5%; border-radius: 21.5%;
border: 0.7px solid #ccc; border: .7px solid #ccc;
} }
#app-toc span.name { font-size: 0.8em; font-weight: bold; } #app-toc span.name { font-size: .8em; font-weight: bold; }
#app-toc span.detail { font-size: 0.7em; } #app-toc span.detail { font-size: .7em; }
#pagination { text-align: center; margin-top: 2em; } #pagination { text-align: center; margin-top: 2em; }
#pagination a { margin: 0.5em; padding: 0.2em; } #pagination a { margin: .5em; padding: .2em; }
#pagination a.active { border: 1pt solid black; border-radius: 0.2em; } #pagination a.active { border: 1pt solid black; border-radius: .2em; }
/* domain index */ /* domain index */
@@ -121,7 +121,7 @@ footer .links {
} }
#dom-toc a, #dom-top10 a { word-wrap: break-word; } #dom-toc a, #dom-top10 a { word-wrap: break-word; }
#dom-toc span { display: table; } #dom-toc span { display: table; }
.found-in span, .snd { color: #586472; font-size: 0.85em; } .found-in span, .snd { color: #586472; font-size: .85em; }
.loadbar { .loadbar {
display: block; display: block;
background: #DDD; background: #DDD;
@@ -134,7 +134,7 @@ footer .links {
display: inline-block; display: inline-block;
border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;
background: #AC2B4A; background: #AC2B4A;
font-size: 0.8em; font-size: .8em;
padding: 2px 0 2px 0; padding: 2px 0 2px 0;
text-align: center; text-align: center;
color: #FFF; color: #FFF;
@@ -144,31 +144,31 @@ footer .links {
/* app bundle */ /* app bundle */
.squeeze { max-width: 700px; } .squeeze { max-width: 700px; }
h2.title { margin-bottom: 0; } h2.title { margin-bottom: 0; }
p.subtitle { margin-top: 0.2em; } p.subtitle { margin-top: .2em; }
.mg_lr { margin: 0 0.4em; } .mg_lr { margin: 0 .4em; }
.mg_top { margin-top: 2em; } .mg_top { margin-top: 2em; }
.right { text-align: right; } .right { text-align: right; }
.center { text-align: center; } .center { text-align: center; }
.bg1 { background: #eee; } .bg1 { background: #eee; }
.border { border: 1pt solid #ccc; } .border { border: 1pt solid #ccc; }
td { padding: 0.2em 1em 0.2em 0.1em; } td { padding: .2em 1em .2em .1em; }
#meta td:nth-child(2) { font-weight: bold } #meta td:nth-child(2) { font-weight: bold }
/* app bundle: domain tags */ /* app bundle: domain tags */
.tags { margin: 2em 0; } .tags { margin: 2em 0; }
.tags a { .tags a {
font-size: 0.9em; font-size: .9em;
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
background: #EEE; background: #EEE;
padding: 2pt 4pt; padding: 2pt 4pt;
border: 1pt solid #AAA; border: 1pt solid #AAA;
border-radius: 0.2em; border-radius: .2em;
display: inline-block; display: inline-block;
margin: 0.12em; margin: .12em;
} }
.tags a.trckr, .tags.trckr a { background: #F9A7A7;; border-color: #B06363; } .tags a.trckr, .tags.trckr a { background: #F9A7A7;; border-color: #B06363; }
p.trckr { font-size: 0.9em; margin-left: 0.5em; } p.trckr { font-size: .9em; margin-left: .5em; }
/* app bundle: graphs */ /* app bundle: graphs */
.dot-graph { .dot-graph {
@@ -186,17 +186,17 @@ p.trckr { font-size: 0.9em; margin-left: 0.5em; }
height: 1.8em; height: 1.8em;
margin-bottom: 5px; margin-bottom: 5px;
} }
.dot-graph i:first-of-type { margin-left: 0.1em; width: 1.4em; } .dot-graph i:first-of-type { margin-left: .1em; width: 1.4em; }
.dot-graph .trckr i { background: #AC2B4A; } .dot-graph .trckr i { background: #AC2B4A; }
.dot-graph span:hover p { display: inline; } .dot-graph span:hover p { display: inline; }
.dot-graph p { .dot-graph p {
display: none; display: none;
position: absolute; position: absolute;
background: white; background: white;
border: 0.4em solid black; border: .4em solid black;
padding: 0.3em 0.8em; padding: .3em .8em;
margin-top: -2.8em; margin-top: -2.8em;
margin-left: 0.1em; margin-left: .1em;
} }
/* #AC2B4A #BB1C42 #CA0D3A */ /* #AC2B4A #BB1C42 #CA0D3A */
@@ -204,7 +204,7 @@ p.trckr { font-size: 0.9em; margin-left: 0.5em; }
.cs1{stroke:#CA0D3A} .cs1{stroke:#CA0D3A}
/* Help needed */ /* Help needed */
.help-links td { padding: 0.5em; } .help-links td { padding: .5em; }
.help-links tr:nth-child(even) { background: #DDD; } .help-links tr:nth-child(even) { background: #DDD; }
.help-links tr:nth-child(odd) { background: #F9F9F9; } .help-links tr:nth-child(odd) { background: #F9F9F9; }
.help-links .notyet { color: #D11; } .help-links .notyet { color: #D11; }
@@ -213,6 +213,7 @@ p.trckr { font-size: 0.9em; margin-left: 0.5em; }
/* responsive */ /* responsive */
@media(max-width: 647px) { @media(max-width: 647px) {
header h1 span { display: none; } /* header subtitle */ header h1 span { display: none; } /* header subtitle */
main { padding-left: .5em; padding-right: .5em; }
footer .col3 div { width: 100%; padding: 0; } /* 3 columns */ footer .col3 div { width: 100%; padding: 0; } /* 3 columns */
#meta .icons { margin-bottom: 1em; } /* icons beside each other */ #meta .icons { margin-bottom: 1em; } /* icons beside each other */
.pie-chart { float: right; } .pie-chart { float: right; }
@@ -221,13 +222,13 @@ p.trckr { font-size: 0.9em; margin-left: 0.5em; }
display: inline-block; display: inline-block;
width: 100%; width: 100%;
margin: 0; margin: 0;
padding: 0.7em 0; padding: .7em 0;
height: unset; height: unset;
border: unset; border: unset;
background: unset; background: unset;
} }
#app-toc img { #app-toc img {
float: left; width: 30pt; height: 30pt; margin: 0 0.5em; float: left; width: 44px; height: 44px; margin: 0 .5em;
} }
} }
@media(min-width: 648px) { @media(min-width: 648px) {
@@ -246,7 +247,7 @@ p.trckr { font-size: 0.9em; margin-left: 0.5em; }
margin-left: 1%; margin-left: 1%;
} }
#dom-top10 { text-align: right; } #dom-top10 { text-align: right; }
#dom-top10 p { margin: 0.4em; } #dom-top10 p { margin: .4em; }
.div-center { margin: 0 auto; width: max-content; max-width: 100%; } .div-center { margin: 0 auto; width: max-content; max-width: 100%; }
.loadbar { display: inline-block; } .loadbar { display: inline-block; }
} }

7
src/html_index_apps.py
View File

@@ -45,17 +45,18 @@ def gen_pager(current, total):
def gen_page(arr, base, page_id=1, total=1): def gen_page(arr, base, page_id=1, total=1):
title = 'Apps (A–Z)'
path = mylib.path_add(base, str(page_id)) path = mylib.path_add(base, str(page_id))
mylib.mkdir(path) mylib.mkdir(path)
with open(mylib.path_add(path, 'index.html'), 'w') as fp: with open(mylib.path_add(path, 'index.html'), 'w') as fp:
content = ''.join([gen_entry(x) for x in arr]) content = ''.join([gen_entry(x) for x in arr])
pagination = gen_pager(page_id, total) # if total > 1 else '' pagination = gen_pager(page_id, total) # if total > 1 else ''
fp.write(mylib.template_with_base(''' fp.write(mylib.template_with_base('''
<h2 class="center">Apps (A–Z)</h2> <h2 class="center">{}</h2>
<div id="app-toc" class="center no_ul_all"> <div id="app-toc" class="center no-ul-all">
{} {}
</div> </div>
{}'''.format(content, pagination), title="Index")) {}'''.format(title, content, pagination), title=title))
def process(per_page=60): def process(per_page=60):

2
src/html_index_domains.py
View File

@@ -25,7 +25,7 @@ def dropdown_choose(button):
<label for="dropdown">Choose list:</label> <label for="dropdown">Choose list:</label>
<div class="dropdown" name="dropdown"> <div class="dropdown" name="dropdown">
<button class="bg1 border">{button}</button> <button class="bg1 border">{button}</button>
<nav class="bg1 no_ul_all"> <nav class="bg1 no-ul-all">
<a href="index.html">Most frequent</a> <a href="index.html">Most frequent</a>
<a href="by_name.html">Full list (A–Z)</a> <a href="by_name.html">Full list (A–Z)</a>
<a href="by_count.html">Full list (by count)</a> <a href="by_count.html">Full list (by count)</a>

4
templates/base.html
View File

@@ -3,9 +3,9 @@
<head> <head>
<meta charset="utf-8"/> <meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=0.75" /> <meta name="viewport" content="width=device-width, initial-scale=0.75" />
<script type="text/javascript" src="/static/script.js?10"></script> <script type="text/javascript" src="/static/script.js?11"></script>
<title>#_TITLE_#AppCheck: Privacy Monitor</title> <title>#_TITLE_#AppCheck: Privacy Monitor</title>
<link rel="stylesheet" type="text/css" href="/static/style.css?10"> <link rel="stylesheet" type="text/css" href="/static/style.css?11">
<link rel="stylesheet" type="text/css" href="/static/fonts/font.css"> <link rel="stylesheet" type="text/css" href="/static/fonts/font.css">
<link rel="apple-touch-icon" sizes="180x180" href="/static/favicon/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="180x180" href="/static/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon/favicon-32x32.png">