Skip to content

Commit 4310889

Browse files
oxechicaooxechicao
committed
feat: ✨ adicionando despesas e atualizando agenda
1 parent f849b3a commit 4310889

File tree

3 files changed

+439
-1
lines changed

3 files changed

+439
-1
lines changed

‎agenda.html

Lines changed: 314 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,320 @@
6767
<h3 class="center brown-text">PROGRAMAÇÃO</h3>
6868
</div>
6969
</div>
70-
70+
<div class="row">
71+
<div class="col s12">
72+
<h6 class="center">DIA 1 - SEXTA FEIRA</h6>
73+
<br>
74+
<ul id="tabs-swipe-demo" class="tabs tabs-fixed-width z-depth-1">
75+
<li class="tab col s4"><a href="#time-1">07:30</a></li>
76+
<li class="tab col s4"><a href="#time-2">09:00</a></li>
77+
<li class="tab col s4"><a href="#time-3">09:50</a></li>
78+
<li class="tab col s4"><a href="#time-4">10:40</a></li>
79+
<li class="tab col s4"><a href="#time-5">11:30</a></li>
80+
<li class="tab col s4"><a href="#time-6">13:30</a></li>
81+
<li class="tab col s4"><a href="#time-7">14:30</a></li>
82+
<li class="tab col s4"><a href="#time-8">15:10</a></li>
83+
<li class="tab col s4"><a href="#time-9">16:00</a></li>
84+
<li class="tab col s4"><a href="#time-10">17:00</a></li>
85+
<li class="tab col s4"><a href="#time-11">17:15</a></li>
86+
<li class="tab col s4"><a href="#time-12">17:30</a></li>
87+
<li class="tab col s4"><a href="#time-13">19:00</a></li>
88+
</ul>
89+
<div id="time-1" class="col s12 z-depth-1">
90+
<div class="row center" style="margin-top: 40px;">
91+
<div class="col l12 s12">
92+
<h3 class="center brown-text">CREDENCIAMENTO E COFFEE DE BOAS VINDAS</h3>
93+
<br><br>
94+
<img class="responsive-img" title="Logomarca do evento PHPeste branca"
95+
alt="Logomarca do evento PHPeste branca" src="images/phpeste_marrom.webp" />
96+
</div>
97+
</div>
98+
</div>
99+
<div id="time-2" class="col s12 z-depth-1">
100+
<div class="row center-align" style="margin-top: 40px;">
101+
<div class="col s12 m6 l6" style="margin-bottom: 50px;">
102+
<div class="col s12 m6 offset-m3">
103+
<img
104+
class="responsive-img"
105+
src="images/speakers/LuizSiqueira.webp"
106+
title="Foto do palestrante invocado Luiz Siqueira"
107+
alt="Foto do palestrante invocado Luiz Siqueira"
108+
id="img-speakers"
109+
width="60%"
110+
/>
111+
<p class="speaker-name" style="font-size: 22px;">Luiz Siqueira</p>
112+
<p class="speaker-location">Recife - PE</p>
113+
<h6>Código Mestre: <em>A Arte de Evoluir do Dev ao Tech Lead</em></h6>
114+
</div>
115+
</div>
116+
<div class="col s12 m6 l6">
117+
<div class="col s12 m6 offset-m3">
118+
<img
119+
class="responsive-img"
120+
src="images/speakers/AndersonAragao.webp"
121+
title="Foto do palestrante roxeda Anderson Aragão"
122+
alt="Foto do palestrante roxeda Anderson Aragão"
123+
id="img-speakers"
124+
width="60%"
125+
/>
126+
<p class="speaker-name" style="font-size: 22px;">Anderson Aragão</p>
127+
<p class="speaker-location">João Pessoa - PB</p>
128+
<h6>Observabilidade com OpenTelemetry: <em>Vigie suas APIs!</em></h6>
129+
</div>
130+
</div>
131+
</div>
132+
</div>
133+
<div id="time-3" class="col s12 z-depth-1 ">
134+
<div class="row center-align" style="margin-top: 40px;">
135+
<div class="col s12 m6 l6" style="margin-bottom: 50px;">
136+
<div class="col s12 m6 offset-m3">
137+
<img
138+
class="responsive-img"
139+
src="images/speakers/SandraRayane.webp"
140+
title="Foto da palestrante desenrolada Sandra Rayane"
141+
alt="Foto da palestrante desenrolada Sandra Rayane"
142+
id="img-speakers"
143+
width="60%"
144+
/>
145+
<p class="speaker-name" style="font-size: 22px;">Sandra Rayane</p>
146+
<p class="speaker-location">Fortaleza - CE</p>
147+
<h6>A importância do <em>Teste de Software na garantia da qualidade e confiabilidade</em> de sistemas</h6>
148+
</div>
149+
</div>
150+
<div class="col s12 m6 l6">
151+
<div class="col s12 m6 offset-m3">
152+
<img
153+
class="responsive-img"
154+
src="images/speakers/LiviaCarolina.webp"
155+
title="Foto da palestrante roxeda Lívia Carolina"
156+
alt="Foto da palestrante roxeda Lívia Carolina"
157+
id="img-speakers"
158+
width="60%"
159+
/>
160+
<p class="speaker-name" style="font-size: 22px;">Lívia Carolina</p>
161+
<p class="speaker-location">Rio de Janeiro - RJ</p>
162+
<h6>OJS: o projeto canadense para <em>gestão de publicações cientificas</em> que conquistou o Brasil</h6>
163+
</div>
164+
</div>
165+
</div>
166+
</div>
167+
<div id="time-4" class="col s12 z-depth-1">
168+
<div class="row center-align" style="margin-top: 40px;">
169+
<div class="col s12 m6 l6" style="margin-bottom: 50px;">
170+
<div class="col s12 m6 offset-m3">
171+
<img
172+
class="responsive-img"
173+
src="images/speakers/FernandoSantos.webp"
174+
title="Foto do palestrante desenrolado Fernando Pereira dos Santos (ferox)"
175+
alt="Foto do palestrante desenrolado Fernando Pereira dos Santos (ferox)"
176+
id="img-speakers"
177+
width="60%"
178+
/>
179+
<p class="speaker-name" style="font-size: 22px;">Fernando Santos</p>
180+
<p class="speaker-location">João Pessoa - PB</p>
181+
<h6>Lando para desenvolvedores PHP</h6>
182+
</div>
183+
</div>
184+
<div class="col s12 m6 l6">
185+
<div class="col s12 m6 offset-m3">
186+
<img
187+
class="responsive-img"
188+
src="images/speakers/EvaldoBarbosa.webp"
189+
title="Foto do palestrante desenrolado Evaldo Barbosa"
190+
alt="Foto do palestrante desenrolado Evaldo Barbosa"
191+
id="img-speakers"
192+
width="60%"
193+
/>
194+
<p class="speaker-name" style="font-size: 22px;">Evaldo Barbosa</p>
195+
<p class="speaker-location">São Luíz - MA</p>
196+
<h6>Arquitetura Orientada a Eventos (EDA): <em>Uma visão sistemática</em></h6>
197+
</div>
198+
</div>
199+
</div>
200+
</div>
201+
<div id="time-5" class="col s12 z-depth-1">
202+
<div class="row center-align"" style="margin-top: 40px;">
203+
<div class="col l12 s12">
204+
<h3 class="center brown-text">ALMOÇO</h3>
205+
<br><br>
206+
<img class="responsive-img" title="Logomarca do evento PHPeste branca"
207+
alt="Logomarca do evento PHPeste branca" src="images/phpeste_marrom.webp" />
208+
</div>
209+
</div>
210+
</div>
211+
<div id="time-6" class="col s12 z-depth-1">
212+
<div class="row center-align" style="margin-top: 40px;">
213+
<div class="col s12 m6 l6" style="margin-bottom: 50px;">
214+
<div class="col s12 m6 offset-m3">
215+
<img
216+
class="responsive-img"
217+
src="images/speakers/VitorMattos.webp"
218+
title="Foto do palestrante roxeda Vitor Mattos"
219+
alt="Foto do palestrante roxeda Vitor Mattos"
220+
id="img-speakers"
221+
width="60%"
222+
/>
223+
<p class="speaker-name" style="font-size: 22px;">Vitor Mattos</p>
224+
<p class="speaker-location">Rio de Janeiro - RJ</p>
225+
<h6>Testes automatizados em API: <em>usando Github Actions e outras ferramentas</em></h6>
226+
</div>
227+
</div>
228+
<div class="col s12 m6 l6">
229+
<div class="col s12 m6 offset-m3">
230+
<img
231+
class="responsive-img"
232+
src="images/speakers/DanielLima.webp"
233+
title="Foto do palestrante invocado Daniel Lima"
234+
alt="Foto do palestrante invocado Daniel Lima"
235+
id="img-speakers"
236+
width="60%"
237+
/>
238+
<p class="speaker-name" style="font-size: 22px;">Daniel Lima</p>
239+
<p class="speaker-location">Russas - CE</p>
240+
<h6><em>Explorando a Web:</em> Construindo Crawlers eficientes com Symfony</h6>
241+
</div>
242+
</div>
243+
</div>
244+
</div>
245+
<div id="time-7" class="col s12 z-depth-1">
246+
<div class="row center-align" style="margin-top: 40px;">
247+
<div class="col s12 m6 l6" style="margin-bottom: 50px;">
248+
<div class="col s12 m6 offset-m3">
249+
<img
250+
class="responsive-img"
251+
src="images/speakers/DaianeAlves.webp"
252+
title="Foto da palestrante arretada Daiane Alves"
253+
alt="Foto da palestrante arretada Daiane Alves"
254+
id="img-speakers"
255+
width="60%"
256+
/>
257+
<p class="speaker-name" style="font-size: 22px;">Daiane Alves</p>
258+
<p class="speaker-location">Rio de Janeiro - RJ</p>
259+
<h6>LibreSign: <em>Assinatura Eletrônica com PHP</em></h6>
260+
</div>
261+
</div>
262+
<div class="col s12 m6 l6">
263+
<div class="col s12 m6 offset-m3">
264+
<img
265+
class="responsive-img"
266+
src="images/speakers/HelenaSaminez.webp"
267+
title="Foto da palestrante invocada Helena Saminez"
268+
alt="Foto da palestrante invocada Helena Saminez"
269+
id="img-speakers"
270+
width="60%"
271+
/>
272+
<p class="speaker-name" style="font-size: 22px;">Helena Saminez</p>
273+
<p class="speaker-location">São Luís - MA</p>
274+
<h6>De suporte técnico a desenvolvimento: <em>Uma transição natural?</em></h6>
275+
</div>
276+
</div>
277+
</div>
278+
</div>
279+
<div id="time-8" class="col s12 z-depth-1">
280+
<div class="row center-align" style="margin-top: 40px;">
281+
<div class="col s12 m6 l6" style="margin-bottom: 50px;">
282+
<div class="col s12 m6 offset-m3">
283+
<img
284+
class="responsive-img"
285+
src="images/speakers/BrunoLopes.webp"
286+
title="Foto do palestrante arretado Bruno Lopes"
287+
alt="Foto do palestrante arretado Bruno Lopes"
288+
id="img-speakers"
289+
width="60%"
290+
/>
291+
<p class="speaker-name" style="font-size: 22px;">Bruno Lopes</p>
292+
<p class="speaker-location">Fortaleza - CE</p>
293+
<h6>Esteganografia: <em>A arte de ocultar uma mensagem dentro de outra,</em> com PHP!</h6>
294+
</div>
295+
</div>
296+
<div class="col s12 m6 l6">
297+
<div class="col s12 m6 offset-m3">
298+
<img
299+
class="responsive-img"
300+
src="images/speakers/engenheira.coelho.webp"
301+
title="Foto do palestrante arretada Leticia Coelho"
302+
alt="Foto do palestrante arretada Leticia Coelho"
303+
id="img-speakers"
304+
width="60%"
305+
/>
306+
<p class="speaker-name" style="font-size: 22px;">Leticia Coelho</p>
307+
<p class="speaker-location">Florianópolis - SC</p>
308+
<h6><em>HTML limpo,</em> um overview sobre os 04 pilares</h6>
309+
</div>
310+
</div>
311+
</div>
312+
</div>
313+
<div id="time-9" class="col s12 z-depth-1">
314+
<div class="row center" style="margin-top: 40px;">
315+
<div class="col l12 s12">
316+
<h3 class="center brown-text">MERENDA</h3>
317+
<br><br>
318+
<img class="responsive-img" title="Logomarca do evento PHPeste branca"
319+
alt="Logomarca do evento PHPeste branca" src="images/phpeste_marrom.webp" />
320+
</div>
321+
</div>
322+
</div>
323+
<div id="time-10" class="col s12 z-depth-1">
324+
<div class="row center" style="margin-top: 40px;">
325+
<div class="col l12 s12">
326+
<h3 class="center brown-text">SHOW DE HUMOR DO POKEMAO </h3>
327+
<br><br>
328+
<img class="responsive-img" title="Logomarca do evento PHPeste branca"
329+
alt="Logomarca do evento PHPeste branca" src="images/phpeste_marrom.webp" />
330+
</div>
331+
</div>
332+
</div>
333+
<div id="time-11" class="col s12 z-depth-1">
334+
<div class="row center" style="margin-top: 40px;">
335+
<div class="col l12 s12">
336+
<h3 class="center brown-text">CERIMÔNIA DE ABERTURA</h3>
337+
<br><br>
338+
<img class="responsive-img" title="Logomarca do evento PHPeste branca"
339+
alt="Logomarca do evento PHPeste branca" src="images/phpeste_marrom.webp" />
340+
</div>
341+
</div>
342+
</div>
343+
<div id="time-12" class="col s12 z-depth-1">
344+
<div class="row center" style="margin-top: 40px;">
345+
<div class="col l12 s12">
346+
<h3 class="center brown-text">MESA REDONDA: <br>
347+
COMO VAI FICAR O MERCADO DE <br> DESENVOLVIMENTO DAQUI PARA FRENTE?
348+
<p><br> CONVIDADOS: Monica, Eduardo, Swoleo, Dennis Braga.
349+
<br> MEDIADOR: Wil Correa.</p>
350+
</h3>
351+
<br><br>
352+
<img class="responsive-img" title="Logomarca do evento PHPeste branca"
353+
alt="Logomarca do evento PHPeste branca" src="images/phpeste_marrom.webp" />
354+
</div>
355+
</div>
356+
</div>
357+
<div id="time-13" class="col s12 z-depth-1">
358+
<div class="row center-align" style="margin-top: 40px;">
359+
<div class="col s12 m10">
360+
<div class="col s12 m10 offset-m3">
361+
<h6 class="brown-text">KEYNOTE</h6>
362+
<h6>Engenheira de Software, criadora de conteúdo, mentora,
363+
escritora, palestrante.</h6>
364+
<br>
365+
<img
366+
class="responsive-img"
367+
src="images/speakers/engenheira.coelho.webp"
368+
title="Foto da palestrante arretada Leticia Coelho"
369+
alt="Foto da palestrante arretada Leticia Coelho"
370+
id="img-speakers"
371+
width="70%"
372+
/>
373+
<p class="speaker-name" style="font-size: 22px;">Leticia Coelho</p>
374+
<p class="speaker-location">Florianópolis - SC</p>
375+
<h6>Integração de serviços de IA. <br />
376+
5 etapas para identificar e implementar integração com
377+
AIaaS.</h6>
378+
</div>
379+
</div>
380+
</div>
381+
</div>
382+
</div>
383+
</div>
71384
<div class="row">
72385
<div class="col s12">
73386
<h6 class="center">DIA 2 - SÁBADO</h6>

‎css/style.css

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -217,4 +217,30 @@ footer.page-footer {
217217

218218
#day1 p {
219219
line-height: 1.5;
220+
}
221+
222+
tfoot {
223+
font-weight: bolder;
224+
}
225+
226+
#result-balance {
227+
width: fit-content;
228+
background-color: rgba(66,66,66,1);
229+
color: white;
230+
padding: 1em;
231+
border-radius: 1em;
232+
letter-spacing: 4px;
233+
font-size: 16px;
234+
font-weight: lighter;
235+
}
236+
237+
#result-balance:hover {
238+
background-color: rgba(166,166,166,1);
239+
border: 2px solid black;
240+
color: black;
241+
}
242+
243+
#result-balance > span {
244+
font-weight: bold;
245+
text-wrap: nowrap;
220246
}

0 commit comments

Comments
 (0)