Skip to content

Commit

Permalink
Atualização: correção do projeto cordel
Browse files Browse the repository at this point in the history
  • Loading branch information
@RobinsonConstantino
RobinsonConstantino committed Mar 19, 2024
1 parent 3e7fb7a commit c5c1774
Show file tree
Hide file tree
Showing 3 changed files with 270 additions and 115 deletions.
96 changes: 77 additions & 19 deletions módulo03/d012/correcao-desafio12/estilo/style.css
View file
Original file line number Diff line number Diff line change
@@ -1,15 +1,16 @@
@charset "UTF-8";

@font-face {
font-family: "titulo-h1";
src: url("/fontes/roadway-titulo/Roadway.ttf") format(truetype);
font-family: "titulo";
src: url("C:/Users/robin/OneDrive/Área de Trabalho/cursos em vídeo/html/módulo03/d012/correcao-desafio12/fontes/roadway-titulo/Roadway.ttf")
format(truetype);
}

/*:root {
--fonte1: "calibri", sans-serif;
--fonte2: "titulo-h1", "sans-serif";
--fonte3: ;
}*/
@font-face {
font-family: "corpo";
src: url("C:/Users/robin/OneDrive/Área de Trabalho/cursos em vídeo/html/módulo03/d012/correcao-desafio12/fontes/robaga-rounded-corpo2/Robaga\ Rounded\ Light-Italic.otf")
format(opentype);
}

* {
margin: 0px;
Expand All @@ -18,26 +19,53 @@

html,
body {
margin: auto;
min-height: 100vh;
background-color: tomato;
color: white;
}

div {
max-width: 70vw;
margin: auto;
}

body > header > h1 {
position: center;
padding-left: 0%;
padding-right: 0%;
margin-left: 0%;
margin-right: 0%;
min-width: 100vw;
}

header {
background-color: black;
color: white;
text-align: center;
position: fixed;
max-height: 12vw;
}

header > h1 {
padding: 25px;
font-variant: small-caps; /* todas as letras maiúsculas, mas as primeiras maiores que o resto */
/*text-transform: uppercase;*/ /*todas as letras do mesmo tamanho maiúsculas*/
font-family: "titulo-h1", sans-serif;
padding-top: 15px;
padding-bottom: 0px;
font-family: "titulo";
font-size: 8vw;
letter-spacing: 0.1em;
line-height: 100%;
position: relative;
}

header > P {
padding-bottom: 25px;
/*font-variant: small-caps; /* todas as letras maiúsculas, mas as primeiras maiores que o resto */
/*text-transform: uppercase;*/ /*todas as letras do mesmo tamanho maiúsculas*/

header > p {
padding-bottom: 35px;
font-family: "calibri", sans-serif;
font-size: 1.3vw;
letter-spacing: 0.05em;
line-height: 25%;
}

header a,
Expand All @@ -55,30 +83,60 @@ footer a:hover {
}

section {
padding-top: 10vh;
padding-bottom: 10vh;
padding-left: 30px;
padding-top: 12vh;
padding-bottom: 8vh;
line-height: 2em;
}

section > p {
font-family: "corpo", sans-serif;
font-size: 2vw;
letter-spacing: 0.05em;
line-height: 2em;
padding-bottom: 2em;
}

section.normal {
background-color: white;
color: black;
padding: 60px;
}

section.normal#margem-top {
padding-top: 15vw;
}

section.imagem > p {
width: 400px;
background-color: rgba(0, 0, 0, 0.53);
display: inline-block;
background-color: rgba(0, 0, 0, 0.263);
padding: 30px;
text-shadow: 1px 1px 0px black;
}

section.imagem {
background-color: rgba(0, 0, 0, 0.381);
box-shadow: inset 6px 6px 13px 0px rgba(0, 0, 0, 0.489);
color: white;
padding: 30px;
background-size: cover;
background-attachment: fixed;
}

section#img01 {
background-image: url("C:/Users/robin/OneDrive/Área de Trabalho/cursos em vídeo/html/módulo03/d012/correcao-desafio12/imagens/background001.jpg");
background-position: right center;
}

section#img02 {
background-image: url("C:/Users/robin/OneDrive/Área de Trabalho/cursos em vídeo/html/módulo03/d012/correcao-desafio12/imagens/background002.jpg");
background-position: right center;
}

footer {
background-color: black;
color: white;
text-align: center;
padding: 8px;
font-family: "calibri", sans-serif;
font-size: 1.3vw;
letter-spacing: 0.05em;
}
183 changes: 87 additions & 96 deletions módulo03/d012/correcao-desafio12/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,14 +3,13 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="shortcut icon" href="correcao-desafio12/imagens/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="/correcao-desafio12/estilo/style.css">
<link rel="shortcut icon" href="imagens/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="estilo/style.css" />
<title>Cordel Moderno</title>
</head>
<body>
<header>
<h1>Cordel Moderno</h1>

