-
Notifications
You must be signed in to change notification settings - Fork 2
/
fazer.html
147 lines (121 loc) · 7.71 KB
/
fazer.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Alguém Tem Blog? Ninguém Tem Blog!">
<meta name="author" content="Hacklab Independência <[email protected]>">
<link rel="icon" href="./favicon.ico">
<title>Mão na massa!</title>
<link href="./css/estilos.css" rel="stylesheet">
<!-- Bootstrap core CSS -->
<link href="./bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="./bootstrap/css/bootstrap.css.map" rel="stylesheet">
<link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="./bootstrap/css/bootstrap-theme.css" rel="stylesheet">
<link href="./bootstrap/css/bootstrap-theme.css.map" rel="stylesheet">
<link href="./bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
<!-- SocialSharePrivacy -->
<link rel='stylesheet' type='text/css' href='./css/jquery.socialshareprivacy.min.css' />
<script type="text/javascript" src="./javascripts/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="./javascripts/jquery.cookies.js"></script>
<script type="text/javascript" src="./javascripts/jquery.socialshareprivacy.min.js"></script>
<script type="text/javascript" src="./javascripts/jquery.socialshareprivacy.min.pt.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('.share').socialSharePrivacy();
});
</script>
<!-- Custom styles for this template -->
<link href="./bootstrap/jumbotron-narrow.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="./js/html5shiv.min.js"></script>
<script src="./js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Fixed navbar -->
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="./">Ninguém Tem Blog!</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="separador"><span> </span></li>
<li><a href="./criar.html">Crie um blog</a></li>
<li class="separador"><span> </span></li>
<li><a href="./quem.html">Quem tem blog?</a></li>
<li class="separador"><span> </span></li>
<li><a href="http://alguem.tem.blog.br/">Nosso blog</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<div class="container">
<div class="jumbotron">
<h1>Lista de softwares para blog</h1>
<p class="lead">Aqui há softwares que servem para hospedagem própria ou terceirizada.</p>
<p class="lead">Onde é possível, está indicado um manual ou tutorial para que faças tu mesma(o).</p>
</div>
<div class="row marketing">
<div class="col-lg-12">
<p>No momento só tive tempo para dizer como fazer um blog com ikiwiki.</p>
<hr>
<h2>Ikiwiki</h2>
<p class="lead">Ikiwiki é um sistema para wikis, sites e blogs. É um dos principais utilizados neste site. Ikiwiki funciona com Perl e precisa de um servidor Linux ou pode ser hospedada em um serviço comercial.</p>
<p><a class="btn btn-primary" href="http://ikiwiki.info/" role="button">ikiwiki.info »</a></p>
<hr>
<h3>1 - Instalar</h3>
<p class="lead">Na wiki da ikiwiki existe um tutorial sobre como instalar o software em um servidor com perl. É necessário saber usar um shell, a famosa linha de comando. Sim, é linux.</p>
<p><a class="btn btn-primary" href="http://ikiwiki.info/setup/" role="button">/setup »</a></p>
<hr>
<h3>2 - Transformar a wiki em blog</h3>
<p class="lead">Para transformar a wiki em um blog é absolutamente simples, e está documentado na wiki da ikiwiki o processo.</p>
<p class="lead">Também é possível ter uma wiki inteira com um subdiretório sendo o blog. Ou então, na mesma lógica, uma página inicial e o blog em um subdiretório como por exemplo <i>http://example.com/blog</i>.</p>
<p><a class="btn btn-primary" href="http://ikiwiki.info/examples/blog/" role="button">/examples/blog »</a></p>
<hr>
<h3>3 - Mudar o tema padrão</h3>
<p class="lead">O tema padrão é legível, mas provavelmente ninguém vai ler teu blog porque as pessoas não querem coisas legíveis, elas querem coisas que façam elas ter vontade de ler.</p>
<p class="lead">Deve existir um limite, não sei, entre fazer o olho acompanhar a tela e encher o site de firulas inúteis. Veja <a href="http://motherfuckinwebsite.com" target="_blank">este site</a> (em inglês) para saber qual é o limite para mim.</p>
<p class="lead">Por aqui a gente usa bootstrap e tem um tema em constante desenvolvimento e aprimoramento. O código deste tema está no mesmo lugar que o código deste site. As instruções para instalação estão no repositório.</p>
<p><a class="btn btn-primary" href="https://notabug.org/hiatobr/ikiwiki-bootstrap-theme-2" role="button">ikiwiki-bootstrap-theme-2 »</a></p>
<h3>4 - Adicionar Open Graph</h3>
<p class="lead">Eu não recomendo isto. Open Graph é spyware.</p>
<p class="lead">Quem quiser botar spyware no seu blog siga as instruções do repositório do plugin feito para este fim.</p>
<p><a class="btn btn-primary" href="https://notabug.org/hiatobr/ikiwiki-plugin-opengraph" role="button">ikiwiki-plugin-opengraph »</a></p>
<h3>5 - Divulgue</h3>
<p class="lead">Agora que tu botou Open Graph, e eu disse pra não botar, é mais fácil divulgar o blog nas redes anti sociais por aí.</p>
<p class="lead">E também a única forma de fazer as pessoas lerem é este, afinal as redes anti sociais são como as calçadas, as pessoas vão passar por elas porque têm que fazer qualquer coisa menos ler o teu blog. Se tu não colar adesivos nos postes, elas nunca vão ver as tuas idéias. A não ser que tu seja o Leonardo e a tua ideia seja a Gioconda. Aí as pessoas vão viajar muito longe e aguardar muito tempo só pra ver a tua ideia.</p>
</div>
</div>
<hr>
<h2>Gostou? Conte às(aos) amigas(os). Não gostou? Manda para as(os) inimigas(os)!</h2>
<div class='share'></div>
<hr>
<div class="footer">
<p>
<span>Kopimi <a href="https://hi.ato.br/" target="_blank">Hacklab Independência</a> 2013-2015.</span>
<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>
<span><a href="https://notabug.org/hiatobr/ninguem.tem.blog.br" target="_blank">Código fonte</a> de ninguem.tem.blog.br</span>
</p>
<p>
<a href="https://notabug.org/hiatobr/ninguem.tem.blog.br" target="_blank"><img src='https://notabug.org/img/favicon.png' /></a>
<span><img src='./imagens/html5.png' /></span>
<span><img src='./imagens/gnu.png' /></span>
<span><img src='./imagens/kopimi.png' /></span>
<span><img src='./imagens/anarchism.png' /></span>
<span><img src='./imagens/piratbyran.png' /></span>
<span><img src='./imagens/metarec.png' /></span>
<span><img src='./imagens/glider.png' /></span>
</p>
</div>
</div> <!-- /container -->
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="./js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>