The code behind my Jekyll-powered homepage. https://r3bl.me

index.html 13KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201
  1. ---
  2. title: Aleksandar Todorović (r3bl)
  3. layout: homepage
  4. description: Hacker. Blogger. infosec enthusiast. Free culture and open source advocate.
  5. Ford-Mozilla Open Web fellow. Previously OCCRP tech associate.
  6. tags:
  7. - hacking
  8. - infosec
  9. - AI
  10. - open source
  11. - open culture
  12. ---
  13. <div class="summary" itemscope itemtype="http://schema.org/Person">
  14. <div class="image-avatar">
  15. <a href="{{ site.baseurl }}" itemprop="url">
  16. <img itemprop="image" src="{{ site.baseurl }}/assets/logos/logo-256.png" alt="logo" style="height: 256px;">
  17. </a>
  18. </div>
  19. <h1 class="site-title">
  20. <div class="brand" itemprop="name">Aleksandar Todorović</div> (<div class="brand" itemprop="additionalName">r3bl</div>)
  21. </h1>
  22. <div class="buttons-homepage" style="padding-bottom: 1%;">
  23. <div class="nav-secondary">
  24. <a href="https://blog.r3bl.me" class="btn btn-nav btn-writing">blog</a>
  25. </div>
  26. <div class="button-invisible">
  27. </div>
  28. <div class="nav-secondary">
  29. <a href="{{ site.baseurl }}/en/projects/" class="btn btn-nav btn-programming">projects</a>
  30. </div>
  31. <div class="button-invisible">
  32. </div>
  33. <div class="nav-secondary">
  34. <a href="{{ site.baseurl }}/en/portfolio/" class="btn btn-nav btn-writing">portfolio</a>
  35. </div>
  36. <div class="button-invisible">
  37. </div>
  38. <div class="nav-secondary">
  39. <a href="https://github.com/aleksandar-todorovic/notes" class="btn btn-nav btn-writing">notes</a>
  40. </div>
  41. </div>
  42. <p>
  43. Ford-<span style="background-color: #000; color: #FFF; padding-left: 5px; padding-right:5px; font-family: 'Zilla Slab'">moz://a</span> <a href="https://advocacy.mozilla.org/en-US/open-web-fellows/fellows2017">Open Web Fellow</a>. Hosted by <a href="https://www.bof.nl/english/">Bits of Freedom</a>. Passionate about information security.
  44. </p>
  45. <p>
  46. Used to be techie at "<a href="https://www.youtube.com/watch?v=xA1sEjxPDWQ">The People's NSA</a>" (<a href="https://www.occrp.org/en">Organized Crime and Corruption Reporting Project</a>).<br/>
  47. </p>
  48. <p>
  49. Contributed to a couple of worldy-known open source projects such as <a href="https://elementary.io/">elementary OS</a> and the <a href="https://www.torproject.org/">Tor Project</a>.
  50. </p>
  51. <p><br/>
  52. I write things in my free time.
  53. </p>
  54. <div class="social-media">
  55. <a itemprop="sameAs" href="https://github.com/{{ site.owner.github }}" rel="me"><i class="fa fa-github" aria-hidden="true"></i></a>
  56. <a itemprop="sameAs" href="https://twitter.com/{{ site.owner.twitter }}" rel="me"><i class="fa fa-twitter" aria-hidden="true"></i></a>
  57. <a itemprop="sameAs" href="https://www.facebook.com/{{ site.owner.facebook }}" rel="me"><i class="fa fa-facebook" aria-hidden="true"></i></a>
  58. <a href="{{ site.baseurl }}/en/contact/"><i class="fa fa-envelope-o" aria-hidden="true"></i></a>
  59. </div>
  60. </div>
  61. <div class="accomplishments">
  62. <div class="accomplishments-caption">
  63. Achievements
  64. </div>
  65. <div class="container">
  66. <div class="accomplishments-row">
  67. <div class="col-xs-6 col-md-2 accomplishment">
  68. <a href="https://twitter.com/r3bl_/statuses/940265534804905986">
  69. <img src="{{ site.baseurl }}/assets/bling/accomplishments/github.png" alt="GitHub badge">
  70. <div class="accomplishment-title"><span>1k GitHub stars</span></div>
  71. <div class="accomplishment-desc"><span>My awesome-linux reached 1k+ stars.</span></div>
  72. </a>
  73. </div>
  74. <div class="col-xs-6 col-md-2 accomplishment">
  75. <a href="https://www.goodreads.com/user/year_in_books/2017/37688006">
  76. <img src="{{ site.baseurl }}/assets/bling/accomplishments/books.png" alt="Books badge">
  77. <div class="accomplishment-title"><span>20 books in a year</span></div>
  78. <div class="accomplishment-desc"><span>Read 20 books in both 2016 and 2017.</span></div>
  79. </a>
  80. </div>
  81. <div class="col-xs-6 col-md-2 accomplishment">
  82. <img src="{{ site.baseurl }}/assets/bling/accomplishments/growth.png" alt="Growth badge">
  83. <div class="accomplishment-title"><span>50 daily visitors</span></div>
  84. <div class="accomplishment-desc"><span>This website didn't have a day without 50+ visitors.</span></div>
  85. </div>
  86. <div class="col-xs-6 col-md-2 accomplishment">
  87. <a href="https://twitter.com/r3bl_/statuses/694607245456334849">
  88. <img src="{{ site.baseurl }}/assets/bling/accomplishments/trophy.png" alt="Trophy badge">
  89. <div class="accomplishment-title"><span>A writing award</span></div>
  90. <div class="accomplishment-desc"><span>Won Opensource.com Reader's Choice Award 2016.</span></div>
  91. </a>
  92. </div>
  93. <div class="col-xs-6 col-md-2 accomplishment-locked">
  94. <img src="{{ site.baseurl }}/assets/bling/accomplishments/graduation.png" alt="Graduation badge">
  95. <div class="accomplishment-title"><span>LOCKED: infosec specialization</span></div>
  96. <div class="accomplishment-desc"><span>On my way to receive my infosec specalization.</span></div>
  97. </div>
  98. <div class="col-xs-6 col-md-2 accomplishment-locked">
  99. <a href="https://twitter.com/r3bl_">
  100. <img src="{{ site.baseurl }}/assets/bling/accomplishments/twitter.png" alt="Twitter badge">
  101. <div class="accomplishment-title"><span>LOCKED: 1k Twitter followers</span></div>
  102. <div class="accomplishment-desc"><span>Help me reach 1k Twitter followers!</span></div>
  103. </a>
  104. </div>
  105. </div>
  106. </div>
  107. </div>
  108. <div class="clearfix"></div>
  109. <div class="row">
  110. <div class="col-xs-12">
  111. <div class="listing">
  112. <h2 style="text-align: center;">What I wrote about recently</h2>
  113. <ul class="listing-homepage">
  114. <li><a href="https://blog.r3bl.me/en/the-city-whose-name-i-cannot-mention/">The city I write this in protected its name, so I am not legally allowed to use it</a>, in which I explained how the capital of Bosnia & Herzegovina tries to trademark the name of the city.</li>
  115. <li><a href="https://blog.r3bl.me/en/top-17-songs-of-2017/">My Top 17 Songs of 2017</a>, in which I shared the songs that I liked the most during the year.</li>
  116. <li><a href="https://blog.r3bl.me/en/recreating-firefox-focus-behavior-on-desktop/">Three ways of re-creating Firefox Focus behavior on Firefox desktop</a>, in which I explored different options of making Firefox behave like Firefox Focus does on smartphones.</li>
  117. </ul>
  118. </div>
  119. </div>
  120. <!--
  121. <div class="col-xs-12 col-md-6">
  122. <div class="donations">
  123. <h2>Donations</h2>
  124. <div class="donation-desc">
  125. <ol>
  126. <li>I build cool things.</li>
  127. <li>I write about and support cool things.</li>
  128. <li>I give back to the community.</li>
  129. <li>I'm transparent about my spendings.</li>
  130. </ol>
  131. </div>
  132. <div class="row">
  133. <div class="col-xs-6 donation-btn nav-secondary">
  134. <a href="#"><div class="btn-don">learn more</div></a>
  135. </div>
  136. <div class="col-xs-6 donation-btn nav-secondary">
  137. <a href="#"><div class="btn-don">see spendings</div></a>
  138. </div>
  139. </div>
  140. </div>
  141. </div>
  142. -->
  143. </div>
  144. <div class="donations">
  145. <div class="listing">
  146. <h2>Favorite articles (written by me)</h2>
  147. <ul class="listing-homepage">
  148. <li class="invert-colors">2018-01-21 <a href="https://blog.r3bl.me/en/the-city-whose-name-i-cannot-mention/">The city I write this in protected its name, so I am not legally allowed to use it</a></li>
  149. <li class="invert-colors">2017-10-20 <a href="https://blog.r3bl.me/en/recreating-firefox-focus-behavior-on-desktop/">Three ways of re-creating Firefox Focus behavior on Firefox desktop</a></li>
  150. <li class="invert-colors">2016-06-12 <a href="https://blog.r3bl.me/en/yubikey-usefulness/">YubiKey NEO: Ubuntu 16.04 usefulness (+ review)</a></li>
  151. <li class="invert-colors">2015-06-30 <a href="https://opensource.com/life/15/6/my-linux-story-Aleksandar-Todorovic">Linux as a lifestyle <i class="fa fa-external-link" aria-hidden="true"></i></a></li>
  152. <li class="invert-colors">2015-02-16 <a href="http://opensource.com/life/15/2/beginners-guide-github">A beginner's guide to GitHub <i class="fa fa-external-link" aria-hidden="true"></i></a>, an <a href="https://opensource.com/community/16/2/winners-2016-community-awards">award winning article <i class="fa fa-external-link" aria-hidden="true"></i></a></li>
  153. </ul>
  154. </div>
  155. </div>
  156. <div class="listing">
  157. <h2 style="text-align: center;">Favorite shoutouts</h2>
  158. <ul class="listing-homepage">
  159. <li><div class="pub-date">2018-01-21</div> <span>Boing Boing</span> <a href="https://boingboing.net/2018/01/21/sarajevo-sarajevo-sarajevo-sar.html">City of Sarajevo bans unsanctioned utterances of its name, threatens Facebook groups <i class="fa fa-external-link" aria-hidden="true"></i></a></li>
  160. <li><div class="pub-date">2017-09-13</div> <span>The Mozilla Blog</span> <a href="https://blog.mozilla.org/blog/2017/09/13/mozilla-announces-15-new-fellows-science-advocacy-media/"> Mozilla Announces 15 New Fellows for Science, Advocacy, and Media <i class="fa fa-external-link" aria-hidden="true"></i></a></li>
  161. <li><div class="pub-date">2016-02-03</div> <span>Opensource.com</span> <a href="https://opensource.com/community/16/2/winners-2016-community-awards">Announcing the 2016 Opensource.com Community Awards winners <i class="fa fa-external-link" aria-hidden="true"></i></a></li>
  162. <li><div class="pub-date">2015-12-21</div> <span>Opensource.com</span> <a href="https://opensource.com/life/15/12/top-20-open-source-stories-2015">Best of Opensource.com: Top 20 articles of the year <i class="fa fa-external-link" aria-hidden="true"></i></a></li>
  163. <li><div class="pub-date">2012-03-06</div> <span>DJTechTools</span> <a href="http://djtechtools.com/2012/03/06/djing-with-a-computer-keyboard/">DJing With A Computer Keyboard <i class="fa fa-external-link" aria-hidden="true"></i></a></li>
  164. </ul>
  165. </div>
  166. <div class="donations">
  167. <div class="listing">
  168. <h2 style="text-align: center;">Other types of media</h2>
  169. <ul class="listing-homepage">
  170. <li class="invert-colors"><div class="pub-date">2016-05-04</div> <a href="https://www.youtube.com/watch?v=PwRpxWjKUPM">Kontekst: Internet i sigurnost <i class="fa fa-external-link" aria-hidden="true"></i></a> (guest at an Al Jazeera Balkans TV show)</li>
  171. <li class="invert-colors"><div class="pub-date">2014-12-??</div> <a href="http://www.giswatch.org/node/5243">BOSNA I HERCEGOVINA: Kontinuitet nadzora <i class="fa fa-external-link" aria-hidden="true"></i></a> (Global Information Society Watch paper mentioning my work)</li>
  172. </ul>
  173. </div>
  174. </div>
  175. <div class="listing">
  176. <h2 style="text-align: center;">Donations I've made in 2017</h2>
  177. <div style="display: inline-block; text-align: center;">
  178. <em>I believe it is very important for each of us to financially support the non-profit organizations and projects whose causes we agree with. That's why I have financially backed the following projects and organizations.</em>
  179. </div>
  180. <ul class="listing-homepage">
  181. <li><div class="don-amount">$130</div> to the <a href="https://www.eff.org">Electronic Frontier Foundation (EFF)</a>, an international digital rights group defending civil liberties in the digital world.</li>
  182. <li><div class="don-amount">€50</div> to the <a href="https://edri.org/">European Digital Rights (EDRi)</a>, an association of organisations from across Europe that defend rights and freedoms in the digital world. </li>
  183. <li><div class="don-amount">$50</div> to <a href="http://lupiga.com/">Lupiga.com</a>, an independent Croatian investigative journalism organization.</li>
  184. <li><div class="don-amount">$25</div> to the <a href="https://www.torproject.org/">Tor Project</a>, an organization responsible for maintaining Tor anonymity network. My Tor server relayed <div class="don-amount">45 TB</div> of data.</li>
  185. <li><div class="don-amount">$25</div> to <a href="https://creativecommons.org/">Creative Commons</a>, an organization devoted to expanding the range of creative works available for others to build upon and share.</li>
  186. <li><div class="don-amount">$25</div> to the <a href="https://www.mozilla.org/en-US/en_US/">Mozilla Foundation</a>, a non-profit organization that promotes openness, innovation and participation on the Internet.</li>
  187. <li><div class="don-amount">$20</div> to <a href="https://www.aclu.org/">American Civil Liberties Union (ACLU)</a>, an organization whose mission is to defend the rights and liberties guaranteed to all US citizens.</li>
  188. <li><div class="don-amount">$20</div> to <a href="https://puri.sm/">Purism</a>, for their attempt at creating a world-first privacy-oriented smartphone (<a href="https://puri.sm/shop/librem-5/">Librem 5</a>).</li>
  189. <li><div class="don-amount">$10</div> to <a href="https://github.com/micheleg">Michele Gaio</a>, author of <a href="https://extensions.gnome.org/extension/307/dash-to-dock/">Dash to Dock</a> and other GNOME extensions.</li>
  190. <li><div class="don-amount">$10</div> to the <a href="https://archive.org/">Internet Archive</a>, a digital library whose mission is universal access to all knowledge.</li>
  191. <li><div class="don-amount">$10</div> to the <a href="https://www.wikimedia.org/">Wikimedia Foundation</a>, in charge of financing Wikipedia and other projects.</li>
  192. </ul>
  193. <div class="don-total">Total amount donated in 2017: <div class="don-amount">~€315</div>/<div class="don-amount"> ~$385</div></div>
  194. </div>