feat: add funding page (#358)

Co-authored-by: Sara Vieira <hey@iamsaravieira.com>

.gitignore

@@ -3,11 +3,13 @@ public/
 oranda-debug.log
 # banish macos to the depths of hell
 .DS_Store
-# banish jetbrains as well
 .idea/
 
 # oranda-css
 oranda-css/dist
+oranda-css/.yarn
+# weirdo yarn feature that dumps files everywhere
+oranda-css/.pnp*
 node_modules
 
 # nix

Cargo.toml

@@ -31,6 +31,7 @@ octolotl = "0.1.0"
 reqwest = { version = "0.11.13", features = ["blocking", "json"] }
 serde = { version = "1.0.144", features = ["derive"] }
 serde_json = { version = "1.0.85" }
+serde_yaml = "0.9.21"
 syntect = "5.0"
 thiserror = "1.0.37"
 tokio = { version = "1.20.1", features = ["full"] }
@@ -73,4 +74,4 @@ windows-archive = ".tar.gz"
 # The archive format to use for non-windows builds (defaults .tar.xz)
 unix-archive = ".tar.gz"
 # A namespace to use when publishing this package to the npm registry
-npm-scope = "@axodotdev"
+npm-scope = "@axodotdev"

docs/src/SUMMARY.md

@@ -17,3 +17,4 @@
     - [`mdbook` support](./configuration/mdbook.md)
     - [Social](./configuration/social.md)
     - [Theming](./configuration/theme.md)
+    - [Funding](./configuration/funding.md)

docs/src/configuration.md

@@ -23,6 +23,7 @@
     - [mdbook or md\_book](#mdbook-or-md_book)
     - [changelog](#changelog)
     - [styles](#styles)
+    - [funding](#funding)
 
 
 `oranda` is designed to work with no configuration- for projects with a
@@ -170,3 +171,10 @@ Enable changelog generation. [More information](./configuration/changelog.md)
 ### styles
 
 [Configuration for custom styles or themes.](./configuration/theme.md)
+
+### funding
+
+> Added in __0.1.0__.
+
+Allows you to tweak or disable oranda's funding page.
+[Read more here.](./configuration/funding.md)

oranda-css/css/components.css

@@ -27,3 +27,45 @@ footer {
 .repo_banner > a {
   @apply flex justify-center gap-2 items-start hover:text-slate-50 text-slate-50 dark:text-axo-black dark:hover:text-axo-black h-[20px] hover:underline hover:underline-offset-1 dark:hover:decoration-axo-black hover:decoration-slate-50;
 }
+
+/* FUNDING */
+
+.funding-wrapper {
+  @apply mt-8 flex flex-col items-center;
+}
+
+.funding-list {
+  @apply my-12 w-full lg:grid grid-cols-2 gap-4;
+}
+
+.funding-list li {
+  @apply m-0 mb-4;
+}
+
+.funding-list li a {
+  @apply flex gap-2 items-center;
+}
+
+.funding-list li a:hover button {
+  @apply text-slate-100 bg-axo-orange-dark border-axo-orange-dark;
+}
+
+.funding-list .button {
+  @apply block w-auto group-hover:bg-green-500 mr-2;
+}
+
+.preferred-funding-list {
+  @apply grid-cols-1;
+}
+
+.preferred-funding-list li a {
+  @apply flex-col text-4xl;
+}
+
+.preferred-funding-list svg {
+  @apply w-12 h-12;
+}
+
+.preferred-funding-list .button {
+  @apply border-0;
+}

oranda-css/css/themes/cupcake.css

@@ -31,6 +31,16 @@ html.cupcake .button.primary:hover {
   background: var(--secondary-100);
 }
 
+html.cupcake .button.secondary {
+  border: 1px solid var(--secondary);
+  color: var(--secondary-100);
+}
+
+html.cupcake .button.secondary:hover {
+  background: var(--secondary);
+  color: var(--b2);
+}
+
 html.cupcake h1,
 html.cupcake h2,
 html.cupcake h3,

oranda-css/css/themes/hacker.css

@@ -13,6 +13,10 @@ html.hacker body {
   --hacker-green: #20c20e;
 }
 
+html.hacker .button.secondary {
+  @apply text-slate-300 border-orange-500 hover:bg-orange-500 hover:text-axo-black;
+}
+
 html.hacker h2,
 html.hacker h3,
 html.hacker h4,
@@ -104,3 +108,7 @@ html.hacker .prereleases-toggle input:checked {
 html.hacker .releases-nav ul li a {
   @apply hover:decoration-orange-500;
 }
+
+html.hacker .funding-wrapper {
+  @apply items-start;
+}