From 436c1f50dc65a4b3824f7337b92ee40a43ca1fc6 Mon Sep 17 00:00:00 2001 From: Alisson Silva Date: Mon, 4 Sep 2023 08:07:27 -0300 Subject: [PATCH] ajustes no layout do site --- css/style.css | 51 +++++-- index.html | 405 +++++++++++++++++++++++++++++--------------------- 2 files changed, 280 insertions(+), 176 deletions(-) diff --git a/css/style.css b/css/style.css index 7cc34fd..3a1d235 100644 --- a/css/style.css +++ b/css/style.css @@ -5,29 +5,60 @@ * * Made By MaterializeCSS.com */ +:root { + --common-size: calc(0.8vw + 1rem); +} h1 { - font-size: clamp( 36px, calc(2vw + 1rem), 64px ); + font-size: clamp(36px, var(--common-size), 64px); } h2 { - font-size: clamp( 24px, calc(1.66vw + 1rem), 50px ); + font-size: clamp(24px, var(--common-size), 50px); } -h3 { - font-size: clamp( 20px, calc(0.8vw + 1rem), 42px ); +h3, +h4, +h5, +h6 { + font-size: clamp(18px, var(--common-size), 36px); } -h4 { - font-size: clamp( 18px, calc(0.8vw + 1rem), 36px ); +/* Estilize as informações do palestrante */ +.speaker-info { + text-align: center; } -h5 { - font-size: clamp( 12px, calc(0.5vw + 0.5rem), 24px ); +.speaker-name { + font-size: 18px; + font-weight: bold; + background-color: #795548; + color: #FFF; + border-radius: 5px; + border: #795548 solid 5px; + margin-bottom: 5px; /* Adicione margem inferior para separar o nome da cidade */ + line-height: 1.2; } -h6 { - font-size: clamp( 12px, calc(0.4vw + 1rem), 20px ); +.speaker-location { + font-size: 14px; + margin-top: 0; /* Redefina a margem superior para remover qualquer espaço extra */ + line-height: 1; +} + +/* Adicione media queries conforme necessário para ajustar o layout em dispositivos menores */ +@media (max-width: 768px) { + .speaker-info { + text-align: left; + } + + .speaker-name { + font-size: 16px; + } + + .speaker-location { + font-size: 12px; + } } nav ul a, diff --git a/index.html b/index.html index 3721033..abb7f4c 100644 --- a/index.html +++ b/index.html @@ -1,6 +1,5 @@ - @@ -312,15 +311,15 @@

Conheça as autoridades que irão compartilhar conhecimento.<

-
-

Leticia Coelho

+
+

Leticia Coelho

Florianópolis - SC.

- Leticia Coelho -
Palestrante desinibida
+ Leticia Coelho +
Palestrante desinibida
-
+
Engenheira de Software, criadora de conteúdo, mentora, escritora, palestrante.

Engenheira de Software por @@ -339,41 +338,52 @@

Engenheira de Software, criadora de conteúdo, mentora, escritora, palestran
-
+
- Foto da palestrante arretada Daiane Alves -
Daiane Alves
-
Rio de Janeiro - RJ
+ Foto da palestrante arretada Daiane Alves +
+

Daiane Alves

+

Rio de Janeiro - RJ

+
-
+
- Foto do palestrante invocado Vinicius Campitelli -
Vinicius Campitelli
-
São Paulo - SP
+ alt="Foto do palestrante invocado Vinicius Campitelli" id="img-speakers"> +
+

Vinicius Campitelli

+

São Paulo - SP

+
-
+
- Foto da palestrante roxeda Rosana Marques -
Rosana Marques
-
Fortaleza - CE
+ Foto da palestrante roxeda Rosana Marques +
+

Rosana Marques

+

Fortaleza - CE

+
-
+
- Foto do palestrante desenrolado Evaldo Barbosa -
Evaldo Barbosa
-
São Luíz - MA
+ Foto do palestrante desenrolado Evaldo Barbosa +
+

Evaldo Barbosa

+

São Luíz - MA

+
@@ -382,40 +392,52 @@
São Luíz - MA
-
+
- Foto do palestrante arretado Vicente Martins -
Vicente Martins
-
João Pessoa - PB
+ Foto do palestrante arretado Vicente Martins +
+

Vicente Martins

+

João Pessoa - PB

+
-
+
- Foto da palestrante invocada Monica Craveiro -
Monica Craveiro
-
São Paulo - SP
+ Foto da palestrante invocada Monica Craveiro +
+

Monica Craveiro

+

São Paulo - SP

+
-
+
- Foto do palestrante roxeda Vitor Mattos -
Vitor Mattos
-
Rio de Janeiro - RJ
+ Foto do palestrante roxeda Vitor Mattos +
+

Vitor Mattos

+

Rio de Janeiro - RJ

+
-
+
- Foto da palestrante desenrolada Sandra Rayane -
Sandra Rayane
-
Fortaleza - CE
+ Foto da palestrante desenrolada Sandra Rayane +
+

Sandra Rayane

+

Fortaleza - CE

+
@@ -425,40 +447,52 @@
Fortaleza - CE
-
+
- Foto da palestrante arretada Ingrid Santos -
Ingrid Santos
-
Fortaleza - CE
+ Foto da palestrante arretada Ingrid Santos +
+

Ingrid Santos

+

Fortaleza - CE

+
-
+
- Foto do palestrante invocado Athos Ribeiro -
Athos Ribeiro
-
Marechal Deodoro - AL
+ Foto do palestrante invocado Athos Ribeiro +
+

Athos Ribeiro

+

Marechal Deodoro - AL

+
-
+
- Foto da palestrante roxeda Lívia Carolina -
Lívia Carolina
-
Rio de Janeiro - RJ
+ Foto da palestrante roxeda Lívia Carolina +
+

Lívia Carolina

+

Rio de Janeiro - RJ

+
-
+
- Foto do palestrante desenrolado Yan Vancelis -
Yan Vancelis
-
Quixadá - CE
+ Foto do palestrante desenrolado Yan Vancelis +
+

Yan Vancelis

+

Quixadá - CE

+
@@ -468,41 +502,52 @@
Quixadá - CE
-
+
- Foto do palestrante arretado Bruno Lopes -
Bruno Lopes
-
Fortaleza - CE
+ Foto do palestrante arretado Bruno Lopes +
+

Bruno Lopes

+

Fortaleza - CE

+
-
+
- Foto da palestrante invocada Helena Saminez -
Helena Saminez
-
São Luís - MA
+ Foto da palestrante invocada Helena Saminez +
+

Helena Saminez

+

São Luís - MA

+
-
+
- Foto do palestrante roxeda Anderson Aragão -
Anderson Aragão
-
João Pessoa - PB
+ Foto do palestrante roxeda Anderson Aragão +
+

Anderson Aragão

+

João Pessoa - PB

+
-
+
- Foto do palestrante desenrolado Hilderjares Martins -
Hilderjares Martins
-
Iguatu - CE
+ alt="Foto do palestrante desenrolado Hilderjares Martins" id="img-speakers"> +
+

Hilderjares Martins

+

Iguatu - CE

+
@@ -512,42 +557,52 @@
Iguatu - CE
-
+
- Foto da palestrante arretada Juliana Martins -
Juliana Martins
-
Fortaleza - CE
+ Foto da palestrante arretada Juliana Martins +
+

Juliana Martins

+

Fortaleza - CE

+
-
+
- Foto do palestrante invocado Vinicius Dias -
Vinicius Dias
-
Petrópolis - RJ
+ Foto do palestrante invocado Vinicius Dias +
+

Vinicius Dias

+

Petrópolis - RJ

+
-
+
- Foto da palestrante desenrolada Elena Giuli -
Elena Giuli
-
São Paulo - SP
+ Foto da palestrante desenrolada Elena Giuli +
+

Elena Giuli

+

São Paulo - SP

+
-
+
- Foto do palestrante desenrolado Fernando Pereira dos Santos (ferox) -
Fernando Santos
-
João Pessoa - PB
+ alt="Foto do palestrante desenrolado Fernando Pereira dos Santos (ferox)" id="img-speakers"> +
+

Fernando Santos

+

João Pessoa - PB

+
@@ -557,41 +612,52 @@
João Pessoa - PB
-
+
- Foto do palestrante arretado Rodrigo PokemaoBR -
Rodrigo PokemaoBR
-
Campinas - SP
+ alt="Foto do palestrante arretado Rodrigo PokemaoBR" id="img-speakers"> +
+

Rodrigo PokemaoBR

+

Campinas - SP

+
-
+
- Foto do palestrante invocado Luiz Siqueira -
Luiz Siqueira
-
Recife - PE
+ Foto do palestrante invocado Luiz Siqueira +
+

Luiz Siqueira

+

Recife - PE

+
-
+
- Foto do palestrante desenrolado Marcel dos Santos -
Marcel dos Santos
-
São Paulo - SP
+ Foto do palestrante desenrolado Marcel dos Santos +
+

Marcel dos Santos

+

São Paulo - SP

+
-
+
- Foto do palestrante roxeda Rafael Neris -
Rafael Neris
-
Osasco - SP
+ Foto do palestrante roxeda Rafael Neris +
+

Rafael Neris

+

Osasco - SP

+
@@ -601,41 +667,50 @@
Osasco - SP
-
+
- Foto do palestrante arretado Leo Carmo -
Leo Carmo
-
Ribeirão Preto - SP
+ Foto do palestrante arretado Leo Carmo +
+

Leo Carmo

+

Ribeirão Preto - SP

+
-
+
- Foto do palestrante invocado Leo Cavalcante -
Leo Cavalcante
-
São Paulo - SP
+ Foto do palestrante invocado Leo Cavalcante +
+

Leo Cavalcante

+

São Paulo - SP

+
-
+
- Foto do palestrante desenrolado Douglas Medeiros -
Douglas Medeiros
-
Porto Alegre - RS
+ alt="Foto do palestrante desenrolado Douglas Medeiros" id="img-speakers"> +

Douglas Medeiros

+

Porto Alegre - RS

-
+
- Foto do palestrante roxeda Diego Borges -
Diego Borges
-
Belo Horizonte - MG
+ Foto do palestrante roxeda Diego Borges +
+

Diego Borges

+

Belo Horizonte - MG

+
@@ -733,15 +808,15 @@

Conheça nossos parceiros, empresas que ajudam a PHPeste acon

-
Patrocinador Ouro
-
- Logomarca da sua empresa aqui -
- Instagram - Website -
+
Patrocinador Ouro

+
+ Logomarca da sua empresa aqui +
+ Instagram + Website +
@@ -787,12 +862,12 @@
Patrocinador Bronze

Betho Costa -
Betho Costa
-
- Instagram - Website -
+
Betho Costa

+
+ Instagram + Website +

@@ -1022,7 +1097,5 @@
Redes Sociais
}, 2000); return false; }); - - - \ No newline at end of file +