website: adds sponsor button

1 files changed, 31 insertions, 0 deletions

diff --git a/docs/index.css b/docs/index.css
index 2058c532f..5e4aeb796 100644
--- a/docs/index.css
+++ b/docs/index.css
@@ -287,3 +287,34 @@ boxes.features grid .sample em {
 .features box.feat-cvXX {
   flex-basis: 100%;
 }
+
+
+
+#sponsor-button {
+  display: inline-block;
+  min-width: 1%;
+  max-width: 100%;
+  height: 2em;
+  line-height: 2em;
+  border-radius: 0.25em;
+  border: 1px solid rgba(0,0,0,0.2);
+  font-weight: 500; font-weight: 480;
+  text-decoration: none;
+  padding: 0 0.55em;
+  user-select: none; -webkit-user-select: none;
+}
+#sponsor-button:hover {
+  border-color: rgba(0,0,0,0.6);
+  color: inherit;
+}
+#sponsor-button span {
+  display: flex;
+  align-items: center;
+}
+#sponsor-button span::before {
+  content: "♥";
+  color: var(--red);
+  margin-right: 0.3em;
+  font-size: 1.1em;
+  line-height: 1em;
+}