Skip to content

Commit 577571a

Browse files
alissonsilvasalissonsilvas
committed
ädicionando video banner
1 parent 906d9d5 commit 577571a

11 files changed

+74
-50
lines changed

‎app/public/assets/css/materialize.css

+2-1
Original file line numberDiff line numberDiff line change
@@ -4490,7 +4490,8 @@ a {
44904490

44914491
html {
44924492
line-height: 1.5;
4493-
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
4493+
font-family: "Lexend", serif;
4494+
font-optical-sizing: auto;
44944495
font-weight: normal;
44954496
color: rgba(0, 0, 0, 0.87);
44964497
}

‎app/public/assets/css/style.css

+39-10
Original file line numberDiff line numberDiff line change
@@ -13,10 +13,9 @@ nav .brand-logo {
1313
}
1414

1515
#img-sponsors{
16-
border-width: medium;
16+
border: #f6f6f6 1px solid !important;
1717
border-style: solid;
18-
border-radius: 10%;
19-
border-color: #212121;
18+
border-radius: 2%;
2019
}
2120

2221
#img-speakers{
@@ -41,6 +40,10 @@ nav.color-marron {
4140
color: #212121 !important;
4241
}
4342

43+
.font-about {
44+
font-size: 18px;
45+
}
46+
4447
p {
4548
line-height: 2rem;
4649
}
@@ -64,7 +67,7 @@ p {
6467
}
6568

6669
.parallax-container {
67-
min-height: 695px;
70+
min-height: 1024px;
6871
line-height: 0;
6972
height: auto;
7073
color: rgba(255,255,255,.9);
@@ -117,9 +120,35 @@ div#sympla-widget-288555 iframe {
117120
max-width: 600px !important;
118121
}
119122

120-
.lexend-<uniquifier> {
121-
font-family: "Lexend", serif;
122-
font-optical-sizing: auto;
123-
font-weight: <weight>;
124-
font-style: normal;
125-
}
123+
/* Container principal */
124+
.video-section {
125+
position: relative;
126+
width: 100%;
127+
height: 1024px; /* Ajuste a altura conforme necessário */
128+
overflow: hidden; /* Garante que nada vaze para fora */
129+
}
130+
131+
/* Texto sobreposto */
132+
.text-container {
133+
position: absolute;
134+
top: 50%;
135+
left: 50%;
136+
transform: translate(-50%, -50%);
137+
text-align: center;
138+
z-index: 10; /* Garante que o texto fique acima do vídeo */
139+
color: white;
140+
padding: 20px;
141+
background: rgba(0, 0, 0, 0.5); /* Fundo semi-transparente para melhor leitura */
142+
border-radius: 10px;
143+
width: 80%;
144+
}
145+
146+
/* Estilo do vídeo */
147+
.video-background {
148+
position: absolute;
149+
top: 0;
150+
left: 0;
151+
width: 100%;
152+
height: 100%;
153+
object-fit: cover; /* Garante que o vídeo cubra todo o espaço */
154+
}

‎app/public/assets/img/parallax-one.jpg

-580 KB
Binary file not shown.

‎app/public/assets/img/sponsors/logo-unichristus.png

8.93 KB
Loading

‎app/public/assets/video/PHPeste23.MP4

24.6 MB
Binary file not shown.

‎app/views/about.php

+16-21
Original file line numberDiff line numberDiff line change
@@ -10,29 +10,24 @@
1010
1111
<div class="col s12">
1212
<div class="icon-block">
13-
<h5 class="center brown-text"><br><br></h5>
14-
<p class="font-marron center">
15-
É um evento que proporciona um dia de aprendizado teremos no palco os melhores profissionais do mercado compartilhando conhecimento, e você que nunca palestrou em um grande evento será a sua oportunidade teremos em breve a submissão de palestras.
16-
</p>
17-
<p class="font-marron center">
18-
A principal finalidade é a interação, networking e colaboração, que contribuem de forma eficiente na formação de melhores pessoas e profissionais.
19-
</p>
20-
21-
<p class="font-marron center">
22-
<strong>Terá Rapadura?</strong><br>
23-
Claro que sim jovem, pois não seria PHP com Rapadura se não tivesse rapadura hehehe.
24-
</p>
13+
<h5 class="center brown-text"><br></h5>
14+
<p class="font-marron center font-about">
15+
Prepare-se para um dia repleto de aprendizado, troca de experiências e muita interação! <br>
16+
No <b>Encontro de Devs PHP com Rapadura</b>, reunimos no palco os melhores profissionais do mercado para compartilhar conhecimento prático e inspirador. Se você nunca palestrou em um grande evento, essa é a sua chance – em breve abriremos a submissão de palestras, e você pode ser o próximo a brilhar!
17+
<br><br>
18+
🚀 Por que participar?<br>
19+
Além de se atualizar com as últimas tendências do universo PHP, nossa missão é fortalecer a comunidade através da interação, networking e colaboração – ingredientes essenciais para formar não apenas melhores profissionais, mas também melhores pessoas.
20+
<br><br>
21+
🍬 E a rapadura?<br>
22+
Mas é claro, jovem! Não seria PHP com Rapadura se não tivesse rapadura, né? Hehehe. Aqui, o clima é descontraído, acolhedor e cheio de sabor nordestino!
2523
26-
<p class="font-marron center">
27-
<strong>Amplie seus conhecimentos!</strong><br>
28-
Aprender uma nova tecnologia sempre é legal, ainda mais quando existe uma comunidade tão arretada e disposta a te ajudar.
24+
<br><br>
25+
📚 Amplie seus conhecimentos!<br>
26+
Aprender novas tecnologias é sempre uma aventura – e com uma comunidade arretada como a nossa, o aprendizado fica ainda mais leve e divertido. Seja você um dev iniciante ou experiente, temos um espaço para você crescer e se conectar com pessoas incríveis.
27+
<br><br>
28+
☕ Detalhe importante!<br>
29+
O valor do ingresso é para garantir um belo e gostoso Coffee Break – porque ninguém merece absorver tanto conhecimento de barriga vazia! Ah, e um agradecimento especial ao Centro Universitário Unichristus, que gentilmente cedeu o espaço para que esse encontro aconteça.
2930
</p>
30-
31-
<p class="font-marron center">
32-
<strong>Detalhe!</strong><br>
33-
O valor do ingresso é para que haja um belo e gostoso Coffee Break. Vale ressaltar que o local foi cedido gratuitamente pelo <strong>Centro universitário Unichristus.</strong>
34-
</p>
35-
3631
</div>
3732
</div>
3833

