index.html 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295
  1. <!DOCTYPE html>
  2. <html lang="pt-br">
  3. <!-- Kopiado do getboostrap.com por um pirata.xyz displiscente -->
  4. <head>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  9. <meta name="description" content="Mumble Pirata">
  10. <meta name="author" content="./humans.txt">
  11. <link rel="icon" href="./assets/img/Mumble%20logo.svg">
  12. <title>Mumble Pirata</title>
  13. <!-- Bootstrap core CSS -->
  14. <link href="./assets/css/bootstrap.min.css" rel="stylesheet">
  15. <!-- Bootstrap theme -->
  16. <link href="./assets/css/bootstrap-theme.min.css" rel="stylesheet">
  17. <link href="./assets/css/estilos.css" rel="stylesheet">
  18. <!-- Social Share Privacy -->
  19. <script type="text/javascript" src="./assets/js/jquery.min.js"></script>
  20. <script type="text/javascript" src="./assets/js/jquery.cookies.js"></script>
  21. <script type="application/x-social-share-privacy-settings">{"path_prefix":"http://panzi.github.io/SocialSharePrivacy/","layout":"line","uri":"https://mumble.partidopirata.org"}</script>
  22. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  23. <!--[if lt IE 9]>
  24. <script src="./assets/js/html5shiv.min.js"></script>
  25. <script src="./assets/js/respond.min.js"></script>
  26. <![endif]-->
  27. <!-- Opengraph -->
  28. <meta property="og:title" content="Mumble Pirata">
  29. <meta property="og:description" content="Mumble é um software que serve para chat (texto), audioconferência e comunicação direta de pessoas. Além disto, ele serve para organização, interação e entretenimento."/>
  30. <meta property="og:type" content="article">
  31. <meta property="og:image" content="https://mumble.partidopirata.org/assets/img/mumble-pirata.png">
  32. <meta property="og:url" content="https://mumble.partidopirata.org">
  33. <!-- Twitter card -->
  34. <meta name="twitter:card" content="summary_large_image">
  35. <meta name="twitter:site" content="@partidopiratabr">
  36. <meta name="twitter:title" content="Mumble Pirata">
  37. <meta name="twitter:description" content="Mumble é um software que serve para chat (texto), audioconferência e comunicação direta de pessoas. Além disto, ele serve para organização, interação e entretenimento.">
  38. <meta name="twitter:creator" content="@partidopiratabr">
  39. <meta name="twitter:image:src" content="https://mumble.partidopirata.org/assets/img/mumble-pirata.png">
  40. <meta name="twitter:domain" content="mumble.partidopirata.org">
  41. </head>
  42. <body role="document">
  43. <!-- Fixed navbar -->
  44. <nav class="navbar navbar-default navbar-fixed-top">
  45. <div class="container">
  46. <div class="navbar-header">
  47. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  48. <span class="sr-only">Toggle navigation</span>
  49. <span class="icon-bar"></span>
  50. <span class="icon-bar"></span>
  51. <span class="icon-bar"></span>
  52. </button>
  53. <a class="navbar-brand" href="./">Mumble Pirata</a>
  54. </div>
  55. <div id="navbar" class="navbar-collapse collapse">
  56. <ul class="nav navbar-nav">
  57. <li><a href="#sobre"><img src="./assets/img/help-contents.png" width="32px" height="32px" alt="Sobre" /> Sobre</a></li>
  58. <li><a href="#tutorial"><img src="./assets/img/help.png" width="32px" height="32px" alt="Tutorial" /> Como usar isto&quest;</a></li>
  59. <li class="dropdown">
  60. <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><img src="./assets/img/arrow-down-double-3.png" width="32px" height="32px" alt="Baixar" /> Baixe agora&excl;<span class="caret"></span></a>
  61. <ul class="dropdown-menu">
  62. <li class="dropdown-header">Desktop/laptop</li>
  63. <li><a href="https://github.com/mumble-voip/mumble/releases/download/1.2.10/mumble-1.2.10.msi" target="_blank"><img src="./assets/img/Windows_logo_-_2012.png" width="32px" height="32px" alt="Windows" /> Windows</a></li>
  64. <li><a href="http://wiki.mumble.info/wiki/Installing_Mumble#Linux" target="_blank"><img src="./assets/img/Tux.svg" width="32px" height="32px" alt="Linux" /> Linux</a></li>
  65. <li><a href="https://launchpad.net/~mumble/+archive/release" target="_blank"><img src="./assets/img/ubuntu.png" width="32px" height="32px" alt="Ubuntu" /> Ubuntu</a></li>
  66. <li><a href="https://github.com/mumble-voip/mumble/releases/download/1.2.10/Mumble-1.2.10.dmg" target="_blank"><img src="./assets/img/Osx-yosemite-logo.png" width="32px" height="32px" alt="OS X" /> OS X</a></li>
  67. <li role="separator" class="divider"></li>
  68. <li class="dropdown-header">Smartphone/tablet</li>
  69. <li><a href="https://play.google.com/store/apps/details?id=com.morlunk.mumbleclient.free" target="_blank"><img src="./assets/img/Android_robot.svg" width="32px" height="32px" alt="Android" /> Android</a></li>
  70. <li><a href="https://f-droid.org/repository/browse/?fdid=com.morlunk.mumbleclient" target="_blank"><img src="./assets/img/F-Droid_Logo_4.svg" width="32px" height="32px" alt="F-Droid" /> F-Droid</a></li>
  71. <li><a href="http://itunes.apple.com/us/app/mumble/id443472808?ls=1&mt=8" target="_blank"><img src="./assets/img/Apple_iOS_new.svg" width="32px" height="32px" alt="iOS" /> iOS</a></li>
  72. </ul>
  73. <li><a href="#compartilhar" target="_self"><img src="./assets/img/irc-voice.png" width="32px" height="32px" alt="Compartilhe" /> Compartilhe&excl;</a></li>
  74. <li><a href="./reunioes/" target="_self"><img src="./assets/img/audio-x-speex+ogg.png" width="32px" height="32px" alt="Partido Pirata" /> Log das reuni&otilde;es</a></li>
  75. <li><a href="https://partidopirata.org/" target="_self"><img src="./assets/img/Piratpartiet.svg" width="32px" height="32px" alt="Partido Pirata" /> Partido Pirata</a></li>
  76. </li>
  77. </ul>
  78. </div><!--/.nav-collapse -->
  79. </div>
  80. </nav>
  81. <div class="container theme-showcase" role="main">
  82. <div class="divisor">&nbsp;</div>
  83. <a name="sobre"></a>
  84. <div class="jumbotron">
  85. <h1>Mumble Pirata</h1>
  86. <div class="alert alert-info" role="alert">
  87. <img src="./assets/img/tor.png" width="64px" alt="Tor" /> <span>Este site pode ser acessado pelo <a href="https://torproject.org/" target="_blank">Tor</a> através do endereço <strong><a href="http://mumble4htdctgdd7.onion" target="_blank">mumble4htdctgdd7.onion</a></strong></span>
  88. </div>
  89. <div class="alert alert-info" role="alert">
  90. <img src="./assets/img/zeronet.png" width="64px" alt="Zeronet" /> <span>Este site pode ser acessado pela <a href="https://zeronet.io/" target="_blank">ZeroNet</a> através do endereço <strong><a href="http://127.0.0.1:43110/17q6cP24qcfQUb8EH4jbyvZeZ68P7AEVUj" target="_blank">17q6cP24qcfQUb8EH4jbyvZeZ68P7AEVUj</a></strong></span>
  91. </div>
  92. <h2><img src="./assets/img/help-contents.png" width="64px" height="64px" alt="Eu sei" /> O que &eacute; e pra que serve&quest;</h2>
  93. <p>Mumble &eacute; um software que serve para chat (texto), audioconfer&ecirc;ncia e comunica&ccedil;&atilde;o direta de pessoas. Al&eacute;m disto, ele serve para organiza&ccedil;&atilde;o, intera&ccedil;&atilde;o e entretenimento.</p>
  94. <p>Pare de ler sobre mumble e venha experimentar pra saber do que se trata. Use com modera&ccedil;&atilde;o. O Partido Pirata n&atilde;o &eacute; respons&aacute;vel pelas consequ&ecirc;ncias do uso e do abuso deste servi&ccedil;o.</p>
  95. <h2><img src="./assets/img/grub.png" width="64px" height="64px" alt="Eu sei" /> Eu sei o que estou fazendo, n&atilde;o vou ler nada&excl;</h2>
  96. <p>J&aacute; sabe o que &eacute; Mumble e s&oacute; quer o que interessa&quest; Toma:</p>
  97. <div class="well">
  98. <b>5.135.182.223:64738</b>
  99. <br />
  100. <b>[2001:41d0:8:bddf::1]:64738</b>
  101. <br />
  102. <b>mumble4htdctgdd7.onion:64738</b>
  103. </div>
  104. <p>Pensando bem, n&atilde;o entendi nada, n&atilde;o consegui, n&atilde;o deu certo. Vou ler o resto do site, obrigado.</p>
  105. </div>
  106. <a name="tutorial"></a>
  107. <div class="page-header">
  108. <h1>Como usar isto&quest;</h1>
  109. </div>
  110. <div class="row featurette">
  111. <div class="col-md-7">
  112. <h2 class="featurette-heading"><img src="./assets/img/download-2.png" width="64px" height="64px" alt="Baixar" /> Baixe o aplicativo. <span class="text-muted">Sim, tem que instalar coisas.</span></h2>
  113. <p class="lead">Google Hangouts e Facebook Messenger <b>instalam</b> software no teu equipamento, ent&atilde;o n&atilde;o tem nada de dif&iacute;cil ou novo aqui.</p>
  114. <p class="lead">A correla&ccedil;&atilde;o entre o que &eacute; conveniente e c&ocirc;modo e o que &eacute; eficaz e seguro determina que tu vai ter que assumir a responsabilidade pela tua vida e instalar software, ao inv&eacute;s de depender de servi&ccedil;os de terceiros como &eacute; de costume hoje em dia.</p>
  115. <p class="lead">Use o menu acima "Baixe agora&excl;" para obter os aplicativos para desktops ou dispositivos m&oacute;veis, ou procure no <a href="http://wiki.mumble.info/" target="_blank">site oficial</a>, mais especificamente na p&aacute;gina <a href="http://wiki.mumble.info/wiki/Installing_Mumble" target="_blank">como instalar Mumble</a> (em ingl&ecirc;s).</p>
  116. <p class="lead">Ou ent&atilde;o use o menu ao lado.</p>
  117. </div>
  118. <div class="col-md-5">
  119. <div class="panel panel-default">
  120. <div class="panel-heading">
  121. <h3 class="panel-title">Desktop/laptop</h3>
  122. </div>
  123. <div class="panel-body">
  124. <div class="list-group">
  125. <a href="https://github.com/mumble-voip/mumble/releases/download/1.2.10/mumble-1.2.10.msi" target="_blank" class="list-group-item"><img src="./assets/img/Windows_logo_-_2012.png" width="32px" height="32px" alt="Windows" /> Windows</a>
  126. <a href="http://wiki.mumble.info/wiki/Installing_Mumble#Linux" target="_blank" class="list-group-item"><img src="./assets/img/Tux.svg" width="32px" height="32px" alt="Linux" /> Linux</a>
  127. <a href="https://launchpad.net/~mumble/+archive/release" target="_blank" class="list-group-item"><img src="./assets/img/ubuntu.png" width="32px" height="32px" alt="Ubuntu" /> Ubuntu</a>
  128. <a href="https://github.com/mumble-voip/mumble/releases/download/1.2.10/Mumble-1.2.10.dmg" target="_blank" class="list-group-item"><img src="./assets/img/Osx-yosemite-logo.png" width="32px" height="32px" alt="OS X" /> OS X</a>
  129. </div>
  130. </div>
  131. </div>
  132. <div class="panel panel-default">
  133. <div class="panel-heading">
  134. <h3 class="panel-title">Smartphone/tablet</h3>
  135. </div>
  136. <div class="panel-body">
  137. <div class="list-group">
  138. <a href="https://play.google.com/store/apps/details?id=com.morlunk.mumbleclient.free" target="_blank" class="list-group-item"><img src="./assets/img/Android_robot.svg" width="32px" height="32px" alt="Android" /> Android</a>
  139. <a href="https://f-droid.org/repository/browse/?fdid=com.morlunk.mumbleclient" target="_blank" class="list-group-item"><img src="./assets/img/F-Droid_Logo_4.svg" width="32px" height="32px" alt="F-Droid" /> F-Droid</a>
  140. <a href="http://itunes.apple.com/us/app/mumble/id443472808?ls=1&mt=8" target="_blank" class="list-group-item"><img src="./assets/img/Apple_iOS_new.svg" width="32px" height="32px" alt="iOS" /> iOS</a>
  141. </div>
  142. </div>
  143. </div>
  144. </div>
  145. </div>
  146. <hr class="featurette-divider">
  147. <div class="row featurette">
  148. <div class="col-md-7 col-md-push-5">
  149. <h2 class="featurette-heading"><img src="./assets/img/preferences-system-network-2.png" width="64px" height="64px" alt="Servidor" /> Entre no nosso servidor. <span class="text-muted">Ou em qualquer servidor pirata.</span></h2>
  150. <p class="lead">O cliente baixado no passo anterior n&atilde;o vai conseguir interagir com o mundo sem um servidor.</p>
  151. <p class="lead">Mas n&oacute;s j&aacute; sab&iacute;amos disto e colocamos o nosso servidor no ar.</p>
  152. <p class="lead">Sem autoriza&ccedil;&atilde;o, outorga ou alvar&aacute; de nenhuma grande empresa de comunica&ccedil;&atilde;o, controle, seguran&ccedil;a ou intelig&ecirc;ncia.</p>
  153. <p class="lead">O servidor &eacute; nosso. Por "nosso", entenda "teu" tamb&eacute;m. Mas tamb&eacute;m n&atilde;o bota os p&eacute;s no sof&aacute;.</p>
  154. <hr>
  155. <h3><span class="text-muted"><img src="./assets/img/network-wired.png" width="48px" height="48px" alt="Dados" /> Chega de papo, quais s&atilde;o os dados&quest;</span></h3>
  156. <p>Servidor:</p>
  157. <div class="well">
  158. <span>mumble.partidopirata.org</span>
  159. </div>
  160. <p><i>Para quem usa <a href="https://torproject.org/" target="_blank">Tor</a>, o endere&ccedil;o &eacute;: <b>mumble4htdctgdd7.onion</b></i></p>
  161. <p>Porta:</p>
  162. <div class="well">
  163. <span>64738</span>
  164. </div>
  165. <p class="lead">
  166. Verifique a soma SHA1 do certificado:
  167. <div class="well">
  168. <span>f792 497e 5b3f db65 f352 b874 d319 2087 3ec4 3f60</span>
  169. </div>
  170. </p>
  171. <p class="lead">
  172. E/ou a soma MD5:
  173. <div class="well">
  174. <span>fd95 dc84 770d 19ef e307 019a 812f 5069</span>
  175. </div>
  176. </p>
  177. </div>
  178. <div class="col-md-5 col-md-pull-7">
  179. <img class="featurette-image img-responsive center-block" src="./assets/img/mumble_tutorial-01.png" alt="Tutorial">
  180. <br />
  181. <img class="featurette-image img-responsive center-block" src="./assets/img/mumble_tutorial-02.png" alt="Tutorial">
  182. <br />
  183. <img class="featurette-image img-responsive center-block" src="./assets/img/mumble_tutorial-04.png" alt="Tutorial">
  184. <br />
  185. <img class="featurette-image img-responsive center-block" src="./assets/img/mumble_tutorial-05.png" alt="Tutorial">
  186. </div>
  187. </div>
  188. <hr class="featurette-divider">
  189. <div class="row featurette">
  190. <div class="col-md-3">
  191. <h2 class="featurette-heading"><img src="./assets/img/preferences-desktop-wallpaper-4.png" width="64px" height="64px" alt="Servidor" /><br />N&atilde;o entendi&excl;<br /><span class="text-muted">Eu preciso ver pra entender.</span></h2>
  192. <p>A gente tamb&eacute;m precisou. Inclusive, gravamos um screencast pra desenhar como &eacute; que se faz. Assista clicando em "play" no v&iacute;deo.</p>
  193. </div>
  194. <div class="col-md-9">
  195. <video width="100%" controls>
  196. <source src="./assets/ogg/mumble-pirata_tutorial.ogv" type="video/ogg">
  197. <source src="./assets/ogg/mumble-pirata_tutorial.webm" type="video/webm">
  198. <source src="./assets/ogg/mumble-pirata_tutorial.mkv" type="video/webm">
  199. <source src="./assets/ogg/mumble-pirata_tutorial.mp4" type="video/mp4">
  200. <span>Este navegador n&atilde;o funciona com v&iacute;deo em HTML5.</span>
  201. </video>
  202. </div>
  203. </div>
  204. <hr class="featurette-divider">
  205. <div class="row featurette">
  206. <div class="col-md-2">
  207. <a href="http://wiki.mumble.info/" target="_blank"><img class="featurette-image img-responsive center-block" src="./assets/img/Mumble%20logo.svg" style="max-height:200px; width=100%;" alt="Mumble"></a>
  208. <br />
  209. <a href="http://partidopirata.org/" target="_blank"><img class="featurette-image img-responsive center-block" src="./assets/img/Piratpartiet.svg" style="max-height:200px; width=100%;" alt="Partido Pirata"></a>
  210. </div>
  211. <div class="col-md-10">
  212. <h2 class="featurette-heading"><img src="./assets/img/mail-reply-all-3.png" width="64px" height="64px" alt="Servidor" /> Converse com as pessoas. <span class="text-muted">Entre em canais e grupos.</span></h2>
  213. <p class="lead">Normalmente tem algu&eacute;m pra te acolher e te mostrar o caminho das pedras. Se n&atilde;o aparecer algu&eacute;m imediatamente, aguarde ou v&aacute; se virando sozinha(o).</p>
  214. <p class="lead">Seja bem vinda(o) de volta &agrave; internet e a um mundo onde as pessoas conversam&excl;</p>
  215. <p class="lead">Caso sinta falta da Matrix, &eacute; s&oacute; <a href="https://duckduckgo.com/?q=!g+facebook" target="_self">voltar</a> a qualquer momento&excl;</p>
  216. </div>
  217. </div>
  218. <hr class="featurette-divider">
  219. <div class="row featurette">
  220. <div class="col-md-10">
  221. <h2 class="featurette-heading">Outros servidores&quest; <span class="text-muted">Quer ter mais possibilidades&quest;</span></h2>
  222. <p class="lead">Alguns servidores de mumble onde tamb&eacute;m temos canais e sub canais:</p>
  223. <p>
  224. Servidor do Partido Pirata Alem&atilde;o (onde acontecem as reuni&otilde;es do Partido Pirata Internacional). Temos um sub canal neste servidor em <b>International &gt; Partido Pirata Brasil</b>
  225. <div class="well">
  226. <span>mumble.piratenpartei-nrw.de</span>
  227. </div>
  228. </p>
  229. </div>
  230. <div class="col-md-2">
  231. <a href="http://wiki.mumble.info/" target="_blank"><img class="featurette-image img-responsive center-block" src="./assets/img/Mumble%20logo.svg" style="max-height:200px; width=100%;" alt="Mumble"></a>
  232. <br />
  233. <a href="https://partidopirata.org/" target="_blank"><img class="featurette-image img-responsive center-block" src="./assets/img/Piratpartiet.svg" style="max-height:200px; width=100%;" alt="Partido Pirata"></a>
  234. </div>
  235. </div>
  236. <hr class="featurette-divider">
  237. <a name="compartilhar"></a>
  238. <div class="row featurette">
  239. <div class="col-md-3">
  240. <h2 class="featurette-heading"><img src="./assets/img/emblem-shared.png" width="64px" height="64px" alt="Compartilhar" /> Compartilhe esta p&aacute;gina&excl;</h2>
  241. </div>
  242. <div class="col-md-9">
  243. <div data-social-share-privacy='true'></div>
  244. </div>
  245. </div>
  246. <hr class="featurette-divider">
  247. <footer>
  248. <center>
  249. <p><a href="./humans.txt" target="_self">Kopimi</a> 2015 - 2017. Altere este site da forma que bem lhe convier e kopie a gente. <a href="https://notabug.org/piratas/mumble-site" target="_blank">C&oacute;digo fonte</a>. Use <a href="http://wiki.mumble.info/" target="_blank">Mumble</a>.</p>
  250. </center>
  251. </footer>
  252. </div> <!-- /container -->
  253. <!-- Bootstrap core JavaScript
  254. ================================================== -->
  255. <!-- Placed at the end of the document so the pages load faster -->
  256. <script src="./assets/js/jquery.min.js"></script>
  257. <script src="./assets/js/bootstrap.min.js"></script>
  258. <script src="./assets/js/docs.min.js"></script>
  259. <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  260. <script src="./assets/js/ie10-viewport-bug-workaround.js"></script>
  261. <script type="text/javascript">(function () {var s = document.createElement('script');var t = document.getElementsByTagName('script')[0];s.type = 'text/javascript';s.async = true;s.src = 'http://panzi.github.io/SocialSharePrivacy/javascripts/jquery.socialshareprivacy.min.autoload.js';t.parentNode.insertBefore(s, t);})();</script>
  262. </body>
  263. </html>