Begin templated section about compliance.

There will be a new area of the website specifically about compliance.
This begins the work to make a templated section about it.
This commit is contained in:
Bradley M. Kuhn 2015-03-05 07:32:48 -08:00
parent 30241ff42d
commit 58b8f22abe
3 changed files with 58 additions and 80 deletions

View file

@ -1,85 +1,7 @@
{% extends "base_conservancy.html" %}
{% extends "base_compliance.html" %}
{% block subtitle %}GPL Compliance Project For Linux Developers - {% endblock %}
{% block category %}Current{% endblock %}
{% block head %}
<link href="/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="/jquery.min.js"></script>
<script type="text/javascript" src="/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.toggle-content').hide();
$('.toggle-control')
.addClass('clickable')
.bind('click', function() {
var $control = $(this);
var $parent = $control.parents('.toggle-unit');
$parent.toggleClass('expanded');
$parent.find('.toggle-content').slideToggle();
// if control has HTML5 data attributes, use to update text
if ($parent.hasClass('expanded')) {
$control.html($control.attr('data-expanded-text'));
} else {
$control.html($control.attr('data-text'));
}
});
$('a.donate-now')
.addClass('clickable')
.bind('click', function() {
var $control = $('#donate-box');
$control.toggleClass('expanded');
$control.find('.toggle-content').slideUp("slow");
$control.find('.toggle-content').slideDown("slow");
});
});
</script>
{% endblock %}
{% block submenuselection %}About{% endblock %}
{% block content %}
<div style="position:fixed;top:180px;right:2%;width:18%">
<table style="background-color:#afe478;width:100%;">
<tr><td style="text-align:center;padding:10px;padding-bottom:10px;">
<div id="donate-box" class="toggle-unit"><h1 class="toggle-content">Donate Now!</h1></div>
<a id="donate" style="text-decoration:none"></a>
<!-- PayPal start -->
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="4ZKJN4F9BMFAS">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif style="border:0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" style="border:0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
<!-- PayPal end -->
<p>
Other donation methods:
<div class="toggle-unit">
<h4 class="toggle-control" data-text="Wire Transfer"
data-expanded-text="Wire Transfer:">Wire Transfer</h4>
<div class="toggle-content">
Please
contact <a href="mailto:accounting@sfconservancy.org">Conservancy
by email</a><br/> for wire transfer instructions.<br/>
Please Include your currency and country.<br/>
</div><!-- /.toggle-content -->
</div><!-- /.toggle.unit -->
<div class="toggle-unit">
<h4 class="toggle-control" data-text="Paper Check"
data-expanded-text="Paper Check:">Paper Check</h4>
<div class="toggle-content">
Send paper check donations to:<br/>
Software Freedom Conservancy, Inc.<br/>
137 MONTAGUE ST STE 380<br/>
BROOKLYN, NY 11201-3548<br/>
Please write <q>GPL COMPLIANCE FOR LINUX DEVS</q> in the memo line.
</div><!-- /.toggle-content -->
</div><!-- /.toggle.unit -->
</p></td></tr></table></div>
<div style="align:left;width:80%;">
<h1>GPL Compliance Project for Linux Developers</h1>
<p>The GPL Compliance Project for Linux Developers is comprised of copyright

View file

@ -0,0 +1 @@
about.html

View file

@ -0,0 +1,55 @@
{% extends "base_conservancy.html" %}
{% block head %}
<link href="/jquery-ui.css" rel="stylesheet" type="text/css"/>
<link href="/forms.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="/jquery.min.js"></script>
<script type="text/javascript" src="/jquery-ui.min.js"></script>
<script type="text/javascript" src="/supporter-page.js"></script>
{% endblock %}
{% block outercontent %}
<div class="donate-sidebar">
<table style="background-color:#afe478;width:100%;">
<tr><td style="text-align:center;padding:10px;padding-bottom:10px;">
<div id="donate-box" class="toggle-unit"><h1 class="toggle-content">Support
Now!</h1></div>
<h3>Support GPL Compliance Now!</h3>
<p>Support our GPL compliance work now &amp; <strong>donation counts double!</strong></p>
<p>Thanks to an generous anonymous donation match generous, donations during
this campaign will be matched dollar-for-dollar! You can effectively
double your donation if you support our GPL compliance work now!</p>
$<span id="fundraiser-so-far">0</span>
of $<span id="fundraiser-goal">50,000</span> match met.<br/>
<div id="progressbar" style="height:20px;"><span id="fundraiser-percentage" style="float:right; align:center; margin-right:40%"></span></div>
<p>There are many ways to donate! Donate now via PayPal:
<!-- PayPal start -->
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="4ZKJN4F9BMFAS">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" style="border:0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" style="border:0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
<!-- PayPal end -->
</p>
<p>Or, <a href="/supporter/#annual"><strong>become a Conservancy
Supporter</strong></a>.</p>
</td></tr></table>
</div>
<div id="container">
<div id="sidebar" class="{% block submenuselection %}other{% endblock %}">
<h2>Conservancy's GPL {% block category %}Compliance{% endblock %} Work</h2>
<ul>
<li class="About"><a href="/linux-compliance/about.html">About GPL Compliance Project for Linux Developers</a></li>
</ul>
</div>
<div id="mainContent">{% block content %}{% endblock %}
</div>
</div>
{% endblock %}