updated contribute guide + manifesto
BIN
opsec/contribute/30.png
Normal file
After Width: | Height: | Size: 173 KiB |
BIN
opsec/contribute/31.png
Normal file
After Width: | Height: | Size: 29 KiB |
BIN
opsec/contribute/32.png
Normal file
After Width: | Height: | Size: 89 KiB |
BIN
opsec/contribute/33.png
Normal file
After Width: | Height: | Size: 31 KiB |
BIN
opsec/contribute/34.png
Normal file
After Width: | Height: | Size: 100 KiB |
BIN
opsec/contribute/35.png
Normal file
After Width: | Height: | Size: 50 KiB |
BIN
opsec/contribute/36.png
Normal file
After Width: | Height: | Size: 234 KiB |
BIN
opsec/contribute/37.png
Normal file
After Width: | Height: | Size: 116 KiB |
BIN
opsec/contribute/38.png
Normal file
After Width: | Height: | Size: 161 KiB |
|
@ -160,12 +160,47 @@ index.html
|
|||
</pre></code>
|
||||
<p>and you can also view your edits in real time from your browser of choice, just put the complete path to the index.html file to view it in real time, for me it is as follows: <b>/home/nihilist/Documents/blog-contributions/opsec/newtutorial/index.html</b> (just hit F5 to refresh in the browser, everytime you save (:w) in vim)</p>
|
||||
<img src="11.png" class="imgRz">
|
||||
<p>Make sure that you follow the quality standard i described <a href="../tutorial/index.html">here</a>: <b>start with the Why, then the What, then the How</b>. to describe how to do things, you can use images like so: </p>
|
||||
<p>Make sure that you follow the quality standard i described <a href="../tutorial/index.html">here</a>: <b>start with the Why, then the What, then the How</b>. to describe how to do things, you can use images and screenshots like so: </p>
|
||||
<pre><code class="nim">
|
||||
<<b></b>img src="12.png" class="imgRz">
|
||||
|
||||
</pre></code>
|
||||
<img src="12.png" class="imgRz">
|
||||
<p>To take screenshots like i do, you can use <a href="../compilation/index.html">flameshot</a>, it has everything you need for screenshots. When you take screenshots, dont forget to draw arrows to mention where the user needs to click, add text if something needs to be clarified, etc. and then save your screenshot in the same folder as your blogpost contribution (in this case, in <b>blog-contributions/opsec/new-tutorial</b>)</p>
|
||||
<pre><code class="nim">
|
||||
apt install flameshot -y
|
||||
|
||||
flameshot
|
||||
</pre></code>
|
||||
<img src="30.png" class="imgRz">
|
||||
<p>If you are showcasing a complex tutorial please put into a graph what you are talking about. I used to make graphs using yEd Graphs (but it's closed source) so instead as of q3 2024 i'm using Drawio to make them, both tools have got everything you need to write complex graphs.</p>
|
||||
<pre><code class="nim">
|
||||
[ mainpc ] [ /dev/pts/3 ] [blog/opsec/manifesto]
|
||||
→ apt search draw.io
|
||||
Sorting... Done
|
||||
Full Text Search... Done
|
||||
draw.io/now 24.7.17 amd64 [installed,local]
|
||||
draw.io desktop
|
||||
|
||||
[ mainpc ] [ /dev/pts/3 ] [blog/opsec/manifesto]
|
||||
→ apt install draw.io
|
||||
|
||||
[ mainpc ] [ /dev/pts/3 ] [blog/opsec/manifesto]
|
||||
→ drawio
|
||||
|
||||
</pre></code>
|
||||
|
||||
<img src="31.png" class="imgRz">
|
||||
<img src="32.png" class="imgRz">
|
||||
<img src="33.png" class="imgRz">
|
||||
<img src="34.png" class="imgRz">
|
||||
<img src="35.png" class="imgRz">
|
||||
<p>If you want to use my logos for onymity, surveillance, centralisation, complexity, etc you can find them in the <b>blog-contributions/opsec/logos/</b> directory:</p>
|
||||
<img src="36.png" class="imgRz">
|
||||
<p>Then, i'll let you go through the <a href="https://www.drawio.com/doc/">drawio documentation</a> to learn how to use it, as there's alot to cover to add logos, change shapes, add text, add arrows, etc:</p>
|
||||
<img src="37.png" class="imgRz">
|
||||
<p>But in the end you should have a good looking graph like this one:</p>
|
||||
<img src="38.png" class="imgRz">
|
||||
<p>and if there are any commands to be shown, just copy paste from your terminal directly into the index.html file, into the <b>pre code blocks</b>:</p>
|
||||
<pre><code class="nim">
|
||||
<<b></b>pre><<b></b>code class="nim">
|
||||
|
|