Revamp the Graphite website (#1265)

Revamp the website with more content

website/content/donate.md

@@ -0,0 +1,56 @@
++++
+title = "Donate"
+
+[extra]
+css = ["/donate.css"]
+js = ["/fundraising.js"]
++++
+
+<section class="section-row">
+<div class="section">
+
+# Donate
+
+**Safeguard the sustainable, independent future of Graphite.** Your monthly support (or one-off contribution) is needed for the speedy growth of the project.
+
+</div>
+</section>
+
+<section id="fundraising" class="feature-box">
+<div class="box">
+<div class="section-row">
+
+<div class="section">
+
+# Support the mission
+
+<p class="balance-text">
+You can help realize Graphite's ambitious vision of building the ultimate 2D creative tool.
+Graphite is built by a small, dedicated crew of volunteers in need of resources to grow.
+</p>
+
+### Summer 2023 fundraising goal:
+
+<div class="fundraising loading" data-fundraising>
+	<div class="fundraising-bar" data-fundraising-bar style="--fundraising-percent: 0%">
+		<div class="fundraising-bar-progress"></div>
+	</div>
+	<div class="goal-metrics">
+		<span data-fundraising-percent>Progress: <span data-dynamic>0</span>%</span>
+		<span data-fundraising-goal>Goal: $<span data-dynamic>0</span>/month</span>
+	</div>
+</div>
+
+[Become a monthly supporter](https://github.com/sponsors/Keavon) this summer to collect an exclusive 💚 badge. Each season you support, a new heart design is yours to keep. In the future, they'll be shown on Graphite account profiles and community areas like forums and in-app collaboration.
+
+<a href="https://github.com/sponsors/Keavon" class="button arrow">Donate</a>
+
+</div>
+
+<!-- <div class="graphic">
+	<a href="https://github.com/sponsors/Keavon"><img src="https://files.keavon.com/-/OtherDroopyBoto/Spring_Heart.png" /></a>
+</div> -->
+
+</div>
+</div>
+</section>