Merge pull request #162 from pyladies/add_register_button

add register button

Author: Mariatta

content/_index.md

@@ -24,8 +24,11 @@ imagealt = "Website banner of PyLadiesCon 2024 Online. 6th-8th December | Multi-
           <a href="https://instagram.com/pyladiescon"><i class="fab fa-instagram fa-2x px-2" aria-hidden="true"></i></a>
           <a href="https://www.linkedin.com/company/pyladiescon"><i class="fab fa-linkedin fa-2x px-2" aria-hidden="true"></i></a>
         </div>
-        <div class="w-100 mt-2 text-start" style="color: white;">
-            Check the <a class="text-white" href="/schedule">Schedule!</a>
+        <div class="w-100 mt-2 text-start" style=color:#fff>Check the <a class=text-white href=/schedule>Schedule!</a></div>
+        <div class="w-100 mt-2 text-start">
+          <a href="https://pretix.eu/pyladiescon/2024">
+            <button type="button" class="btn btn-pink btn-block mb-2 rainbow rainbow-1" data-toggle="collapse">REGISTER</button>
+          </a>
         </div>
       </div>
 

themes/pyladies/assets/css/main.css

@@ -629,3 +629,25 @@ h2 a {
 .dropdown-content li {
   padding: 8px 16px;
 }
+
+/* Rainbow Button */
+.rainbow{
+  background-color: white;
+  border-radius: 2px;
+  color: black;
+  cursor: pointer;
+  padding: 20px;
+  text-decoration: none;
+}
+
+.rainbow-1:hover{
+   background-image: linear-gradient(90deg, #00C0FF 0%, #FFCF00 49%, #FC4F4F 80%, #00C0FF 100%);
+   animation:slidebg 5s linear infinite;
+}
+
+@keyframes slidebg {
+  to {
+    background-position:20vw;
+  }
+}
+