Donate.

pkgdown/_pkgdown.yml

@@ -9,11 +9,28 @@ authors:
 
 navbar:
   structure:
-    right: [search, github]
+    left: [intro, reference, articles, tutorials, news, donate]
+    right: [search, github, twitter, website]
   components:
     github:
       icon: fa-github fa-lg
       href: https://github.com/dereckmezquita/dmplot
+      target: _blank
     twitter:
       icon: fa-twitter fa-lg
       href: https://twitter.com/dereckmezquita
+      target: _blank
+    website:
+      text: Website
+      href: https://derecksnotes.com
+      target: _blank
+    donate:
+      text: Donate
+      href: articles/donate.html
+
+articles:
+- title: All articles
+  contents:
+  - getting-started-with-the-dmplot-framwork
+  - intro-to-financial-indicators-with-dmplot
+  - donate

vignettes/donate.Rmd

@@ -0,0 +1,59 @@
+---
+title: "Donate"
+output: 
+  rmarkdown::html_vignette:
+    includes:
+      in_header: clipboard_script.html
+vignette: >
+  %\VignetteIndexEntry{Donate}
+  %\VignetteEngine{knitr::rmarkdown}
+  %\VignetteEncoding{UTF-8}
+---
+
+## Support my work
+
+If you find this package useful, please consider supporting my work with a cryptocurrency donation.
+
+### Bitcoin
+
+<div class="crypto-address">
+  <span id="bitcoin-address">bc1qgs4f6hhnzj8m2j05axgsf53k67kugps92qzr2k</span>
+  <button onclick="copyToClipboard('bitcoin-address')">Copy</button>
+</div>
+
+```{r, echo=FALSE, out.width="50%", fig.align='center'}
+knitr::include_graphics("../man/figures/BITCOIN.png")
+```
+
+### Monero
+
+<div class="crypto-address">
+  <span id="monero-address">41wSUfpnhVUW5GnTKCyBBwVuokhkjMeepAVkKT1qv3HDhcZhTSQx1UaTaibEukndQrCPLVMcRt1LVFpVSq3YrdRjENBtMkG</span>
+  <button onclick="copyToClipboard('monero-address')">Copy</button>
+</div>
+
+```{r, echo=FALSE, out.width="50%", fig.align='center'}
+knitr::include_graphics("../man/figures/MONERO.png")
+```
+
+<style>
+.crypto-address {
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+}
+.crypto-address span {
+  font-family: monospace;
+  padding: 5px;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+  margin-right: 10px;
+}
+.crypto-address button {
+  padding: 5px 10px;
+  background-color: #f0f0f0;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+  cursor: pointer;
+}
+</style>