Skip to content

Commit 140e8c7

Browse files
euopaulineuopaulin
authored
Merge pull request #3 from euopaulin/testes
Criação de sessões dos projetos
2 parents cc7b6ec + 7498de3 commit 140e8c7

5 files changed

Lines changed: 96 additions & 48 deletions

File tree

‎PaginaWeb/images/a.jpg‎

122 KB
Loading

‎PaginaWeb/images/a2.jpg‎

144 KB
Loading

‎PaginaWeb/images/code.png‎

684 KB
Loading

‎PaginaWeb/styleweb.css‎

Lines changed: 58 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -307,47 +307,29 @@ section.sobre .flex {
307307
margin: 0 5px;
308308
}
309309

310-
/*ESTILO DO PORTFOLIO*/
310+
/*ESTILO DO MEUS PROJETOS*/
311311

312-
section.portfolio {
312+
section.projetos {
313313
padding: 80px 4%;
314314
}
315315

316-
section.portfolio .flex {
316+
section.projetos .flex {
317317
justify-content: space-around;
318318
margin-top: 60px;
319319
}
320320

321321
.img-port {
322-
width: 360px;
323-
height: 460px;
324-
background-size: cover;
325-
background-position: 100% 0%;
326-
transition: 8s;
327-
border-radius: 40px;
322+
width: 650px;
323+
height: 800px;
324+
border-radius: 8px;
328325
position: relative;
326+
margin: 0px 20px 0px 10px;
329327
}
330328

331329
.img-port:hover {
332330
background-position: 100% 100%;
333331
}
334332

335-
.overlay {
336-
position: absolute;
337-
top: 0;
338-
left: 0;
339-
width: 100%;
340-
height: 100%;
341-
background-color: rgba(0, 0, 0, 0.726);
342-
border-radius: 40px;
343-
display: flex;
344-
font-size: 24px;
345-
font-weight: 600;
346-
color: #fff;
347-
opacity: 0;
348-
transition: 5s;
349-
}
350-
351333
.overlay:hover {
352334
opacity: 1;
353335
}
@@ -365,14 +347,6 @@ section.portfolio .flex {
365347
text-align: center;
366348
}
367349

368-
.project-list {
369-
display: flex;
370-
flex-wrap: wrap;
371-
gap: 20px;
372-
margin: 0px 300px 0px 300px;
373-
border-radius: 8px;
374-
}
375-
376350
.portfolio-item h3 {
377351
margin-top: 20px;
378352
color: white;
@@ -381,22 +355,66 @@ section.portfolio .flex {
381355
text-align: center;
382356
}
383357

384-
.portfolio-img h3 {
358+
.portfolio-img {
359+
display: flex;
360+
justify-content: center; /* Centraliza as imagens dentro do container */
361+
align-items: center;
362+
}
363+
364+
.ScriptLinux {
385365
color: white;
386-
font-size: 23px;
366+
margin: 20px 0px 20px 0px;
387367
text-align: center;
388-
margin-top: 10px;
368+
font-size: 30px;
389369
}
390370

391-
.portfolio-img {
371+
.project-list {
392372
display: flex;
393373
flex-direction: column;
374+
gap: 40px;
394375
align-items: center;
395-
margin: 0px 0px 20px 0px;
376+
box-shadow: 0 0 8px rgba(255, 255, 255, 0.452);
377+
padding: 20px;
378+
border-radius: 8px;
379+
margin-left: 300px;
380+
margin-right: 300px;
381+
margin-top: 40px;
382+
transition: 0.2s;
383+
transform: scale(1.05);
396384
}
397385

398-
.ScriptLinux {
399-
margin: 0px 0px 20px 0px;
386+
.project-list:hover {
387+
box-shadow: 0 0 12px rgb(76, 249, 255);
388+
transform: scale(1.05);
389+
}
390+
391+
.project-description {
392+
color: white;
393+
max-width: 800px;
394+
text-align: center;
395+
margin-top: 10px;
396+
}
397+
398+
.img-rasp img {
399+
height: 500px;
400+
width: 700px;
401+
display: flex;
402+
justify-content: center;
403+
border-radius: 8px;
404+
}
405+
406+
.project-info p {
407+
display: flex;
408+
color: white;
409+
margin-top: 10px;
410+
text-decoration: none;
411+
justify-content: center;
412+
}
413+
414+
.project-info a {
415+
justify-content: center;
416+
color: rgb(76, 249, 255);
417+
text-decoration: none;
400418
}
401419

402420
/*ESTILO DO FORMULARIO DE CONTATO */

‎PaginaWeb/web.html‎

Lines changed: 38 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -131,20 +131,50 @@ <h2>MUITO PRAZER, <span>SOU PAULO HENRIQUE.</span></h2>
131131
class="bi bi-instagram"></i></button></a>
132132
<a href="https://github.com/euopaulin"><button><i class="bi bi-github"></i></button></a>
133133
</div>
134-
</div><!--flex-->
135-
</div><!--interface-->
136-
</section><!--sobre-->
137-
134+
</div>
135+
</div>
136+
</section>
137+
<!-- div para os meus projetos -->
138138
<section id="projetos" class="portfolio">
139139
<div class="container">
140140
<h2>MEUS <span>PROJETOS.</span></h2>
141141
<div class="project-list">
142+
<h3 class="ScriptLinux">Script para configuração de ambiente Linux para RDP</h3>
143+
<div class="portfolio-img">
144+
<img class="img-port" src="/PaginaWeb/images/rdp.png" alt="Projeto RDP Raspberry Pi">
145+
<img class="img-port" src="/PaginaWeb/images/code.png" alt="Icone RDP">
146+
</div>
147+
<div class="img-rasp">
148+
<img src="/PaginaWeb/images/a2.jpg" alt="Raspberry Pi">
149+
</div>
150+
<div class="project-description">
151+
<p>Esse script em Python tem como objetivo a Automatização da configuração do ambiente Debian Raspberry Pi. O script instala e configura todos os pacotes necessários, ajusta as configurações do sistema e otimiza o desempenho para garantir uma experiência de RDP fluida e eficiente.</p>
152+
</div>
153+
<div class="project-info">
154+
<p class="p1"><strong>Tecnologias utilizadas:</strong> Python, Remmina, Raspberry Pi OS.</p>
155+
<p class="p2"><strong>Link do projeto no GitHub:</strong> <a href="https://github.com/euopaulin/RDP_Raspberry">&nbsp;Script RDP em Rasp Pi</a></p>
156+
</div>
157+
</div>
158+
</div>
159+
</section>
160+
<section id="projetos" class="portfolio">
161+
<div class="container">
162+
<div class="project-list">
163+
<h3 class="ScriptLinux">Script para interação com modelo de llm FM do Amazon </h3>
142164
<div class="portfolio-img">
143-
<h3 class="ScriptLinux">Script para configuração de ambiente para RDP em Raspberry Pi</h3>
144-
<img class="img-port" src="/PaginaWeb/images/rdp.png" alt="Projeto RDP Raspberry Pi" height="800" width="730" style="border-radius: 8px;">
145-
<img class="img-port" src="/PaginaWeb/images/port2.png" alt="Icone RDP" width="80" height="80">
165+
<img class="img-port" src="/PaginaWeb/images/ia.png" alt="Projeto IA Monitoramento">
166+
<img class="img-port" src="/PaginaWeb/images/code.png" alt="Icone IA">
167+
</div>
168+
<div class="img-rasp">
169+
<img src="/PaginaWeb/images/a3.jpg" alt="Monitoramento Servidores">
170+
</div>
171+
<div class="project-description">
172+
<p>Projeto de monitoramento de servidores utilizando Inteligência Artificial (IA) para análise preditiva e detecção de anomalias. O sistema coleta dados em tempo real dos servidores, aplica algoritmos de aprendizado de máquina para identificar padrões e prever falhas, permitindo uma gestão proativa da infraestrutura de TI.</p>
173+
</div>
174+
<div class="project-info">
175+
<p class="p1"><strong>Tecnologias utilizadas:</strong> Python, AWS AI Services, Zabbix.</p>
176+
<p class="p2"><strong>Link do projeto no GitHub:</strong> <a href="https://github.com/euopaulin/IA_Monitoramento">&nbsp;Script IA Monitoramento</a></p>
146177
</div>
147-
148178
</div>
149179
</div>
150180
</section>

0 commit comments

Comments
 (0)