patx/afterdarklabs

switch from calendy to cal.com, temporary test

Commit 80d3fc9 · patx · 2026-08-04T21:08:37-04:00

Changeset
80d3fc9caf8d4de2a6a66645d840078464f62471
Parents
a608d60f6051793ccbc4eb86655faa3d854478d8

View source at this commit

Comments

No comments yet.

Log in to comment

Diff

diff --git a/docs/index.html b/docs/index.html
index 43319bd..b0acc8a 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -299,7 +299,7 @@
                         <span class="logo-font -mt-1 block text-xs tracking-[3px] text-[#ccff00]">LABS</span>
                     </span>
                 </button>
-                <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="shrink-0 rounded-2xl bg-[#ccff00] px-4 py-3 text-sm font-semibold text-black transition-colors hover:bg-white">Get a Free Demo</a>
+                <a href="https://cal.com/afterdarklabs/meet" target="_blank" rel="noopener noreferrer" data-cal-link="afterdarklabs/meet" data-cal-namespace="meet" data-cal-config='{"layout":"month_view","theme":"dark"}' aria-haspopup="dialog" class="shrink-0 rounded-2xl bg-[#ccff00] px-4 py-3 text-sm font-semibold text-black transition-colors hover:bg-white">Get a Free Demo</a>
             </div>
 
             <div class="hidden items-center justify-between lg:flex">
@@ -315,7 +315,7 @@
                         <a href="https://afterdarklabs.io/#work" class="transition-colors hover:text-[#ccff00]" data-nav-link>Portfolio</a>
                         <a href="https://afterdarklabs.io/#services" class="transition-colors hover:text-[#ccff00]" data-nav-link>Services</a>
                     </div>
-                    <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="rounded-2xl bg-[#ccff00] px-6 py-3 font-semibold text-black transition-colors hover:bg-white">Get a Free Demo</a>
+                    <a href="https://cal.com/afterdarklabs/meet" target="_blank" rel="noopener noreferrer" data-cal-link="afterdarklabs/meet" data-cal-namespace="meet" data-cal-config='{"layout":"month_view","theme":"dark"}' aria-haspopup="dialog" class="rounded-2xl bg-[#ccff00] px-6 py-3 font-semibold text-black transition-colors hover:bg-white">Get a Free Demo</a>
                 </div>
             </div>
 
@@ -341,7 +341,7 @@
                 </div>
                 <div class="mx-auto flex max-w-xl flex-col items-start gap-8 lg:mx-0">
                     <div class="flex flex-wrap gap-5 justify-start">
-                        <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="px-8 py-5 bg-[#ccff00] hover:bg-white text-black font-semibold rounded-3xl text-lg transition-all flex items-center gap-3 group">
+                        <a href="https://cal.com/afterdarklabs/meet" target="_blank" rel="noopener noreferrer" data-cal-link="afterdarklabs/meet" data-cal-namespace="meet" data-cal-config='{"layout":"month_view","theme":"dark"}' aria-haspopup="dialog" class="px-8 py-5 bg-[#ccff00] hover:bg-white text-black font-semibold rounded-3xl text-lg transition-all flex items-center gap-3 group">
                             Get a Free Demo
                         </a>
                     </div>
@@ -630,5 +630,61 @@
         })();
 
     </script>
+    <script>
+        (function (C, A, L) {
+            const enqueue = (api, args) => api.q.push(args);
+            const document = C.document;
+
+            C.Cal = C.Cal || function () {
+                const cal = C.Cal;
+                const args = arguments;
+
+                if (!cal.loaded) {
+                    cal.ns = {};
+                    cal.q = cal.q || [];
+                    const script = document.createElement('script');
+                    script.src = A;
+                    document.head.appendChild(script);
+                    cal.loaded = true;
+                }
+
+                if (args[0] === L) {
+                    const api = function () { enqueue(api, arguments); };
+                    const namespace = args[1];
+                    api.q = api.q || [];
+
+                    if (typeof namespace === 'string') {
+                        cal.ns[namespace] = cal.ns[namespace] || api;
+                        enqueue(cal.ns[namespace], args);
+                        enqueue(cal, ['initNamespace', namespace]);
+                    } else {
+                        enqueue(cal, args);
+                    }
+
+                    return;
+                }
+
+                enqueue(cal, args);
+            };
+        })(window, 'https://app.cal.com/embed/embed.js', 'init');
+
+        Cal('init', 'meet', { origin: 'https://cal.com' });
+        Cal.ns.meet('ui', {
+            hideEventTypeDetails: false,
+            layout: 'month_view',
+            cssVarsPerTheme: {
+                light: {
+                    'cal-brand': '#ccff00',
+                    'cal-brand-emphasis': '#ffffff',
+                    'cal-brand-text': '#000000'
+                },
+                dark: {
+                    'cal-brand': '#ccff00',
+                    'cal-brand-emphasis': '#ffffff',
+                    'cal-brand-text': '#000000'
+                }
+            }
+        });
+    </script>
 </body>
 </html>