-
Notifications
You must be signed in to change notification settings - Fork 1
/
publicacao1.html
144 lines (134 loc) · 9.98 KB
/
publicacao1.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
<!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.0">
<link rel="stylesheet" href="./public/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css" />
<link href="https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
<link rel="shortcut icon" href="./assets/apollodori-favicon.png" type="image/x-icon">
<title>Apollodori</title>
</head>
<body>
<header>
<div class="logo">
<a href="./index.html" title="Apollodori">
<img src="./assets/apollodori-logo.png" alt="Apollodori">
</a>
</div>
<form action="#" method="post" class="search">
<input type="text" name="search" id="searcher" class="searcher" placeholder="Quais livros vamos ler hoje?">
<button type="submit"><img src="./assets/search.png" alt="Pesquisar"></button>
</form>
<div class="menu">
<ul>
<li><a href="./index.html">Inicio</a></li>
<li><a href="./login.html">Login</a></li>
<li><a href="./cadastro.html">Cadastro</a></li>
<li><a href="./posts.html">Postar</a></li>
</ul>
</div>
</header>
<main>
<div class="info"> <!--Informações sobre o texto-->
<div class="perfil"> <!--Foto de perfil-->
<img src="" alt="perfil do usuario">
</div>
<div class="text"> <!--Sobre o texto-->
<p class="topicp"><span class="topic">Escrito por:</span> usuario</p>
<p class="topicp"><span class="topic">Escrito em:</span> data publicada</p>
<p class="topicp"><span class="topic">Autor original:</span> autor</p>
<p class="topicp"><span class="topic">Titulo original:</span> titulo da obra</p>
<p class="topicp"><span class="topic">Número de páginas:</span> 100</p>
</div>
</div>
<div class="book"> <!--O texto do livro-->
<h2 class="titulopub">Memórias Postumas de Brás Cubas - Capítulo 1</h2>
<p><span class="marg"></span>Algum tempo hesitei se devia abrir estas memórias pelo princípio ou pelo fim, isto é, se poria em primeiro lugar o meu nascimento ou a minha morte. Suposto o uso vulgar seja começar pelo nascimento, duas considerações me levaram a adotar diferente método: a primeira é que eu não sou propriamente um autor defunto, mas um defunto autor, para quem a campa foi outro berço; a segunda é que o escrito ficaria assim mais galante e mais novo. Moisés, que também contou a sua morte, não a pôs no intróito, mas no cabo; diferença radical entre este livro e o Pentateuco.</p>
<p><span class="marg"></span>Dito isto, expirei às duas horas da tarde de uma sexta-feira do mês de agosto de 1869, na minha bela chácara de Catumbi. Tinha uns sessenta e quatro anos, rijos e prósperos, era solteiro, possuía cerca de trezentos contos e fui acompanhado ao cemitério por onze amigos. Onze amigos! Verdade é que não houve cartas nem anúncios. Acresce que chovia -peneirava- uma chuvinha miúda, triste e constante, tão constante e tão triste, que levou um daqueles fiéis da última hora a intercalar esta engenhosa idéia no discurso que proferiu à beira de minha cova: -«Vós, que o conhecestes, meus senhores, vós podeis dizer comigo que a natureza parece estar chorando a perda irreparável de um dos mais belos caracteres que tem honrado a humanidade. Este ar sombrio, estas gotas do céu, aquelas nuvens escuras que cobrem o azul como um crepe funéreo, tudo isso é a dor crua e má que lhe rói à natureza as mais íntimas entranhas; tudo isso é um sublime louvor ao nosso ilustre finado.</p>
<p><span class="marg"></span>Bom e fiel amigo! Não, não me arrependo das vinte apólices que lhe deixei. E foi assim que cheguei à cláusula dos meus dias; foi assim que me encaminhei para o undiscovered country de Hamlet, sem as ânsias nem as dúvidas do moço príncipe, mas pausado e trôpego, como quem se retira tarde do espetáculo. Tarde e aborrecido. Viram-me ir umas nove ou dez pessoas, entre elas três senhoras, minha irmã Sabina, casada com o Cotrim, -a filha, um lírio-do-vale, - e... Tenham paciência! daqui a pouco lhes direi quem era a terceira senhora. Contentem-se de saber que essa anônima, ainda que não parenta, padeceu mais do que as parentas. É verdade, padeceu mais. Não digo que se carpisse, não digo que se deixasse rolar pelo chão, convulsa. Nem o meu óbito era coisa altamente dramática... Um solteirão que expira aos sessenta e quatro anos, não parece que reúna em si todos os elementos de uma tragédia. E dado que sim, o que menos convinha a essa anônima era aparentá-lo. De pé, à cabeceira da cama, com os olhos estúpidos, a boca entreaberta, a triste senhora mal podia crer na minha extinção.</p>
<p><span class="marg"></span>-Morto! morto! dizia consigo.</p>
<p><span class="marg"></span>É a imaginação dela, como as cegonhas que um ilustre viajante viu desferirem o vôo desde o Ilisso às ribas africanas, sem embargo das ruínas e dos tempos, -a imaginação dessa senhora também voou por sobre os destroços presentes até às ribas de uma África juvenil... Deixá-la ir; lá iremos mais tarde; lá iremos quando eu me restituir aos primeiros anos. Agora, quero morrer tranqüilamente, metodicamente, ouvindo os soluços das damas, as falas baixas dos homens, a chuva que tamborila nas folhas de tinhorão da chácara, e o som estrídulo de uma navalha que um amolador está afiando lá fora, à porta de um correeiro. Juro-lhes que essa orquestra da morte foi muito menos triste do que podia parecer. De certo ponto em diante chegou a ser deliciosa. A vida estrebuchava-me no peito, com uns ímpetos de vaga marinha, esvaía-se-me a consciência, eu descia à imobilidade física e moral, e o corpo fazia-se-me planta, e pedra, e lodo, e coisa nenhuma.</p>
<p><span class="marg"></span>Morri de uma pneumonia; mas se lhe disser que foi menos a pneumonia, do que uma idéia grandiosa e útil, a causa da minha morte, é possível que o leitor me não creia, e todavia é verdade. Vou expor-lhe sumariamente o caso. Julgue-o por si mesmo.</p></p>
</div>
<div class="recomendacao"> <!--Recomendações de outros livros-->
<a href="#" class="pub">
<img src="./assets/pub-base.png" alt="Book" class="recom">
<div class="text-pub">
<p class="title">Lorem ipsum</p>
<p class="info">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ea eos porro, architecto nobis suscipit cum voluptatum eaque molestiae fugit accusamus voluptas debitis blanditiis aperiam cupiditate at sequi corporis, esse consequuntur!</p>
<p class="author">Dolor Sit</p>
</div>
</a>
<a href="#" class="pub">
<img src="./assets/pub-base.png" alt="Book" class="recom">
<div class="text-pub">
<p class="title">Lorem ipsum</p>
<p class="info">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ea eos porro, architecto nobis suscipit cum voluptatum eaque molestiae fugit accusamus voluptas debitis blanditiis aperiam cupiditate at sequi corporis, esse consequuntur!</p>
<p class="author">Dolor Sit</p>
</div>
</a>
</div>
</main>
<footer>
<div class="container">
<ul class="itens">
<h4 class="title-item">Menu</h4>
<li class="item">
<a href="./index.html">Início</a>
</li>
<li class="item">
<a href="./login.html">Login</a>
</li>
<li class="item">
<a href="./cadastro.html">Cadastro</a>
</li>
<li class="item">
<a href="./posts.html">Postar</a>
</li>
</ul>
<ul class="itens">
<h4 class="title-item">Sobre nós</h4>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi harum in modi nam laudantium quisquam ipsa consequuntur repellendus quia perferendis maiores aperiam.
</p>
</ul>
<ul class="itens">
<h4 class="title-item">Desenvolvedores</h4>
<li class="item">
<p>Leonardo Tischer</p>
</li>
<li class="item">
<p>Vanderlei Rocha</p>
</li>
<li class="item">
<p>Breno Tanaka</p>
</li>
<li class="item">
<p>Alexandre Alves</p>
</li>
</ul>
<ul class="itens">
<h4 class="title-item">Redes sociais</h4>
<li class="item">
<a href="mailto:[email protected]">[email protected]</a>
</li>
<li class="item">
<a href="tel:+55(16)98116-2219">(16)98116-2219</a>
</li>
<li class="item">
<a href="https://github.com/Tischer">Github</a>
</li>
<li class="item">
<a href="https://www.linkedin.com/in/leonardo-tischer/">Linkedin</a>
</li>
</ul>
</div>
</footer>
</body>
<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
<script src="./public/script.js"></script>
</html>