Merge pull request #813 from neiesc/659-add-calendly

add embed calendly
neiesc · Oct 22, 2022 · 3e438d2 · 3e438d2
2 parents 53f4751 + edc1cb5
commit 3e438d2
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 16 deletions.
diff --git a/src/shared/footer.ejs b/src/shared/footer.ejs
@@ -47,4 +47,10 @@
       }
     }
   });
-</script>
+</script>
+
+<!-- Calendly badge widget begin -->
+<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
+<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
+<script type="text/javascript">window.onload = function() { Calendly.initBadgeWidget({ url: 'https://calendly.com/edineidev', text: 'Agendar mentoria', color: '#0069ff', textColor: '#ffffff', branding: true }); }</script>
+<!-- Calendly badge widget end -->
diff --git a/src/shared/head.ejs b/src/shared/head.ejs
@@ -1,27 +1,30 @@
 <head>
   <meta charset="utf-8" />
-  <title><%=htmlWebpackPlugin.options.title%></title>
+  <title>
+    <%=htmlWebpackPlugin.options.title%>
+  </title>
   <meta name="keywords" content="<%=htmlWebpackPlugin.options.keywords%>" />
   <meta name="description" content="<%=htmlWebpackPlugin.options.description%>" />
   <meta name="author" content="<%=htmlWebpackPlugin.options.author%>" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
 
-  <link
-    rel="stylesheet"
-    href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.5.9/css/uikit-core.min.css"
-    media="screen"
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.5.9/css/uikit-core.min.css" media="screen"
     integrity="sha512-hKpX9vRbIJXG+lqr+fTIVgZx1cEX1MCGTQp5m1ryGKPAywC/OSrTlPkiypRSWHNZ4sjCIQYy+Ba8K0dwnvrDNA=="
-    crossorigin="anonymous"
-  />
+    crossorigin="anonymous" />
 
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Slab" media="screen" />
-  <link
-    rel="stylesheet"
-    href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"
-    integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr"
-    crossorigin="anonymous"
-    media="screen"
-  />
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"
+    integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous"
+    media="screen" />
+
+  <!-- left align the badge widget -->
+  <style type="text/css">
+    .calendly-badge-widget {
+      right: auto !important;
+      left: 20px !important;
+    }
+  </style>
+  <!-- end left align the badge widget -->
 
   <!-- favicon -->
   <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
@@ -44,4 +47,4 @@
   <meta property="og:image" content="https://edinei.dev/mstile-150x150.png" />
   <meta property="og:image:secure_url" content="https://edinei.dev/mstile-150x150.png" />
   <meta property="og:description" content="<%=htmlWebpackPlugin.options.description%>" />
-</head>
+</head>