feat: add YouTube link to header

This commit is contained in:
2026-01-03 12:11:52 +11:00
parent 5e005703ba
commit 8e5ba47d7a
6 changed files with 1007 additions and 1 deletions

View File

@@ -380,3 +380,43 @@ select {
.tab-content.active {
display: block;
}
/* YouTube Link */
.youtube-link {
display: inline-flex;
align-items: center;
gap: 0.75rem;
padding: 0.75rem 1rem;
background: linear-gradient(135deg, #FF0000 0%, #CC0000 100%);
color: white;
text-decoration: none;
border-radius: 8px;
font-weight: 600;
font-size: 0.875rem;
box-shadow: 0 2px 8px rgba(255, 0, 0, 0.3);
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
animation: pulse-glow 2s ease-in-out infinite;
margin-top: 1rem;
}
.youtube-link:hover {
transform: translateY(-2px) scale(1.03);
box-shadow: 0 4px 15px rgba(255, 0, 0, 0.5);
animation: none;
color: white;
}
.youtube-icon {
width: 1.25rem;
height: 1.25rem;
flex-shrink: 0;
}
@keyframes pulse-glow {
0%, 100% {
box-shadow: 0 2px 8px rgba(255, 0, 0, 0.3);
}
50% {
box-shadow: 0 2px 15px rgba(255, 0, 0, 0.5);
}
}