Merge pull request #7488 from satanTime/issues/sponsor

docs: sponsor button
help-me-mom · Nov 19, 2023 · d62683e · d62683e
2 parents 41baa68 + 93a8dbf
commit d62683e
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 1 deletion.
diff --git a/.eslintignore b/.eslintignore
@@ -6,8 +6,9 @@ renovate.json
 .prettierignore
 
 dist/
-docs/articles/**/*.md
 docs/.docusaurus
+docs/articles/**/*.md
+docs/src/css
 e2e/*/.angular
 e2e/*/src/app
 e2e/*/src/test

diff --git a/docs/docusaurus.config.js b/docs/docusaurus.config.js
@@ -44,6 +44,18 @@ module.exports = {
           label: 'Run tests on CI',
           href: 'https://satantime.github.io/puppeteer-node/',
         },
+        {
+          href: 'https://github.com/sponsors/help-me-mom',
+          html: `
+              <span class="sponsor-button">
+                <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="sponsor-button-icon">
+                  <path d="m8 14.25.345.666a.75.75 0 0 1-.69 0l-.008-.004-.018-.01a7.152 7.152 0 0 1-.31-.17 22.055 22.055 0 0 1-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.066 22.066 0 0 1-3.744 2.584l-.018.01-.006.003h-.002ZM4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.58 20.58 0 0 0 8 13.393a20.58 20.58 0 0 0 3.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.749.749 0 0 1-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5Z"></path>
+                </svg>
+                <span>Sponsor</span>
+              </span>
+          `,
+          position: 'right',
+        },
         {
           href: 'https://github.com/help-me-mom/ng-mocks',
           label: 'GitHub repo',

diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css
@@ -52,3 +52,25 @@ main div.container article h5 {
 main div.container article h6 {
   font-size: 1rem;
 }
+
+.sponsor-button {
+  font-size: 0.875rem;
+  display: inline-flex;
+  height: 2.125rem;
+  align-items: center;
+  color: #24292f;
+  background-color: #f6f8fa;
+  border: 0.0625rem solid rgba(31, 35, 40, 0.15);
+  border-radius: 0.375rem;
+  padding: 0 0.75rem;
+}
+
+.sponsor-button:hover {
+  background-color: #f3f4f6;
+}
+
+.sponsor-button-icon {
+  fill: rgb(191, 57, 137);
+  color: rgb(191, 57, 137);
+  margin-right: 0.25rem;
+}