Add Gravatar to hero section
This commit is contained in:
parent
11dd27403f
commit
605d30e76d
1 changed files with 16 additions and 0 deletions
16
index.html
16
index.html
|
|
@ -186,6 +186,21 @@
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.hero-avatar {
|
||||||
|
width: 130px;
|
||||||
|
height: 130px;
|
||||||
|
border-radius: 50%;
|
||||||
|
border: 3px solid var(--accent-primary);
|
||||||
|
box-shadow: 0 0 20px rgba(59, 130, 246, 0.3);
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
transition: box-shadow 0.3s ease, transform 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-avatar:hover {
|
||||||
|
box-shadow: 0 0 30px rgba(59, 130, 246, 0.5);
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
|
||||||
.glitch {
|
.glitch {
|
||||||
position: relative;
|
position: relative;
|
||||||
color: var(--text-primary);
|
color: var(--text-primary);
|
||||||
|
|
@ -497,6 +512,7 @@
|
||||||
|
|
||||||
<header id="hero">
|
<header id="hero">
|
||||||
<div class="container hero-content">
|
<div class="container hero-content">
|
||||||
|
<img src="https://gravatar.com/avatar/8e0e60613d0f7d3435b33eb41b293086?s=260" alt="Joey Yakimowich-Payne" class="hero-avatar">
|
||||||
<h1 class="glitch" data-text="Joey Yakimowich-Payne">Joey Yakimowich-Payne</h1>
|
<h1 class="glitch" data-text="Joey Yakimowich-Payne">Joey Yakimowich-Payne</h1>
|
||||||
<div class="hero-subtitle">AI Red Teamer & Security Researcher</div>
|
<div class="hero-subtitle">AI Red Teamer & Security Researcher</div>
|
||||||
<div class="hero-meta">
|
<div class="hero-meta">
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue