criar.html 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  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>Tenha Teu 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>Cria Teu Blog</h1>
  60. <p class="lead">Por enquanto, a &uacute;nica forma de criar blogs novos &eacute; solicitando por e-mail para:</p>
  61. <pre>hiatobr&#64;riseup.net</pre>
  62. <p class="lead">Desculpe a inconveni&ecirc;ncia. Quem conhe&ccedil;e algu&eacute;m do <a href="https://hi.ato.br" target="_blank">Hacklab Independ&ecirc;ncia</a> pessoalmente pode pedir presencialmente tamb&eacute;m.</p>
  63. <p class="lead">Quando enviar e-mail, j&aacute; decida qual das plataformas abaixo vai usar.</p>
  64. </div>
  65. <div class="row marketing">
  66. <div class="col-lg-6">
  67. <h3>Octopress</h3>
  68. <p><a href="http://octopress.org/" target="_blank">Octopress</a> &eacute; uma ferramenta para providenciar blogs para hackers. &Eacute; necess&aacute;rio ter conhecimento b&aacute;sico de markdown e git para utilizar esta ferramenta. Ou ent&atilde;o ter conta em algum servi&ccedil;o de hospedagem git, como por exemplo <a href="https://gitorious.org/" target="_blank">Gitorious</a> ou <a href="https://github.com/" target="_blank">GitHub</a>.</p>
  69. <p><a class="btn btn-primary" href="http://octopress.tem.blog.br" role="button" target="_blank">Ver exemplo »</a>&nbsp;<a class="btn btn-default" href="http://octopress.org" role="button" target="_blank">Site oficial »</a></p>
  70. </div>
  71. <div class="col-lg-6">
  72. <h3>Ikiwiki</h3>
  73. <p><a href="http://ikiwiki.info" target="_blank">Ikiwiki</a> &eacute; um gerador de blog simples com interface web.</p>
  74. <p><a class="btn btn-primary" href="http://ikiwiki.tem.blog.br" role="button" target="_blank">Ver exemplo »</a>&nbsp;<a class="btn btn-default" href="http://ikiwiki.info" role="button" target="_blank">Site oficial »</a></p>
  75. </div>
  76. </div>
  77. <hr>
  78. <h2>Gostou&quest; Conte &agrave;s(aos) amigas(os). N&atilde;o gostou&quest; Manda para as(os) inimigas(os)&excl;</h2>
  79. &nbsp;
  80. <div class='share'></div>
  81. &nbsp;
  82. <hr>
  83. <div class="footer">
  84. <p>
  85. <span>Kopimi <a href="https://hi.ato.br/" target="_blank">Hacklab Independ&ecirc;ncia</a> 2013-2015.</span>
  86. <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>
  87. <span><a href="https://notabug.org/hiatobr/ninguem.tem.blog.br" target="_blank">C&oacute;digo fonte</a> de ninguem.tem.blog.br</span>
  88. </p>
  89. <p>
  90. <a href="https://notabug.org/hiatobr/ninguem.tem.blog.br" target="_blank"><img src='https://notabug.org/img/favicon.png' /></a>
  91. <span><img src='./imagens/html5.png' /></span>
  92. <span><img src='./imagens/gnu.png' /></span>
  93. <span><img src='./imagens/kopimi.png' /></span>
  94. <span><img src='./imagens/anarchism.png' /></span>
  95. <span><img src='./imagens/piratbyran.png' /></span>
  96. <span><img src='./imagens/metarec.png' /></span>
  97. <span><img src='./imagens/glider.png' /></span>
  98. </p>
  99. </div>
  100. </div> <!-- /container -->
  101. <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  102. <script src="./js/ie10-viewport-bug-workaround.js"></script>
  103. </body>
  104. </html>