├── .gitattributes
├── LICENSE
├── cordel-moderno.txt
├── estilo
└── style.css
├── imagens
├── background001.jpg
└── background002.jpg
└── index.html
/.gitattributes:
--------------------------------------------------------------------------------
1 | # Auto detect text files and perform LF normalization
2 | * text=auto
3 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2020 professorguanabara
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/cordel-moderno.txt:
--------------------------------------------------------------------------------
1 | Cordel Moderno
2 | Por Milton Duarte
3 | [SITE: https://www.recantodasletras.com.br/poesias/3186743]
4 |
5 | Estou ficando cansado
6 | Da tal tecnologia
7 | Só se fala por e-mail
8 | Mensagem curta e fria
9 | Twitter e Facebook
10 | Antes que eu caduque
11 | Vou dizer tudo em poesia.
12 |
13 | //---
14 |
15 | Não é mais como era antes
16 | É tudo abreviado
17 | "Você" só tem duas letras
18 | O "O" e o "E" foi riscado
19 | Para declarar o amor
20 | Basta botar uma flor
21 | E um coração desenhado.
22 |
23 | //---
24 |
25 | Arroba agora não pesa
26 | É parte de um endereço
27 | Ponto final nem se usa
28 | Ou vai até no começo
29 | Agora é .com
30 | Se o saite é muito bom
31 | Ele vale um alto preço.
32 |
33 | Pra piorar a liguagem
34 | O emoticom é um risco
35 | Tem símbolo para tudo
36 | Ponto e vírgula e um asterisco
37 | Um beijo significa
38 | Pra entender como fica
39 | Decifre esse rabisco.
40 |
41 | //---
42 |
43 | Tenho saudade das cartas
44 | Escritas com a própria mão
45 | Mandava no mês de Junho
46 | Só chegava no Verão
47 | Mas matava a saudade
48 | Era texto de verdade
49 | Nas linhas do coração.
50 |
51 | //---
52 |
53 | Agora, escrevo e envio
54 | Chegando na mesma hora
55 | Mas quando vou prosear
56 | A pessoa foi embora
57 | Abriu outro aplicativo
58 | O mundo ficou cativo
59 | Da tecnologia do agora.
60 |
61 | Felizmente, pra orar
62 | Não precisa de internet
63 | Deus escuta todo mundo
64 | Se quiser, faça esse teste
65 | Dois pontos são dois joelhos
66 | Seus lábios são aparelhos
67 | Deixe que Deus interprete.
--------------------------------------------------------------------------------
/estilo/style.css:
--------------------------------------------------------------------------------
1 | @charset "UTF-8";
2 |
3 | @import url('https://fonts.googleapis.com/css2?family=Passion+One:wght@400;700;900&display=swap');
4 |
5 | @import url('https://fonts.googleapis.com/css2?family=Sriracha&display=swap');
6 |
7 | :root {
8 | --fonte1: Verdana, Geneva, Tahoma, sans-serif;
9 | --fonte2: 'Passion One', cursive;
10 | --fonte3: 'Sriracha', cursive;
11 | }
12 |
13 | * {
14 | margin: 0px;
15 | padding: 0px;
16 | font-size: 1em;
17 | }
18 |
19 | html, body {
20 | min-height: 100vh;
21 | background-color: darkgray;
22 | font-family: var(--fonte1);
23 | }
24 |
25 | header {
26 | background-color: black;
27 | color: white;
28 | text-align: center;
29 | }
30 |
31 | header > h1 {
32 | padding-top: 50px;
33 | font-variant: small-caps;
34 | font-family: var(--fonte2);
35 | font-size: 10vw;
36 | }
37 |
38 | header > p {
39 | padding-bottom: 50px;
40 | }
41 |
42 | header a, footer a {
43 | color: white;
44 | text-decoration: none;
45 | font-weight: bolder;
46 | }
47 |
48 | header a:hover, footer a:hover {
49 | text-decoration: underline;
50 | }
51 |
52 | section {
53 | padding-top: 10vh;
54 | padding-bottom: 10vh;
55 | line-height: 2em;
56 | padding-left: 30px;
57 | font-family: var(--fonte3);
58 | font-size: 3.5vw;
59 | }
60 |
61 | section > p {
62 | padding-bottom: 2em;
63 | }
64 |
65 | section.normal {
66 | background-color: white;
67 | color: black;
68 | }
69 |
70 | section.imagem {
71 | background-color: rgb(51, 51, 51);
72 | color: white;
73 | box-shadow: inset 6px 6px 13px 0px rgba(0, 0, 0, 0.473);
74 | background-size: cover;
75 | background-attachment: fixed;
76 | }
77 |
78 | section.imagem > p {
79 | display: inline-block;
80 | padding: 5px;
81 | background-color: rgba(0, 0, 0, 0.514);
82 | text-shadow: 1px 1px 0px black;
83 | }
84 |
85 | section#img01 {
86 | background-image: url('../imagens/background001.jpg');
87 | background-position: right center;
88 |
89 | }
90 |
91 | section#img02 {
92 | background-image: url('../imagens/background002.jpg');
93 |
94 | }
95 |
96 | footer {
97 | background-color: black;
98 | color: white;
99 | text-align: center;
100 | padding: 10px;
101 | }
--------------------------------------------------------------------------------
/imagens/background001.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorguanabara/projeto-cordel/b03ef6337a54542201e27d199333790c7b4200c3/imagens/background001.jpg
--------------------------------------------------------------------------------
/imagens/background002.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorguanabara/projeto-cordel/b03ef6337a54542201e27d199333790c7b4200c3/imagens/background002.jpg
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Cordel Moderno
7 |
8 |
9 |
10 |
11 |
21 | Estou ficando cansado
22 | Da tal tecnologia
23 | Só se fala por e-mail
24 | Mensagem curta e fria
25 | Twitter e Facebook
26 | Antes que eu caduque
27 | Vou dizer tudo em poesia.
28 |
29 |
30 |
31 |
32 |
33 | Não é mais como era antes
34 | É tudo abreviado
35 | "Você" só tem duas letras
36 | O "O" e o "E" foi riscado
37 | Para declarar o amor
38 | Basta botar uma flor
39 | E um coração desenhado.
40 |
41 |
42 |
43 |
44 |
45 | Arroba agora não pesa
46 | É parte de um endereço
47 | Ponto final nem se usa
48 | Ou vai até no começo
49 | Agora é .com
50 | Se o saite é muito bom
51 | Ele vale um alto preço.
52 |
53 |
54 |
55 | Pra piorar a liguagem
56 | O emoticom é um risco
57 | Tem símbolo para tudo
58 | Ponto e vírgula e um asterisco
59 | Um beijo significa
60 | Pra entender como fica
61 | Decifre esse rabisco.
62 |
63 |
64 |
65 |
66 |
67 | Tenho saudade das cartas
68 | Escritas com a própria mão
69 | Mandava no mês de Junho
70 | Só chegava no Verão
71 | Mas matava a saudade
72 | Era texto de verdade
73 | Nas linhas do coração.
74 |
75 |
76 |
77 |
78 |
79 | Agora, escrevo e envio
80 | Chegando na mesma hora
81 | Mas quando vou prosear
82 | A pessoa foi embora
83 | Abriu outro aplicativo
84 | O mundo ficou cativo
85 | Da tecnologia do agora.
86 |
87 |
88 |
89 | Felizmente, pra orar
90 | Não precisa de internet
91 | Deus escuta todo mundo
92 | Se quiser, faça esse teste
93 | Dois pontos são dois joelhos
94 | Seus lábios são aparelhos
95 | Deixe que Deus interprete.
96 |