openlp
/
website
mirror of https://gitlab.com/openlp/website.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Add a donate page. Make the scroll to top button work. Add donate link at the bottom of the page. Some other minor CSS

This commit is contained in:
Raoul Snyman 2015-10-04 00:55:26 +02:00
parent dab93f902c
commit 40a9431e61
7 changed files with 108 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
files/cover-images/donate.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 607 KiB

BIN
files/cover-images/want-openlp-in-your-language.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 276 KiB

62
pages/donate.rst Normal file
View File

@ -0,0 +1,62 @@
.. title: Donate to OpenLP
.. slug: donate
.. date: 2015-10-03 20:31:32 UTC
.. type: text
.. previewimage: /cover-images/donate.jpg
Like most other voluntary open source projects, OpenLP has no income and is
entirely funded by the personal funds of the developers. We have a number of
fixed costs, like server hosting, domain names, and the like. If you'd like to
help us out, please consider donating to our cause.
There are two types of donation:
1. Once-off donations
2. Regular donations
Once-off Donations
^^^^^^^^^^^^^^^^^^
Once-off donations are gratefully accepted. Donations can be made via PayPal.
To send a once-off donatation to OpenLP, send an e-mail via our `contact form`_
and we will reply with the Paypal address.
Regular Donations
^^^^^^^^^^^^^^^^^
While once-off donations are nice, regular donations are much more useful to us.
They help to cover our month-to-month costs. We use `Gratipay`_ for automated
regular donations. Gratipay works on a weekly schedule, so calculate what you
want to donate on a monthly basis and basically divide it by 4. Gratipay works
through PayPal, so all you need is a PayPal account.
Set up your donation by clicking on the badge below.
.. raw:: html
<script data-gratipay-username="openlp" src="//grtp.co/v1.js" async></script>
Monthly Costs
^^^^^^^^^^^^^
Here's a breakdown of our regular costs:
1. $20/month for a `VPS from Linode.com`_, which we'd like to upgrade to the
next level, which will cost us $40/month.
2. $10/month for a `backup service`_, also from Linode.com.
3. $17/year for our main domain, `openlp.org`_. See `Gandi.net's pricing page`_
for information on domain name costs.
4. $35/year for our developer domain, `openlp.io`_.
This comes to roughly $8 per week. To be able to upgrade to the next level, we
will need roughly $12.50 per week.
[ Image Credit: `Oak Street Blues`_ ]
.. _contact form: /#support
.. _Gratipay: https://gratipay.com/
.. _VPS from Linode.com: https://www.linode.com/pricing
.. _backup service: https://www.linode.com/backups
.. _Gandi.net's pricing page: https://www.gandi.net/domain/price/info
.. _openlp.org: https://openlp.org/
.. _openlp.io: https://openlp.io/
.. _Oak Street Blues: https://www.flickr.com/photos/jamesvela/16914677777/

13
themes/openlp2v2/assets/css/custom.css
View File

@ -291,3 +291,16 @@ article blockquote p:first-child {
.lead {
font-size: 1.4em;
}
.scrollToTop {
width: 20px;
height: 20px;
opacity: 0.5;
position: fixed;
bottom: 20px;
right: 30px;
}
.scrollToTop a {
text-decoration: none;
}

6
themes/openlp2v2/assets/js/custom.js
View File

@ -15,4 +15,8 @@ $(function(){
$("#download-section > div > div").hide().removeClass("hidden");
$("#download-section > div > div." + target).show();
});
});
$(".scrollToTop a").on('click', function(e) {
e.preventDefault();
$('html, body').animate({scrollTop: 0}, 300);
});
});

7
themes/openlp2v2/templates/base.tmpl
View File

