mirror of
https://git.ari.lt/ari.lt/ari.lt.git
synced 2025-02-04 17:49:24 +01:00
update @ Mon 1 Nov 19:27:49 EET 2021
This commit is contained in:
Ari Archer
parent
60a8a7e658
commit
3304597a11
8 changed files with 328 additions and 1 deletions
1
.gitignore
vendored
Normal file
1
.gitignore
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
_*.css
|
||||
2
.vscode/settings.json
vendored
2
.vscode/settings.json
vendored
|
|
@ -1,3 +1,3 @@
|
|||
{
|
||||
"compile-hero.disable-compile-files-on-did-save-code": true
|
||||
"compile-hero.disable-compile-files-on-did-save-code": false
|
||||
}
|
||||
8
content/js/novpn/index.js
Normal file
8
content/js/novpn/index.js
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
var scroll_element = 0;
|
||||
const scroll_elements = document.getElementsByClassName("content");
|
||||
|
||||
function scrollDown() {
|
||||
++scroll_element;
|
||||
let elem = scroll_elements[scroll_element];
|
||||
if (elem) elem.scrollIntoView(true);
|
||||
}
|
||||
56
content/js/novpn/matrix.js
Normal file
56
content/js/novpn/matrix.js
Normal file
|
|
@ -0,0 +1,56 @@
|
|||
var c = document.getElementById("matrix");
|
||||
var ctx = c.getContext("2d");
|
||||
|
||||
|
||||
//chinese characters - taken from the unicode charset
|
||||
var chinese = "田由甲申甴电甶男甸甹町画甼甽甾甿畀畁畂畃畄畅畆畇畈畉畊畋界畍畎畏畐畑 1234567890x_+=*&{}[]()%$";
|
||||
//converting the string into an array of single characters
|
||||
chinese = chinese.split("");
|
||||
|
||||
var font_size = 10;
|
||||
var columns = c.width; //number of columns for the rain
|
||||
//an array of drops - one per column
|
||||
var drops = [];
|
||||
//x below is the x coordinate
|
||||
//1 = y co-ordinate of the drop(same for every drop initially)
|
||||
for(var x = 0; x < columns; x++)
|
||||
drops[x] = 1;
|
||||
|
||||
function resize() {
|
||||
c.height = window.innerHeight;
|
||||
c.width = window.innerWidth;
|
||||
}
|
||||
|
||||
resize();
|
||||
|
||||
//drawing the characters
|
||||
function draw()
|
||||
{
|
||||
//Black BG for the canvas
|
||||
//translucent BG to show trail
|
||||
ctx.fillStyle = "rgba(0, 0, 0, 0.08)";
|
||||
ctx.fillRect(0, 0, c.width, c.height);
|
||||
|
||||
ctx.fillStyle = "#0F0"; //green text
|
||||
ctx.font = font_size + "px arial";
|
||||
|
||||
//looping over drops
|
||||
for(var i = 0; i < drops.length; i++)
|
||||
{
|
||||
//a random chinese character to print
|
||||
var text = chinese[Math.floor(Math.random()*chinese.length)];
|
||||
// x = i*font_size, y = value of drops[i]*font_size
|
||||
ctx.fillText(text, i*font_size, drops[i]*font_size);
|
||||
|
||||
//sending the drop back to the top randomly after it has crossed the screen
|
||||
//adding a randomness to the reset to make the drops scattered on the Y axis
|
||||
if(drops[i]*font_size > c.height && Math.random() > 0.975)
|
||||
drops[i] = 0;
|
||||
|
||||
//incrementing Y coordinate
|
||||
drops[i]++;
|
||||
}
|
||||
}
|
||||
|
||||
window.addEventListener('resize', resize);
|
||||
setInterval(draw, 10);
|
||||
3
content/styles/config/_novpn.scss
Normal file
3
content/styles/config/_novpn.scss
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
$default-font: sans;
|
||||
$bg: black;
|
||||
$default-font-colour: white;
|
||||
42
content/styles/novpn/index.css
Normal file
42
content/styles/novpn/index.css
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
* {
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: white;
|
||||
font-family: sans;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#matrix {
|
||||
position: fixed;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: black;
|
||||
background-color: black;
|
||||
z-index: -1;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.content {
|
||||
position: sticky;
|
||||
display: block;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.page-intro {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
48
content/styles/novpn/index.scss
Normal file
48
content/styles/novpn/index.scss
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
@import '../config/_novpn';
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: $default-font-colour;
|
||||
font-family: $default-font;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#matrix {
|
||||
position: fixed;
|
||||
display: block;
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
|
||||
border-color: $bg;
|
||||
background-color: $bg;
|
||||
|
||||
z-index: -1;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.content {
|
||||
position: sticky;
|
||||
display: block;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.page-intro {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
169
page/novpn/index.html
Normal file
169
page/novpn/index.html
Normal file
|
|
@ -0,0 +1,169 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Ari::web -> NoVPN</title>
|
||||
|
||||
<link rel="stylesheet" href="/content/styles/novpn/index.css">
|
||||
|
||||
<script src="/content/js/novpn/matrix.js" defer></script>
|
||||
<script src="/content/js/novpn/index.js" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="matrix"></canvas>
|
||||
|
||||
<div class="content">
|
||||
<div class="page-intro">
|
||||
<h1>NoVPN - fast, private, secure and free</h1>
|
||||
<br>
|
||||
<p>
|
||||
Tired of companies spying on you? NoVPN might be the "VPN" for you.
|
||||
<a href="#!" onclick="scrollDown();">Read more.</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="content">
|
||||
<div class="page-intro">
|
||||
<h1>What is NoVPN?</h1>
|
||||
<br>
|
||||
<p>
|
||||
NoVPN is a <a href="/" target="_blank">page on my website</a> to encourage people to not use VPNs if they don't have a use for them.
|
||||
<a href="#!" onclick="scrollDown();">Read more.</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<div class="page-intro">
|
||||
<h1>I use ExpressVPN, NordVPN, etc. are these good options?</h1>
|
||||
<br>
|
||||
<p>
|
||||
No. These VPNs collect enourmous ammount of your data and sell it.
|
||||
ExpressVPN <a href="//english.almayadeen.net/articles/analysis/exclusive:-expressvpn-insider-tells-all-on-companys-israelua" target="_blank">hires literal spies</a>
|
||||
and NorcVPN had <a href="//blog.malwarebytes.com/cybercrime/privacy/2021/03/21-million-free-vpn-users-data-exposed" target="_blank">a huge data breach</a>.
|
||||
These are just two examples, most proprietary VPNs are or have faced this sort of issue.
|
||||
<a href="#!" onclick="scrollDown();">Read more.</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<div class="page-intro">
|
||||
<h1>But people, my friends and my favourite creators are telling me that my data will be exposed otherwise</h1>
|
||||
<br>
|
||||
<p>
|
||||
That can technically happen, BUT, most sites use <a href="//en.wikipedia.org/wiki/HTTPS" target="_blank">the HTTPS protocol</a> which
|
||||
is very secure and it's very unlikely your data will be exposed while visiting HTTPS sites.
|
||||
But if you use <a href="//en.wikipedia.org/wiki/Hypertext_Transfer_Protocol" target="_blank">only HTTP</a> which is not secure
|
||||
and someone is targeting you, yes they will get your data, but most HTTP sites are very simple and don't even give you
|
||||
the option to put in any details. And please remember that your favourite
|
||||
creators are paid to lie to you and they probably themselves don't know what they're saying so before you
|
||||
believe someone think to yourself "was there money involved" and "is there a chance that they actually know what they're talking about".
|
||||
Don't trust anyone.
|
||||
<a href="#!" onclick="scrollDown();">Read more.</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<div class="page-intro">
|
||||
<h1>Hm okay, but what about open source VPNs like riseup or proton VPN</h1>
|
||||
<br>
|
||||
<p>
|
||||
VPNs without a use... well are just useless... Don't use a VPN if you don't have a use.
|
||||
Because:
|
||||
|
||||
<br>
|
||||
|
||||
<ul>
|
||||
<li>It slows down your connection</li>
|
||||
<li>You're trusting someone else with your data</li>
|
||||
<li>If you're using only a free trial - you're also wasting money</li>
|
||||
<li>It gives you a <a href="//www.merriam-webster.com/dictionary/false%20sense%20of%20security" target="_blank">false sense of security</a></li>
|
||||
<li>It <a href="//tech.co/vpn/are-vpns-legal" target="_blank">could be illegal in your country</a></li>
|
||||
</ul>
|
||||
|
||||
<br>
|
||||
|
||||
Please think about if you <b>REALLY</b> need a VPN or are you just getting it
|
||||
just to waste money, bandwidth and your privacy...
|
||||
<a href="#!" onclick="scrollDown();">Read more.</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<div class="page-intro">
|
||||
<h1>What are good use cases of VPNs</h1>
|
||||
<br>
|
||||
<p>
|
||||
<ul>
|
||||
<li>Bypassing your countie's restrictions</li>
|
||||
<li>Pirating content off the internet</li>
|
||||
<li>A site that is connected through a VPN to access restricted content (e.g <a href="//www.hackthebox.com/" target="_blank">Hack The Box</a>)</li>
|
||||
<li>Bypassing IP range bans</li>
|
||||
<li>Bypassing sites restricting certain features if you're in a certain regeon</li>
|
||||
</ul>
|
||||
<a href="#!" onclick="scrollDown();">Read more.</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<div class="page-intro">
|
||||
<h1>You're telling us "not to trust anyone", does that include you?</h1>
|
||||
<br>
|
||||
<p>
|
||||
Yes. You should not trust me or anyone, you should do your own research on unbias sources.
|
||||
<a href="#!" onclick="scrollDown();">Read more.</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<div class="page-intro">
|
||||
<h1>Why do people use VPNs so much without knowing what it is, does or is running</h1>
|
||||
<br>
|
||||
<p>
|
||||
They are being influenced by their favourite content creators on social media
|
||||
and then they influence their friend and they their friends and so on.
|
||||
But one friend eventually realised it's bullshit and doesn't spread it, which is
|
||||
when it stops, be the person who stops the spreading of this bs and stop giving
|
||||
companies data to sell.
|
||||
<a href="#!" onclick="scrollDown();">Read more.</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<div class="page-intro">
|
||||
<h1>Why did you even call it a "VPN" in the beginning</h1>
|
||||
<br>
|
||||
<p>
|
||||
To get your or anyone who acrosses this attention.
|
||||
<a href="#!" onclick="scrollDown();">Read more.</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<div class="page-intro">
|
||||
<h1>Finalizing</h1>
|
||||
<br>
|
||||
<p>
|
||||
<ul>
|
||||
<li>Don't use proprietary VPNs</li>
|
||||
<li>Don't use VPNs without a proper use</li>
|
||||
<li>Don't fall for bias people's sugartalk</li>
|
||||
<li>Don't trust anyone</li>
|
||||
</ul>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Reference in a new issue