diff --git a/assets/css/main.css b/assets/css/main.css index 08bb32e..a4c464a 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -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; diff --git a/opsec/index.html b/opsec/index.html index d448af7..fdd6f70 100644 --- a/opsec/index.html +++ b/opsec/index.html @@ -65,20 +65,18 @@
-
+
-

📝 Explaining Concepts

+

📝 Explaining Concepts


  1. ✅ a Nihilist's Manifesto
  2. ✅ Privacy, Anonymity, Plausible Deniability, Decentralisation, Security, and 0days
  3. ✅ Governments, Centralisation, and Law Enforcement
  4. ✅ Governments fear Decentralisation and Anonymity
    5. -

+ -
-
-

📝 Explaining OPSEC ⭐

+

📝 Explaining OPSEC ⭐

  1. ✅ Audit your OPSEC and determine the appropriate internet use
  2. ✅ Internet usage segmentation (QEMU VMs + Identity Management)
    3. @@ -97,7 +95,8 @@

    OPSEC LEVEL 1: Privacy

    -

💻 Getting started

  1. ✅ How to have Privacy on your Computer (Linux) ⭐
  2. ✅ How to have Privacy on your Phone (GrapheneOS)
  3. ❌ How to have Privacy on your Router (Openwrt)
  4. ✅ Easy Private Chats - SimpleX
    5. -

+

💻 File Sharing

  1. ✅ One on One large file sharing (Syncthing over VPN)
  2. ✅ P2P large file sharing (Torrents over VPN)

-
-

💻 Maintaining Privacy

  1. ✅ How to install and update programs on Linux
    2. @@ -129,7 +126,7 @@
  2. ✅ How to Virtualize Machines (QEMU/KVM Hypervisor)
  3. ✅ Password Management 101 (How to use Keepass)
  4. ✅ Private Messaging (PGP encryption)
    5. -

+

💻 Privacy from your ISP

  1. ✅ How to get privacy from your ISP using a VPN inside a VM
    2. @@ -138,16 +135,14 @@
  2. ❌ How to route your entire network through XRay on the Router
    3. -

+

⚠️ Miscellaneous - In real life

  1. ❌ How to hide the contents of a mail package
    2. -

+ -


-
-


+
@@ -159,7 +154,7 @@

OPSEC LEVEL 2: Anonymity

-
+

📝 Explaining Anonymity

    @@ -226,8 +221,6 @@
  1. ✅ How to get a credit card anonymously (Credit cards as a service)

-
-
@@ -285,7 +278,8 @@

OPSEC LEVEL 3: Plausible Deniability

-
+ +

📝 Explaining Plausible Deniability

    @@ -314,9 +308,7 @@
  1. ❌ How to Cash out your crypto gains (Fiat income limits, and justifications)

-
-

🧅 Serverside - Plausible Deniability at Home (⚠️ Self Hosting = Risky!)