@ -12,7 +12,7 @@ ${template_hooks['extra_head']()}
% if permalink is not UNDEFINED and permalink == u'/index.html':
<%include file="front_page.html"/>
% else:
<div class="scrollToTop"><i class="icon-up-open-big"></i></div>
<div class="scrollToTop"><a href="#" title="Scroll to top"><i class="fa fa-fw fa-arrow-up fa-lg"></i></a></div>
<header class="header fixed clearfix navbar navbar-fixed-top">
<div class="container">
<div class="row">
@ -95,8 +95,9 @@ ${template_hooks['extra_head']()}
<div class="row">
<div class="col-md-12">
<p class="text-center">
Copyright &copy; 2004-2015 OpenLP Developers. Theme based on <a href="http://htmlcoder.me/worthy-free-bootstrap-template">Worthy</a> by HTML Coder
<script data-gratipay-username="OpenLP" src="//grtp.co/v1.js" async></script>
Copyright &copy; 2004-2015 OpenLP Developers |
Theme based on <a href="http://htmlcoder.me/worthy-free-bootstrap-template">Worthy</a> by HTML Coder |
<i class="fa fa-fw fa-money"></i> <a href="/donate">Donate to OpenLP</a>
</p>
</div>
</div>

43
themes/openlp2v2/templates/front_page.html
View File

