Skip to content

Commit 26a1ff3

Browse files
committed
add animated button and update call-to-action for 2026
1 parent 6ff62fe commit 26a1ff3

2 files changed

Lines changed: 34 additions & 3 deletions

File tree

package.json

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
{
2+
"name": "static-shellhacks-2025",
3+
"private": true,
4+
"version": "1.0.0",
5+
"scripts": {
6+
"dev": "python3 -m http.server 8000 --directory static"
7+
}
8+
}

static/index.html

Lines changed: 26 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,29 @@
1717
padding: 0;
1818
overscroll-behavior: none;
1919
}
20+
21+
@keyframes buttonGlow {
22+
0%, 100% {
23+
box-shadow: 0 0 12px 1px rgba(249, 115, 22, 0.45), 0 0 24px 4px rgba(249, 115, 22, 0.18);
24+
transform: translateY(0) scale(1);
25+
}
26+
27+
50% {
28+
box-shadow: 0 0 30px 6px rgba(249, 115, 22, 0.95), 0 0 64px 16px rgba(249, 115, 22, 0.35);
29+
transform: translateY(-1px) scale(1.03);
30+
}
31+
}
32+
33+
.animated-glow-button {
34+
animation: buttonGlow 2.2s ease-in-out infinite;
35+
will-change: box-shadow, transform;
36+
}
37+
38+
@media (prefers-reduced-motion: reduce) {
39+
.animated-glow-button {
40+
animation: none;
41+
}
42+
}
2043
</style>
2144
</head>
2245
<body class="bg-[#31389E]">
@@ -63,9 +86,9 @@
6386

6487
<!-- Apply Button -->
6588
<div class="mt-4 md:mt-6 min-h-[3rem] md:min-h-[4rem] flex flex-col items-center justify-start">
66-
<div class="bg-white text-[#f97316] font-bold py-2 px-8 md:px-16 rounded-full shadow-[0_0_30px_2px_#f97316] text-lg md:text-xl transition inline-block" style="position: relative; overflow: hidden;">
67-
<span style="position: relative; z-index: 1;">See You Next Year!</span>
68-
</div>
89+
<a href="https://interest.shellhacks.net/" target="_blank" rel="noopener noreferrer" class="animated-glow-button bg-white text-[#f97316] font-bold py-2 px-8 md:px-16 rounded-full shadow-[0_0_30px_2px_#f97316] text-lg md:text-xl transition inline-block" style="position: relative;">
90+
<span style="position: relative; z-index: 1;">Get Updates for 2026</span>
91+
</a>
6992
</div>
7093

7194
<!-- Social Media Icons -->

0 commit comments

Comments
 (0)