This commit is contained in:
nihilist 2024-12-10 09:02:52 +01:00
parent af4dcb641f
commit a221dcefb0
2 changed files with 69 additions and 23 deletions

View file

@ -23,6 +23,59 @@
}
}
@item-width:100px;
@item-height:100px;
@marginV: 4px;
@marginH: 2px;
@min-cols:2;
@max-cols:9;
.indexcontainer {
margin: 0 auto;
/*background:yellow;*/
text-align: left;
overflow: auto;
min-width: 1 * @500px;
max-width: 2 * @1000px;
display: grid;
list-style:none;
margin:0;padding:0;
}
.indexcontainer > ol {
/*background-color: purple;*/
border:0px solid #999;
box-sizing:border-box;
float: left;
height: @item-height;
width: @item-width;
margin:@marginV @marginH;
}
.indexcontainer > p {
white-space: pre;
/*background-color: purple;*/
border:0px solid #999;
box-sizing:border-box;
float: left;
height: @item-height;
width: @item-width;
margin:@marginV @marginH;
}
.loopingClass (@index-width) when (@index-width <= @item-width * @max-cols) {
@media (min-width:@index-width) {
.indexcontainer{
width: @index-width;
}
}
.loopingClass(@index-width + @item-width + 2*@marginH);
}
.loopingClass (@item-width * @min-cols + @min-cols*@marginH*2);
.container-m{
display: flex;
flex-direction: row;
@ -83,6 +136,7 @@ body {
-webkit-overflow-scrolling: touch;
}
/* Titles */
h1, h2, h3, h4, h5, h6 {
font-family: sans-serif;

View file

@ -65,20 +65,18 @@
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div style="float: left; width: 50%;">
<div class="container">
<p>📝 Explaining Concepts</p>
<p>📝 Explaining Concepts</p></br>
<ol>
<li><a href="manifesto/index.html">✅ a Nihilist's Manifesto</a></li>
<li><a href="aps/index.html">✅ Privacy, Anonymity, Plausible Deniability, Decentralisation, Security, and 0days</a><img src="logos/ce2.png" class="logo"><img src="logos/ce1.png" class="logo"><img src="logos/ce0.png" class="logo"><img src="logos/su0.png" class="logo"><img src="logos/on0.png" class="logo"><img src="logos/de0.png" class="logo"></li>
<li><a href="governments/index.html">✅ Governments, Centralisation, and Law Enforcement</a><img src="logos/ce2.png" class="logo"><img src="logos/su2.png" class="logo"><img src="logos/on2.png" class="logo"></li>
<li><a href="govfear/index.html">✅ Governments fear Decentralisation and Anonymity</a><img src="logos/ce0.png" class="logo"><img src="logos/on0.png" class="logo"></li>
</ol></br>
</ol>
</div>
<div style="float: right; width: 50%;">
<p>📝 Explaining OPSEC ⭐</p>
</br> <p>📝 Explaining OPSEC ⭐</p>
<ol>
<li><a href="opsec4levels/index.html">✅ Audit your OPSEC and determine the appropriate internet use</a><img src="logos/su2.png" class="logo"><img src="logos/su0.png" class="logo"><img src="logos/on0.png" class="logo"><img src="logos/de0.png" class="logo"></li>
<li><a href="internetsegmentation/index.html">✅ Internet usage segmentation (QEMU VMs + Identity Management)</a><img src="logos/kvm.png" class="logo"><img src="logos/su2.png" class="logo"><img src="logos/su0.png" class="logo"><img src="logos/on0.png" class="logo"><img src="logos/de0.png" class="logo"></li>
@ -97,7 +95,8 @@
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h2><img src="su0.png"> <b>OPSEC LEVEL 1: Privacy </b> </h2>
<div style="float: left; width: 50%;">
<!--<div style="float: left; width: 50%;">-->
<div class="indexcontainer">
<p>📝 Explaining Privacy</p>
<ol>
@ -106,22 +105,20 @@
<li><a href="index.html">❌ Why can't I use FOSS apps on MacOS/Windows? <img src="logos/tr2.png" class="logo"></a></li>
<li><a href="openhardware/index.html">✅ The lack of Open Source Hardware (CPUs, Motherboards, GPUs)<img src="logos/openhw.png" class="logo"></a></li>
<li><a href="serversideencryption/index.html">✅ Why can't I trust Server-side Encryption ?</a><img src="logos/gnupg.png" class="logo"></li>
</ol></br>
</ol>
<p>💻 Getting started</p>
<ol>
<li><a href="linux/index.html">✅ How to have Privacy on your Computer (Linux) ⭐</a><img src="logos/tr0.png" class="logo"><img src="logos/linux.png" class="logo"></li>
<li><a href="graphene/index.html">✅ How to have Privacy on your Phone (GrapheneOS)</a><img src="logos/tr0.png" class="logo"><img src="logos/grapheneos.png" class="logo"></li>
<li><a href="http://git.nowherejezfoltodf4jiyl6r56jnzintap5vyjlia7fkirfsnfizflqd.onion/nihilist/blog-contributions/issues/161">❌ How to have Privacy on your Router (Openwrt)</a><img src="logos/tr0.png" class="logo"><img src="logos/openwrt.png" class="logo"></li>
<li><a href="privatesimplex/index.html">✅ Easy Private Chats - SimpleX</a><img src="logos/tr0.png" class="logo"><img src="logos/simplex.png" class="logo"></li>
</ol></br>
</ol>
<p>💻 File Sharing</p>
<ol>
<li><a href="syncthingvpn/index.html">✅ One on One large file sharing (Syncthing over VPN)</a><img src="logos/syncthing.png" class="logo"></li>
<li><a href="p2ptorrents/index.html">✅ P2P large file sharing (Torrents over VPN)</a><img src="logos/qbittorrent.png" class="logo"></li>
</ol></br>
</div>
<div style="float: right; width: 50%;">
<p>💻 Maintaining Privacy</p>
<ol>
<li><a href="linuxprograms/index.html">✅ How to install and update programs on Linux </a><img src="logos/linux.png" class="logo"></li>
@ -129,7 +126,7 @@
<li><a href="hypervisorsetup/index.html">✅ How to Virtualize Machines (QEMU/KVM Hypervisor)</a><img src="logos/kvm.png" class="logo"></li>
<li><a href="passwordmanagement/index.html">✅ Password Management 101 (How to use Keepass)</a><img src="logos/keepass.png" class="logo"></li>
<li><a href="pgp/index.html">✅ Private Messaging (PGP encryption)</a><img src="logos/gnupg.png" class="logo"></li>
</ol></br>
</ol>
<p>💻 Privacy from your ISP</p>
<ol>
<li><a href="vpn/index.html">✅ How to get privacy from your ISP using a VPN inside a VM</a><img src="logos/mullvad.png" class="logo"><img src="logos/kvm.png" class="logo"></li>
@ -138,16 +135,14 @@
<li><a href="index.html">❌ How to route your entire network through XRay on the Router</a><img src="logos/openwrt.png" class="logo"><img src="logos/v2ray.png" class="logo"></li>
</ol></br>
</ol>
<p>⚠️ Miscellaneous - In real life</p>
<ol>
<li><a href="http://git.nowherejezfoltodf4jiyl6r56jnzintap5vyjlia7fkirfsnfizflqd.onion/nihilist/blog-contributions/issues/139">❌ How to hide the contents of a mail package</a><img src="logos/mail.png" class="logo"></li>
</ol></br>
</ol>
</div></br></br>
<div style="float: right; width: 50%;">
</div></br></br>
</div>
</div>
@ -159,7 +154,7 @@
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h2><img src="on0.png"> <b>OPSEC LEVEL 2: Anonymity </b></h2>
<div style="float: left; width: 50%;">
<div class="indexcontainer">
<p>📝 Explaining Anonymity</p>
<ol>
@ -226,8 +221,6 @@
<li><a href="anoncreditcard/index.html">✅ How to get a credit card anonymously (Credit cards as a service)</a><img src="logos/monero.png" class="logo"><img src="logos/creditcard.png" class="logo"></li>
</ol></br>
</div>
<div style="float: right; width: 50%;">
@ -285,7 +278,8 @@
<div class="col-lg-8 col-lg-offset-2">
<h2><img src="de0.png"> <b>OPSEC LEVEL 3: Plausible Deniability </b></h2>
<div style="float: left; width: 50%;">
<!--<div style="float: left; width: 50%;">-->
<div class="indexcontainer">
<p>📝 Explaining Plausible Deniability</p>
<ol>
@ -314,9 +308,7 @@
<li><a href="http://git.nowherejezfoltodf4jiyl6r56jnzintap5vyjlia7fkirfsnfizflqd.onion/nihilist/blog-contributions/issues/49">❌ How to Cash out your crypto gains (Fiat income limits, and justifications)</a><img src="logos/monero.png" class="logo"><img src="logos/cash.png" class="logo"><img src="logos/bank.png" class="logo"></li>
</ol></br>
</div>
<div style="float: right; width: 50%;">
<p>🧅 Serverside - Plausible Deniability at Home (⚠️ <a href="sensitiveremotevshome/index.html">Self Hosting = Risky!</a>)</p>
<ol>