fix: email for amrasil was wrong

Refs: OPS-97
This commit is contained in:
Christoph J. Scherr 2025-03-27 16:53:58 +01:00
parent acc9918b3c
commit 3ed8398042
No known key found for this signature in database
GPG key ID: 9EB784BB202BB7BB

View file

@ -1,7 +1,5 @@
{% extends "base.html" %}
{% block content %}
<style>
{% extends "base.html" %} {% block content %}
<style>
.grid-container {
display: grid;
grid-template-columns: repeat(2, 1fr); /* Two columns per row */
@ -9,18 +7,18 @@
justify-content: center;
align-items: start;
padding: 50px;
}
}
.grid-item {
.grid-item {
display: flex;
align-items: center;
gap: 20px;
position: relative;
}
}
/* Parallax Image Effect */
.grid-item img {
--f: .1; /* Parallax factor */
/* Parallax Image Effect */
.grid-item img {
--f: 0.1; /* Parallax factor */
--r: 10px; /* Radius */
--_f: calc(100% * var(--f) / (1 + var(--f)));
@ -32,15 +30,15 @@
transform: perspective(400px) var(--_t, rotateY(var(--_a)));
transition: 0.5s;
cursor: pointer;
}
}
.grid-item img:hover {
.grid-item img:hover {
clip-path: inset(0 0 0 var(--_f) round var(--r));
--_t: translateX(calc(-1 * var(--_f))) rotateY(calc(-1 * var(--_a)));
}
}
/* Info Box (No effect, solid background) */
.info-box {
/* Info Box (No effect, solid background) */
.info-box {
width: 250px;
padding: 12px;
background: #fff; /* Solid white */
@ -48,23 +46,23 @@
color: black;
text-align: left;
font-family: Arial, sans-serif;
}
}
.info-box h2 {
.info-box h2 {
margin: 5px 0;
font-size: 18px;
}
}
.info-box p {
.info-box p {
margin: 5px 0;
font-size: 14px;
}
}
.info-box .title {
.info-box .title {
font-weight: bold;
}
}
.button {
.button {
background-color: #7c3aed;
border: none;
color: white;
@ -74,69 +72,102 @@
cursor: pointer;
border-radius: 5px;
transition: background 0.3s;
}
}
.button:hover {
.button:hover {
background-color: #8b5cf6;
}
}
</style>
</style>
<div class="grid-container">
<div class="grid-container">
<div class="grid-item">
<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">
<h2>PlexSheep</h2>
<p class="title text-violet-900">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>
<a href="https://github.com/PlexSheep">Github</a>
<p>software@cscherr.de</p>
<p><a href="mailto:software@cscherr.de"><button class="button">Contact</button></a></p>
<p>
<a href="mailto:software@cscherr.de"
><button class="button">Contact</button></a
>
</p>
</div>
</div>
<div class="grid-item">
<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: 0.12; --r: 5px"
/>
<div class="info-box">
<h2>0xjrx</h2>
<p class="title text-violet-900">Frontend Developer</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><a href="mailto:mrmarquard@protonmail.com"><button class="button">Contact</button></a></p>
<p>mrmarquard@protonmail.com</p>
<p>
<a href="mailto:mrmarquard@protonmail.com"
><button class="button">Contact</button></a
>
</p>
</div>
</div>
<div class="grid-item">
<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: 0.08; --r: 20px"
/>
<div class="info-box">
<h2>0xalivecow</h2>
<p class="title text-violet-900" >Backend Developer</p>
<p class="title text-violet-900">Backend Developer</p>
<p>Cyber Security Student with a focus on Linux Security</p>
<a href="https://github.com/0xalivecow">Github</a>
<p>0xalivecow@ta-lotz.de</p>
<p><a href="mailto:0xalivecow@ta-lotz.de" ><button class="button">Contact</button></a></p>
<p>
<a href="mailto:0xalivecow@ta-lotz.de"
><button class="button">Contact</button></a
>
</p>
</div>
</div>
<div class="grid-item">
<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: 0.08; --r: 20px"
/>
<div class="info-box">
<h2>Amrasil</h2>
<p class="title text-violet-900">Documentation and Code coverage</p>
<p>Cyber Security student passionate about Mathematics and Machine Learning.</p>
<p>
Cyber Security student passionate about Mathematics and Machine
Learning.
</p>
<a href="https://github.com/Amrasil">Github</a>
<a href="https://github.com/Amrasil">Github</a>
<p>amrasil@protonmail.ma</p>
<p><a href="mailto:amrasil@example.ma"><button class="button">Contact</button></a></p>
</div>
<p>amrasil@proton.me</p>
<p>
<a href="mailto:amrasil@proton.me"
><button class="button">Contact</button></a
>
</p>
</div>
</div>
</div>
{% endblock %}