@ -1,4 +1,4 @@
<div class="scrollToTop"><i class="icon-up-open-big"></i></div>
<div class="scrollToTop"><a href="#" title="Scroll to top"><i class="fa fa-fw fa-arrow-up fa-lg"></i></a></div>
<header class="header fixed clearfix navbar navbar-fixed-top">
<div class="container">
<div class="row">
@ -232,21 +232,21 @@
<p>Select a platform from the options above</p>
</div>
<div class="windows hidden">
<h4>OpenLP 2.1.5 for Windows 7 and higher</h4>
<p>OpenLP-2.1.5-setup.exe</p>
<h4>OpenLP 2.2 for Windows 7 and higher</h4>
<p>OpenLP-2.2-setup.exe</p>
<p>
<a href="download.openlp.org/2.1.5/OpenLP-2.1.5-setup.exe" class="btn btn-success"><i class="fa fa-fw fa-download"></i> Direct Download</a>
<a href="download.openlp.org/2.1.5/OpenLP-2.1.5-setup.exe.torrent" class="btn btn-warning"><i class="fa fa-fw fa-cloud-download"></i> BitTorrent</a>
<a href="download.openlp.org/2.1.5/OpenLP-2.1.5-setup.exe.torrent" class="btn btn-danger"><i class="fa fa-fw fa-magnet fa-flip-vertical"></i> Magnet</a>
<a href="https://get.openlp.org/2.2/OpenLP-2.2-setup.exe" class="btn btn-success"><i class="fa fa-fw fa-download"></i> Direct Download</a>
<a href="https://get.openlp.org/2.2/OpenLP-2.2-setup.exe.torrent" class="btn btn-warning"><i class="fa fa-fw fa-cloud-download"></i> BitTorrent</a>
<a href="https://get.openlp.org/2.2/OpenLP-2.2-setup.exe.torrent" class="btn btn-danger"><i class="fa fa-fw fa-magnet fa-flip-vertical"></i> Magnet</a>
</p>
</div>
<div class="macosx hidden">
<h4>OpenLP for Mac OS X 10.8 and higher</h4>
<p>OpenLP-2.1.5.dmg</p>
<p>OpenLP-2.2.dmg</p>
<p>
<a href="download.openlp.org/2.1.5/OpenLP-2.1.5.dmg" class="btn btn-success"><i class="fa fa-fw fa-download"></i> Direct Download</a>
<a href="download.openlp.org/2.1.5/OpenLP-2.1.5.dmg.torrent" class="btn btn-warning"><i class="fa fa-fw fa-cloud-download"></i> BitTorrent</a>
<a href="download.openlp.org/2.1.5/OpenLP-2.1.5.dmg.torrent" class="btn btn-danger"><i class="fa fa-fw fa-magnet fa-flip-vertical"></i> Magnet</a>
<a href="https://get.openlp.org/2.2/OpenLP-2.2.dmg" class="btn btn-success"><i class="fa fa-fw fa-download"></i> Direct Download</a>
<a href="https://get.openlp.org/2.2/OpenLP-2.2.dmg.torrent" class="btn btn-warning"><i class="fa fa-fw fa-cloud-download"></i> BitTorrent</a>
<a href="https://get.openlp.org/2.2/OpenLP-2.2.dmg.torrent" class="btn btn-danger"><i class="fa fa-fw fa-magnet fa-flip-vertical"></i> Magnet</a>
</p>
</div>
<div class="linux hidden">
@ -261,10 +261,10 @@
</p>
</div>
<div class="source hidden">
<h4>OpenLP 2.1.5 Source Code</h4>
<p>OpenLP-2.1.5.tar.gz</p>
<h4>OpenLP 2.2 Source Code</h4>
<p>OpenLP-2.2.tar.gz</p>
<p>
<a href="download.openlp.org/2.1.5/OpenLP-2.1.5.tar.gz" class="btn btn-success"><i class="fa fa-fw fa-download"></i> Direct Download</a>
<a href="https://get.openlp.org/2.2/OpenLP-2.2.tar.gz" class="btn btn-success"><i class="fa fa-fw fa-download"></i> Direct Download</a>
</p>
</div>
</div>
@ -386,11 +386,12 @@
<div class="footer-content">
<p class="large">OpenLP is not developed by a company, but by a group of volunteers who dedicate part of their spare time to developing this application. Please be patient if we do not answer immediately.</p>
<ul class="list-icons">
<li><i class="fa fa-book pr-10"></i> Manual: <a href="http://manual.openlp.org/">manual.openlp.org</a></li>
<li><i class="fa fa-pencil-square-o pr-10"></i> Wiki: <a href="http://wiki.openlp.org/">wiki.openlp.org</a></li>
<li><i class="fa fa-envelope-o pr-10"></i> E-mail: support(at)openlp.org</li>
<li><i class="fa fa-comments pr-10"></i> IRC Channel: <a href="http://webchat.freenode.net/?randomnick=1&amp;channels=openlp&amp;prompt=1&amp;uio=d4">#openlp on Freenode.net</a></li>
<li><i class="fa fa-wrench pr-10"></i> Developer Central: <a href="https://openlp.io/">openlp.io</a></li>
<li><i class="fa fa-fw fa-book pr-10"></i> Manual: <a href="http://manual.openlp.org/">manual.openlp.org</a></li>
<li><i class="fa fa-fw fa-pencil-square-o pr-10"></i> Wiki: <a href="http://wiki.openlp.org/">wiki.openlp.org</a></li>
<li><i class="fa fa-fw fa-envelope-o pr-10"></i> E-mail: support(at)openlp.org</li>
<li><i class="fa fa-fw fa-comments pr-10"></i> IRC Channel: <a href="http://webchat.freenode.net/?randomnick=1&amp;channels=openlp&amp;prompt=1&amp;uio=d4">#openlp on Freenode.net</a></li>
<li><i class="fa fa-fw fa-wrench pr-10"></i> Developer Central: <a href="https://openlp.io/">openlp.io</a></li>
<li><i class="fa fa-fw fa-money pr-10"></i> Donate: <a href="/donate">find out more</a></li>
</ul>
<ul class="social-links">
<li class="googleplus"><a target="_blank" href="https://plus.google.com/b/117120749304988900189/117120749304988900189" title="Follow us on Google+"><i class="fa fa-google-plus-square"></i></a></li>
@ -431,7 +432,11 @@
<div class="container">
<div class="row">
<div class="col-md-12">
<p class="text-center">Copyright &copy; 2004-2015 OpenLP Developers. Theme based on <a href="http://htmlcoder.me/worthy-free-bootstrap-template">Worthy</a> by HTML Coder</p>
<p class="text-center">
Copyright &copy; 2004-2015 OpenLP Developers |
Theme based on <a href="http://htmlcoder.me/worthy-free-bootstrap-template">Worthy</a> by HTML Coder |
<i class="fa fa-fw fa-money"></i> <a href="/donate">Donate to OpenLP</a>
</p>
</div>
</div>
</div>