index.html 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  1. <!DOCTYPE html>
  2. <html lang="pt-BR">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta name="description" content="Alguém Tem Blog? Ninguém Tem Blog!">
  8. <meta name="author" content="Hacklab Independência <hiatobr@riseup.net>">
  9. <link rel="icon" href="./favicon.ico">
  10. <title>Ninguém Tem Blog!</title>
  11. <link href="./css/estilos.css" rel="stylesheet">
  12. <!-- Bootstrap core CSS -->
  13. <link href="./bootstrap/css/bootstrap.css" rel="stylesheet">
  14. <link href="./bootstrap/css/bootstrap.css.map" rel="stylesheet">
  15. <link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet">
  16. <link href="./bootstrap/css/bootstrap-theme.css" rel="stylesheet">
  17. <link href="./bootstrap/css/bootstrap-theme.css.map" rel="stylesheet">
  18. <link href="./bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
  19. <!-- SocialSharePrivacy -->
  20. <link rel='stylesheet' type='text/css' href='./css/jquery.socialshareprivacy.min.css' />
  21. <script type="text/javascript" src="./javascripts/jquery-1.11.1.min.js"></script>
  22. <script type="text/javascript" src="./javascripts/jquery.cookies.js"></script>
  23. <script type="text/javascript" src="./javascripts/jquery.socialshareprivacy.min.js"></script>
  24. <script type="text/javascript" src="./javascripts/jquery.socialshareprivacy.min.pt.js"></script>
  25. <script type="text/javascript">
  26. $(document).ready(function () {
  27. $('.share').socialSharePrivacy();
  28. });
  29. </script>
  30. <!-- Custom styles for this template -->
  31. <link href="./bootstrap/jumbotron-narrow.css" rel="stylesheet">
  32. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  33. <!--[if lt IE 9]>
  34. <script src="./js/html5shiv.min.js"></script>
  35. <script src="./js/respond.min.js"></script>
  36. <![endif]-->
  37. </head>
  38. <body>
  39. <!-- Fixed navbar -->
  40. <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
  41. <div class="container">
  42. <div class="navbar-header">
  43. <a class="navbar-brand" href="./">Ningu&eacute;m Tem Blog&excl;</a>
  44. </div>
  45. <div id="navbar" class="navbar-collapse collapse">
  46. <ul class="nav navbar-nav">
  47. <li class="separador"><span>&nbsp;</span></li>
  48. <li><a href="./criar.html">Crie um blog</a></li>
  49. <li class="separador"><span>&nbsp;</span></li>
  50. <li><a href="./quem.html">Quem tem blog&quest;</a></li>
  51. <li class="separador"><span>&nbsp;</span></li>
  52. <li><a href="http://alguem.tem.blog.br/">Nosso blog</a></li>
  53. </ul>
  54. </div><!--/.nav-collapse -->
  55. </div>
  56. </nav>
  57. <div class="container">
  58. <div class="jumbotron">
  59. <h1>Ningu&eacute;m Tem Blog&excl;</h1>
  60. <p class="lead">Este &eacute; o servi&ccedil;o livre, anti comercial, anti capitalista e auto financiado de hospedagem de blogs do Hacklab Independ&ecirc;ncia que n&atilde;o usa Wordpress. &Eacute; s&eacute;rio.</p>
  61. <p class="lead">Mas quem n&atilde;o liga pra pol&iacute;tica e ideologia e quer usar o que j&aacute; existe, n&oacute;s tamb&eacute;m ajudamos.</p>
  62. <p>
  63. <a class="btn btn-lg btn-success" href="./criar.html" role="button"><img src="./imagens/user-group-new-2.png" height="48px" width="48px" />&nbsp;Crie um blog</a>
  64. </p>
  65. </div>
  66. <div class="row marketing">
  67. <div class="col-lg-6">
  68. <h3>100% livre</h3>
  69. <p>Os blogs s&atilde;o hospedados em um VPS da <a href="https://gandi.net" target="_blank">Gandi.net</a> em Luxemburgo, no servidor do <a href="https://www.hi.ato.br/" target="_blank">Hacklab Independ&ecirc;ncia</a>, usando 100% software livre, inclusive esta p&aacute;gina, cujo c&oacute;digo est&aacute; no <a href="https://github.com/hiatobr/ninguem.tem.blog.br" target="_blank">Github</a>.</p>
  70. <p><a class="btn btn-primary" href="./criar.html" role="button"><img src="./imagens/user-group-new-2.png" height="24px" width="24px" />&nbsp;&nbsp;Crie um blog agora »</a></p>
  71. <h3>Liberdade</h3>
  72. <p>N&atilde;o gostou da proposta&quest; <del>Vendida(o)&excl;</del></p>
  73. <p>Aqui no &quot;Ningu&eacute;m Tem Blog&quot; decidimos n&atilde;o usar Wordpress, mas pra quem gosta (ugh), disponibilizamos uma lista de outros sites tamb&eacute;m anti comerciais que hospedam blogs libert&aacute;rios em Wordpress.</p>
  74. <p><a class="btn btn-primary" href="./libertar.html" role="button"><img src="./imagens/wordpress.png" height="24px" width="24px" />&nbsp;&nbsp;Use Wordpress »</a></p>
  75. <p>Aqui tamb&eacute;m somos anti capitalistas. Mas pra quem gosta de dar seus dados de gra&ccedil;a e receber propagandas de coisas in&uacute;teis, disponibilizamos uma lista de servi&ccedil;os comerciais de hospedagem de blogs gratuitos.</p>
  76. <p><a class="btn btn-primary" href="./comprar.html" role="button"><img src="./imagens/emblem-advertisement-dollar.png" height="24px" width="24px" />&nbsp;&nbsp;Servi&ccedil;os comerciais »</a></p>
  77. <p>Tamb&eacute;m temos uma lista de softwares que podem ser utilizados para hospedagem pr&oacute;pria. Para de depender da gente, ou de qualquer pessoa pra botar teu site no ar, configura teu servidor e faz teu pr&oacute;prio blog&excl;</p>
  78. <p><a class="btn btn-primary" href="./fazer.html" role="button"><img src="./imagens/pictograms-road_signs-workman_ahead_roadsign.png" height="24px" width="24px" />&nbsp;&nbsp;M&atilde;o na massa »</a></p>
  79. </div>
  80. <div class="col-lg-6">
  81. <h3>Anti comercial</h3>
  82. <p><a href="https://www.hi.ato.br/" target="_blank">Hacklab Independ&ecirc;ncia</a> &eacute; um projeto anti capitalista e n&atilde;o promove, tampouco compactua com quaisquer pr&aacute;ticas de servi&ccedil;os comerciais. Apesar de usar um servi&ccedil;o comercial da Gandi para a hospedagem e de software n&atilde;o livre do Github para o reposit&oacute;rio.</p>
  83. <p>Isto significa que n&atilde;o utilizamos nenhum dado de usu&aacute;rias(os), n&atilde;o colaboramos com nenhum &oacute;rg&atilde;o de seguran&ccedil;a / intelig&ecirc;ncia / governamental / corporativo.
  84. <p>Os &uacute;nicos apoios comerciais que damos aqui &eacute; para a empresa que disponibiliza a hospedagem (Gandi) atrav&eacute;s de financiamento direto, e o Github atrav&eacute;s de sugest&atilde;o de uso e inevit&aacute;vel propaganda neste site. Mas se algu&eacute;m quiser ajudar a hospedar em um local livre e seguro, temos total disponibilidade.</p>
  85. <p>Este servi&ccedil;o continua dispon&iacute;vel gra&ccedil;as ao auto financiamento das(os) administradoras(es), usu&aacute;rias(os) e colaboradoras(es) volunt&aacute;rias(os).</p>
  86. <p><a class="btn btn-primary" href="https://sos.hi.ato.br/" role="button"><img src="./imagens/capital.png" height="24px" width="24px" />&nbsp;&nbsp;Colaborar financeiramente »</a></p>
  87. </div>
  88. </div>
  89. <hr>
  90. <h2>Gostou&quest; Conte &agrave;s(aos) amigas(os). N&atilde;o gostou&quest; Manda para as(os) inimigas(os)&excl;</h2>
  91. &nbsp;
  92. <div class='share'></div>
  93. &nbsp;
  94. <hr>
  95. <div class="footer">
  96. <p>
  97. <span>Kopimi <a href="https://www.hi.ato.br/" target="_blank">Hacklab Independ&ecirc;ncia</a> 2013-2015.</span>
  98. <span>Este site usa <a href='http://getbootstrap.com/' target='_blank'>Bootstrap</a> e <a href='http://www.heise.de/extras/socialshareprivacy/' target='_blank'>SocialSharePrivacy</a>.</span>
  99. <span><a href="https://github.com/hiatobr/ninguem.tem.blog.br" target="_blank">C&oacute;digo fonte</a> de ninguem.tem.blog.br</span>
  100. </p>
  101. <p>
  102. <a href="https://github.com/hiatobr/ninguem.tem.blog.br" target="_blank"><img src='./imagens/github.png' /></a>
  103. <span><img src='./imagens/html5.png' /></span>
  104. <span><img src='./imagens/gnu.png' /></span>
  105. <span><img src='./imagens/kopimi.png' /></span>
  106. <span><img src='./imagens/anarchism.png' /></span>
  107. <span><img src='./imagens/piratbyran.png' /></span>
  108. <span><img src='./imagens/metarec.png' /></span>
  109. <span><img src='./imagens/glider.png' /></span>
  110. </p>
  111. </div>
  112. </div> <!-- /container -->
  113. <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  114. <script src="./js/ie10-viewport-bug-workaround.js"></script>
  115. </body>
  116. </html>