Skip to content

Commit a5e2ff8

Browse files
laszpiolaszpio
committed
HTML examples pages: added charset to display accented characters and rhymes translated.
1 parent cfb3969 commit a5e2ff8

File tree

2 files changed

+31
-29
lines changed

2 files changed

+31
-29
lines changed

‎html/lesson1/example-styled.pt.html‎

Lines changed: 12 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,13 @@
11
<!DOCTYPE html>
22
<html>
33
<head>
4+
<meta charset="utf-8">
45
<title>Eu amo corujas</title>
56
</head>
67
<body style="font-family: Helvetica, Arial, sans-serif">
78
<div><img src="images/logo.png"></div>
89
<h1>Corujas...</h1>
9-
<h2>Porque gostamos tanto de corujas?</h2>
10+
<h2>Porque nós gostamos tanto de corujas?</h2>
1011
<ul style="list-style-type:none">
1112
<li style="display: inline;"><img src="images/img1.jpg"></li>
1213
<li style="display: inline;"><img src="images/img2.jpg"></li>
@@ -20,21 +21,21 @@ <h2>Porque gostamos tanto de corujas?</h2>
2021
<div style="display: inline;"><img src="images/img4.jpg"></div>
2122
<div style="display: inline;"><img src="images/img5.jpg"></div>
2223
<div style="margin-top: 20px">
23-
<a href="http://www.youtube.com/watch?v=gBjnfgnwXic">Assista o video</a>
24+
<a href="http://www.youtube.com/watch?v=gBjnfgnwXic">Assista o vídeo</a>
2425
</div>
2526
<h4>
26-
<i>&#34;A wise old owl sat on an oak; The more he saw the less he spoke; <br>
27-
The less he spoke the more he heard; Why aren&#39;t we like that wise old bird?&#34;
27+
<i>&#34;Uma sábia velha coruja sentou num carvalho; Quanto mais observava, menos falava; <br>
28+
Quanto menos falava, mais ouvia; Por que não somos como a sábia velha coruja?
2829
</i>
2930
</h4>
30-
<p><small>- poema de berçário</small></p>
31+
<p><small>- poema infantil</small></p>
3132
<div style="width: 40%; float:left">
3233
<h3>Corujas:</h3>
3334
<p>
34-
Most birds of prey sport eyes on the sides of their heads,<br>
35-
but the stereoscopic nature of <br>
36-
the owl's forward-facing <strong>eyes permits the greater <br>
37-
sense of depth perception </strong>necessary for low-light hunting. <br>
35+
A maioria das aves de rapina possui os olhos na parte lateral da cabeça<br/>
36+
mas a natureza estereoscópica dos<br/>
37+
<strong>olhos voltados para frente na coruja permite<br/>
38+
um melhor senso de percepção profunda</strong> necessária para a caça com pouca luz.<br>
3839
<br>
3940
<a href="http://en.wikipedia.org/wiki/Owl">Mais informações sobre corujas...</a>
4041
</p>
@@ -44,10 +45,10 @@ <h3>Corujas:</h3>
4445
</div>
4546
<ul style="width: 20%; margin-top: -80px">
4647
<li>
47-
<a href="mailto:social@codebar.io?subject=I love owls :: Codebar">Mande um email</a>
48+
<a href="mailto:social@codebar.io?subject=Eu amo corujas :: Codebar">Mande um email</a>
4849
</li>
4950
<li>
50-
<a href="mailto:?subject=I love owls :: Codebar">Mande um email para seu amigo</a>
51+
<a href="mailto:?subject=Eu amo corujas :: Codebar">Mande um email para seu amigo</a>
5152
</li>
5253
<li>
5354
<a href="https://twitter.com/by_codebar">Twitter</a>

‎html/lesson1/example.pt.html‎

Lines changed: 19 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,51 +1,52 @@
11
<!DOCTYPE html>
22
<html>
33
<head>
4-
<title>I love owls</title>
4+
<meta charset="utf-8">
5+
<title>Eu amo corujas</title>
56
</head>
67
<body>
78
<div><img src="images/logo.png"></div>
8-
<h1>Owls...</h1>
9-
<h2>Why do I like owls so much?</h2>
9+
<h1>Corujas...</h1>
10+
<h2>Porque nós gostamos tanto de corujas?</h2>
1011
<ul>
1112
<li><img src="images/img1.jpg"></li>
1213
<li><img src="images/img2.jpg"></li>
1314
<li><img src="images/img3.jpg"></li>
1415
</ul>
1516
<ol>
16-
<li><b>they are adorable</b></li>
17-
<li><b>and lovely</b></li>
18-
<li><b>and cuddly</b></li>
17+
<li><b>elas são adoráveis</b></li>
18+
<li><b>e amáveis</b></li>
19+
<li><b>e apertáveis</b></li>
1920
<div><img src="images/img4.jpg"></div>
2021
<div><img src="images/img5.jpg"></div>
21-
<a href="http://www.youtube.com/watch?v=gBjnfgnwXic">Watch this video here</a>
22+
<a href="http://www.youtube.com/watch?v=gBjnfgnwXic">Assista o vídeo</a>
2223
</ol>
2324
<h4>
24-
<i>&#34;A wise old owl sat on an oak; The more he saw the less he spoke; <br>
25-
The less he spoke the more he heard; Why aren&#39;t we like that wise old bird?&#34;
25+
<i>&#34;Uma sábia velha coruja sentou num carvalho; Quanto mais observava, menos falava; <br>
26+
Quanto menos falava, mais ouvia; Por que não somos como a sábia velha coruja?
2627
</i>
2728
</h4>
28-
<p><small>- nursery rhyme</small></p>
29+
<p><small>- poema infantil</small></p>
2930
<div>
30-
<h3>Owls:</h3>
31+
<h3>Corujas:</h3>
3132
<p>
32-
Most birds of prey sport eyes on the sides of their heads,<br>
33-
but the stereoscopic nature of <br>
34-
the owl's forward-facing <strong>eyes permits the greater <br>
35-
sense of depth perception </strong>necessary for low-light hunting. <br>
33+
A maioria das aves de rapina possui os olhos na parte lateral da cabeça<br/>
34+
mas a natureza estereoscópica dos<br/>
35+
<strong>olhos voltados para frente na coruja permite<br/>
36+
um melhor senso de percepção profunda</strong> necessária para a caça com pouca luz.<br>
3637
<br>
37-
<a href="http://en.wikipedia.org/wiki/Owl">More information about owls...</a>
38+
<a href="http://pt.wikipedia.org/wiki/Coruja">More information about owls...</a>
3839
</p>
3940
</div>
4041
<div>
4142
<img src="images/img6.jpg">
4243
</div>
4344
<ul>
4445
<li>
45-
<a href="mailto:social@codebar.io?subject=I love owls :: Codebar">Email us</a>
46+
<a href="mailto:social@codebar.io?subject=Eu amo corujas :: Codebar">Mande um email</a>
4647
</li>
4748
<li>
48-
<a href="mailto:?subject=I love owls :: Codebar">Email a friend</a>
49+
<a href="mailto:?subject=Eu amo corujas :: Codebar">Mande um email para seu amigo</a>
4950
</li>
5051
<li>
5152
<a href="https://twitter.com/by_codebar">Twitter</a>

0 commit comments

Comments
 (0)