Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Raquel #2

Open
wants to merge 15 commits into
base: main
Choose a base branch
from
Binary file added Raquel/fontes/AllerDisplay.ttf
Binary file not shown.
Binary file added Raquel/fontes/Aller_Bd.ttf
Binary file not shown.
Binary file added Raquel/fontes/Aller_BdIt.ttf
Binary file not shown.
Binary file added Raquel/fontes/Aller_It.ttf
Binary file not shown.
Binary file added Raquel/fontes/Aller_Lt.ttf
Binary file not shown.
Binary file added Raquel/fontes/Aller_LtIt.ttf
Binary file not shown.
Binary file added Raquel/fontes/Aller_Rg.ttf
Binary file not shown.
Binary file added Raquel/imagens/email.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Raquel/imagens/telefone.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
93 changes: 93 additions & 0 deletions Raquel/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,93 @@
<!DOCTYPE html>
<html lang="pt-br">

<head>
<link href="style.css" type="text/css" rel="stylesheet">


<meta charset="UTF-8">
<meta name="description" content="Currículo Raquel para área de artes">
<meta name="keywords" content="currículo, artes, cinema, produção, produção de arte, direção de arte, filme, produção">

<title> Currículo Raquel Teixeira Costa </title>

</head>

<body>
<header>
<div class="nome">
<h1>RAQUEL COSTA</h1>
<h3>ASSISTÊNCIA DE DIREÇÃO DE ARTE E PRODUÇÃO DE OBJETOS</h3>
</div>
<div class="contato">
<ul id="contato">
<li><img src="./imagens/telefone.png">32 988078754 </li>
<li><img src="./imagens/email.png"> [email protected] </li>
</ul>
</div>
</header>

<div id="perfil">
<h2>PERFIL</h2>
<p class="perfil">Graduada em artes e cinema, com uma visão ampla e interdisciplinar das artes e sociedade. Estudante de programação. Busco experiências que possam conectar criatividade, resolução de problemas e tecnologias que ajudem a tornar o mundo menos desigual e mais divertido.</p>
<p class="perfilFinal">Experiência com produção de objeto, direção de arte, figurino, som, edição, fotografia e produção executiva. Durante a faculdade estagiei com produção de eventos e criação de vídeo aulas. Produção de filme independente premiado pela Mostra de Cinema de Tiradentes. </p>
</div>
<hr class="lados">
<div class="container">
<section class="colunaExperiencia">
<h2>EXPERIÊNCIA</h2>
<h4>Assistente de Produção de Objeto</h4>
<h5>As Orfãs da Rainha / mar 2019 - mar 2020</h5>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pensa nos elementos h1, h2, etc como título, subtítulo, etc. Quando vc escreve um TCC, por exemplo, vc tem
h1 - titulo do trabalho
h2 - capítulo
h3 - título
h4 - subtítulo
As tags <h_> devem ser usadas pra indicar títulos e subtítulos do conteúdo dessa forma.

Você pulou do h2 pro h4 e acho que usou o h5 pra dar destaque a um parágrafo

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Então, mas é que o h3 é o subtítulo do título do currículo. é menor do que os títulos das seções (tipo perfil, habilidades) mas maior que os títulos dos trabalhos. vc acha que deveria usar em ordem independente do tamanho?

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

A questão aqui é que você pulou do h2 pro h4

<p>Pesquisa histórica, pesquisa local de objetos, organização de cronogramas e orçamentos, contato com fornecedores e acompanhamento da produção, logística de armazenamento e desprodução. </p>
<h4>Produção</h4>
<h5>IMO / 2017-2018</h5>
<p>Produção geral (executiva, direção e locação). Responsável por contratos, financiamentos e apoios financeiros de parceiros, logística de transporte, alimentação e estadia de equipe.</p>
<h4>Assistente de figurino</h4>
<h5>Dentadura Postiça / 2016</h5>
<p>Pesquisa histórica e pesquisa local de figurinos, contato e fechamento de parcerias com marcas e brechós locais, logística e organização das trocas de figurino no set. </p>
<hr class="lados">
<h2 class="blank">EDUCAÇÃO</h2>
<h4>Bacharelado em Cinema e Audiovisual</h4>
<h5>Universidade Federal de Juiz de Fora 2015-2018</h5>
<p> Nestes anos de curso tive contato com a prática de todas as grandes áreas dentro de uma produção cinematográfica, além de estudos aprofundados nas histórias e teorias do cinema locais e internacionais. </p>
<h4>Bacharelado Interdisciplinar em Artes e Design</h4>
<h5>Universidade Federal de Juiz de Fora 2011-2015</h5>
<p>Formação abrangente onde pude me aprofundar sobre moda, ciências sociais, história da arte, artes plásticas, desenho e música e outros. </p>
<h4>Direção de Produção Audiovisual</h4>
<h5>2° Painel Audiovisual Impulso Hub - 2016</h5>
<p>Minicurso com Suzi D’Souza sobre a prática da direção de produção, da executiva à locação.</p>
</section>


