--- /dev/null
+---
+title: "Donate to BookStack"
+url: "/donate"
+layout: "single"
+type: "about"
+---
+
+BookStack is Open Source software and the code & platform is provided totally without cost.
+The project was started as a passion project in free time, but has grown to require a lot of time to maintain the project and support the community.
+Donations provide financial support to keep time & focus on the project to help ongoing progress & development.
+
+#### Donation methods
+
+Currently, donations can be provided directly to the creator of BookStack in a couple of different ways:
+
+- [GitHub Sponsors](https://github.com/sponsors/ssddanbrown) - Requires GitHub account.
+- [Ko-fi](https://ko-fi.com/ssddanbrown) - Supports payment via PayPal or by card.
+
+
+#### How are donations used?
+
+The majority of donations cover the living costs of the project creator, Dan Brown, to allow them to focus on the project as much as possible. As of October 2021 Dan left his day-job to focus on the project; relying on savings, family-support and donations to cover living costs. Our [support plans](/support) were also launched to help support finances but, at the time of writing, donations remain as the largest income source.
+
+Some donations are effectively forwarded on to other open source projects, many of which are projects and people that BookStack depends upon itself.
+
+#### Do I need to donate?
+
+No, donations are not a requirement nor are they expected. The code and platform is provided for free under the MIT license.
+Donations are an appreciated bonus and can be a straight-forward way to support development of the project, especially for businesses that save money or profit through the use of BookStack.
+
+#### Do I receive anything for my donation?
+
+Apart from our gratitude, there are no material rewards for donations unless stated within our donation options.
+For example, some of the GitHub monthly sponsor options offer public display of a company's sponsorship on our website and GitHub repo.
+
+If you could benefit from receiving assured technical support, our [support plans](/support) offer a way to support the project while gaining such support benefits.
+
+#### Can I support the project in a non-financial way?
+
+Sure! We have a fairly detailed write-up on our blog regarding all the different ways that you can contribute to the project.
+[Check out the blogpost here](https://www.bookstackapp.com/blog/contributing-to-open-source/).
\ No newline at end of file
<div class="container">
<div class="row">
<div class="col-lg-4">
- <p class="text-small">
- <iframe src="https://github.com/sponsors/ssddanbrown/button" title="Sponsor ssddanbrown" height="35" width="116" style="border: 0;" loading="lazy"></iframe>
- <br><br>
+ <p>
BookStack - Created By <a href="https://danb.me" title="danb.me" target="_blank" rel="noopener">Dan Brown</a> and developed with the <a href="https://github.com/BookStackApp/BookStack/graphs/contributors" target="_blank" rel="noopener">community</a>.
Page generated with <a href="https://gohugo.io">hugo</a>, Site source can be found <a href="https://github.com/BookStackApp/website" rel="noopener" target="_blank">here on GitHub</a>.
<br><br>
<li><a href="{{.Site.BaseURL}}#features">Our Features</a></li>
<li><a href="{{.Site.BaseURL}}#demo">View the Demo</a></li>
<li><a href="{{.Site.BaseURL}}blog" target="_blank">Read our Blog</a></li>
+ <li><a href="{{.Site.BaseURL}}donate">Donate</a></li>
</ul>
</div>
<div class="col-xs-6 col-sm-4 col-lg-2">
<li><a href="https://discord.gg/ztkBqR2" target="_blank">Discord</a></li>
<li><a href="https://twitter.com/bookstack_app" target="_blank">Twitter</a></li>
<li><a href="https://www.youtube.com/channel/UCH66RFWfw6CSm2T1EM4ik1g" target="_blank">YouTube</a></li>
+ <li><a href="https://www.reddit.com/r/bookstack" target="_blank">Reddit</a></li>
</ul>
</div>
<div class="col-6 col-sm-4 col-lg-3">
<p>See our range of support plans for BookStack</p>
</div>
</a>
+ <a href="/donate" class="nav-dropdown-item">
+ <div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/donate.svg"}}</div>
+ <div>
+ <div class="nav-dropdown-item-title">Donate</div>
+ <p>Provide financial support to the project</p>
+ </div>
+ </a>
<a href="https://www.youtube.com/c/BookStackApp" target="_blank" class="nav-dropdown-item">
<div class="nav-dropdown-item-icon" aria-hidden="true">{{partial "icon/youtube.svg"}}</div>
<div>
--- /dev/null
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"><g><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.48,10-10S17.52,2,12,2z M12.88,17.76V19h-1.75v-1.29 c-0.74-0.18-2.39-0.77-3.02-2.96l1.65-0.67c0.06,0.22,0.58,2.09,2.4,2.09c0.93,0,1.98-0.48,1.98-1.61c0-0.96-0.7-1.46-2.28-2.03 c-1.1-0.39-3.35-1.03-3.35-3.31c0-0.1,0.01-2.4,2.62-2.96V5h1.75v1.24c1.84,0.32,2.51,1.79,2.66,2.23l-1.58,0.67 c-0.11-0.35-0.59-1.34-1.9-1.34c-0.7,0-1.81,0.37-1.81,1.39c0,0.95,0.86,1.31,2.64,1.9c2.4,0.83,3.01,2.05,3.01,3.45 C15.9,17.17,13.4,17.67,12.88,17.76z"/></g></svg>
\ No newline at end of file
padding-top: $-l;
padding-bottom: $-l;
p {
- padding: $-m 0;
+ font-size: 0.9rem;
+ padding: $-l 0;
margin: 0;
}
}