Skip to content

Commit 532a266

Browse files
olasitarskaolasitarska
committed
Removing tabs from code examples in pt-br translation
1 parent 5ac1992 commit 532a266

File tree

13 files changed

+399
-377
lines changed

13 files changed

+399
-377
lines changed

‎pt/css/README.md‎

Lines changed: 110 additions & 110 deletions
Original file line numberDiff line numberDiff line change
@@ -19,8 +19,8 @@ Foi escrito por programadores que trabalharam no Twitter e agora é desenvolvido
1919
Para instalar o Bootstrap, você precisa adicionar ao seu cabeçalho (na tag `<head>` dentro do seu arquivo `.html`)(`blog/templates/blog/post_list.html`):
2020

2121
```html
22-
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
23-
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
22+
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
23+
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
2424
```
2525

2626

@@ -75,9 +75,9 @@ Mas vamos fazer pelo menos um pouco. Talvez possamos mudar a cor do nosso cabeç
7575
Em seu arquivo `static/css/blog.css` você deve adicionar o seguinte código:
7676

7777
```css
78-
h1 a {
79-
color: #FCA205;
80-
}
78+
h1 a {
79+
color: #FCA205;
80+
}
8181
```
8282

8383

@@ -86,7 +86,7 @@ Em seu arquivo `static/css/blog.css` você deve adicionar o seguinte código:
8686
Em um arquivo CSS podemos determinar estilos para elementos no arquivo HTML. Os elementos são identificados pelo nome do elemento (ou seja, `a`, `h1`, `body`), o atributo de `class` ou o atributo `id`. Classe e id são nomes que você mesmo dá ao elemento. Classes definem grupos de elementos, e ids apontam para elementos específicos. Por exemplo, a seguinte tag pode ser identificada por CSS usando a tag de nome `a`, a classe `link_externo` ou a identificação de `link_para_a_pagina_wiki`:
8787

8888
```html
89-
<a href="http://en.wikipedia.org/wiki/Django" class="external_link" id="link_to_wiki_page">
89+
<a href="http://en.wikipedia.org/wiki/Django" class="external_link" id="link_to_wiki_page">
9090
```
9191

9292

@@ -97,14 +97,14 @@ Leia sobre [Seletores CSS em w3schools][4].
9797
Então, precisamos também contar o nosso template HTML que nós adicionamos CSS. Abra o arquivo `blog/templates/blog/post_list.html` e adicione essa linha no início do mesmo:
9898

9999
```html
100-
{% load staticfiles %}
100+
{% load staticfiles %}
101101
```
102102

103103

104104
Estamos apenas carregando arquivos estáticos aqui :). Depois, entre o `<head>` `e/</head>`, depois dos links para os arquivos de CSS do Bootstrap (o navegador lê os arquivos na ordem que eles são dados, então o código em nosso arquivo pode substituir o código em arquivos de inicialização), adicione esta linha:
105105

106106
```html
107-
<link rel="stylesheet" href="{% static 'css/blog.css' %}">
107+
<link rel="stylesheet" href="{% static 'css/blog.css' %}">
108108
```
109109

110110

@@ -113,28 +113,28 @@ Só dissemos que nosso modelo onde se encontra nosso arquivo CSS.
113113
Agora, seu arquivo deve ficar assim:
114114

115115
```html
116-
{% load staticfiles %}
117-
<html>
118-
<head>
119-
<title>Django Girls blog</title>
120-
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
121-
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
122-
<link rel="stylesheet" href="{% static 'css/blog.css' %}">
123-
</head>
124-
<body>
116+
{% load staticfiles %}
117+
<html>
118+
<head>
119+
<title>Django Girls blog</title>
120+
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
121+
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
122+
<link rel="stylesheet" href="{% static 'css/blog.css' %}">
123+
</head>
124+
<body>
125+
<div>
126+
<h1><a href="/">Django Girls Blog</a></h1>
127+
</div>
128+
129+
{% for post in posts %}
125130
<div>
126-
<h1><a href="/">Django Girls Blog</a></h1>
131+
<p>published: {{ post.published_date }}</p>
132+
<h1><a href="">{{ post.title }}</a></h1>
133+
<p>{{ post.text|linebreaks }}</p>
127134
</div>
128-
129-
{% for post in posts %}
130-
<div>
131-
<p>published: {{ post.published_date }}</p>
132-
<h1><a href="">{{ post.title }}</a></h1>
133-
<p>{{ post.text|linebreaks }}</p>
134-
</div>
135-
{% endfor %}
136-
</body>
137-
</html>
135+
{% endfor %}
136+
</body>
137+
</html>
138138
```
139139