‎app/views/banner.php

+1-3
Original file line numberDiff line numberDiff line change
@@ -16,9 +16,7 @@
1616
</div>
1717
1818
<div class="row center">
19-
20-
<a href="#about" title="Saiba mais" id="download-button" class="btn-floating btn-large waves-effect waves-light black scrollSuave"><i class="material-icons">arrow_downward</i></a>
21-
19+
<a href="#about" title="Saiba mais" id="download-button" class="btn-floating btn-large waves-effect waves-light black scrollSuave"><i class="material-icons">arrow_downward</i></a>
2220
</div>
2321
</div>
2422
</div>

‎app/views/base.php

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!DOCTYPE html>
2-
<html lang="en">
2+
<html lang="pt-br">
33
<head>
44
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
55
<meta name="viewport" content="width=device-width, initial-scale=1"/>
@@ -71,4 +71,5 @@
7171
}, 2000);
7272
return false;
7373
});
74+
7475
</script>

‎app/views/parallax-one.php

+10-10
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
1-
<div class="parallax-container valign-wrapper">
2-
<div class="section no-pad-bot">
3-
<div class="container">
4-
<div class="row center">
5-
<h4 class="header col s12 light text-parallax"><strong>Evento que proporciona a reunião de vários desenvolvedores, entusiastas, amantes e estudantes do PHP do estado do Ceará.</strong></h4>
6-
</div>
7-
</div>
8-
</div>
9-
<div class="parallax"><img class="img-parallax" src="app/public/assets/img/parallax-one.jpg" alt="Unsplashed background img 2"></div>
1+
<div class="video-section">
2+
<div class="text-container">
3+
<h4>
4+
<strong>Evento que proporciona a reunião de vários desenvolvedores, entusiastas, amantes e estudantes do PHP do estado do Ceará.</strong>
5+
</h4>
106
</div>
117
12-
8+
<video id="hoverVideo" class="video-background" autoplay loop muted playsinline>
9+
<source src="app/public/assets/video/PHPeste23.MP4" type="video/mp4">
10+
Seu navegador não suporta vídeos em HTML5.
11+
</video>
12+
</div>

‎app/views/parallax-three.php

+1-1
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
</div>
77
</div>
88
</div>
9-
<div class="parallax"><img class="img-parallax" src="app/public/assets/img/parallax-three.jpg" alt="Unsplashed background img 2"></div>
9+
<div class="parallax"><img class="img-parallax" src="app/public/assets/img/parallax-four.jpg" alt="Unsplashed background img 2"></div>
1010
</div>
1111
1212

‎app/views/sponsors.php

+3-3
Original file line numberDiff line numberDiff line change
@@ -67,14 +67,14 @@
6767
<hr></hr>
6868
<div class="center">
6969
<br>
70-
<img class="responsive-img" id="img-sponsors" src="app/public/assets/img/sponsors/logo-unifametro.png" alt="Unifametro" title="Centro universitário Unifametro.">
70+
<img class="responsive-img z-depth-1" id="img-sponsors" src="app/public/assets/img/sponsors/logo-unichristus.png" alt="Unichristus" title="Centro universitário Unichristus.">
7171
</div>
7272
7373
</div>
7474
<div class="card-action center">
75-
<a class="grey-text text-darken-4" title="website" target="_blank" href="http://www.unifametro.edu.br/"><i class="fa fa-globe fa-3x" aria-hidden="true"></i>
75+
<a class="grey-text text-darken-4" title="website" target="_blank" href="http://www.unichristus.edu.br/"><i class="fa fa-globe fa-3x" aria-hidden="true"></i>
7676
</a>
77-
<a class="grey-text text-darken-4" title="facebook" target="_blank" href="https://www.facebook.com/unifametro/"><i class="fa fa-facebook-square fa-3x" aria-hidden="true"></i>
77+
<a class="grey-text text-darken-4" title="facebook" target="_blank" href="https://www.facebook.com/unichristus/"><i class="fa fa-facebook-square fa-3x" aria-hidden="true"></i>
7878
</a>
7979
</div>
8080
</div>

0 commit comments

Comments
 (0)