Infra 2148 - Implement new design on the Donate page
Change-Id: Ib468f47741ca71d09b3a44072cdf9da15bf59b58
Signed-off-by: Eric Poirier <eric@eclipse.org>
diff --git a/assets/public/javascript/scripts.min.js b/assets/public/javascript/scripts.min.js
index faf4915..d1913b7 100644
--- a/assets/public/javascript/scripts.min.js
+++ b/assets/public/javascript/scripts.min.js
@@ -1 +1,3 @@
-!function(a,b,c){var d=function(a){$(".total-amount").val($(a).val()),$("#other-amount").val("")};a(c).ready(function(a){a(".btn-square").click(function(){a(".btn-square, .amount-body, .highlight-amount-body").removeClass("active"),a(this).addClass("active"),d(this)}),a("#other-amount, .total-amount").click(function(){a("#other-amount, .total-amount").bind("keyup change",function(b){a(".total-amount").html(a(this).val()),a("input[name=amount]").val(a(this).val()),a(".btn-square").removeClass("active")})}),a(".total-amount").click(function(){a(".total-amount").bind("keyup change",function(b){a("#other-amount").val("")})}),a("input[name=type]:radio").change(function(b){var c=a("input[name=type]:radio:checked").val();"paypal"===c?a("input[name=subscription]").attr("disabled",!1):(a("#subscription_default").prop("checked",!0),a("input[name=subscription]").attr("disabled",!0))}),a(".num-only").keydown(function(b){a.inArray(b.keyCode,[46,8,9,27,13,110,190])!==-1||65==b.keyCode&&(b.ctrlKey===!0||b.metaKey===!0)||b.keyCode>=35&&b.keyCode<=40||(b.shiftKey||b.keyCode<48||b.keyCode>57)&&(b.keyCode<96||b.keyCode>105)&&b.preventDefault()})})}(jQuery,window,document);
\ No newline at end of file
+/*! rangeslider.js - v2.2.1 | (c) 2016 @andreruffert | MIT license | https://github.com/andreruffert/rangeslider.js */
+!function(a){"use strict";"function"==typeof define&&define.amd?define(["jquery"],a):"object"==typeof exports?module.exports=a(require("jquery")):a(jQuery)}(function(a){"use strict";function b(){var a=document.createElement("input");return a.setAttribute("type","range"),"text"!==a.type}function c(a,b){var c=Array.prototype.slice.call(arguments,2);return setTimeout(function(){return a.apply(null,c)},b)}function d(a,b){return b=b||100,function(){if(!a.debouncing){var c=Array.prototype.slice.apply(arguments);a.lastReturnVal=a.apply(window,c),a.debouncing=!0}return clearTimeout(a.debounceTimeout),a.debounceTimeout=setTimeout(function(){a.debouncing=!1},b),a.lastReturnVal}}function e(a){return a&&(0===a.offsetWidth||0===a.offsetHeight||a.open===!1)}function f(a){for(var b=[],c=a.parentNode;e(c);)b.push(c),c=c.parentNode;return b}function g(a,b){function c(a){"undefined"!=typeof a.open&&(a.open=!a.open)}var d=f(a),e=d.length,g=[],h=a[b];if(e){for(var i=0;e>i;i++)g[i]=d[i].style.cssText,d[i].style.setProperty?d[i].style.setProperty("display","block","important"):d[i].style.cssText+=";display: block !important",d[i].style.height="0",d[i].style.overflow="hidden",d[i].style.visibility="hidden",c(d[i]);h=a[b];for(var j=0;e>j;j++)d[j].style.cssText=g[j],c(d[j])}return h}function h(a,b){var c=parseFloat(a);return Number.isNaN(c)?b:c}function i(a){return a.charAt(0).toUpperCase()+a.substr(1)}function j(b,e){if(this.$window=a(window),this.$document=a(document),this.$element=a(b),this.options=a.extend({},n,e),this.polyfill=this.options.polyfill,this.orientation=this.$element[0].getAttribute("data-orientation")||this.options.orientation,this.onInit=this.options.onInit,this.onSlide=this.options.onSlide,this.onSlideEnd=this.options.onSlideEnd,this.DIMENSION=o.orientation[this.orientation].dimension,this.DIRECTION=o.orientation[this.orientation].direction,this.DIRECTION_STYLE=o.orientation[this.orientation].directionStyle,this.COORDINATE=o.orientation[this.orientation].coordinate,this.polyfill&&m)return!1;this.identifier="js-"+k+"-"+l++,this.startEvent=this.options.startEvent.join("."+this.identifier+" ")+"."+this.identifier,this.moveEvent=this.options.moveEvent.join("."+this.identifier+" ")+"."+this.identifier,this.endEvent=this.options.endEvent.join("."+this.identifier+" ")+"."+this.identifier,this.toFixed=(this.step+"").replace(".","").length-1,this.$fill=a('<div class="'+this.options.fillClass+'" />'),this.$handle=a('<div class="'+this.options.handleClass+'" />'),this.$range=a('<div class="'+this.options.rangeClass+" "+this.options[this.orientation+"Class"]+'" id="'+this.identifier+'" />').insertAfter(this.$element).prepend(this.$fill,this.$handle),this.$element.css({position:"absolute",width:"1px",height:"1px",overflow:"hidden",opacity:"0"}),this.handleDown=a.proxy(this.handleDown,this),this.handleMove=a.proxy(this.handleMove,this),this.handleEnd=a.proxy(this.handleEnd,this),this.init();var f=this;this.$window.on("resize."+this.identifier,d(function(){c(function(){f.update(!1,!1)},300)},20)),this.$document.on(this.startEvent,"#"+this.identifier+":not(."+this.options.disabledClass+")",this.handleDown),this.$element.on("change."+this.identifier,function(a,b){if(!b||b.origin!==f.identifier){var c=a.target.value,d=f.getPositionFromValue(c);f.setPosition(d)}})}Number.isNaN=Number.isNaN||function(a){return"number"==typeof a&&a!==a};var k="rangeslider",l=0,m=b(),n={polyfill:!0,orientation:"horizontal",rangeClass:"rangeslider",disabledClass:"rangeslider--disabled",horizontalClass:"rangeslider--horizontal",verticalClass:"rangeslider--vertical",fillClass:"rangeslider__fill",handleClass:"rangeslider__handle",startEvent:["mousedown","touchstart","pointerdown"],moveEvent:["mousemove","touchmove","pointermove"],endEvent:["mouseup","touchend","pointerup"]},o={orientation:{horizontal:{dimension:"width",direction:"left",directionStyle:"left",coordinate:"x"},vertical:{dimension:"height",direction:"top",directionStyle:"bottom",coordinate:"y"}}};return j.prototype.init=function(){this.update(!0,!1),this.onInit&&"function"==typeof this.onInit&&this.onInit()},j.prototype.update=function(a,b){a=a||!1,a&&(this.min=h(this.$element[0].getAttribute("min"),0),this.max=h(this.$element[0].getAttribute("max"),100),this.value=h(this.$element[0].value,Math.round(this.min+(this.max-this.min)/2)),this.step=h(this.$element[0].getAttribute("step"),1)),this.handleDimension=g(this.$handle[0],"offset"+i(this.DIMENSION)),this.rangeDimension=g(this.$range[0],"offset"+i(this.DIMENSION)),this.maxHandlePos=this.rangeDimension-this.handleDimension,this.grabPos=this.handleDimension/2,this.position=this.getPositionFromValue(this.value),this.$element[0].disabled?this.$range.addClass(this.options.disabledClass):this.$range.removeClass(this.options.disabledClass),this.setPosition(this.position,b)},j.prototype.handleDown=function(a){if(this.$document.on(this.moveEvent,this.handleMove),this.$document.on(this.endEvent,this.handleEnd),!((" "+a.target.className+" ").replace(/[\n\t]/g," ").indexOf(this.options.handleClass)>-1)){var b=this.getRelativePosition(a),c=this.$range[0].getBoundingClientRect()[this.DIRECTION],d=this.getPositionFromNode(this.$handle[0])-c,e="vertical"===this.orientation?this.maxHandlePos-(b-this.grabPos):b-this.grabPos;this.setPosition(e),b>=d&&b<d+this.handleDimension&&(this.grabPos=b-d)}},j.prototype.handleMove=function(a){a.preventDefault();var b=this.getRelativePosition(a),c="vertical"===this.orientation?this.maxHandlePos-(b-this.grabPos):b-this.grabPos;this.setPosition(c)},j.prototype.handleEnd=function(a){a.preventDefault(),this.$document.off(this.moveEvent,this.handleMove),this.$document.off(this.endEvent,this.handleEnd),this.$element.trigger("change",{origin:this.identifier}),this.onSlideEnd&&"function"==typeof this.onSlideEnd&&this.onSlideEnd(this.position,this.value)},j.prototype.cap=function(a,b,c){return b>a?b:a>c?c:a},j.prototype.setPosition=function(a,b){var c,d;void 0===b&&(b=!0),c=this.getValueFromPosition(this.cap(a,0,this.maxHandlePos)),d=this.getPositionFromValue(c),this.$fill[0].style[this.DIMENSION]=d+this.grabPos+"px",this.$handle[0].style[this.DIRECTION_STYLE]=d+"px",this.setValue(c),this.position=d,this.value=c,b&&this.onSlide&&"function"==typeof this.onSlide&&this.onSlide(d,c)},j.prototype.getPositionFromNode=function(a){for(var b=0;null!==a;)b+=a.offsetLeft,a=a.offsetParent;return b},j.prototype.getRelativePosition=function(a){var b=i(this.COORDINATE),c=this.$range[0].getBoundingClientRect()[this.DIRECTION],d=0;return"undefined"!=typeof a["page"+b]?d=a["page"+b]:"undefined"!=typeof a.originalEvent["client"+b]?d=a.originalEvent["client"+b]:a.originalEvent.touches&&a.originalEvent.touches[0]&&"undefined"!=typeof a.originalEvent.touches[0]["page"+b]?d=a.originalEvent.touches[0]["page"+b]:a.currentPoint&&"undefined"!=typeof a.currentPoint[this.COORDINATE]&&(d=a.currentPoint[this.COORDINATE]),d-c},j.prototype.getPositionFromValue=function(a){var b,c;return b=(a-this.min)/(this.max-this.min),c=Number.isNaN(b)?0:b*this.maxHandlePos},j.prototype.getValueFromPosition=function(a){var b,c;return b=a/(this.maxHandlePos||1),c=this.step*Math.round(b*(this.max-this.min)/this.step)+this.min,Number(c.toFixed(this.toFixed))},j.prototype.setValue=function(a){a===this.value&&""!==this.$element[0].value||this.$element.val(a).trigger("input",{origin:this.identifier})},j.prototype.destroy=function(){this.$document.off("."+this.identifier),this.$window.off("."+this.identifier),this.$element.off("."+this.identifier).removeAttr("style").removeData("plugin_"+k),this.$range&&this.$range.length&&this.$range[0].parentNode.removeChild(this.$range[0])},a.fn[k]=function(b){var c=Array.prototype.slice.call(arguments,1);return this.each(function(){var d=a(this),e=d.data("plugin_"+k);e||d.data("plugin_"+k,e=new j(this,b)),"string"==typeof b&&e[b].apply(e,c)})},"rangeslider.js is available in jQuery context e.g $(selector).rangeslider(options);"});
+!function(a,b,c){var d=c.querySelectorAll(".donate-amount")[0],e=c.querySelectorAll(".form-amount")[0];$(c).on("input",'input[type="range"]',function(a){1==a.currentTarget.value&&(d.value=5,e.value=5),2==a.currentTarget.value&&(d.value=10,e.value=10),3==a.currentTarget.value&&(d.value=35,e.value=35),4==a.currentTarget.value&&(d.value=50,e.value=50),5==a.currentTarget.value&&(d.value=100,e.value=100)}),$("input.donate-amount").focusout(function(){$("input.form-amount").val($(this).val())}),$('input[type="range"]').rangeslider({polyfill:!1})}(jQuery,window,document);
\ No newline at end of file
diff --git a/assets/public/stylesheets/donate.min.css b/assets/public/stylesheets/donate.min.css
new file mode 100644
index 0000000..41eeba3
--- /dev/null
+++ b/assets/public/stylesheets/donate.min.css
@@ -0,0 +1,113 @@
+.rangeslider,
+.rangeslider__fill {
+ display: block;
+ -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
+ -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
+ box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
+ -moz-border-radius: 10px;
+ -webkit-border-radius: 10px;
+ border-radius: 10px;
+}
+
+.rangeslider {
+ background: #e6e6e6;
+ position: relative;
+}
+
+.rangeslider--horizontal {
+ height: 20px;
+ width: 100%;
+}
+
+.rangeslider--vertical {
+ width: 20px;
+ min-height: 150px;
+ max-height: 100%;
+}
+
+.rangeslider--disabled {
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
+ opacity: 0.4;
+}
+
+.rangeslider__fill {
+ background: #00ff00;
+ position: absolute;
+}
+.rangeslider--horizontal .rangeslider__fill {
+ top: 0;
+ height: 100%;
+}
+.rangeslider--vertical .rangeslider__fill {
+ bottom: 0;
+ width: 100%;
+}
+
+.rangeslider__handle {
+ background: white;
+ border: 1px solid #ccc;
+ cursor: pointer;
+ display: inline-block;
+ width: 40px;
+ height: 40px;
+ position: absolute;
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
+ background-size: 100%;
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
+ background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
+ background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
+ background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
+ -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
+ -moz-border-radius: 50%;
+ -webkit-border-radius: 50%;
+ border-radius: 50%;
+}
+.rangeslider__handle:after {
+ content: "";
+ display: block;
+ width: 18px;
+ height: 18px;
+ margin: auto;
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+ background-size: 100%;
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0)));
+ background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
+ background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
+ background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
+ -moz-border-radius: 50%;
+ -webkit-border-radius: 50%;
+ border-radius: 50%;
+}
+.rangeslider__handle:active {
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+ background-size: 100%;
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
+ background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
+ background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
+ background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
+}
+.rangeslider--horizontal .rangeslider__handle {
+ top: -10px;
+ touch-action: pan-y;
+ -ms-touch-action: pan-y;
+}
+.rangeslider--vertical .rangeslider__handle {
+ left: -10px;
+ touch-action: pan-x;
+ -ms-touch-action: pan-x;
+}
+
+input[type="range"]:focus + .rangeslider .rangeslider__handle {
+ -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
+ -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
+ box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
+}
+
+.jumbotron{background-color:#f6f6f6;min-height:400px}.donate-container{background-image:url(../../../images/donate_mountain_bg.jpg);background-repeat:no-repeat;background-position:top center;background-size:cover;height:255px;position:relative;margin-bottom:30px}.donate-container h1{font-size:32px}@media (min-width:768px){.donate-container h1{font-size:42px}}.donate-bar{position:absolute;bottom:0}.list-donate-amount{font-size:24px;color:#9d9fa1}.list-donate-amount li{padding:0}.list-donate-amount li.one{padding-left:19px;padding-right:157px}.list-donate-amount li.two{padding-right:154px}.list-donate-amount li.three{padding-right:150px}.list-donate-amount li.four{padding-right:140px}.grey-link{font-weight:normal;text-decoration:underline;color:#9d9fa1}.grey-link:hover{text-decoration:none}.rangeslider{position:absolute;bottom:-7px}.rangeslider__handle,.rangeslider__handle:after,.rangeslider__handle:active{background-image:url(../../../images/donate_eclipse_logo.png);background-repeat:no-repeat;width:50px;height:47px;border:none}.rangeslider__fill{background:#ccc}.jumbotron.background-image{background-image:url(../../../images/header.jpg);background-size:cover}@media (min-width:768px){.jumbotron.background-image{padding:80px 0}}.jumbotron.background-image h1{font-size:32px;color:#fff}@media (min-width:768px){.jumbotron.background-image h1{font-size:42px}}.jumbotron.background-image p{font-size:16px;color:#fff}@media (min-width:768px){.jumbotron.background-image p{font-size:21px}}.jumbotron.background-image p strong{color:#f7941e}
\ No newline at end of file
diff --git a/assets/public/stylesheets/improve.min.css b/assets/public/stylesheets/improve.min.css
index ef114ad..b516f0f 100644
--- a/assets/public/stylesheets/improve.min.css
+++ b/assets/public/stylesheets/improve.min.css
@@ -1 +1,113 @@
-.jumbotron{background-image:url(../../../images/header.jpg);background-size:cover}@media (min-width:768px){.jumbotron{padding:80px 0}}.jumbotron h1{font-size:32px;color:#fff}@media (min-width:768px){.jumbotron h1{font-size:42px}}.jumbotron p{font-size:16px;color:#fff}@media (min-width:768px){.jumbotron p{font-size:21px}}.jumbotron p strong{color:#f7941e}.content h2{margin-bottom:30px;margin-top:0;font-size:24px}@media (min-width:768px){.content h2{font-size:30px;margin-bottom:60px}}.content input[type=submit],.content input[type=text],.content input[type=email],.content textarea{width:100%;padding:10px}.content input[type=text],.content input[type=email]{margin-bottom:10px}@media (max-width:767px){.content input[type=submit]{margin-bottom:20px}}.content input.total-amount{width:64px;padding:0 4px;margin-bottom:0;margin-left:6px}.content textarea{min-height:110px}.content input#other-amount{margin-bottom:0}@media (max-width:767px){.content input#other-amount{margin-bottom:20px}}@media (max-width:767px){.content #choose-amount-container{border-bottom:1px solid #ccc;margin-bottom:9px}}.total-amount-container{padding:12px 12px 1px;box-shadow:none;border:none;font-size:17px;font-weight:bold;border-radius:0}.total-amount-container li{padding:10px 0 20px 0}@media (min-width:768px){.total-amount-container li{padding:0 0 6px}}@media (min-width:768px){.total-amount-container:before{width:0;height:0;border-top:10px solid transparent;border-left:10px solid #f5f5f5;border-bottom:10px solid transparent;position:absolute;right:5px;top:15px}}.sidebar{box-shadow:none;border:none;border-radius:0;padding:25px 40px;font-size:1.05em}.sidebar h2{margin-top:0;margin-bottom:20px}.sidebar ul{padding-left:15px}.sidebar ul li:before{font-family:'FontAwesome';content:'\f138';margin:0 5px 0 -15px;color:#f7941e}.participate-message{color:#fff}.jumbotron .download-link-msg{font-size:13px}.direct-link a{color:#fff}.direct-link a:hover{color:#ccc}.payment-type img{margin-top:-2px}.payment-type input{margin:7px 5px 0 0}.btn-square{width:50px;height:50px;padding:0;font-size:1em;font-weight:600;margin:0 6px 6px 6px;border:none;background-color:#231b43;border-color:#2c2255;color:#fff}.btn-square.active,.btn-square.active:hover,.btn-square:hover{background-color:#f7941e;color:#fff}.amount-body{margin-top:15px}.amount-body span{font-size:.8em}.amount-body.two-lines{margin-top:5px}.is_anonymous{color:#333}.download-page h2{text-align:center}#subscription_container{font-size:.8em}#subscription_container li{padding-bottom:9px}
\ No newline at end of file
+.rangeslider,
+.rangeslider__fill {
+ display: block;
+ -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
+ -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
+ box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
+ -moz-border-radius: 10px;
+ -webkit-border-radius: 10px;
+ border-radius: 10px;
+}
+
+.rangeslider {
+ background: #e6e6e6;
+ position: relative;
+}
+
+.rangeslider--horizontal {
+ height: 20px;
+ width: 100%;
+}
+
+.rangeslider--vertical {
+ width: 20px;
+ min-height: 150px;
+ max-height: 100%;
+}
+
+.rangeslider--disabled {
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
+ opacity: 0.4;
+}
+
+.rangeslider__fill {
+ background: #00ff00;
+ position: absolute;
+}
+.rangeslider--horizontal .rangeslider__fill {
+ top: 0;
+ height: 100%;
+}
+.rangeslider--vertical .rangeslider__fill {
+ bottom: 0;
+ width: 100%;
+}
+
+.rangeslider__handle {
+ background: white;
+ border: 1px solid #ccc;
+ cursor: pointer;
+ display: inline-block;
+ width: 40px;
+ height: 40px;
+ position: absolute;
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
+ background-size: 100%;
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
+ background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
+ background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
+ background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
+ -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
+ -moz-border-radius: 50%;
+ -webkit-border-radius: 50%;
+ border-radius: 50%;
+}
+.rangeslider__handle:after {
+ content: "";
+ display: block;
+ width: 18px;
+ height: 18px;
+ margin: auto;
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+ background-size: 100%;
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0)));
+ background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
+ background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
+ background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
+ -moz-border-radius: 50%;
+ -webkit-border-radius: 50%;
+ border-radius: 50%;
+}
+.rangeslider__handle:active {
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+ background-size: 100%;
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
+ background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
+ background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
+ background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
+}
+.rangeslider--horizontal .rangeslider__handle {
+ top: -10px;
+ touch-action: pan-y;
+ -ms-touch-action: pan-y;
+}
+.rangeslider--vertical .rangeslider__handle {
+ left: -10px;
+ touch-action: pan-x;
+ -ms-touch-action: pan-x;
+}
+
+input[type="range"]:focus + .rangeslider .rangeslider__handle {
+ -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
+ -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
+ box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
+}
+
+.jumbotron{background-color:#f6f6f6;min-height:400px}@media (max-width:768px){.donate-container{max-width:355px;margin:0 auto}}.donate-container .form-inline .input-group>.form-control{padding-right:6px;text-align:right}@media (min-width:768px){.donate-container .form-inline .input-group>.form-control{width:60px}}.donate-submit .input-group-addon{font-size:.8em}.donate-container-content{background-image:url(../../../images/donate_mountain_bg.jpg);background-repeat:no-repeat;background-position:bottom center;background-size:100%;height:155px;position:relative;margin-bottom:30px}@media (min-width:768px){.donate-container-content{height:255px}}.donate-container-content h1{font-size:24px}@media (min-width:768px){.donate-container-content h1{font-size:42px}}@media (max-width:768px){.btn-donate{margin-top:20px}}.donate-bar{position:absolute;bottom:0}.list-donate-amount{font-size:18px;color:#9d9fa1}@media (min-width:768px){.list-donate-amount{font-size:24px}}.list-donate-amount li{padding:0}@media (max-width:1200px){.list-donate-amount li.one{padding-left:19px;padding-right:119px}.list-donate-amount li.two{padding-right:116px}.list-donate-amount li.three{padding-right:113px}.list-donate-amount li.four{padding-right:98px}}@media (max-width:992px){.list-donate-amount li.one{padding-left:19px;padding-right:78px}.list-donate-amount li.two{padding-right:74px}.list-donate-amount li.three{padding-right:72px}.list-donate-amount li.four{padding-right:58px}}@media (max-width:768px){.list-donate-amount li.one{padding-left:19px;padding-right:40px}.list-donate-amount li.two{padding-right:33px}.list-donate-amount li.three{padding-right:33px}.list-donate-amount li.four{padding-right:24px}}@media (min-width:1201px){.list-donate-amount li.one{padding-left:19px;padding-right:157px}.list-donate-amount li.two{padding-right:154px}.list-donate-amount li.three{padding-right:150px}.list-donate-amount li.four{padding-right:136px}}.grey-link{font-weight:normal;text-decoration:underline;color:#9d9fa1}.grey-link:hover{text-decoration:none}.rangeslider{position:absolute;bottom:-7px}.rangeslider__handle,.rangeslider__handle:after,.rangeslider__handle:active{background-image:url(../../../images/donate_eclipse_logo.png);background-repeat:no-repeat;width:50px;height:47px;border:none}.rangeslider__fill{background:#ccc}.donate-modal .modal-content{background-image:url(../../../images/donate_modal_bg.jpg);background-position:bottom center;background-repeat:no-repeat;border-radius:0}.donate-modal .modal-content h4{font-size:1.2em}.donate-modal .modal-footer{border-top:none}.donate-modal .modal-header{border-bottom:none;padding-bottom:0}.donate-modal .recognition-text{color:#999;font-size:.9em}.donate-modal .donate-modal-footer{text-align:center;padding-top:0}.jumbotron.background-image{background-image:url(../../../images/header.jpg);background-size:cover}@media (min-width:768px){.jumbotron.background-image{padding:80px 0}}.jumbotron.background-image h1{font-size:32px;color:#fff}@media (min-width:768px){.jumbotron.background-image h1{font-size:42px}}.jumbotron.background-image p{font-size:16px;color:#fff}@media (min-width:768px){.jumbotron.background-image p{font-size:21px}}.jumbotron.background-image p strong{color:#f7941e}
\ No newline at end of file
diff --git a/assets/src/javascript/scripts.js b/assets/src/javascript/scripts.js
index ab32aaf..af0a3e2 100644
--- a/assets/src/javascript/scripts.js
+++ b/assets/src/javascript/scripts.js
@@ -12,58 +12,40 @@
*/
(function( jQuery, window, document ) {
- var update_amount = function (e) {
- $('.total-amount').val($(e).val());
- $('#other-amount').val('');
- }
-
- jQuery(document).ready(function($) {
- $('.btn-square').click(function() {
- $('.btn-square, .amount-body, .highlight-amount-body').removeClass('active');
- $(this).addClass('active');
- update_amount(this);
- });
+ var output = document.querySelectorAll('.donate-amount')[0];
+ var form_amount = document.querySelectorAll('.form-amount')[0];
- $('#other-amount, .total-amount').click(function() {
- $('#other-amount, .total-amount').bind("keyup change", function(e) {
- $('.total-amount').html($(this).val());
- $('input[name=amount]').val($(this).val());
- $('.btn-square').removeClass('active');
- });
- });
-
- $('.total-amount').click(function() {
- $('.total-amount').bind("keyup change", function(e) {
- $('#other-amount').val('');
- });
- });
-
- $('input[name=type]:radio').change(function(e){
- var payment_type = $('input[name=type]:radio:checked').val();
- if (payment_type === "paypal") {
- $('input[name=subscription]').attr("disabled",false);
- }
- else{
- $('#subscription_default').prop('checked',true);
- $('input[name=subscription]').attr("disabled",true);
- }
- });
-
- $(".num-only").keydown(function(e) {
- // Allow: backspace, delete, tab, escape, enter and .
- if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110, 190]) !== -1 ||
- // Allow: Ctrl+A, Command+A
- (e.keyCode == 65 && (e.ctrlKey === true || e.metaKey === true)) ||
- // Allow: home, end, left, right, down, up
- (e.keyCode >= 35 && e.keyCode <= 40)) {
- // let it happen, don't do anything
- return;
- }
- // Ensure that it is a number and stop the keypress
- if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
- e.preventDefault();
- }
- });
+ $(document).on('input', 'input[type="range"]', function(e) {
+ if (e.currentTarget.value == 1) {
+ output.value = 5;
+ form_amount.value = 5;
+ }
+ if (e.currentTarget.value == 2) {
+ output.value = 10;
+ form_amount.value = 10;
+ }
+ if (e.currentTarget.value == 3) {
+ output.value = 35;
+ form_amount.value = 35;
+ }
+ if (e.currentTarget.value == 4) {
+ output.value = 50;
+ form_amount.value = 50;
+ }
+ if (e.currentTarget.value == 5) {
+ output.value = 100;
+ form_amount.value = 100;
+ }
});
+
+ $('input.donate-amount').focusout(function() {
+ $('input.form-amount').val($(this).val());
+ });
+
+ $('input[type="range"]').rangeslider({
+ polyfill: false
+ });
+
+
})(jQuery, window, document );
diff --git a/bower.json b/bower.json
index 014e0ce..097a6c0 100644
--- a/bower.json
+++ b/bower.json
@@ -20,6 +20,7 @@
},
"devDependencies": {
"jquery-migrate": "~1.2.1",
+ "range-slider":"git@github.com:andreruffert/rangeslider.js.git",
"solstice-assets": "git@github.com:EclipseFdn/solstice-assets.git"
}
}
diff --git a/content/en_index.php b/content/en_index.php
index 9ad8c53..2707631 100644
--- a/content/en_index.php
+++ b/content/en_index.php
@@ -9,125 +9,105 @@
* Contributors:
* Christopher Guindon (Eclipse Foundation) - Initial implementation
*******************************************************************************/
-$App->AddExtraHtmlHeader('<link rel="stylesheet" type="text/css" href="/donate/assets/public/stylesheets/improve.min.css" media="screen" />');
-$App->AddExtraJSFooter('<script type="text/javascript" src="/donate/assets/public/javascript/scripts.min.js"></script>');
-$container_class = 'download-page';
-$donation_form_class = 'col-md-offset-3 col-md-18';
-if (!isset($download_page)) {
- $container_class = 'default-page';
- $donation_form_class = 'col-md-16';
-}
?>
-<?php if (!isset($download_page)):?>
-<section class="jumbotron breadcrumbs-offset">
- <div class="container">
- <div class="content">
- <?php print $Paypal->get_client_message();?>
- <div class="row">
- <div class="col-md-16">
- <h1><strong>Together</strong> we can improve Eclipse</h1>
- <p>Eclipse is a great <strong>IDE and community</strong>. We want to make it even better!
- All money donated by Friends of Eclipse will go directly to funding <strong>Eclipse IDE development.</strong></p>
- </div>
- <div class="col-md-8 text-center" style="padding:60px 0 25px 0;">
- <img src="/donate/images/logo-friend-of-eclipse.png" alt="Friend of Eclipse">
- </div>
- </div>
- </div>
- </div>
-</section>
-<?php else:?>
-<div class="jumbotron breadcrumbs-offset" style="padding:10px 0;">
- <div class="container">
- <div class="content text-center">
- <?php print $Paypal->get_client_message();?>
- <h1><span class="thankyou-title"><?php print $title_1 . '</span> ' . $title_2;?></h1>
- <div class="participate-message">
- <p>Participate in our success and together <span class="fw-700">let's make Eclipse even better.</span></p>
- </div>
- <span class="direct-link"><?php print $download_link; ?></span>
- </div>
- </div>
-</div>
-<?php endif;?>
-<section class="content <?php print $container_class?>">
+<div class="jumbotron text-center breadcrumbs-offset">
<div class="container">
<div class="row">
- <div class="<?php print $donation_form_class;?>">
- <h2><strong>Your donation</strong> will fund Eclipse IDE development.</h2>
- <form id="donation_default_eclipse_form" class="choose-amount" action="<?php print $Paypal->get_gateway_process_url();?>" method="POST">
- <div class="row">
- <div id="choose-amount-col" class="col-md-13 col-sm-11 padding-bottom-10">
- <div id="choose-amount-container">
- <div id="choose-amount-container-paypal">
- <div class="row">
- <div class="col-xs-4"><button type="button" class="btn btn-focus btn-square" value="5">$5</button></div>
- <div class="col-xs-20 amount-body"><strong>Donor</strong></div>
- </div>
- <div class="row">
- <div class="col-xs-4"><button type="button" class="btn btn-focus btn-square" value="10">$10</button></div>
- <div class="col-xs-20 amount-body"><strong>Supporter</strong></div>
- </div>
- <div class="row">
- <div class="col-xs-4"><button type="button" class="btn btn-focus btn-square" value="35">$35</button></div>
- <div class="col-xs-20 highlight amount-body two-lines active"><strong>Friend of Eclipse</strong><br><span>Mirror site + Friend of Eclipse logo + O'Reilly discount</span></div>
- </div>
- <div class="row">
- <div class="col-xs-4"><button type="button" class="btn btn-focus btn-square active" value="50">$50</button></div>
- <div class="col-xs-20 highlight amount-body two-lines"><strong>Neon Best Friend</strong><br><span>Neon T-shirt + EclipseCon discount + Friend benefits</span></div>
- </div>
- <div class="row">
- <div class="col-xs-4"><button type="button" class="btn btn-focus btn-square" value="250">$250</button></div>
- <div class="col-xs-20 amount-body two-lines"><strong>Webmaster Idol</strong><br><span>Best Friend benefits + a huge thank you from our webmaster</span></div>
- </div>
- </div>
- <input id="other-amount" type="text" class="num-only margin-top-20" placeholder="Or enter amount..." /></li>
- </div>
- </div>
- <div class="col-md-10 col-sm-12 optional-form-fields">
- <input type="text" name="first_name" value="<?php print $Paypal->Donation->Donor->get_donor_first_name();?>" placeholder="First Name (Optional)">
- <input type="text" name="last_name" value="<?php print $Paypal->Donation->Donor->get_donor_last_name();?>" placeholder="Last Name (Optional)">
- <input type="email" name="email" value="<?php print $Paypal->Donation->Donor->get_donor_email();?>" placeholder="Email Address (Optional)">
- <textarea name="message" placeholder="Comments (Optional)"></textarea>
+ <div class="col-sm-18 col-sm-offset-3 donate-container">
+ <div class="donate-container-content">
+ <h1>
+ Give back to the <strong class="orange">open source</strong>
+ community that's been with you for over 15 years.
+ </h1>
+ <input class="donate-bar" type="range" value="3" step="1" min="1" max="5">
+ </div>
+ <ul class="list-inline list-donate-amount text-left margin-bottom-20">
+ <li class="one">$5</li>
+ <li class="two">$10</li>
+ <li class="three">$35</li>
+ <li class="four">$50</li>
+ <li class="five">$100</li>
+ </ul>
- <div class="padding-top-10 is_anonymous">
- <input type="checkbox" name="is_anonymous" value="is_anonymous" /> I prefer to remain anonymous.
- </div>
- <hr>
- </div>
+ <div class="form-inline margin-bottom-20 donate-submit">
+ <div class="input-group">
+ <div class="input-group-addon">USD</div>
+ <input class="donate-amount form-control text-center" type="number" name="firstAmount" value="35">
</div>
+ <!-- <input type="submit" class="btn btn-warning"> -->
+ <button type="button" class="btn btn-warning btn-donate" data-toggle="modal" data-target="#donationModal">Donate</button>
+ </div>
+ <ul class="list-inline">
+ <li><a class="grey-link" href="mailto:donate@eclipse.org?subject=Donation Problem">Problems donating?</a></li>
+ <li><a class="grey-link" href="faq.php">Donation FAQs</a></li>
+ </ul>
+ </div>
+ </div>
+
+
+ </div>
+</div>
+
+<!-- Modal -->
+<div class="modal fade text-center" id="donationModal" tabindex="-1" role="dialog" aria-labelledby="donation_modal">
+ <div class="donate-modal modal-dialog modal-sm" role="document">
+ <div class="modal-content">
+ <form id="donation_default_eclipse_form" class="choose-amount" action="<?php print $Paypal->get_gateway_process_url();?>" method="POST">
+ <div class="modal-header">
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
+ <h4 class="modal-title" id="myModalLabel">Thank you for supporting <span class="text-nowrap">our community</span>!</h4>
+ </div>
+ <div class="modal-body">
<div class="row">
- <div class="col-sm-18">
- <div class="well total-amount-container clearfix">
- <div class="row">
- <div class="col-lg-12 padding-bottom-10">
- Donation amount: <strong id="total-amount-sign">$</strong><input type="text" name="amount" class="total-amount num-only" value="50"/>
- </div>
- <div class="col-sm-12 col-lg-5 padding-bottom-10" id="subscription_container">
- <input type="radio" name="subscription" id="subscription_default" value="0" checked="checked"/> One-time<br/>
- <input type="radio" name="subscription" value="M"/> Monthly<br/>
- <input type="radio" name="subscription" value="Y"/> Yearly<br/>
- </div>
- <div class="col-sm-12 col-lg-7">
- <ul class="list-unstyled margin-bottom-0">
- <li class="payment-type"><input type="radio" name="type" value="paypal" checked="checked"/> <img src="/donate/images/gateway_paypal.png" alt="Pay with paypal.com" height="17" /></li>
- <li class="payment-type"><input type="radio" name="type" value="bitpay"/> <img src="/donate/images/gateway_bitcoin.png" alt="Pay with Bitcoins with bitpay.com" height="17" /></li>
- </ul>
- </div>
+ <div class="col-sm-12 col-sm-offset-6">
+ <div class="form-inline margin-bottom-15">
+ <div class="input-group">
+ <div class="input-group-addon">USD</div>
+ <input class="form-control num-only form-amount text-center" type="text" name="amount" value="35">
</div>
</div>
</div>
- <div class="col-sm-6 margin-top-5">
- <input type="submit" class="btn btn-warning donation-button" value="Donate" id="donation_default_eclipse_submit"/>
+ </div>
+
+
+ <div class="row margin-bottom-5">
+ <div class="col-sm-24">
+ <label class="radio-inline"><input type="radio" name="type" value="paypal" checked="checked"> Paypal</label>
+ <label class="radio-inline"><input type="radio" name="type" value="bitpay"> Bitcoin</label>
</div>
</div>
- </form>
- </div>
- <?php if (!isset($download_page)):?>
- <?php include('en_sidebar.php');?>
- <?php endif;?>
+
+ <div class="row margin-bottom-5">
+ <div class="col-sm-24">
+ <label class="radio-inline"><input type="radio" name="subscription" id="subscription_default" value="0" checked="checked"> One-time</label>
+ <label class="radio-inline"><input type="radio" name="subscription" value="M"> Monthly</label>
+ <label class="radio-inline"><input type="radio" name="subscription" value="Y"> Yearly</label>
+ </ul>
+ </div>
+ </div>
+
+ <div class="checkbox">
+ <label>
+ <input class="recognition-checkbox" type="checkbox" value="" name="recognition">
+ <span class="recognition-text">I want to be listed on the recognition page</span>
+ </label>
+ </div>
+
+ <div class="recognition-fields form-inline">
+ <div class="form-group">
+ <input class="form-control margin-bottom-10" type="text" name="first_name" placeholder="First Name">
+ </div>
+ <div class="form-group">
+ <input class="form-control margin-bottom-10" type="text" name="last_name" placeholder="Last Name">
+ </div>
+ </div>
+
+ </div>
+ <div class="modal-footer donate-modal-footer text-center">
+ <input type="submit" value="Donate" class="btn btn-warning">
+ </div>
+ </form>
</div>
</div>
-</section>
-
+</div>
\ No newline at end of file
diff --git a/gruntfile.js b/gruntfile.js
index 89191b6..e67a34c 100644
--- a/gruntfile.js
+++ b/gruntfile.js
@@ -56,18 +56,30 @@
}
},
},
+ concat: {
+ options: {
+ //separator: ';',
+ },
+ js_donate: {
+ src: ['./bower_components/range-slider/dist/rangeslider.min.js', './assets/public/javascript/scripts.min.js'],
+ dest: './assets/public/javascript/scripts.min.js',
+ },
+ css_donate: {
+ src: ['./bower_components/range-slider/dist/rangeslider.css', './assets/public/stylesheets/improve.min.css'],
+ dest: './assets/public/stylesheets/improve.min.css',
+ },
+ },
watch: {
js_files: {
- files: [
- './assets/src/javascript/scripts.js'],
- tasks: ['uglify:js_files']
+ files: ['./assets/src/javascript/scripts.js'],
+ tasks: ['uglify:js_files', 'concat:js_donate']
},
less: {
files: ['./assets/src/stylesheets/**/*.less',
'./bower_components/solstice-assets/less/*.less',
'./bower_components/solstice-assets/**/*.less'
],
- tasks: ['less'],
+ tasks: ['less','concat:css_donate'],
options: {
livereload: true
// reloads the browser
diff --git a/images/donate_eclipse_logo.png b/images/donate_eclipse_logo.png
new file mode 100644
index 0000000..718de1b
--- /dev/null
+++ b/images/donate_eclipse_logo.png
Binary files differ
diff --git a/images/donate_modal_bg.jpg b/images/donate_modal_bg.jpg
new file mode 100644
index 0000000..3c90b05
--- /dev/null
+++ b/images/donate_modal_bg.jpg
Binary files differ
diff --git a/images/donate_mountain_bg.jpg b/images/donate_mountain_bg.jpg
new file mode 100644
index 0000000..8623857
--- /dev/null
+++ b/images/donate_mountain_bg.jpg
Binary files differ
diff --git a/index.php b/index.php
index 9c5fcc2..015278a 100644
--- a/index.php
+++ b/index.php
@@ -22,7 +22,7 @@
$App->preventCaching();
# Begin: page-specific settings. Change these.
-$pageTitle = "Support Eclipse";
+$pageTitle = "Eclipse Donation";
$pageKeywords = "friends of eclipse, donation, contribution";
$pageAuthor = "Christopher Guindon";
@@ -37,4 +37,6 @@
$App->setThemeVariables($variables);
# Generate the web page
+$App->AddExtraHtmlHeader('<link rel="stylesheet" type="text/css" href="/donate/assets/public/stylesheets/improve.min.css" media="screen" />');
+$App->AddExtraJSFooter('<script type="text/javascript" src="/donate/assets/public/javascript/scripts.min.js"></script>');
$App->generatePage(NULL, $Menu, NULL, $pageAuthor, $pageKeywords, $pageTitle, $html);
