oxeo0/blog-contributions
1
0
Fork 0
mirror of http://git.nowherejezfoltodf4jiyl6r56jnzintap5vyjlia7fkirfsnfizflqd.onion/nihilist/blog-contributions.git synced 2025-07-02 11:56:40 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

new graphs

Browse source
This commit is contained in:
nihilist 2024-10-26 20:42:39 +02:00
parent e0f5df2a8a
commit fa22b0ed92
2 changed files with 32 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

61
productivity/graphs/index.html
View file

@ -74,14 +74,8 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-8 col-lg-offset-2"> <div class="col-lg-8 col-lg-offset-2">
<h2><b>a </b></h2> <h2><b>Why make graphs ? </b></h2>
<p></p> <p>Because a well-written graph is worth a thousand words, you are conveying the same amount of information in one image, than you would convey in 20 lines of explanations. It is also something that you need to do in order to not loose your viewers' focus. Especially if they are not on the same technical level as you. </p>
<img src="" class="imgRz">
<pre><code class="nim">
</code></pre>
<p></p>
</div> </div>
</div><!-- /row --> </div><!-- /row -->
</div> <!-- /container --> </div> <!-- /container -->
@ -91,14 +85,37 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-8 col-lg-offset-2"> <div class="col-lg-8 col-lg-offset-2">
<h2><b>b</b></h2> </br> </br> <h2><b>How to make Graphs</b></h2> </br> </br>
<p></p> <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>
<img src="" class="imgRz">
<pre><code class="nim"> <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
</code></pre> [ mainpc ] [ /dev/pts/3 ] [blog/opsec/manifesto]
→ apt install draw.io
<p></p> [ mainpc ] [ /dev/pts/3 ] [blog/opsec/manifesto]
→ drawio
</pre></code>
<img src="../../opsec/contribute/31.png" class="imgRz">
<img src="../../opsec/contribute/32.png" class="imgRz">
<img src="../../opsec/contribute/33.png" class="imgRz">
<img src="../../opsec/contribute/34.png" class="imgRz">
<img src="../../opsec/contribute/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="../../opsec/contribute/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="../../opsec/contribute/37.png" class="imgRz">
<p>And in the end you can make good looking graphs like this one:</p>
<img src="../../opsec/contribute/38.png" class="imgRz">
<p>And that's it! You just made it easier for your readers to understand what you want to convey to them, and you're not loosing half of your potential viewers on unecessary walls of text. </p>
</div> </div>
</div><!-- /row --> </div><!-- /row -->
@ -106,24 +123,6 @@
</div><!-- /white --> </div><!-- /white -->
<!-- +++++ Second Post +++++ -->
<div id="productivity1">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h2><b>c</b></h2> </br> </br>
<p></p>
<pre><code class="nim">
</code></pre>
<p></p>
</div>
</div><!-- /row -->
</div> <!-- /container -->
</div><!-- /white -->
<!-- +++++ Footer Section +++++ --> <!-- +++++ Footer Section +++++ -->
<div id="productivityb"> <div id="productivityb">

2
productivity/index.html
View file

@ -128,7 +128,7 @@
<h2> <b>Reflecting on the Work</b></h2> <h2> <b>Reflecting on the Work</b></h2>
<div style="float: left; width: 100%;"> <div style="float: left; width: 100%;">
<ol> <ol>
<li><a href="https://git.nowhere.moe/nihilist/blog-contributions/issues/137">❌ Reflecting: How to use graphs to help Brainstorming ideas (draw.io)</a></li> <li><a href="graphs/index.html">✅ Reflecting: How to use graphs to help Brainstorming ideas (draw.io)</a></li>
<li><a href="https://git.nowhere.moe/nihilist/blog-contributions/issues/135">❌ Reflecting: Brainstorming Ideas while on the run</a></li> <li><a href="https://git.nowhere.moe/nihilist/blog-contributions/issues/135">❌ Reflecting: Brainstorming Ideas while on the run</a></li>
<li><a href="">❌ Reflecting: External Reviews</a></li> <li><a href="">❌ Reflecting: External Reviews</a></li>
</ol> </ol>