Skip to content
This repository has been archived by the owner on Dec 9, 2024. It is now read-only.

style: format code with Prettier and StandardJS #33

Merged
merged 1 commit into from
Dec 4, 2023
Merged

style: format code with Prettier and StandardJS #33

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
128 changes: 80 additions & 48 deletions docs/11.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,54 +1,86 @@
<!DOCTYPE=HTML>
<link rel="stylesheet" type="text/css" href="style.css">
<!DOCTYPE =HTML>
<link rel="stylesheet" type="text/css" href="style.css" />
<center>
<a href="/">←Back</a>
<h1 id="intro">Intro</h1>
<a href="/">←Back</a>
<h1 id="intro">Intro</h1>

If you are looking at this post, you mayhaps be interested in making your own .onc files to import a VPN into ChromeOS. <br>
If you want a premade file check out <a href="/1.html">this page </a>instead.<br>
If you are looking at this post, you mayhaps be interested in making your own
.onc files to import a VPN into ChromeOS. <br />
If you want a premade file check out
<a href="/1.html">this page </a>instead.<br />

<h2 id="making-a-ipsec-config-via-proton">Making a IPSec config via Proton</h2><br>
<h3 id="web-side">Web side</h3><br>
<br>
<a href="https://account.protonvpn.com/signup?plan=free&amp;currency=EUR&amp;ref=upsell">Make a Proton account</a><br>
A good website to make a burner email for this is <a href="https://signup.mail.com/#.7518-header-signup1-1">mail.com </a><br>
Visit the <a href="https://account.protonvpn.com/downloads">Proton downloads dashboard</a><br>
Set your options as follows <br>
<img src="https://github.com/DamianSwanAAJHS2/SillyLittleFiles/assets/75678535/fbbf9aea-efde-450e-81f1-9846607ea1ec" alt="image"><br>
Expand the country you want, go to a low latency server (or any) and choose the dropdown arrow beside download <br>
<img src="https://github.com/DamianSwanAAJHS2/SillyLittleFiles/assets/75678535/ab8dc037-8bd7-4335-a451-b063552c1e25" alt="image"><br>
Use this to copy the link (This will be your hostname) <br>
Go to the <a href="https://account.protonvpn.com/account#openvpn">Proton accounts dashboard</a> and note your credentials for OpenVPN<br>
<h2 id="making-a-ipsec-config-via-proton">
Making a IPSec config via Proton
</h2>
<br />
<h3 id="web-side">Web side</h3>
<br />
<br />
<a
href="https://account.protonvpn.com/signup?plan=free&amp;currency=EUR&amp;ref=upsell"
>Make a Proton account</a
><br />
A good website to make a burner email for this is
<a href="https://signup.mail.com/#.7518-header-signup1-1">mail.com </a><br />
Visit the
<a href="https://account.protonvpn.com/downloads"
>Proton downloads dashboard</a
><br />
Set your options as follows <br />
<img
src="https://github.com/DamianSwanAAJHS2/SillyLittleFiles/assets/75678535/fbbf9aea-efde-450e-81f1-9846607ea1ec"
alt="image"
/><br />
Expand the country you want, go to a low latency server (or any) and choose
the dropdown arrow beside download <br />
<img
src="https://github.com/DamianSwanAAJHS2/SillyLittleFiles/assets/75678535/ab8dc037-8bd7-4335-a451-b063552c1e25"
alt="image"
/><br />
Use this to copy the link (This will be your hostname) <br />
Go to the
<a href="https://account.protonvpn.com/account#openvpn"
>Proton accounts dashboard</a
>
and note your credentials for OpenVPN<br />

<h3 id="chromebook-side">Chromebook side</h3><br>
<br>
Go to Settings &gt; Network &gt; Vpn &gt; Click the (+)<br>
Set Service name to something silly idc<br>
Set Provider Type to <code>IPsec (iKEv2)</code><br>
Set Server Hostname to <code>Step 4 Hostname</code><br>
Double check Authentication Type is <code>Username and password</code><br>
Set Username to <code>Step 5 Credentials</code><br>
Set Password to <code>Step 5 Credentials</code> <br>
Double check Server CA Certificate is set to <code>ProtonVPN Root CA [ProtonVPN Root CA]</code><br>
Toggle <code>Save identity and password</code> so you dont have to remember all of this<br>
Click connect<h2 id="onc-making">ONC making</h2><br>
You can also use this info along with the premade file here to make a new one (using the same certs as they are the default certs for PVN CA Root) <br>
<p id="udate" style="color:lightgrey; font-style:italic;">Synced: </p>
<h3 id="chromebook-side">Chromebook side</h3>
<br />
<br />
Go to Settings &gt; Network &gt; Vpn &gt; Click the (+)<br />
Set Service name to something silly idc<br />
Set Provider Type to <code>IPsec (iKEv2)</code><br />
Set Server Hostname to <code>Step 4 Hostname</code><br />
Double check Authentication Type is <code>Username and password</code><br />
Set Username to <code>Step 5 Credentials</code><br />
Set Password to <code>Step 5 Credentials</code> <br />
Double check Server CA Certificate is set to
<code>ProtonVPN Root CA [ProtonVPN Root CA]</code><br />
Toggle <code>Save identity and password</code> so you dont have to remember
all of this<br />
Click connect
<h2 id="onc-making">ONC making</h2>
<br />
You can also use this info along with the premade file here to make a new one
(using the same certs as they are the default certs for PVN CA Root) <br />
<p id="udate" style="color: lightgrey; font-style: italic">Synced:</p>

