diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..517b81e --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +_*.css diff --git a/.vscode/settings.json b/.vscode/settings.json index a1c4910..28a51d5 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -1,3 +1,3 @@ { - "compile-hero.disable-compile-files-on-did-save-code": true + "compile-hero.disable-compile-files-on-did-save-code": false } \ No newline at end of file diff --git a/content/js/novpn/index.js b/content/js/novpn/index.js new file mode 100644 index 0000000..134a053 --- /dev/null +++ b/content/js/novpn/index.js @@ -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); +} diff --git a/content/js/novpn/matrix.js b/content/js/novpn/matrix.js new file mode 100644 index 0000000..a4c3732 --- /dev/null +++ b/content/js/novpn/matrix.js @@ -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); diff --git a/content/styles/config/_novpn.scss b/content/styles/config/_novpn.scss new file mode 100644 index 0000000..c4f1a03 --- /dev/null +++ b/content/styles/config/_novpn.scss @@ -0,0 +1,3 @@ +$default-font: sans; +$bg: black; +$default-font-colour: white; diff --git a/content/styles/novpn/index.css b/content/styles/novpn/index.css new file mode 100644 index 0000000..a2f1590 --- /dev/null +++ b/content/styles/novpn/index.css @@ -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%); +} \ No newline at end of file diff --git a/content/styles/novpn/index.scss b/content/styles/novpn/index.scss new file mode 100644 index 0000000..3262d26 --- /dev/null +++ b/content/styles/novpn/index.scss @@ -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%); +} diff --git a/page/novpn/index.html b/page/novpn/index.html new file mode 100644 index 0000000..60b77e6 --- /dev/null +++ b/page/novpn/index.html @@ -0,0 +1,169 @@ + + + + + + + Ari::web -> NoVPN + + + + + + + + + +
+
+

NoVPN - fast, private, secure and free

+
+

+ Tired of companies spying on you? NoVPN might be the "VPN" for you. + Read more. +

+
+
+ +
+ +
+
+

What is NoVPN?

+
+

+ NoVPN is a page on my website to encourage people to not use VPNs if they don't have a use for them. + Read more. +

+
+
+ +
+
+

I use ExpressVPN, NordVPN, etc. are these good options?

+
+

+ No. These VPNs collect enourmous ammount of your data and sell it. + ExpressVPN hires literal spies + and NorcVPN had a huge data breach. + These are just two examples, most proprietary VPNs are or have faced this sort of issue. + Read more. +

+
+
+ +
+
+

But people, my friends and my favourite creators are telling me that my data will be exposed otherwise

+
+

+ That can technically happen, BUT, most sites use the HTTPS protocol which + is very secure and it's very unlikely your data will be exposed while visiting HTTPS sites. + But if you use only HTTP 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. + Read more. +

+
+
+ +
+
+

Hm okay, but what about open source VPNs like riseup or proton VPN

+
+

+ VPNs without a use... well are just useless... Don't use a VPN if you don't have a use. + Because: + +
+ +

+ +
+ + Please think about if you REALLY need a VPN or are you just getting it + just to waste money, bandwidth and your privacy... + Read more. +

+
+
+ +
+
+

What are good use cases of VPNs

+
+

+

+ Read more. +

+
+
+ +
+
+

You're telling us "not to trust anyone", does that include you?

+
+

+ Yes. You should not trust me or anyone, you should do your own research on unbias sources. + Read more. +

+
+
+ +
+
+

Why do people use VPNs so much without knowing what it is, does or is running

+
+

+ 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. + Read more. +

+
+
+ +
+
+

Why did you even call it a "VPN" in the beginning

+
+

+ To get your or anyone who acrosses this attention. + Read more. +

+
+
+ +
+
+

Finalizing

+
+

+

+

+
+
+ + \ No newline at end of file