From 58b8f22abefe041ffa3d140076c0e8dd0e3844bc Mon Sep 17 00:00:00 2001
From: "Bradley M. Kuhn" <bkuhn@ebb.org>
Date: Thu, 5 Mar 2015 07:32:48 -0800
Subject: [PATCH] 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.
---
 .../static/linux-compliance/about.html        | 82 +------------------
 .../static/linux-compliance/index.html        |  1 +
 .../templates/base_compliance.html            | 55 +++++++++++++
 3 files changed, 58 insertions(+), 80 deletions(-)
 create mode 120000 www/conservancy/static/linux-compliance/index.html
 create mode 100644 www/conservancy/templates/base_compliance.html

diff --git a/www/conservancy/static/linux-compliance/about.html b/www/conservancy/static/linux-compliance/about.html
index 3d3498c0..129b70ea 100644
--- a/www/conservancy/static/linux-compliance/about.html
+++ b/www/conservancy/static/linux-compliance/about.html
@@ -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
diff --git a/www/conservancy/static/linux-compliance/index.html b/www/conservancy/static/linux-compliance/index.html
new file mode 120000
index 00000000..546f3050
--- /dev/null
+++ b/www/conservancy/static/linux-compliance/index.html
@@ -0,0 +1 @@
+about.html
\ No newline at end of file
diff --git a/www/conservancy/templates/base_compliance.html b/www/conservancy/templates/base_compliance.html
new file mode 100644
index 00000000..36c22cb2
--- /dev/null
+++ b/www/conservancy/templates/base_compliance.html
@@ -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 %}