fix: change colors to fit our theme

Refs: OPS-90
This commit is contained in:
0xjrx 2025-03-27 15:31:43 +01:00
parent f2c4baf87e
commit 2e1800027c
No known key found for this signature in database
GPG key ID: 61C53033867D0271

View file

@ -64,11 +64,10 @@
.info-box .title { .info-box .title {
font-weight: bold; font-weight: bold;
color: #FFD700;
} }
.button { .button {
background-color: #4CAF50; background-color: #7c3aed;
border: none; border: none;
color: white; color: white;
padding: 8px 12px; padding: 8px 12px;
@ -80,7 +79,7 @@
} }
.button:hover { .button:hover {
background-color: #45a049; background-color: #8b5cf6;
} }
/* Make both image & info box move on hover */ /* Make both image & info box move on hover */
@ -96,8 +95,10 @@
<img src="https://avatars.githubusercontent.com/u/58274330?v=4" alt="PlexSheep"> <img src="https://avatars.githubusercontent.com/u/58274330?v=4" alt="PlexSheep">
<div class="info-box"> <div class="info-box">
<h2>PlexSheep</h2> <h2>PlexSheep</h2>
<p class="title">Backend Developer</p> <p class="title text-violet-300">Backend Developer</p>
<p>Cyber Security Student, passionate Hobbyist, Networkadmin and Sotware Engineer</p> <p>Cyber Security Student, passionate Hobbyist, Networkadmin and Sotware Engineer</p>
<a href="https://github.com/PlexSheep">Github</a>
<p>software@cscherr.de</p> <p>software@cscherr.de</p>
<p><button class="button">Contact</button></p> <p><button class="button">Contact</button></p>
</div> </div>
@ -107,8 +108,10 @@
<img src="https://avatars.githubusercontent.com/u/119286812?v=4" alt="0xjrx" style="--f:.12;--r:5px"> <img src="https://avatars.githubusercontent.com/u/119286812?v=4" alt="0xjrx" style="--f:.12;--r:5px">
<div class="info-box"> <div class="info-box">
<h2>0xjrx</h2> <h2>0xjrx</h2>
<p class="title">Frontend Developer</p> <p class="title text-violet-300">Frontend Developer</p>
<p>Cyber Security Student working on malware research and development.</p> <p>Cyber Security Student working on malware research and development.</p>
<a href="https://github.com/0xjrx">Github</a>
<p>mrmarquard@protonmail.com</p> <p>mrmarquard@protonmail.com</p>
<p><button class="button">Contact</button></p> <p><button class="button">Contact</button></p>
</div> </div>
@ -118,8 +121,10 @@
<img src="https://avatars.githubusercontent.com/u/45919207?v=4" alt="0xalivecow" style="--f:.08;--r:20px"> <img src="https://avatars.githubusercontent.com/u/45919207?v=4" alt="0xalivecow" style="--f:.08;--r:20px">
<div class="info-box"> <div class="info-box">
<h2>0xalivecow</h2> <h2>0xalivecow</h2>
<p class="title">Backend Developer</p> <p class="title text-violet-300" >Backend Developer</p>
<p>Cyber Security Student with a focus on Linux Security</p> <p>Cyber Security Student with a focus on Linux Security</p>
<a href="https://github.com/0xalivecow">Github</a>
<p>0xalivecow@example.com</p> <p>0xalivecow@example.com</p>
<p><button class="button">Contact</button></p> <p><button class="button">Contact</button></p>
</div> </div>
@ -129,8 +134,11 @@
<img src="https://avatars.githubusercontent.com/u/134395490?v=4" alt="Amrasil" style="--f:.08;--r:20px"> <img src="https://avatars.githubusercontent.com/u/134395490?v=4" alt="Amrasil" style="--f:.08;--r:20px">
<div class="info-box"> <div class="info-box">
<h2>Amrasil</h2> <h2>Amrasil</h2>
<p class="title">Documentation and Code coverage</p> <p class="title text-violet-300">Documentation and Code coverage</p>
<p>Cyber Security student passionate about BDO and Machine Learning.</p> <p>Cyber Security student passionate about BDO and Machine Learning.</p>
<a href="https://github.com/Amrasil">Github</a>
<p>amrasil@example.com</p> <p>amrasil@example.com</p>
<p><button class="button">Contact</button></p> <p><button class="button">Contact</button></p>
</div> </div>