<p>
Por
<a
Expand All @@ -21,99 +20,91 @@ <h1>Cordel Moderno</h1>
</p>
</header>

<section class="normal">
<p>
Estou ficando cansado<br />
Da tal tecnologia<br />
Só se fala por e-mail<br />
Mensagem curta e fria<br />
Twitter e Facebook<br />
Antes que eu caduque<br />
Vou dizer tudo em poesia.<br>
</p>
</section>

<section class="imagem">
<p>
Não é mais como era antes<br />
É tudo abreviado<br />
"Você" só tem duas letras<br />
O "O" e o "E" foi riscado<br />
Para declarar o amor<br />
Basta botar uma flor<br />
E um coração desenhado.<br>
</p>
</section>

<section class="normal">

<div>
<section class="normal" id="margem-top">
<p>
Arroba agora não pesa<br />
É parte de um endereço<br />
Ponto final nem se usa<br />
Ou vai até no começo<br />
Agora é .com<br />
Se o saite é muito bom<br />
Ele vale um alto preço.<br>
</p>

<p>
Pra piorar a liguagem<br />
O emoticom é um risco<br />
Tem símbolo para tudo<br />
Ponto e vírgula e um asterisco<br />
Um beijo significa<br />
Pra entender como fica<br />
Decifre esse rabisco.<br>
</p>

</section>

<section class="imagem">
<p>
Tenho saudade das cartas<br />
Escritas com a própria mão<br />
Mandava no mês de Junho<br />
Só chegava no Verão<br />
Mas matava a saudade<br />
Era texto de verdade<br />
Nas linhas do coração.<br>
</p>
</section>

<section class="normal">
<p>
Agora, escrevo e envio<br />
Chegando na mesma hora<br />
Mas quando vou prosear<br />
A pessoa foi embora<br />
Abriu outro aplicativo<br />
O mundo ficou cativo<br />
Da tecnologia do agora.<br>
</p>

<p>
Felizmente, pra orar<br />
Não precisa de internet<br />
Deus escuta todo mundo<br />
Se quiser, faça esse teste<br />
Dois pontos são dois joelhos<br />
Seus lábios são aparelhos<br />
Deixe que Deus interprete.<br>
</p>

<footer>
&copy; Site criado por
<a href="https://github.com/RobinsonConstantino" target="_blank"
>Robinson Constantino</a
>
para
<a href="https://github.com/RobinsonConstantino" target="_blank"
><img
src="correcao-desafio12/imagens/10p.jpg"
width="15px"
alt="link" /></a
> . Todos os direitos reservados
</footer>
Estou ficando cansado<br />
Da tal tecnologia<br />
Só se fala por e-mail<br />
Mensagem curta e fria<br />
Twitter e Facebook<br />
Antes que eu caduque<br />
Vou dizer tudo em poesia.<br />
</p>
</section>
<section class="imagem" id="img01">
<p>
Não é mais como era antes<br />
É tudo abreviado<br />
"Você" só tem duas letras<br />
O "O" e o "E" foi riscado<br />
Para declarar o amor<br />
Basta botar uma flor<br />
E um coração desenhado.<br />
</p>
</section>
<section class="normal">
<p>
Arroba agora não pesa<br />
É parte de um endereço<br />
Ponto final nem se usa<br />
Ou vai até no começo<br />
Agora é .com<br />
Se o saite é muito bom<br />
Ele vale um alto preço.<br />
</p>
<p>
Pra piorar a liguagem<br />
O emoticom é um risco<br />
Tem símbolo para tudo<br />
Ponto e vírgula e um asterisco<br />
Um beijo significa<br />
Pra entender como fica<br />
Decifre esse rabisco.<br />
</p>
</section>
<section class="imagem" id="img02">
<p>
Tenho saudade das cartas<br />
Escritas com a própria mão<br />
Mandava no mês de Junho<br />
Só chegava no Verão<br />
Mas matava a saudade<br />
Era texto de verdade<br />
Nas linhas do coração.<br />
</p>
</section>
<section class="normal">
<p>
Agora, escrevo e envio<br />
Chegando na mesma hora<br />
Mas quando vou prosear<br />
A pessoa foi embora<br />
Abriu outro aplicativo<br />
O mundo ficou cativo<br />
Da tecnologia do agora.<br />
</p>
<p>
Felizmente, pra orar<br />
Não precisa de internet<br />
Deus escuta todo mundo<br />
Se quiser, faça esse teste<br />
Dois pontos são dois joelhos<br />
Seus lábios são aparelhos<br />
Deixe que Deus interprete.<br />
</p>
</section>
<footer>
&copy; Site criado por
<a href="https://github.com/RobinsonConstantino" target="_blank"
>Robinson Constantino</a
>
para
<a href="https://github.com/RobinsonConstantino" target="_blank"
><img src="imagens/10p.jpg" width="15px" alt="link"
/></a>
. Todos os direitos reservados
</footer>
</div>
</body>
</html>
Loading

0 comments on commit c5c1774

Please sign in to comment.