<section class="colunaHabilidades">
<h2>HABILIDADES PESSOAIS</h2>
<ul class="habilidade">
<li>Comunicação não-violenta</li>
<li>Responsabilidade</li>
<li>Autodidatismo</li>
<li>Criatividade</li>
<li>Colaboração e espírito de equipe</li>
</ul>
<hr class="lados">
<h2 class="blank">HOBBIES</h2>
<ul class="habilidade">
<li>Yoga</li>
<li>Culinária</li>
<li>Dança</li>
<li>Fotografia</li>
<li>Literatura</li>
</ul>
<hr class="lados">
<h2 class="blank">REFERÊNCIAS</h2>
<h4 class="ref">Renata Marques</h4>
<h5 class="cargo">Produção de objeto</h5>
<p>71 98882-6241</p>
<h4 class="ref">Moacyr Gramacho</h4>
<h5 class="cargo">Direção de arte</h5>
<p>71 98742-2320</p>

</section>
</div>

</body>
</html>
177 changes: 177 additions & 0 deletions Raquel/style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,177 @@
@font-face {
font-family: aller;
src: url(fontes/Aller_rg.ttf);
}
@font-face {
font-family: aller-lt;
src: url(fontes/Aller_Lt.ttf);
}

@font-face {
font-family: aller-Ltlt;
src: url(fontes/Aller_LtIt.ttf);
}

Comment on lines +1 to +14
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tem mais fontes no repositório do que você está usando. Remova os arquivos de fonte que você não usou

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Eu usei as 3! seção body: aller_rg; seção h3 aller-lt e seção h5 aller-ltit

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@raquellenn no css tem as 3 que vc usa, mas na pasta fontes tem 7 arquivos de fonte. Remova os arquivos que vc não usou

*{
box-sizing: border-box;
margin-left: 20px;
margin-right: 20px;
}

div.nome {
display:flex;
flex: 2;
flex-direction: column;
width: 60%;
margin-bottom: 60px;
}

div.contato {
display:flex;
flex: 2;
flex-direction: column wrap;
float: right;
justify-content: flex-end;
padding-top: 0px;
margin: 0px;
width: 30%;
}

#contato {
list-style: none;
padding: 0px;
margin-top: 50px;
margin-right: 160px;
}

header {
display: flex;
padding-top: 1em;
padding-left: 1em;
}

img {
width: 50px;
height: 40px;
}

#perfil {
display: block;
width: 98%;
justify-content: right;
}

body {
font-family: aller;
color:#6f6f6e;
padding-left: 1px;
padding-right: 1px;
}

h1 {
font-size: 40pt;
margin-bottom: 0em;
padding-bottom: 0.3em;
}

h2 {
padding-bottom: 2em;
}

h3 {
font-family: aller-lt;
font-size: 12pt;
margin-bottom: 3em;
margin-top: 0em;
padding-top: 0em;
}

h5 {
font-family: aller-Ltlt;
font-size: 10pt;
padding-top: 0em;
}

h4 {
padding-bottom: 0em;
margin-bottom: 2em;
}

h4.ref {
padding-bottom: 0em;
margin-bottom: 0em;
}

h5.cargo {
padding-top: 0em;
margin-top: 0.5em;
}

hr::after {
content: "";
display: inline-block;
position: absolute;
border-top: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
width: 8px;
right: 0;
height: 8px;
justify-content: right;
margin-left: -4px;
padding-left: -8px;
vertical-align: middle;
white-space: nowrap;
}

hr {
border: 0;
border-top: 1px solid #6f6f6e;
white-space: nowrap;
vertical-align: middle;
}

p {
padding-bottom: 2em;
}

p.perfil {
padding-bottom: 0em;
padding-top: 0em;
}

p.perfilFinal {
padding-bottom: 3em
}

.container {
display: flex;
flex-flow: row wrap;
}

section.colunaExperiencia {
display: block;
width: 45%;
float: left;
height: 100%;
padding-right: 2em;
padding-top: 3em;
}

.habilidade {
padding-bottom: 2em;
}

section.colunaHabilidades {
border-left: 1px solid;/* Adiciona borda esquerda na div como ser fosse uma linha.*/
box-sizing: border-box;
padding-left: 2em;
padding-top: 3em;
display: block;
width: 40%
}

.blank {
padding-top: 2em;
}
Binary file added Raquel/template curriculo/Resume.psd
Binary file not shown.