libertar.html 7.0 KB

  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 <>">
  9. <link rel="icon" href="./favicon.ico">
  10. <title>Liberte-se!</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/" 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/" 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/"></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="">Nosso blog</a></li>
  53. </ul>
  54. </div><!--/.nav-collapse -->
  55. </div>
  56. </nav>
  57. <div class="container">
  58. <div class="jumbotron">
  59. <h1>Fa&ccedil;a um blog com Wordpress</h1>
  60. <p class="lead">Os servi&ccedil;os listados abaixo usam Wordpress para providenciar o servi&ccedil;o de hospedagem de blogs.</p>
  61. <p class="lead">Todos estes servi&ccedil;os s&atilde;o libert&aacute;rios e anti comerciais, e seguem manifestos ideol&oacute;gicos semelhantes aos do <a href="" target="_blank">Hacklab Independ&ecirc;ncia</a>.</p>
  62. </div>
  63. <div class="row marketing">
  64. <div class="col-lg-6">
  65. <h3></h3>
  66. <p>O é um espaço não-governamental, não-corporativo e não-partidário destinado a coletivos, movimentos sociais e indivíduos que queiram hospedar e divulgar projetos de cunho social, cultural e ambiental tendo em vista a transformação da sociedade atual em uma sociedade mais livre e igualitária.</p>
  67. <p><a class="btn btn-primary" href="" role="button"> »</a></p>
  68. <h3>Network23</h3>
  69. <p>Free anonymous WordPress blogs for activists and agitators</p>
  70. <p>Get free, anonymous blogs at NETWORK23.ORG…</p>
  71. <p>Why should I&quest;</p>
  72. <p>The bigger corporate blog and web site providers such as blogger or are required to hand over the details of users to the authorities. We don’t keep any details to hand over (apart from your email). We think this project is a good way to support freedom of expression, decentralisation of online content and the open web.</p>
  73. <p><a class="btn btn-primary" href="" role="button"> »</a></p>
  74. </div>
  75. <div class="col-lg-6">
  76. <h3>Milharal</h3>
  77. <p>O Milharal é um sistema para blogs sociais!</p>
  78. <p>Ele é gerenciado coletivamente por um grupo de voluntári@s, que recebe doações dos coletivos e sítios hospedados para manter sua infraestrutura funcionando.</p>
  79. <p><a class="btn btn-primary" href="" role="button"> »</a></p>
  80. <h3>No Blogs</h3>
  81. <p> is a bloggin platform: it’s a virtual place where anyone can open a blog or a site and meet other people who shared the same dream. What makes this place just a little peculiar are the people who chose it over other commercial network who manage pretty the same service (like blogspot or splinder just to name a few).</p>
  82. <p> is a project run by the A/I Collective who has been providing communication and cospiration tools to activists for at least 10 years. Those who gathered around this blogging platform of ours share our manifesto and broadly our aims: struggle for a world where fairness, equal rights and freedom are the corner stones of people’s life; fight back a society too interested in controlling us and in knowing who we are instead of what do we think or love/hate; resist to the widespread idea that any single moment of our life can be traded with money or economically valuable stuff.
  83. <p> is a universe made of people, collectives, associations, motleys, informal groups, and much more. And it’s about time for you to join it. What are you waiting for&quest;</p>
  84. <p><a class="btn btn-primary" href="" role="button"> »</a></p>
  85. </div>
  86. </div>
  87. <hr>
  88. <h2>Gostou&quest; Conte &agrave;s(aos) amigas(os). N&atilde;o gostou&quest; Manda para as(os) inimigas(os)&excl;</h2>
  89. &nbsp;
  90. <div class='share'></div>
  91. &nbsp;
  92. <hr>
  93. <div class="footer">
  94. <p>
  95. <span>Kopimi <a href="" target="_blank">Hacklab Independ&ecirc;ncia</a> 2013-2015.</span>
  96. <span>Este site usa <a href='' target='_blank'>Bootstrap</a> e <a href='' target='_blank'>SocialSharePrivacy</a>.</span>
  97. <span><a href="" target="_blank">C&oacute;digo fonte</a> de</span>
  98. </p>
  99. <p>
  100. <a href="" target="_blank"><img src='' /></a>
  101. <span><img src='./imagens/html5.png' /></span>
  102. <span><img src='./imagens/gnu.png' /></span>
  103. <span><img src='./imagens/kopimi.png' /></span>
  104. <span><img src='./imagens/anarchism.png' /></span>
  105. <span><img src='./imagens/piratbyran.png' /></span>
  106. <span><img src='./imagens/metarec.png' /></span>
  107. <span><img src='./imagens/glider.png' /></span>
  108. </p>
  109. </div>
  110. </div> <!-- /container -->
  111. <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  112. <script src="./js/ie10-viewport-bug-workaround.js"></script>
  113. </body>
  114. </html>