Update index.html
Browse files- index.html +23 -1
index.html
CHANGED
@@ -20,6 +20,28 @@
|
|
20 |
<script src="./static/js/bulma-carousel.min.js"></script>
|
21 |
<script src="./static/js/bulma-slider.min.js"></script>
|
22 |
<script src="./static/js/index.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
23 |
</head>
|
24 |
<body>
|
25 |
|
@@ -114,7 +136,7 @@
|
|
114 |
<div class="publication-links" style="margin-top: 1rem;">
|
115 |
<span class="link-block">
|
116 |
<a href="https://www.atla-ai.com/sign-up-waitlist?utm_source=huggingface&utm_medium=community&utm_campaign=WL_LI_linkedin_socialpost_sel1minilaunch_waitlistvideo" target="_blank"
|
117 |
-
class="external-link button is-normal is-rounded
|
118 |
<span>Sign up for the API</span>
|
119 |
</a>
|
120 |
</span>
|
|
|
20 |
<script src="./static/js/bulma-carousel.min.js"></script>
|
21 |
<script src="./static/js/bulma-slider.min.js"></script>
|
22 |
<script src="./static/js/index.js"></script>
|
23 |
+
|
24 |
+
<style>
|
25 |
+
@keyframes rainbow-shimmer {
|
26 |
+
0% { background-position: 0% 50%; }
|
27 |
+
50% { background-position: 100% 50%; }
|
28 |
+
100% { background-position: 0% 50%; }
|
29 |
+
}
|
30 |
+
|
31 |
+
.rainbow-button {
|
32 |
+
background: linear-gradient(45deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #8b00ff);
|
33 |
+
background-size: 300% 300%;
|
34 |
+
color: white !important;
|
35 |
+
font-weight: bold;
|
36 |
+
animation: rainbow-shimmer 5s ease infinite;
|
37 |
+
transition: all 0.3s ease;
|
38 |
+
}
|
39 |
+
|
40 |
+
.rainbow-button:hover {
|
41 |
+
transform: scale(1.05);
|
42 |
+
box-shadow: 0 0 10px rgba(0,0,0,0.2);
|
43 |
+
}
|
44 |
+
</style>
|
45 |
</head>
|
46 |
<body>
|
47 |
|
|
|
136 |
<div class="publication-links" style="margin-top: 1rem;">
|
137 |
<span class="link-block">
|
138 |
<a href="https://www.atla-ai.com/sign-up-waitlist?utm_source=huggingface&utm_medium=community&utm_campaign=WL_LI_linkedin_socialpost_sel1minilaunch_waitlistvideo" target="_blank"
|
139 |
+
class="external-link button is-normal is-rounded rainbow-button">
|
140 |
<span>Sign up for the API</span>
|
141 |
</a>
|
142 |
</span>
|