Post beta launch changes

config.yml

@@ -25,6 +25,10 @@ pages:
       redirect: https://gitlab.com/veilid/veilid
     - path: give
       redirect: https://buy.stripe.com/6oE9ACboP5r3ag86oo
+    - path: stripe
+      redirect: https://buy.stripe.com/6oE9ACboP5r3ag86oo
+    - path: paypal
+      redirect: https://www.paypal.com/donate/?hosted_button_id=T9NHCFDCE7Q4S
     - path: launch
       redirect: /defcon/
 pagination:

pages/donate.md

@@ -33,13 +33,15 @@ layout: index
     <p>You can learn more at <a href="https://veilid.org">Veilid.org</a></p>
   </div>
 </div>
-
+<div class="d-flex flex-column mt-3">
-<div class="d-flex flex-column mt-5">
+  <p class="small-warning order-2 text-left">
-  <p class="small-warning order-2">
+    Clicking one of these links will open a new window or tab.
-    Donations are collected via Stripe; clicking this link will open a new window or tab.
   </p>
   <p class="order-1">
-    <a target="_blank" href="/give" class="btn btn-lg btn-success text-white w-100">Support Veilid Today</a>
+    <div class="">
+      <a target="_blank" href="/stripe" class="my-2 mx-1 btn btn-lg btn-success text-white">Donate via Stripe</a>
+      <a target="_blank" href="/paypal" class="my-2 mx-1 btn btn-lg btn-info text-white">Donate via PayPal</a>
+    </div>
   </p>
 </div>
 

pages/index.md

@@ -15,12 +15,14 @@ layout: index
   application framework.
 </p>
 
-<div class="row">
+<div class="row g-5">
-  <div class="col-12 col-md-6">
+  <div class="col-12 col-md-4">
-      <a href="/events"><img class="d-block" style="max-height: 350px; margin: auto;" src="/img/veilid-events-vegas.svg" alt="an simple line icon version of the famous Las Vegas sign"></a>
+      <a href="/chat/beta">
+      <img class="d-block w-100" src="/img/v-shiny-icon1024-beta.png" alt="VeilidChat App Logo">
+      </a>
   </div>
-  <div class="col-12 col-md-6">
+  <div class="col-12 col-md-8">
-    <h3>Ways to Help</h3>
+    <h3 class="mt-0">Ways to Help</h3>
     <p>There a so many ways to join the community and help out:</p>
     <ul class="list-style-none">
       <li><a class="btn btn-primary btn-lg w-100" href="/discord">Discord</a></li>

themes/veilid/assets/scss/style.scss

@@ -160,8 +160,6 @@
 
 
 .small-warning {
-  @extend .my-3;
-  @extend .text-center;
   @extend .small;
 }