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;
|
||||
}
|
||||
|
||||
.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 {
|
||||
position: relative;
|
||||
color: var(--text-primary);
|
||||
|
|
@ -497,6 +512,7 @@
|
|||
|
||||
<header id="hero">
|
||||
<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>
|
||||
<div class="hero-subtitle">AI Red Teamer & Security Researcher</div>
|
||||
<div class="hero-meta">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue