Commit fb44ae25 authored by Milan's avatar Milan

donate: move header image and coin image into project, optimize, add styles

use css buttons instead of images
drop donorkits
drop 'coins for donors' section'
update donations + payments
parent cc713e93
......@@ -2,16 +2,16 @@
background-color: #7d7d7d;
color: #fff;
font-weight: bold;
transition: all ease .1s;
transition: all ease .2s;
}
.btn:hover,
.btn:focus {
color: #fff;
filter: brightness(90%);
filter: brightness(94%);
transition: all ease .4s;
}
.btn-i {
background-color: #4A8EC3;
}
......@@ -19,3 +19,18 @@
.btn-s {
background-color: #54B65F;
}
.btn-paypal {
background-color: #0069AE;
}
.btn-donorbox {
background-color: #3793E2;
}
.btn-patreon {
background-color: #e6461a;
}
.btn-flattr {
background-color: #6CBF6C;
}
.donate-header {
border-radius: 4px;
}
.donorcoin {
width:4em;
width:5em;
border:#777 2px solid;
background-color:#ddd;
border-radius:50%;
margin-top:1rem;
margin-bottom:1rem;
margin-top:.5rem;
margin-bottom:.5rem;
transition:all 3s ease;
}
.donorcoin:hover {
transition:all 3s ease;
transform:scale(1.3);
transition:all 1s ease;
transform:scale(1.1);
}
......@@ -6,85 +6,25 @@
<script> window.DonorBox = { widgetLinkClassName: 'custom-dbox-popup' } </script>
<div align="left">
<div align="center">
<img src="//images.illuna-minetest.tk/donate/donate-head.jpg" alt="" width="1120px">
<%= image_tag('home/donate/header', :class=>'donate-header') %>
<h4><%= t('home.donate.description') %></h4>
<div class="space-top-sm"></div>
<a href="//www.paypal.me/illuna" target="_blank"><img class="circle-border donate-img" style="max-width:100px;" src="//images.illuna-minetest.tk/donate/paypal.png"></a>
<a href="//flattr.com/profile/illuna" target="_blank"><img class="circle-border donate-img" style="max-width:100px;" src="//images.illuna-minetest.tk/donate/flattr.png"></a>
<a href="//patreon.com/illuna" target="_blank"><img class="circle-border donate-img" style="max-width:100px;" src="//images.illuna-minetest.tk/donate/patreon.png"></a>
<a href="https://donorbox.org/the-world-of-illuna" class="custom-dbox-popup"><img class="circle-border donate-img" style="max-width:100px;" src="//images.illuna-minetest.tk/donate/donorbox.png"></a>
<a class="btn btn-paypal" href="//www.paypal.me/illuna" target="_blank">PayPal</a>
<a class="btn btn-donorbox" href="//donorbox.org/the-world-of-illuna" class="custom-dbox-popup">DonorBox</a>
<a class="btn btn-flattr" href="//flattr.com/profile/illuna" target="_blank">Flattr.</a>
<a class="btn btn-patreon" href="//patreon.com/illuna" target="_blank">Patreon</a>
<div style="padding-top:20px;"></div>
<strong><i class="glyphicon glyphicon-btc" style="color:#F8B82F;margin-top:5px;"></i> <code style="border:1px solid #647077;">164aPk3HMy33U6jzuHgEHPdjHHMNgHJfAr</code></strong>
<div style="padding-top:1em;"></div>
<hr>
</div>
<h3 style="text-align:center">Donation Gifts</h3>
<div class="col-md-4">
<ul class="list-group">
<li class="list-group-item">
<h4>Medium Potion Package</h4>
</li>
<li class="list-group-item">
Small Medicine Potion <span class="label label-default" style="float:right;margin-left:1rem;">x 20</span> <span class="label label-default" style="float:right;">+ 5 HP</span>
</li>
<li class="list-group-item">
Small Fly Potion <span class="label label-default" style="float:right;margin-left:1rem;">x 18</span> <span class="label label-default" style="float:right;">20 SEC</span>
</li>
<li class="list-group-item">
Fast Potion <span class="label label-default" style="float:right;margin-left:1rem;">x 5</span> <span class="label label-default" style="float:right;">120 SEC SPEED x 2</span>
</li>
<li class="list-group-item">
Received Donation <span class="label label-info pull-right">from 4,50€</span>
</li>
</ul>
</div>
<div class="col-md-4">
<ul class="list-group">
<li class="list-group-item">
<h4>Big Potion Package</h4>
</li>
<li class="list-group-item">
Big Medicine Potion <span class="label label-default" style="float:right;margin-left:1rem;">x 20</span> <span class="label label-default" style="float:right;">+ 10 HP</span>
</li>
<li class="list-group-item">
Big Fly Potion <span class="label label-default" style="float:right;margin-left:1rem;">x 25</span> <span class="label label-default" style="float:right;">60 SEC</span>
</li>
<li class="list-group-item">
Fast Potion <span class="label label-default" style="float:right;margin-left:1rem;">x 10</span> <span class="label label-default" style="float:right;">120 SEC SPEED x 2</span>
</li>
<li class="list-group-item">
Received Donation <span class="label label-info pull-right">from 8,99€</span>
</li>
</ul>
</div>
<div class="col-md-4">
<ul class="list-group">
<li class="list-group-item">
<h4>Huge Potion Package</h4>
</li>
<li class="list-group-item">
Huge Medicine Potion <span class="label label-default" style="float:right;margin-left:1rem;">x 20</span> <span class="label label-default" style="float:right;">+ 20 HP</span>
</li>
<li class="list-group-item">
Huge Fly Potion <span class="label label-default" style="float:right;margin-left:1rem;">x 25</span> <span class="label label-default" style="float:right;">300 SEC</span>
</li>
<li class="list-group-item">
Fast Potion <span class="label label-default" style="float:right;margin-left:1rem;">x 15</span> <span class="label label-default" style="float:right;">120 SEC SPEED x 2</span>
</li>
<li class="list-group-item">
Received Donation <span class="label label-info pull-right">from 14,80€</span>
</li>
</ul>
</div>
<div class="col-md-12">
<div style="text-align:center">
<img class="donorcoin" src="//git.tchncs.de/Illuna-Minetest/illuna/raw/master/textures/donorcoin.png">
<p style="padding-top:1rem;">If you donate less or more, it will be filled up with Donorcoins and you can use them on the Illuna shops for buying those potions and more cool items.<br>
One Donorcoin is equivalent to 20ct (EUR).</p>
<%= image_tag('home/donate/donorcoin', :class=>'donorcoin') %>
</div>
<hr>
<h3 style="text-align:center;"><%= t('home.donate.graceful_helpers') %></h3>
<div style="text-align:center;">
<span class="label label-success" style="margin:0.2rem;">Coeseta + 20€</span>
<span class="label label-success" style="margin:0.2rem;"><i class="glyphicon glyphicon-fire"style="color:#DBE6ED;" aria-hidden="true"></i> FoxZOolm + 50€</span>
<span class="label label-success" style="margin:0.2rem;">Anonymous + 5€</span>
<span class="label label-success" style="margin:0.2rem;">Anonymous + 20€</span>
......@@ -106,8 +46,8 @@
<div class="col-md-6">
<ul class="list-group" id="regular-table" style="max-width:300px;">
<strong>
<li class="list-group-item" id="regular-table" style="max-width:300px;"><span style="font-size: 120%;"> <%= t('home.donate.payd') %> <p id="f-right" data-toggle="tooltip" data-placement="top" title="" data-original-title="KVM: 20€/month">401,98€</p></span></li>
<li class="list-group-item" id="regular-table" style="max-width:300px;"style="font-size: 120%;"><span> <%= t('home.donate.donated') %> <p id="f-right" style="color:#E07434;">260,41€</p></span></li>
<li class="list-group-item" id="regular-table" style="max-width:300px;"><span style="font-size: 120%;"> <%= t('home.donate.payd') %> <p id="f-right" data-toggle="tooltip" data-placement="top" title="" data-original-title="KVM: 20€/month">421,98€</p></span></li>
<li class="list-group-item" id="regular-table" style="max-width:300px;"style="font-size: 120%;"><span> <%= t('home.donate.donated') %> <p id="f-right" style="color:#E07434;">220,41€</p></span></li>
</strong>
</ul>
</table>
......@@ -132,7 +72,7 @@
<h4 style="text-align:center;"><%= t('home.donate.amazing') %></h4>
<div class="progress">
<div class="progress-bar progress-bar-striped active" style="width: 64%">
<span><div style="align:center;color:white;"><b>64.94%</b></div></span><br>
<span><div style="align:center;color:white;"><b>52.23%</b></div></span><br>
</div>
</div>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment