Feat/front updates (#588)

* feat: add cta button * feat: add cta button * feat: change favicon
Escape-Technologies · Jan 24, 2024 · a0e004c · a0e004c
1 parent 87d3acf
commit a0e004c
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 2 deletions.
diff --git a/services/docs/docusaurus.config.js b/services/docs/docusaurus.config.js
@@ -12,7 +12,7 @@ const config = {
   baseUrl: '/graphql-armor/',
   onBrokenLinks: 'throw',
   onBrokenMarkdownLinks: 'warn',
-  favicon: 'img/favicon.ico',
+  favicon: 'img/favicon.png',
 
   // GitHub pages deployment config.
   // If you aren't using GitHub pages, you don't need these.

diff --git a/services/docs/sidebars.js b/services/docs/sidebars.js
@@ -14,7 +14,15 @@
 /** @type {import('@docusaurus/plugin-content-docs').SidebarsConfig} */
 const sidebars = {
   // By default, Docusaurus generates a sidebar from the docs folder structure
-  tutorialSidebar: [{ type: 'autogenerated', dirName: '.' }],
+  tutorialSidebar: [
+    { type: 'autogenerated', dirName: '.' },
+    {
+      type: 'html',
+      value:
+        '<a href="https://escape.tech/?utm_source=graphql-armor&utm_medium=referral&utm_campaign=docs"><div id="cta-escape-button"><img src="https://uploads-ssl.webflow.com/653f800ead95abddab588b44/65ae311dfcac549806f5fbdd_graphql-armor-docs-cta.svg" alt="Visit Escape"></div></a>',
+      defaultStyle: false,
+    },
+  ],
 
   // But you can create a sidebar manually
   /*

diff --git a/services/docs/src/css/custom.css b/services/docs/src/css/custom.css
@@ -28,3 +28,14 @@
   --ifm-color-primary-lightest: #4fddbf;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }
+
+
+#cta-escape-button {
+  text-align: center;
+  margin: 20px auto;
+  @media (min-width: 996px) {
+    position: absolute;
+    bottom: 0;
+    left: 30px;
+  }
+}
diff --git a/services/docs/static/img/favicon.ico b/services/docs/static/img/favicon.ico
diff --git a/services/docs/static/img/favicon.png b/services/docs/static/img/favicon.png