-
-
Notifications
You must be signed in to change notification settings - Fork 35
Expand file tree
/
Copy pathvpn.html
More file actions
68 lines (62 loc) · 2.24 KB
/
vpn.html
File metadata and controls
68 lines (62 loc) · 2.24 KB
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
---
layout: page
title: "VPN Finder"
permalink: /vpn/
description: "Compare VPN providers across privacy practices, jurisdiction, audit history, and technical specs to find the right one for you."
author: "Henry Fisher (Techlore)"
image: /assets/images/og-image-1200x630-vpn.png
last_modified_at: 2025-05-13
sitemap:
priority: 0.9
---
{% include variables.html %}
{% include c_sub-hero.html title=page.title perex=page.description %}
<section>
<noscript>
<div class="container is-max-tablet">
{% include c_nojs-message.html title=page.title %}
</div>
</noscript>
<div class="vpn-modal">
<button class="cmp-btn button is-primary">Compare selected</button>
<div class="content">
<div class="head">
</div>
<div class="tb" id="tb"></div>
</div>
</div>
<div class="container">
<div class="columns is-multiline">
<div class="column is-hidden">
<div class="select">
<select id="flt-field">
<option></option>
<option value="VPN" selected>VPN</option>
</select>
</div>
</div>
<div class="vpn-control column">
<div class="field has-addons">
<div class="control">
<input id="flt-value" class="input is-primary" type="text" placeholder="Value to filter">
</div>
<div class="control">
<button id="flt-clear" class="button is-primary is-outlined">Clear filter</button>
</div>
</div>
</div>
<div class="column is-full pt-0">
<div class="is-size-7 is-italic has-text-info">
Tip: Select up to 3 VPNs to compare them. Resize the chart using the black bar on the right.
</div>
</div>
</div>
<div id="vpn-table" data-source="/vpn-chart/vpn-chart.csv{{ 'now' | date: '%s' | prepend: "?" }}">
{% comment %} Filled with JS {% endcomment %}
</div>
</div>
</section>
<script src="{{ "/assets/vendors/sveltejs/svelte.min.js" | relative_url }}{{ 'now' | date: '%s' | prepend: "?" }}"></script>
<script src="{{ "/assets/vendors/tabulator/tabulator.min.js" | relative_url }}{{ 'now' | date: '%s' | prepend: "?" }}"></script>
<script src="{{ "/assets/js/vpn-chart.js" | relative_url }}{{ 'now' | date: '%s' | prepend: "?" }}"></script>
<link rel="stylesheet" href="{{ "/assets/vendors/tabulator/tabulator.min.css" | relative_url }}{{ 'now' | date: '%s' | prepend: "?" }}">