index.html 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>reveal.js - Slide Transitions</title>
  6. <link rel="stylesheet" href="../../css/reveal.css">
  7. <!--link rel="stylesheet" href="../../css/theme/league.css" id="theme"-->
  8. <link rel="stylesheet" href="../../css/theme/league.css" id="theme">
  9. <link rel="stylesheet" href="../../lib/css/zenburn.css">
  10. <style type="text/css" media="screen">
  11. .slides section.has-dark-background,
  12. .slides section.has-dark-background h3 {
  13. color: #fff;
  14. }
  15. .slides section.has-light-background,
  16. .slides section.has-light-background h3 {
  17. color: #222;
  18. }
  19. .greenthumb{
  20. color: #0F6;
  21. }
  22. .yellow{
  23. color: #FF0;
  24. }
  25. .red{
  26. color: #F22;
  27. }
  28. .left{
  29. text-align: left;
  30. }
  31. .pedice{
  32. vertical-align: super;
  33. }
  34. .tqsize{
  35. font-size: 0.75em !important;
  36. }
  37. .halfsize{
  38. font-size: 0.5em !important;
  39. }
  40. .largo{
  41. letter-spacing:0.2em
  42. }
  43. .right{
  44. text-align: right;
  45. }
  46. .logos {
  47. border: 0px solid #fff !important;
  48. border-radius: 0px;
  49. padding: 0px;
  50. background: rgba(255, 255, 255, 0.0) !important;
  51. box-shadow: 0 0 0px rgba(0, 0, 0, 0.0) !important;
  52. }
  53. </style>
  54. </head>
  55. <body>
  56. <div class="reveal">
  57. <div class="slides">
  58. <section data-transition="zoom-in">
  59. <h2>Autodifesa digitale #3</h2>
  60. <h3><br/></h3>
  61. <img class="logos" src="dj.png"/>
  62. <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
  63. <img class="logos" src="p.png"/>
  64. </section>
  65. <section data-transition="zoom-in">
  66. <section>
  67. <h2>Overview</h2>
  68. <ul>
  69. <li class="fragment fade-in tqsize">keepassx</li>
  70. <li class="fragment fade-in tqsize">10mins mail</li>
  71. <li class="fragment fade-in tqsize">pad</li>
  72. <li class="fragment fade-in tqsize">wiki</li>
  73. <li class="fragment fade-in tqsize">tor</li>
  74. <li class="fragment fade-in tqsize">hidden sercice diy</li>
  75. </ul>
  76. <aside class="notes">
  77. </aside>
  78. </section>
  79. </section>
  80. <section data-transition="zoom-in">
  81. <h2>keepassx</h2>
  82. {POC}
  83. <aside class="notes">
  84. </aside>
  85. </section>
  86. <section data-transition="zoom-in">
  87. <h2>Ten Minutes Email</h2>
  88. {POC}
  89. <aside class="notes">
  90. </aside>
  91. </section>
  92. <section data-transition="zoom-in">
  93. <h2>pad</h2>
  94. {POC}
  95. <aside class="notes">
  96. </aside>
  97. </section>
  98. <section data-transition="zoom-in">
  99. <h2>wiki</h2>
  100. {POC}
  101. <aside class="notes">
  102. </aside>
  103. </section>
  104. <section data-transition="zoom-in">
  105. <h2>TOR</h2>
  106. {POC}
  107. <aside class="notes">
  108. </aside>
  109. </section>
  110. <section data-transition="zoom-in">
  111. <h2>hidden services DIY</h2>
  112. {POC}
  113. <aside class="notes">
  114. </aside>
  115. </section>
  116. <section data-transition="convex-in concave-out" data-background-image="sniffilamattina222333.png">
  117. <h3>..:: infos ::..</h3>
  118. <p class="yellow">http://polybius.fyi</p>
  119. <h3>..:: Stay Tuned ::..</h3>
  120. <p class="yellow">polybius@lists.riseup.net</p>
  121. <aside class="notes">
  122. </aside>
  123. </section>
  124. <!--<section>
  125. <h3>Maxwell&#8217;s Equations</h3>
  126. \[ \begin{aligned}
  127. \nabla \times \vec{\mathbf{B}} -\, \frac1c\, \frac{\partial\vec{\mathbf{E}}}{\partial t} &amp; = \frac{4\pi}{c}\vec{\mathbf{j}} \\ \nabla \cdot \vec{\mathbf{E}} &amp; = 4 \pi \rho \\
  128. \nabla \times \vec{\mathbf{E}}\, +\, \frac1c\, \frac{\partial\vec{\mathbf{B}}}{\partial t} &amp; = \vec{\mathbf{0}} \\
  129. \nabla \cdot \vec{\mathbf{B}} &amp; = 0 \end{aligned}
  130. \]
  131. </section>
  132. -->
  133. </div>
  134. </div>
  135. <script src="../../lib/js/head.min.js"></script>
  136. <script src="../../js/reveal.js"></script>
  137. <script>
  138. Reveal.initialize({
  139. controls: true,
  140. progress: true,
  141. history: true,
  142. center: true,
  143. //minScale: 1,
  144. //maxScale: 10,
  145. //naturalSwipe : false, // Invert swipe gestures
  146. //pointerOpacity : 0.5, // Set pointer opacity to 0.5
  147. //pointerColor : '#d80000', // Red pointer
  148. math: {
  149. mathjax: 'https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js',
  150. config: 'TeX-AMS_HTML-full' // See http://docs.mathjax.org/en/latest/config-files.html
  151. },
  152. // Optional libraries used to extend on reveal.js
  153. dependencies: [
  154. { src: '../../plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
  155. { src: '../../plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); }},
  156. // Syntax highlight for <code> elements
  157. { src: '../../plugin/math/math.js', async: true },
  158. { src: '../../plugin/notes/notes.js', async: true },
  159. { src: '../../plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
  160. // Zoom in and out with Alt+click
  161. { src: '../../plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } }
  162. //{ src: '../../../plugin/leap/leap_motion.js', async: true }
  163. ]
  164. });
  165. </script>
  166. </body>
  167. </html>