/
tracker-page.html
131 lines (116 loc) · 5.13 KB
/
tracker-page.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
{% extends "base.html" %}
{% block title %}
<title>Tracker | {{ app.tracker | get_app_name }}</title>
<meta name="description" content="Tracker profile of {{ app.tracker | get_app_name }}. Reach, domains it operates under, tracking technology, web presence by type of site and more.">
{% endblock %}
{% block og_params %}
<!-- OG params for sharable content -->
<meta property="og:title" content="Tracker | {{ app.tracker | get_app_name }}">
<meta property="og:type" content="website">
<meta property="og:url" content="https://whotracks.me/{{ 'tracker'|url_for(app.tracker) | absolute_og_urls }}">
<meta property="og:description" content="Tracker profile of {{ app.tracker | get_app_name }}. Reach, domains it operates under, tracking technology, web presence by type of site and more.">
{% endblock %}
<!-- Setting some vars used by breadcrumbs and navbar -->
{% set active_page='trackers' %}
{% set active_page_name=profile.name %}
{% block extra_styling %}
<link rel="stylesheet" href="{{PATHS.static}}/css/trackers/profile.css">
{% endblock %}
{% block content %}
<script type="text/javascript">
$(document).ready(function() {
var operates_under_selector = '#operates-under p',
$operates_under_list = $(operates_under_selector),
operates_list_size = $operates_under_list.length,
items_to_show = 2,
$expand = $('.operates-expand'),
$collapse = $('.operates-collapse');
$(operates_under_selector + ':lt(' +items_to_show+')').show();
$expand.click(function(e) {
items_to_show = operates_list_size;
$(operates_under_selector + ':lt('+items_to_show+')').show();
if(items_to_show === operates_list_size) {
$collapse.removeClass('hidden');
$expand.addClass('hidden');
}
});
$collapse.click(function() {
$(this).addClass('hidden');
$expand.removeClass('hidden');
$operates_under_list.not(':lt(2)').hide();
});
});
</script>
<div id="tracker-page" class="overview-page">
<div id="overview-header">
<div class="container">
<div class="row overview-info inverse">
{% include "components/trackers/header.html" %}
</div>
</div>
</div>
<div id="similar-trackers">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="row tracker-category">
<div class="col-md-11">
<h4>TRACKER CATEGORY</h4>
{% if profile.category %}
<span class="cat-item">
<i class="fa fa-circle" style="color: {{ TRACKER_CATEGORIES[profile.category] }}" aria-hidden="true"></i>
{{profile.category|prettify_label}}
</span>
<p class="tracker-desc">{{CATEGORY_DESC[profile.category]}}</p>
{% else %}
<span class="cat-item">
<i class="fa fa-circle" style="color: {{ TRACKER_CATEGORIES['misc'] }}" aria-hidden="true"></i>
misc
</span>
<p class="tracker-desc">
{{ CATEGORY_DESC["misc"]}}
</p>
{% endif %}
<p>
<i class="fa fa-info-circle"></i>
<a href="{{PATHS.blog}}/tracker_categories.html">Learn about our tracker categories</a>
</p>
<p>
<i class="fa fa-info-circle"></i>
<a href="{{PATHS.blog}}/what_is_a_tracker.html">What is a tracker?</a>
</p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<h4>SIMILAR TRACKERS</h4>
<ul>
{% for tracker in similar_trackers %}
<li>
<a href="{{ 'tracker'|url_for(tracker.id) }}" class="entity-name">
{{ tracker.id|get_app_name }}
</a>
{% if tracker.company_id %}
<span>
{{ tracker.company_id|get_company_name }}
</span>
{% endif %}
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
<section id="tag-cloud">
<div class="container">
<div class="row">
<h2 class="title">Presence on top sites</h2>
{% if sites_by_cat|length > 0 %}
{% include "components/tag_cloud.html" %}
{% endif %}
</div>
</div>
</section>
</div>
{% endblock %}