-
Notifications
You must be signed in to change notification settings - Fork 73
/
header.html
125 lines (112 loc) · 4.22 KB
/
header.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
<div class="col-md-6 col-sm-6">
<h1>{{ profile.name }}</h1>
{% if app.company_id %}
<p class="header">Owned by {{app.company_id|get_company_name}}</p>
{% endif %}
{% if profile.website_url is not none %}
<p id="domain">
<a target="_blank" rel="noreferrer" href="{{ profile.website_url }}">{{ profile.website_url }}</a>
</p>
{% endif %}
</div>
<div class="col-md-6 col-sm-6">
<div class="overview-info-right">
<div class="row">
<div class="col-md-6 col-sm-6">
<p class="header">TRACKER RANK</p>
<p class="tracker-rank">
<span class="emphasis">{{ profile.overview.reach_rank }}</span>
/{{ trackers }}
</p>
<p class="description">{{profile.id|rank_label}}</p>
</div>
<div class="col-md-6 col-sm-6">
{% if profile.domains | length > 0 %}
<p class="header">OPERATES UNDER</p>
<div id="operates-under">
{% for domain in profile.domains %}
<p>
<a class="profile-label"
target="_blank"
rel="noreferrer"
href="//{{domain}}"> {{ domain }}
</a>
</p>
{% endfor %}
{%if profile.domains|length > 2%}
<a class="operates-expand" href="#">
<i class="fa fa-angle-double-down" aria-hidden="true"></i>Expand
</a>
<a class="operates-collapse hidden" href="#">
<i class="fa fa-angle-double-up" aria-hidden="true"></i>Collapse
</a>
{% endif %}
</div>
{% endif %}
</div>
</div>
</div>
</div>
</div>
<div class="overview-header-box">
<div class="row">
<!-- LEFT COLUMN -->
<div class="col-md-6 col-sm-6">
<h3>TRACKER REACH</h3>
<div class="trend">
<img class="trackers-icon" src="{{PATHS.static}}/img/page.svg">
<span class="percentage">
{{ reach.pages }}%
<span class="graph">{{ trends.page }}</span>
</span>
<p class="description">of web traffic is tracked by {{ profile.name }}</p>
</div>
<div class="trend">
<img class="trackers-icon" src="{{PATHS.static}}/img/domain.svg">
<span class="percentage">
{{ reach.sites }}
<span class="graph">{{ trends.site }}</span>
</span>
<p class="description">of the top 10,000 sites seen loading the {{ profile.name }} tracker</p>
</div>
<p class="subtitle">
{% if profile.date_range[0] == profile.date_range[1] %}
Data from {{ profile.date_range[0].strftime('%B %Y') }}.
{% else %}
Data from {{ profile.date_range[0].strftime('%B %Y') }} to {{ profile.date_range[1].strftime('%B %Y') }}.
{% endif %}
</p>
</div>
<!-- Right COLUMN -->
<div class="col-md-6 col-sm-6">
<h3>SEEN ON THESE TYPES OF WEBSITES</h3>
{% for tup in website_types %}
{% if tup[0] %}
<div class="clearfix">
<span class="progress-presence">{{ tup[1]|int }}% </span>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="{{ 1.25*tup[1] }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ 1.25*tup[1] }}%">
{{ tup[0] }}
</div>
</div>
</div>
{% endif %}
{% endfor %}
<h3>TRACKING TYPE</h3>
<div class="row tracking-methods">
{% if tracking_methods.cookies %}
<div {% if not tracking_methods.fingerprinting %} class="col-md-8" {% else %} class="col-md-4" {% endif %}>
{% include "components/cookies.html" %}
</div>
{% endif %}
{% if tracking_methods.fingerprinting %}
<div {% if not tracking_methods.cookies%} class="col-md-8" {% else %} class="col-md-4" {% endif %}>
{% include "components/fingerprinting.html" %}
</div>
{% endif %}
{% if not tracking_methods.cookies and not tracking_methods.fingerprinting %}
<p>No tracking detected at present</p>
{% endif %}
</div>
</div>
</div>