58 lines
2.3 KiB
Text
58 lines
2.3 KiB
Text
<%- # License: AGPL-3.0-or-later WITH WTO-AP-3.0-or-later
|
|
# Full license explanation at https://github.com/houdiniproject/houdini/blob/master/LICENSE -%>
|
|
<%= content_for :stylesheets do %>
|
|
<%= stylesheet_link_tag 'nonprofits/button/page' %>
|
|
<% end %>
|
|
<%= content_for :javascripts do %>
|
|
<%= javascript_pack_tag 'i18n', 'page__nonprofits__button'%>
|
|
<% end %>
|
|
<% content_for(:footer_hidden) {'hidden'} %>
|
|
|
|
<script>
|
|
document.addEventListener("DOMContentLoaded", function(event) {
|
|
(function() {
|
|
if(document.querySelector('.commitchange-donate[data-fixed]')) return;
|
|
var cc_donate = document.createElement('div');
|
|
cc_donate.innerHTML = "<a data-fixed class='commitchange-donate'></a>";
|
|
document.body.appendChild(cc_donate);
|
|
var npo = window.app.nonprofit.id;
|
|
var script = document.createElement('script');
|
|
var first = document.getElementsByTagName('script')[0];
|
|
script.setAttribute('data-npo-id', npo);
|
|
script.id = 'commitchange-script';
|
|
script.src = '<%= request.base_url %>/js/donate-button.v2.js';
|
|
first.parentNode.insertBefore(script, first);
|
|
})();
|
|
})
|
|
</script>
|
|
|
|
<header class='header'>
|
|
<div class='container--mid'>
|
|
<i class='header-icon icon-credit-card'></i>
|
|
<h3 class='header-title'>Donate Form Builder</h3>
|
|
<%= render 'tabs', active: :basic %>
|
|
</div>
|
|
</header>
|
|
|
|
<aside class='helpBoxWrapper helpBoxWrapper--fade'>
|
|
<div class='helpBox'>
|
|
<p>
|
|
This is a <strong>live</strong> preview of the donate button.
|
|
</p>
|
|
</div>
|
|
</aside>
|
|
|
|
<div class='container u-paddingX--30 u-marginTop--20'>
|
|
<h5 class='u-centered'>Begin collecting donations on your website in minutes</h5>
|
|
<p>You can begin collecting donations on your website in minutes by copying and pasting the snippet of code below onto your website. It's as easy as adding a Facebook 'Like' button to your website. When adding the script to your website be sure to add it to the footer.</p>
|
|
|
|
<p>If this sounds too technical for you, don't worry; in most cases, we can either walk you through the process or add the code for you.</p>
|
|
|
|
<p>For more customization options for your donate button, such as creating a button from an image or adding a designation, use our <strong><%= link_to 'guided', nonprofits_button_guided_path(@nonprofit) %></strong> donate button builder.
|
|
</p>
|
|
|
|
<section class='u-marginTop--20'>
|
|
<%= render 'include_oneline_snippet' %>
|
|
</section>
|
|
|
|
</div>
|