<script>
document.getElementById("udate").innerHTML = document.getElementById("udate").innerHTML + document.lastModified;
</script>
<script>
document.getElementById("udate").innerHTML =
document.getElementById("udate").innerHTML + document.lastModified;
</script>
</center>
<script src="https://giscus.app/client.js"
data-repo="DamianSwanAAJHS2/SillyLittleFiles"
data-repo-id="R_kgDOJPpxXw"
data-mapping="number"
data-term="11"
data-reactions-enabled="1"
data-emit-metadata="0"
data-input-position="bottom"
data-theme="light"
data-lang="en"
crossorigin="anonymous"
async>
</script>
<script
src="https://giscus.app/client.js"
data-repo="DamianSwanAAJHS2/SillyLittleFiles"
data-repo-id="R_kgDOJPpxXw"
data-mapping="number"
data-term="11"
data-reactions-enabled="1"
data-emit-metadata="0"
data-input-position="bottom"
data-theme="light"
data-lang="en"
crossorigin="anonymous"
async
></script>
110 changes: 55 additions & 55 deletions docs/404.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,65 +1,65 @@
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<style>
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
color: white;
text-align: center;
animation: gradient 10s infinite;
background-size: cover;
}
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<style>
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
color: white;
text-align: center;
animation: gradient 10s infinite;
background-size: cover;
}

@keyframes gradient {
0% {
background: linear-gradient(to right, #ff0000, #ffff00);
}
25% {
background: linear-gradient(to right, #ffff00, #00ff00);
}
50% {
background: linear-gradient(to right, #00ff00, #00ffff);
}
75% {
background: linear-gradient(to right, #00ffff, #0000ff);
}
100% {
background: linear-gradient(to right, #0000ff, #ff0000);
}
}
@keyframes gradient {
0% {
background: linear-gradient(to right, #ff0000, #ffff00);
}
25% {
background: linear-gradient(to right, #ffff00, #00ff00);
}
50% {
background: linear-gradient(to right, #00ff00, #00ffff);
}
75% {
background: linear-gradient(to right, #00ffff, #0000ff);
}
100% {
background: linear-gradient(to right, #0000ff, #ff0000);
}
}

h1 {
font-size: 5em;
margin-top: 20%;
}
h1 {
font-size: 5em;
margin-top: 20%;
}

img {
width: 300px;
height: 300px;
margin-top: 20px;
}
</style>
</head>
<body>
<h1 id="word">404</h1>
<img id="image" alt="A random image">
<h2>
<a href="/">Back</a>
</h2>
<script>
// Get a random word from the Wordnik API
/*var wordnik_url = "https://api.wordnik.com/v4/words.json/randomWord?hasDictionaryDef=true&minCorpusCount=0&minLength=5&maxLength=15&api_key=YOUR_API_KEY";
img {
width: 300px;
height: 300px;
margin-top: 20px;
}
</style>
</head>
<body>
<h1 id="word">404</h1>
<img id="image" alt="A random image" />
<h2>
<a href="/">Back</a>
</h2>
<script>
// Get a random word from the Wordnik API
/*var wordnik_url = "https://api.wordnik.com/v4/words.json/randomWord?hasDictionaryDef=true&minCorpusCount=0&minLength=5&maxLength=15&api_key=YOUR_API_KEY";
$.getJSON(wordnik_url, function(data) {
// Set the word as the text of the h1 element
$("#word").text(data.word);
});
*/
// Get a random image from the Lorem Picsum API
var picsum_url = "https://picsum.photos/300";
// Set the image source as the url
$("#image").attr("src", picsum_url);
</script>
</body>
// Get a random image from the Lorem Picsum API
var picsum_url = "https://picsum.photos/300";
// Set the image source as the url
$("#image").attr("src", picsum_url);
</script>
</body>
</html>
16 changes: 8 additions & 8 deletions docs/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
@import url('https://fonts.googleapis.com/css2?family=Product+Sans');
@import url("https://fonts.googleapis.com/css2?family=Product+Sans");

body {
font-family: 'Product Sans', sans-serif;
font-family: "Product Sans", sans-serif;
}

h1 {
font-family: 'Product Sans', sans-serif;
font-size: 2em;
color: #333;
font-family: "Product Sans", sans-serif;
font-size: 2em;
color: #333;
}

p {
font-family: 'Product Sans', sans-serif;
font-size: 1em;
color: #666;
font-family: "Product Sans", sans-serif;
font-size: 1em;
color: #666;
}
Loading