removed donate

website/src/components/Donate.astro

@@ -1,18 +1,12 @@
 ---
-import { Content as DonateText } from '../content/index/donate.md'
----
+const { title } = Astro.props
 
-<h2>How can I donate or support this project?</h2>
-<p>
-  If this project helps you save on your map hosting costs, please subscribe to one of our support
-  plans here. Alternatively, sponsor us on <a href="https://github.com/sponsors/hyperknot"
-    >GitHub Sponsors</a
-  >.
-</p>
+import { Content as Sponsor } from '../content/donate/sponsor.md'
+import { Content as Pro } from '../content/donate/pro.md'
 
-<div id="support-plans-slider"></div>
+---
 
-<DonateText />
 
-<script is:inline src="https://unpkg.com/[email protected]/dist/nouislider.min.js"></script>
-<script is:inline src="/scripts/donate.js"></script>
+<Sponsor/>
+<a class="quick-start-button pink" href="https://github.com/sponsors/hyperknot">Sponsor</a>
+<Pro/>

website/src/content/donate/pro.md

@@ -0,0 +1,4 @@
+## Do you offer support and SLA guarantees?
+
+I'm considering launching paid support plans - where I personally help you migrate to OpenFreeMap - and maybe a Pro plan with SLA guarantees. If you're interested, please write me an [email](mailto:[email protected]).
+

website/src/content/donate/sponsor.md

@@ -0,0 +1,5 @@
+## How can I sponsor the project?
+
+If this project helps you save on your map hosting costs, please consider sponsoring me on [GitHub Sponsors](https://github.com/sponsors/hyperknot).
+
+If possible, please choose a monthly donation, even if it's a smaller amount. The nature of this project needs recurring donations to cover the server costs.

website/src/content/index/after_donate.md

@@ -1,3 +1,25 @@
+## Why did you build this project?
+
+OpenStreetMap is one of the most important collective projects in history. It began 20 years ago, and today, 3 million edits are made each day!
+
+For a long time, when you wanted to use the map on your website or app, you had to look for a commercial map tile provider and hope your site didn't become too popular. Otherwise, you might end up with a $10,000 bill in a single day, as Hoodmaps [did](https://x.com/levelsio/status/1730659933232730443).
+
+Self-hosting was an option, but it required a big server and a lot of time to get it right.
+
+Since I've spent many years developing the map tile infrastructure for [MapHub](https://maphub.net/), I decided to open-source it so anyone can use it. With OpenFreeMap, you now have the option to either set up your own server with just one line of code or use our public instance.
+
+## How can you offer a free public instance ?
+
+There is no technical reason why map hosting costs as much as it does today. Vector tiles are just static files. It's true that serving hundreds of millions of files is not easy, but at the end of the day, they are just files.
+
+Financially, the plan is to keep renting servers until they cover the bandwidth. I believe it can be self-sustainable if enough people subscribe to the support plans.
+
+If this project helps you save on your map hosting costs, please consider subscribing to a support plan.
+
+## Is commercial usage allowed?
+
+Yes.
+
 ## What is the tech stack?
 
 There is no tile server running; only nginx serving a Btrfs image with 300 million hard-linked files. This was my idea; I haven't read about anyone else doing this in production, but it works really well. (You can read more about it on [GitHub](https://github.com/hyperknot/openfreemap).)

website/src/content/index/before_donate.md

@@ -9,24 +9,6 @@ X: [@OpenFreeMapOrg](https://x.com/OpenFreeMapOrg) (for announcements)
 
 GitHub: [openfreemap](https://github.com/hyperknot/openfreemap) and [openfreemap-styles](https://github.com/hyperknot/openfreemap-styles)
 
-## Why did you build this project?
 
-OpenStreetMap is one of the most important collective projects in history. It began 20 years ago, and today, 3 million edits are made each day!
 
-For a long time, when you wanted to use the map on your website or app, you had to look for a commercial map tile provider and hope your site didn't become too popular. Otherwise, you might end up with a $10,000 bill in a single day, as Hoodmaps [did](https://x.com/levelsio/status/1730659933232730443).
 
-Self-hosting was an option, but it required a big server and a lot of time to get it right.
-
-Since I've spent many years developing the map tile infrastructure for [MapHub](https://maphub.net/), I decided to open-source it so anyone can use it. With OpenFreeMap, you now have the option to either set up your own server with just one line of code or use our public instance.
-
-## How can you offer a free public instance ?
-
-There is no technical reason why map hosting costs as much as it does today. Vector tiles are just static files. It's true that serving hundreds of millions of files is not easy, but at the end of the day, they are just files.
-
-Financially, the plan is to keep renting servers until they cover the bandwidth. I believe it can be self-sustainable if enough people subscribe to the support plans.
-
-If this project helps you save on your map hosting costs, please consider subscribing to a support plan.
-
-## Is commercial usage allowed?
-
-Yes.

website/src/layouts/Layout.astro

@@ -25,7 +25,6 @@ import '../styles/_style.css'
     <!--    <meta property="og:image" content="" />-->
 
     <link href="https://unpkg.com/maplibre-gl/dist/maplibre-gl.css" rel="stylesheet" />
-    <link href="https://unpkg.com/[email protected]/dist/nouislider.min.css" rel="stylesheet" />
   </head>
 
   <body>

website/src/styles/_style.css

@@ -2,4 +2,3 @@
 @import 'global.css';
 /* */
 @import 'map.css';
-@import 'donate.css';

website/src/styles/global.css

@@ -123,4 +123,15 @@ hr {
   &:focus {
     background-color: #dea31d;
   }
+
+  &.pink {
+    background: linear-gradient(32deg, #0070a2, transparent) #ed36a7;
+
+      &:hover,
+  &:focus {
+    background-color: #dea31d;
+  }
+  }
 }
+
+