meetup links

Author: extrawurst

docs/bevy-meetup/index.html

@@ -25,7 +25,9 @@
     </header>
 
 <div id="bevy-meetup">
+    <a href="https://www.meetup.com/bevy-game-development/" target="_blank" rel="noopener" class="corner-ribbon">meetup</a>
     <h1>Bevy Meetup</h1>
+    <p class="meetup-cta">Join us for the next one! <a href="https://www.meetup.com/bevy-game-development/" target="_blank" rel="noopener">RSVP on Meetup</a></p>
 
 
     <div class="meetup" id="bevy-meetup-12">

docs/style.css

@@ -3,10 +3,45 @@
     display: flex;
     flex-direction: column;
     align-items: center;
+    position: relative;
+
+    .corner-ribbon {
+        position: fixed;
+        top: 18px;
+        left: -34px;
+        width: 130px;
+        padding: 4px 0;
+        background: #ED1C40;
+        color: white;
+        text-align: center;
+        text-decoration: none;
+        font-size: 12px;
+        font-weight: 700;
+        letter-spacing: 1px;
+        transform: rotate(-45deg);
+        z-index: 10;
+        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+
+        &:hover {
+            background: #d4183a;
+        }
+    }
 
     h1 {
         font-size: 36pt;
         text-align: center;
+        margin-bottom: 0;
+    }
+
+    .meetup-cta {
+        font-size: 14px;
+        opacity: 0.8;
+        margin-top: 8px;
+        margin-bottom: 40px;
+
+        a {
+            text-decoration: underline;
+        }
     }
 
     .meetup {

sass/_bevy_meetup.scss

@@ -2,7 +2,9 @@
 
 {% block content %}
 <div id="bevy-meetup">
+    <a href="https://www.meetup.com/bevy-game-development/" target="_blank" rel="noopener" class="corner-ribbon">meetup</a>
     <h1>Bevy Meetup</h1>
+    <p class="meetup-cta">Join us for the next one! <a href="https://www.meetup.com/bevy-game-development/" target="_blank" rel="noopener">RSVP on Meetup</a></p>
 
     {% for meetup in section.extra.meetups %}
     <div class="meetup" id="{{ meetup.title | slugify }}">