140140

@@ -147,9 +147,9 @@ OK, salve o arquivo e atualize o site!
147147
Bom trabalho! Talvez a gente também queira dar um pouco de ar ao nosso site e aumentar a margem do lado esquerdo? Vamos tentar!
148148

149149
```css
150-
body {
151-
padding-left: 15px;
152-
}
150+
body {
151+
padding-left: 15px;
152+
}
153153
```
154154

155155

@@ -162,7 +162,7 @@ Adicione isto ao seu arquivo CSS, salve e veja como ele funciona!
162162
Talvez a gente possa customizar a fonte no nosso cabeçalho? Cole na seção `<head>` do arquivo `blog/templates/blog/post_list.html` o seguinte:
163163

164164
```html
165-
<link href="http://fonts.googleapis.com/css?family=Lobster&subset=latin,latin-ext" rel="stylesheet" type="text/css">
165+
<link href="http://fonts.googleapis.com/css?family=Lobster&subset=latin,latin-ext" rel="stylesheet" type="text/css">
166166
```
167167

168168

@@ -171,10 +171,10 @@ Essa linha irá importar uma fonte chamada *Lobster* do Google Fonts (https://ww
171171
Agora adicione a linha `font-family: 'Lobster';` no CSS do arquivo `static/css/blog.css` dentro do bloco de declaração `h1 a` (o código entre as chaves `{` e `}`) e atualize a página:
172172

173173
```css
174-
h1 a {
175-
color: #FCA205;
176-
font-family: 'Lobster';
177-
}
174+
h1 a {
175+
color: #FCA205;
176+
font-family: 'Lobster';
177+
}
178178
```
179179

180180

@@ -189,107 +189,107 @@ Como mencionado acima, CSS usa o conceito de classes, que basicamente permite qu
189189
Vá em frente e o nomeie algumas partes do código HTML. Adicione uma classe chamada de `page-header` para o `div` que contém o cabeçalho, assim:
190190

191191
```html
192-
<div class="page-header">
193-
<h1><a href="/">Django Girls Blog</a></h1>
194-
</div>
192+
<div class="page-header">
193+
<h1><a href="/">Django Girls Blog</a></h1>
194+
</div>
195195
```
196196

197197

198198
E agora, adicione uma classe `post` em sua `div` que contém um post de blog.
199199

200200
```html
201-
<div class="post">
202-
<p>published: {{ post.published_date }}</p>
203-
<h1><a href="">{{ post.title }}</a></h1>
204-
<p>{{ post.text|linebreaks }}</p>
205-
</div>
201+
<div class="post">
202+
<p>published: {{ post.published_date }}</p>
203+
<h1><a href="">{{ post.title }}</a></h1>
204+
<p>{{ post.text|linebreaks }}</p>
205+
</div>
206206
```
207207

208208

209209
Agora adicionaremos blocos de declaração de seletores diferentes. Seletores começando com `.` se referem às classes. Existem muitos tutoriais e explicações sobre CSS na Web para ajudar você a entender o código a seguir. Por enquanto, basta copiar e colá-lo em seu arquivo `mysite/static/css/blog.css`:
210210

211211
```css
212-
.page-header {
213-
background-color: #ff9400;
214-
margin-top: 0;
215-
padding: 20px 20px 20px 40px;
216-
}
217-
218-
.page-header h1, .page-header h1 a, .page-header h1 a:visited, .page-header h1 a:active {
219-
color: #ffffff;
220-
font-size: 36pt;
221-
text-decoration: none;
222-
}
223-
224-
.content {
225-
margin-left: 40px;
226-
}
227-
228-
h1, h2, h3, h4 {
229-
font-family: 'Lobster', cursive;
230-
}
231-
232-
.date {
233-
float: right;
234-
color: #828282;
235-
}
236-
237-
.save {
238-
float: right;
239-
}
240-
241-
.post-form textarea, .post-form input {
242-
width: 100%;
243-
}
244-
245-
.top-menu, .top-menu:hover, .top-menu:visited {
246-
color: #ffffff;
247-
float: right;
248-
font-size: 26pt;
249-
margin-right: 20px;
250-
}
251-
252-
.post {
253-
margin-bottom: 70px;
254-
}
255-
256-
.post h1 a, .post h1 a:visited {
257-
color: #000000;
258-
}
212+
.page-header {
213+
background-color: #ff9400;
214+
margin-top: 0;
215+
padding: 20px 20px 20px 40px;
216+
}
217+
218+
.page-header h1, .page-header h1 a, .page-header h1 a:visited, .page-header h1 a:active {
219+
color: #ffffff;
220+
font-size: 36pt;
221+
text-decoration: none;
222+
}
223+
224+
.content {
225+
margin-left: 40px;
226+
}
227+
228+
h1, h2, h3, h4 {
229+
font-family: 'Lobster', cursive;
230+
}
231+
232+
.date {
233+
float: right;
234+
color: #828282;
235+
}
236+
237+
.save {
238+
float: right;
239+
}
240+
241+
.post-form textarea, .post-form input {
242+
width: 100%;
243+
}
244+
245+
.top-menu, .top-menu:hover, .top-menu:visited {
246+
color: #ffffff;
247+
float: right;
248+
font-size: 26pt;
249+
margin-right: 20px;
250+
}
251+
252+
.post {
253+
margin-bottom: 70px;
254+
}
255+
256+
.post h1 a, .post h1 a:visited {
257+
color: #000000;
258+
}
259259
```
260260

261261

262262
Então envolva o código HTML que exibe as mensagens com declarações de classes. Substitua isto:
263263

264264
```html
265-
{% for post in posts %}
266-
<div class="post">
267-
<p>published: {{ post.published_date }}</p>
268-
<h1><a href="">{{ post.title }}</a></h1>
269-
<p>{{ post.text|linebreaks }}</p>
270-
</div>
271-
{% endfor %}
265+
{% for post in posts %}
266+
<div class="post">
267+
<p>published: {{ post.published_date }}</p>
268+
<h1><a href="">{{ post.title }}</a></h1>
269+
<p>{{ post.text|linebreaks }}</p>
270+
</div>
271+
{% endfor %}
272272
```
273273

274274

275275
no arquivo `blog/templates/blog/post_list.html` por isto:
276276

277277
```html
278-
<div class="content container">
279-
<div class="row">
280-
<div class="col-md-8">
281-
{% for post in posts %}
282-
<div class="post">
283-
<div class="date">
284-
{{ post.published_date }}
285-
</div>
286-
<h1><a href="">{{ post.title }}</a></h1>
287-
<p>{{ post.text|linebreaks }}</p>
278+
<div class="content container">
279+
<div class="row">
280+
<div class="col-md-8">
281+
{% for post in posts %}
282+
<div class="post">
283+
<div class="date">
284+
{{ post.published_date }}
288285
</div>
289-
{% endfor %}
290-
</div>
286+
<h1><a href="">{{ post.title }}</a></h1>
287+
<p>{{ post.text|linebreaks }}</p>
288+
</div>
289+
{% endfor %}
291290
</div>
292291
</div>
292+
</div>
293293
```
294294

295295

‎pt/deploy/README.md‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -277,20 +277,20 @@ Clique no link "AWSGI configuration file" (na seção "Code" perto do topo da p
277277

278278
Exclua todo o conteúdo atual e substitua com algo parecido com isto:
279279

280-
python
281-
import os
282-
import sys
283-
284-
path = '/home/<your-username>/my-first-blog' # use your own username here
285-
if path not in sys.path:
286-
sys.path.append(path)
287-
288-
os.environ['DJANGO_SETTINGS_MODULE'] = 'mysite.settings'
289-
290-
from django.core.wsgi import get_wsgi_application
291-
from whitenoise.django import DjangoWhiteNoise
292-
application = DjangoWhiteNoise(get_wsgi_application())
293-
280+
```python
281+
import os
282+
import sys
283+
284+
path = '/home/<your-username>/my-first-blog' # use your own username here
285+
if path not in sys.path:
286+
sys.path.append(path)
287+
288+
os.environ['DJANGO_SETTINGS_MODULE'] = 'mysite.settings'
289+
290+
from django.core.wsgi import get_wsgi_application
291+
from whitenoise.django import DjangoWhiteNoise
292+
application = DjangoWhiteNoise(get_wsgi_application())
293+
```
294294

295295
> **Nota** não se esqueça de substituir em seu próprio nome de usuário onde diz `<your-username>`
296296

‎pt/django_admin/README.md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -5,10 +5,10 @@ Para adicionar, editar e remover postagens que nós criamos usaremos o Django ad
55
Vamos abrir o arquivo `blog/admin.py` e substituir seu conteúdo por:
66

77
```python
8-
from django.contrib import admin
9-
from .models import Post
10-
11-
admin.site.register(Post)
8+
from django.contrib import admin
9+
from .models import Post
10+
11+
admin.site.register(Post)
1212
```
1313

1414
Como você pode ver, nós importamos (incluímos) o modelo Post definido no capítulo anterior. Para tornar nosso modelo visível na página de administração, nós precisamos registrá-lo com: `admin.site.register(Post)`.

0 commit comments

Comments
 (0)