Draft of new Donate pages.
Signed-off-by: Eric Poirier <eric@eclipse.org>
diff --git a/new/.gitignore b/new/.gitignore
new file mode 100644
index 0000000..2ccbe46
--- /dev/null
+++ b/new/.gitignore
@@ -0,0 +1 @@
+/node_modules/
diff --git a/new/content/en_credit.php b/new/content/en_credit.php
new file mode 100644
index 0000000..47a3f7e
--- /dev/null
+++ b/new/content/en_credit.php
@@ -0,0 +1,247 @@
+<?php ?>
+<div class="jumbotron">
+ <div class="container">
+ <div class="content">
+ <h1>Together we can improve Eclipse</h1>
+ <p>Eclipse is a great <a href="#">IDE and community</a>. We want to make it even better! <br>All money donated by Friends of Eclipse will go directly to funding <a href="#">Eclipse development</a>. </p>
+ </div>
+ </div>
+</div>
+
+
+<div class="accomplished">
+ <header>
+ <div class="container">
+ <div class="row">
+ <div class="col-md-24 content-container">
+ <h2>What we’ve accomplished <strong>Together!</strong></h2>
+ </div>
+ </div>
+ </div>
+ </header>
+
+ <div class="container">
+ <div class="row">
+ <div class="col-sm-8">
+ <div class="row">
+ <div class="col-sm-24">
+ <img class="floatLeft" src="images/checkmark.jpg" alt="" />
+ <p>1 Lorem Ipsum Dolor</p>
+ </div>
+ <div class="col-sm-24">
+ <img class="floatLeft" src="images/checkmark.jpg" alt="" />
+ <p>2 Lorem Ipsum Dolor</p>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm-8">
+ <div class="row">
+ <div class="col-sm-24">
+ <img class="floatLeft" src="images/checkmark.jpg" alt="" />
+ <p>3 Lorem Ipsum Dolor</p>
+ </div>
+ <div class="col-sm-24">
+ <img class="floatLeft" src="images/checkmark.jpg" alt="" />
+ <p>4 Lorem Ipsum Dolor</p>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm-8">
+ <div class="row">
+ <div class="col-sm-24">
+ <img class="floatLeft" src="images/checkmark.jpg" alt="" />
+ <p>5 Lorem Ipsum Dolor</p>
+ </div>
+ <div class="col-sm-24">
+ <img class="floatLeft" src="images/checkmark.jpg" alt="" />
+ <p>6 Lorem Ipsum Dolor</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+
+<div class="thankyou">
+ <header>
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h2><strong>Thank you</strong></h2>
+ </div>
+ <div class="col-md-12">
+ <h2><strong><sup>$</sup>100 +</strong> Best Friends of Eclipse</h2>
+ </div>
+ </div>
+ </div>
+ </header>
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <div class="row">
+ <div class="col-md-24">
+ <img class="floatLeft marginRight" src="images/logo-google.jpg" alt="Google">
+ <img class="floatLeft marginRight" src="images/logo-novell.jpg" alt="Novell">
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-24">
+ <img class="floatLeft marginRight" src="images/logo-debeka.jpg" alt="Debeka">
+ <img class="floatLeft marginRight" src="images/logo-deshaw.jpg" alt="DeShaw and Co">
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-24">
+ <img class="floatLeft marginRight" src="images/logo-ibm.jpg" alt="IBM">
+ <img class="floatLeft marginRight" src="images/logo-oracle.jpg" alt="Oracle">
+ </div>
+ </div>
+ </div> <!-- end of .col-md-12 -->
+
+ <div class="col-md-12">
+ <div class="row">
+ <div class="col-sm-12">
+ <div class="row">
+ <div class="col-sm-8">
+ <img src="images/pic-01.jpg" alt="Picture 01">
+ </div>
+ <div class="col-sm-16">
+ <p><strong>Wilfredo Burnell</strong></p>
+ <p><em>President</em></p>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-sm-8">
+ <img src="images/pic-01.jpg" alt="Picture 01">
+ </div>
+ <div class="col-sm-16">
+ <p><strong>Wilfredo Burnell</strong></p>
+ <p><em>President</em></p>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-sm-8">
+ <img src="images/pic-01.jpg" alt="Picture 01">
+ </div>
+ <div class="col-sm-16">
+ <p><strong>Wilfredo Burnell</strong></p>
+ <p><em>President</em></p>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm-12">
+ <div class="row">
+ <div class="col-sm-8">
+ <img src="images/pic-01.jpg" alt="Picture 01">
+ </div>
+ <div class="col-sm-16">
+ <p><strong>Wilfredo Burnell</strong></p>
+ <p><em>President</em></p>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-sm-8">
+ <img src="images/pic-01.jpg" alt="Picture 01">
+ </div>
+ <div class="col-sm-16">
+ <p><strong>Wilfredo Burnell</strong></p>
+ <p><em>President</em></p>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-sm-8">
+ <img src="images/pic-01.jpg" alt="Picture 01">
+ </div>
+ <div class="col-sm-16">
+ <p><strong>Wilfredo Burnell</strong></p>
+ <p><em>President</em></p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div> <!-- end of .col-md-12 -->
+
+ </div>
+ </div>
+</div><!-- end of .thankyou -->
+
+<div class="friends">
+ <header>
+ <div class="container">
+ <div class="row">
+ <div class="col-md-24">
+ <h2><strong><sup>$</sup>35 +</strong> Friends of Eclipse</h2>
+ </div>
+ </div>
+ </div>
+ </header>
+ <div class="container">
+ <div class="row">
+ <div class="col-md-6 col-sm-12">
+ <p>Wilfredo Burnell</p>
+ <p>Mara Darby</p>
+ <p>Elane Dossett</p>
+ <p>Carina Painter</p>
+ <p>Patsy Rundell</p>
+ <p>Ema Bouknight</p>
+ <p>Jeffrey Dyke</p>
+ <p>Denna Lineman</p>
+ <p>Mathilde Hersey</p>
+ </div>
+ <div class="col-md-6 col-sm-12">
+ <p>Wilfredo Burnell</p>
+ <p>Mara Darby</p>
+ <p>Elane Dossett</p>
+ <p>Carina Painter</p>
+ <p>Patsy Rundell</p>
+ <p>Ema Bouknight</p>
+ <p>Jeffrey Dyke</p>
+ <p>Denna Lineman</p>
+ <p>Mathilde Hersey</p>
+ </div>
+ <div class="col-md-6 col-sm-12">
+ <p>Wilfredo Burnell</p>
+ <p>Mara Darby</p>
+ <p>Elane Dossett</p>
+ <p>Carina Painter</p>
+ <p>Patsy Rundell</p>
+ <p>Ema Bouknight</p>
+ <p>Jeffrey Dyke</p>
+ <p>Denna Lineman</p>
+ <p>Mathilde Hersey</p>
+ </div>
+ <div class="col-md-6 col-sm-12">
+ <p>Wilfredo Burnell</p>
+ <p>Mara Darby</p>
+ <p>Elane Dossett</p>
+ <p>Carina Painter</p>
+ <p>Patsy Rundell</p>
+ <p>Ema Bouknight</p>
+ <p>Jeffrey Dyke</p>
+ <p>Denna Lineman</p>
+ <p>Mathilde Hersey</p>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-sm-6 col-sm-offset-8">
+ <p class="alignCenter more"><a href="#">MORE <i class="fa fa-chevron-down"></i></a></p>
+ </div>
+ </div>
+ </div>
+</div>
+
+<script>
+ $(document).ready(function(){
+ $('.slider-input').jRange({
+ from: 0,
+ to: 100,
+ step: 1,
+ scale: [0,25,50,75,100],
+ format: '%s',
+ width: 300,
+ showLabels: true
+ });
+ });
+</script>
+
+
diff --git a/new/content/en_index.php b/new/content/en_index.php
new file mode 100644
index 0000000..b1364d6
--- /dev/null
+++ b/new/content/en_index.php
@@ -0,0 +1,110 @@
+<?php ?>
+<div class="jumbotron">
+ <div class="container">
+ <div class="content">
+ <h1>Together we can improve Eclipse</h1>
+ <p>Eclipse is a great <a href="#">IDE and community</a>. We want to make it even better! <br>All money donated by Friends of Eclipse will go directly to funding <a href="#">Eclipse development</a>. </p>
+ </div>
+ </div>
+</div>
+
+<div class="container">
+ <div class="col-sm-15 col-md-17 content-container">
+ <h2><strong>You</strong> can help fund Eclipse development</h2>
+ <p>Tell us how where you want Eclipse to be improved. Allocate your donation to <strong>one of the categories below</strong>.</p>
+
+ <!-- Slider Start -->
+ <div class="row slider-row">
+ <div class="col-sm-10 col-md-8"><strong>Java Support <i class="fa fa-chevron-right"> </i></strong></div>
+ <div class="col-sm-10 col-md-14">text</div>
+ <div class="col-sm-4 col-md-2 amount"><sup>$</sup>10</div>
+ </div>
+
+ <div class="row slider-row">
+ <div class="col-sm-10 col-md-8"><strong>Java EE Support <i class="fa fa-chevron-right"> </i></strong></div>
+ <div class="col-sm-10 col-md-14">text</div>
+ <div class="col-sm-4 col-md-2 amount"><sup>$</sup>10</div>
+ </div>
+
+ <div class="row slider-row">
+ <div class="col-sm-10 col-md-8"><strong>UI Improvements <i class="fa fa-chevron-right"> </i></strong></div>
+ <div class="col-sm-10 col-md-14">text</div>
+ <div class="col-sm-4 col-md-2 amount"><sup>$</sup>10</div>
+ </div>
+
+ <div class="row slider-row">
+ <div class="col-sm-10 col-md-8"><strong>Workbench <i class="fa fa-chevron-right"> </i></strong></div>
+ <div class="col-sm-10 col-md-14">text</div>
+ <div class="col-sm-4 col-md-2 amount"><sup>$</sup>10</div>
+ </div>
+
+ <div class="row slider-row">
+ <div class="col-sm-10 col-md-8"><strong>Performance <i class="fa fa-chevron-right"> </i></strong></div>
+ <div class="col-sm-10 col-md-14">text</div>
+ <div class="col-sm-4 col-md-2 amount"><sup>$</sup>10</div>
+ </div>
+
+ <div class="row slider-row">
+ <div class="col-sm-10 col-md-8"><strong>General <i class="fa fa-chevron-right"> </i></strong></div>
+ <div class="col-sm-10 col-md-14">text</div>
+ <div class="col-sm-4 col-md-2 amount"><sup>$</sup>10</div>
+ </div>
+
+ <!-- Slider End -->
+
+
+ </div>
+ <div class="col-sm-8 col-md-6 sidebar col-sm-offset-1">
+ <div class="amount-box">
+ <h2>Total <strong><sup>$</sup>165</strong></h2>
+ </div>
+ <form class="donate-form" action="">
+ <input type="hidden" value="165">
+ <input placeholder="First name">
+ <input placeholder="Last name">
+ <input placeholder="Eclipse ID">
+ <textarea rows="" cols="" placeholder="Comments"></textarea>
+ <hr>
+ <input id="public" type="radio" value="public" name="user-type"> <label for="public">Public</label> <br>
+ <input id="anonymous" type="radio" value="anonymous" name="user-type"> <label for="anonymous">Anonymous</label><br>
+ <hr>
+ <label for="payment-method">Choose a payment method:</label>
+ <select id="payment-method" class="form-control">
+ <option>Paypal</option>
+ <option>Bitcoin</option>
+ <option>Wire Transfer</option>
+ </select>
+ <button class="btn btn-huge btn-warning">DONATE</button>
+ </form>
+
+
+ <div class="panel">
+ <p class="alignCenter"><img src="images/shirt.png" alt=""></p>
+ <h2>Best Friend!</h2>
+ <ul>
+ <li>Eclipse T-Shirt</li>
+ <li>EclipseCon Discount</li>
+ <li>Eclipse Mirror Site</li>
+ <li>Friends of Eclipse Logo</li>
+ <li>40% off prints and 50% off ebooks at oreilly.com</li>
+ </ul>
+ </div>
+ </div>
+</div>
+
+
+<script>
+ $(document).ready(function(){
+ $('.slider-input').jRange({
+ from: 0,
+ to: 100,
+ step: 1,
+ scale: [0,25,50,75,100],
+ format: '%s',
+ width: 300,
+ showLabels: true
+ });
+ });
+</script>
+
+
diff --git a/new/credit.php b/new/credit.php
new file mode 100644
index 0000000..0335ec3
--- /dev/null
+++ b/new/credit.php
@@ -0,0 +1,42 @@
+<?php
+/*******************************************************************************
+ * Copyright (c) 2014 Eclipse Foundation and others.
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License v1.0
+ * which accompanies this distribution, and is available at
+ * http://eclipse.org/legal/epl-v10.html
+ *
+ * Contributors:
+ * Edouard Poitras (Eclipse Foundation) - Initial implementation
+ *******************************************************************************/
+require_once($_SERVER['DOCUMENT_ROOT'] . "/eclipse.org-common/system/app.class.php");
+require_once($_SERVER['DOCUMENT_ROOT'] . "/eclipse.org-common/system/nav.class.php");
+require_once($_SERVER['DOCUMENT_ROOT'] . "/eclipse.org-common/system/menu.class.php");
+
+$App = new App();
+$Nav = new Nav();
+$Menu = new Menu();
+
+# Begin: page-specific settings. Change these.
+$pageTitle = "Credits Eclipse";
+$pageKeywords = "friends of eclipse, donation, contribution";
+$pageAuthor = "Christopher Guindon";
+
+// Custom theme variables
+$variables = array();
+$variables['main_container_classes'] = 'container-credit';
+
+// Place your html content in a file called content/en_pagename.php
+ob_start();
+include("content/en_" . $App->getScriptName());
+$html = ob_get_clean();
+
+$App->setThemeVariables($variables);
+
+# Generate the web page
+
+$App->AddExtraHtmlHeader('<script type="text/javascript" src="/eclipse.org-common/lib/jquery/jquery-2.0.0.min.js"></script>');
+$App->AddExtraHtmlHeader('<script type="text/javascript" src="javascripts/jquery.range.js"></script>');
+$App->AddExtraHtmlHeader('<link rel="stylesheet" type="text/css" href="css/jquery.range.css" media="screen" />');
+$App->AddExtraHtmlHeader('<link rel="stylesheet" type="text/css" href="css/styles.css" media="screen" />');
+$App->generatePage("solstice", $Menu, NULL, $pageAuthor, $pageKeywords, $pageTitle, $html);
diff --git a/new/css/styles.css b/new/css/styles.css
new file mode 100644
index 0000000..1c0b6c4
--- /dev/null
+++ b/new/css/styles.css
@@ -0,0 +1,206 @@
+main {
+ padding-top: 0px !important;
+}
+
+/* ************ */
+/* Index Page */
+/* ************ */
+.container-donate .jumbotron {
+ background-image: url(../images/donate-header-bg.jpg);
+ background-size: cover;
+ padding: 150px 0 50px;
+ margin-bottom: 0;
+}
+.container-donate .jumbotron .container {
+ min-height: 200px;
+}
+.container-donate .jumbotron h1, .container-donate .jumbotron p {
+ color: #fff;
+}
+.container-donate .jumbotron h1 {
+ font-size: 39px;
+}
+.container-donate .jumbotron p {
+ font-size: 21px;
+}
+.container-donate .jumbotron p a {
+ color: #F7941E;
+}
+.container-donate .content-container {
+ position: relative;
+ top: -50px;
+ background-color: #f9f8f8;
+ padding: 40px;
+}
+.container-donate .content-container:before, .container-donate .content-container:after {
+ position: absolute;
+ top: 0;
+ content: " ";
+ display: table;
+ width: 14px;
+ display: block;
+ height: 292px;
+}
+.container-donate .content-container:before {
+ background-image: url(../images/shadow-left.png);
+ left: -14px;
+}
+.container-donate .content-container:after {
+ background-image: url(../images/shadow-right.png);
+ right: -14px;
+}
+.container-donate .content-container h2 {
+ margin-top: 0;
+}
+.container-donate .content-container > p {
+ margin-bottom: 40px;
+}
+.container-donate .content-container .slider-row {
+ margin-bottom: 20px;
+}
+.container-donate .content-container .slider-row .fa {
+ color: #afbbdc;
+ position: relative;
+ top: 1px;
+}
+.container-donate .content-container .slider-row .amount {
+ font-size: 35px;
+ color: #6f6f71;
+ font-weight: bold;
+}
+.container-donate .content-container .slider-row .amount sup {
+ font-size: 22px;
+}
+.container-donate .sidebar .amount-box {
+ border-top: 1px solid #cbcbcb;
+ border-bottom: 1px solid #cbcbcb;
+ margin: 40px 0 20px;
+}
+.container-donate .sidebar form.donate-form input:not([type="radio"]), .container-donate .sidebar form.donate-form textarea, .container-donate .sidebar form.donate-form select {
+ width: 100%;
+ margin-bottom: 10px;
+}
+.container-donate .sidebar form.donate-form input[type="radio"] {
+ margin-bottom: 10px;
+}
+.container-donate .sidebar .panel {
+ padding: 20px;
+ text-align: center;
+ background-color: #eef1f8;
+ margin-top: 20px;
+}
+.container-donate .sidebar .panel h2 {
+ color: #F7941E;
+ font-weight: bold;
+}
+.container-donate .sidebar .panel ul {
+ padding-left: 0;
+}
+.container-donate .sidebar .panel ul li {
+ list-style: none;
+ list-style-image: url(../images/orange-arrow.png);
+}
+
+/* ************ */
+/* Credit Page */
+/* ************ */
+.container-credit .jumbotron {
+ background-image: url(../images/donate-header-bg.jpg);
+ background-size: cover;
+ padding: 150px 0 50px;
+ margin-bottom: 0;
+}
+.container-credit .jumbotron .container {
+ min-height: 200px;
+}
+.container-credit .jumbotron h1, .container-credit .jumbotron p {
+ color: #fff;
+}
+.container-credit .jumbotron h1 {
+ font-size: 39px;
+}
+.container-credit .jumbotron p {
+ font-size: 21px;
+}
+.container-credit .jumbotron p a {
+ color: #F7941E;
+}
+.container-credit .accomplished, .container-credit .thankyou, .container-credit .friends {
+ margin-bottom: 40px;
+}
+.container-credit .accomplished header, .container-credit .thankyou header, .container-credit .friends header {
+ background-color: #2c2255;
+ margin-bottom: 40px;
+}
+.container-credit .accomplished header h2, .container-credit .thankyou header h2, .container-credit .friends header h2 {
+ color: #fff;
+ padding: 40px 0;
+ margin: 0;
+}
+.container-credit .accomplished header h2:before, .container-credit .thankyou header h2:before, .container-credit .friends header h2:before {
+ content: " ";
+ display: table;
+ position: absolute;
+ bottom: -10px;
+ left: 15px;
+ width: 0;
+ height: 0;
+ border-left: 10px solid transparent;
+ border-right: 10px solid transparent;
+ border-top: 10px solid #2c2255;
+}
+.container-credit .accomplished img, .container-credit .thankyou img, .container-credit .friends img {
+ margin: 0 20px 20px 0;
+}
+.container-credit .accomplished p {
+ font-size: 21px;
+ position: relative;
+ top: 6px;
+ color: #2C2255;
+}
+.container-credit .thankyou header h2 sup, .container-credit .friends header h2 sup {
+ font-size: 20px;
+}
+.container-credit .thankyou p, .container-credit .friends p {
+ margin: 10px 0px 0px;
+}
+.container-credit .friends .col-sm-12 {
+ border-right: 1px solid #dedede;
+}
+.container-credit .friends .col-sm-12:last-child {
+ border: none;
+}
+.container-credit .friends .more {
+ border-bottom: 1px solid #dedede;
+ padding: 10px 0;
+ position: relative;
+}
+.container-credit .friends .more a:hover {
+ text-decoration: none;
+}
+.container-credit .friends .more i.fa {
+ background-color: #fff;
+ padding: 5px;
+ display: block;
+ position: absolute;
+ bottom: -10px;
+ left: 50%;
+ margin-left: -12px;
+}
+
+/* ************ */
+/* Utility classes */
+/* ************ */
+.alignCenter {
+ text-align: center;
+}
+
+.floatLeft {
+ float: left;
+}
+
+.marginRight {
+ margin-right: 20px;
+}
+
+/*# sourceMappingURL=styles.css.map */
diff --git a/new/css/styles.css.map b/new/css/styles.css.map
new file mode 100644
index 0000000..856ba42
--- /dev/null
+++ b/new/css/styles.css.map
@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "AAEA,IAAI;EACF,WAAW,EAAC,cAAa;;;;;;AAQzB,4BAAU;EACR,gBAAgB,EAAC,mCAAmC;EACpD,eAAe,EAAC,KAAK;EACrB,OAAO,EAAC,YAAY;EACpB,aAAa,EAAC,CAAC;;AACf,uCAAU;EACR,UAAU,EAAE,KAAK;;AAEnB,+DAAK;EACH,KAAK,EAAC,IAAI;;AAEZ,+BAAE;EACA,SAAS,EAAC,IAAI;;AAEhB,8BAAC;EACC,SAAS,EAAC,IAAI;;AACd,gCAAC;EACC,KAAK,EAAC,OAAO;;AAOnB,oCAAkB;EAClB,QAAQ,EAAC,QAAQ;EACjB,GAAG,EAAC,KAAK;EACT,gBAAgB,EAAC,OAAO;EACxB,OAAO,EAAC,IAAI;;AAEZ,uFAAiB;EACf,QAAQ,EAAC,QAAQ;EACjB,GAAG,EAAC,CAAC;EACL,OAAO,EAAC,GAAG;EACX,OAAO,EAAE,KAAK;EACd,KAAK,EAAE,IAAI;EACX,OAAO,EAAE,KAAK;EACd,MAAM,EAAE,KAAK;;AAEf,2CAAQ;EACN,gBAAgB,EAAC,8BAA8B;EAC/C,IAAI,EAAC,KAAK;;AAEZ,0CAAO;EACL,gBAAgB,EAAC,+BAA+B;EAChD,KAAK,EAAC,KAAK;;AAGb,uCAAE;EACA,UAAU,EAAC,CAAC;;AAGd,wCAAG;EACD,aAAa,EAAC,IAAI;;AAGpB,gDAAW;EACT,aAAa,EAAC,IAAI;;AAClB,oDAAG;EACD,KAAK,EAAC,OAAO;EACb,QAAQ,EAAC,QAAQ;EACjB,GAAG,EAAC,GAAG;;AAET,wDAAO;EACL,SAAS,EAAC,IAAI;EACd,KAAK,EAAC,OAAO;EACb,WAAW,EAAC,IAAI;;AAChB,4DAAG;EACD,SAAS,EAAC,IAAI;;AAOpB,sCAAW;EACT,UAAU,EAAC,iBAAiB;EAC5B,aAAa,EAAC,iBAAiB;EAC/B,MAAM,EAAC,WAAW;;AAGlB,+KAA2C;EACzC,KAAK,EAAC,IAAI;EACV,aAAa,EAAC,IAAI;;AAEpB,+DAAmB;EACjB,aAAa,EAAC,IAAI;;AAGtB,iCAAM;EACJ,OAAO,EAAC,IAAI;EACZ,UAAU,EAAC,MAAM;EACjB,gBAAgB,EAAC,OAAO;EACxB,UAAU,EAAC,IAAI;;AACf,oCAAE;EACA,KAAK,EAAC,OAAO;EACb,WAAW,EAAC,IAAI;;AAElB,oCAAE;EACF,YAAY,EAAC,CAAC;;AACZ,uCAAE;EACA,UAAU,EAAC,IAAI;EACf,gBAAgB,EAAC,+BAA+B;;;;;;AAatD,4BAAU;EACR,gBAAgB,EAAC,mCAAmC;EACpD,eAAe,EAAC,KAAK;EACrB,OAAO,EAAC,YAAY;EACpB,aAAa,EAAC,CAAC;;AACf,uCAAU;EACR,UAAU,EAAE,KAAK;;AAEnB,+DAAK;EACH,KAAK,EAAC,IAAI;;AAEZ,+BAAE;EACA,SAAS,EAAC,IAAI;;AAEhB,8BAAC;EACC,SAAS,EAAC,IAAI;;AACd,gCAAC;EACC,KAAK,EAAC,OAAO;;AAQlB,wFAAkC;EACjC,aAAa,EAAC,IAAI;;AAClB,6GAAM;EACJ,gBAAgB,EAAC,OAAO;EAExB,aAAa,EAAC,IAAI;;AAClB,sHAAE;EACA,KAAK,EAAC,IAAI;EACV,OAAO,EAAC,MAAM;EACd,MAAM,EAAC,CAAC;;AACR,2IAAQ;EChKf,OAAO,EAAC,GAAG;EACV,OAAO,EAAC,KAAK;EACb,QAAQ,EAAC,QAAQ;EACjB,MAAM,EAAC,KAAK;EACZ,IAAI,EAAC,IAAI;EACT,KAAK,EAAE,CAAC;EACR,MAAM,EAAE,CAAC;EACT,WAAW,EAAE,sBAAsB;EACnC,YAAY,EAAE,sBAAsB;EACpC,UAAU,EAAE,kBAAkB;;AD6J5B,oGAAG;EACF,MAAM,EAAC,aAAa;;AAIrB,iCAAC;EACC,SAAS,EAAC,IAAI;EACd,QAAQ,EAAC,QAAQ;EACjB,GAAG,EAAC,GAAG;EACP,KAAK,EAAC,OAAO;;AAMV,mFAAG;EACD,SAAS,EAAC,IAAI;;AAIpB,2DAAC;EACA,MAAM,EAAC,YAAY;;AAIrB,qCAAU;EACR,YAAY,EAAC,iBAAiB;;AAC9B,gDAAY;EACV,MAAM,EAAC,IAAI;;AAGf,gCAAK;EACH,aAAa,EAAC,iBAAiB;EAC/B,OAAO,EAAC,MAAM;EACd,QAAQ,EAAC,QAAQ;;AAEf,wCAAO;EACL,eAAe,EAAC,IAAI;;AAGxB,qCAAI;EACF,gBAAgB,EAAC,IAAI;EACrB,OAAO,EAAC,GAAG;EACX,OAAO,EAAC,KAAK;EACb,QAAQ,EAAC,QAAQ;EACjB,MAAM,EAAC,KAAK;EACZ,IAAI,EAAC,GAAG;EACR,WAAW,EAAC,KAAK;;;;;;AAWzB,YAAY;EACV,UAAU,EAAC,MAAM;;;AAGnB,UAAU;EACT,KAAK,EAAC,IAAI;;;AAGX,YAAY;EACX,YAAY,EAAC,IAAI",
+"sources": ["../sass/styles.scss","../sass/mixin.scss"],
+"names": [],
+"file": "styles.css"
+}
diff --git a/new/gruntfile.js b/new/gruntfile.js
new file mode 100644
index 0000000..9c33e28
--- /dev/null
+++ b/new/gruntfile.js
@@ -0,0 +1,34 @@
+module.exports = function(grunt) {
+
+ // Project configuration.
+ grunt.initConfig({
+ pkg: grunt.file.readJSON('package.json'),
+
+ sass: {
+ dist: {
+ options: {
+ style: 'expanded'
+ },
+ files: {
+ 'css/styles.css': 'sass/styles.scss'
+ }
+ }
+ },
+
+ watch: {
+ sass: {
+ files: '**/*.scss',
+ tasks: ['sass']
+ }
+ }
+
+ });
+
+
+
+ grunt.loadNpmTasks('grunt-contrib-sass');
+ grunt.loadNpmTasks('grunt-contrib-watch');
+ // Default task(s).
+ grunt.registerTask('default', ['watch']);
+
+};
\ No newline at end of file
diff --git a/new/images/checkmark.jpg b/new/images/checkmark.jpg
new file mode 100644
index 0000000..38bb1ea
--- /dev/null
+++ b/new/images/checkmark.jpg
Binary files differ
diff --git a/new/images/credit-header-bg.jpg b/new/images/credit-header-bg.jpg
new file mode 100644
index 0000000..ca5a3d9
--- /dev/null
+++ b/new/images/credit-header-bg.jpg
Binary files differ
diff --git a/new/images/donate-header-bg.jpg b/new/images/donate-header-bg.jpg
new file mode 100644
index 0000000..0195faa
--- /dev/null
+++ b/new/images/donate-header-bg.jpg
Binary files differ
diff --git a/new/images/logo-debeka.jpg b/new/images/logo-debeka.jpg
new file mode 100644
index 0000000..41f9b04
--- /dev/null
+++ b/new/images/logo-debeka.jpg
Binary files differ
diff --git a/new/images/logo-deshaw.jpg b/new/images/logo-deshaw.jpg
new file mode 100644
index 0000000..215bd36
--- /dev/null
+++ b/new/images/logo-deshaw.jpg
Binary files differ
diff --git a/new/images/logo-google.jpg b/new/images/logo-google.jpg
new file mode 100644
index 0000000..b8004a0
--- /dev/null
+++ b/new/images/logo-google.jpg
Binary files differ
diff --git a/new/images/logo-ibm.jpg b/new/images/logo-ibm.jpg
new file mode 100644
index 0000000..eebd3f3
--- /dev/null
+++ b/new/images/logo-ibm.jpg
Binary files differ
diff --git a/new/images/logo-novell.jpg b/new/images/logo-novell.jpg
new file mode 100644
index 0000000..e7d9d8f
--- /dev/null
+++ b/new/images/logo-novell.jpg
Binary files differ
diff --git a/new/images/logo-oracle.jpg b/new/images/logo-oracle.jpg
new file mode 100644
index 0000000..2f602e1
--- /dev/null
+++ b/new/images/logo-oracle.jpg
Binary files differ
diff --git a/new/images/orange-arrow.png b/new/images/orange-arrow.png
new file mode 100644
index 0000000..c85d616
--- /dev/null
+++ b/new/images/orange-arrow.png
Binary files differ
diff --git a/new/images/pic-01.jpg b/new/images/pic-01.jpg
new file mode 100644
index 0000000..faa2060
--- /dev/null
+++ b/new/images/pic-01.jpg
Binary files differ
diff --git a/new/images/shadow-left.png b/new/images/shadow-left.png
new file mode 100644
index 0000000..f69c561
--- /dev/null
+++ b/new/images/shadow-left.png
Binary files differ
diff --git a/new/images/shadow-right.png b/new/images/shadow-right.png
new file mode 100644
index 0000000..05268d6
--- /dev/null
+++ b/new/images/shadow-right.png
Binary files differ
diff --git a/new/images/shirt.jpg b/new/images/shirt.jpg
new file mode 100644
index 0000000..bbccd29
--- /dev/null
+++ b/new/images/shirt.jpg
Binary files differ
diff --git a/new/images/shirt.png b/new/images/shirt.png
new file mode 100644
index 0000000..9f5f51e
--- /dev/null
+++ b/new/images/shirt.png
Binary files differ
diff --git a/new/index.php b/new/index.php
new file mode 100644
index 0000000..8a3ccde
--- /dev/null
+++ b/new/index.php
@@ -0,0 +1,39 @@
+<?php
+/*******************************************************************************
+ * Copyright (c) 2014 Eclipse Foundation and others.
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License v1.0
+ * which accompanies this distribution, and is available at
+ * http://eclipse.org/legal/epl-v10.html
+ *
+ * Contributors:
+ * Edouard Poitras (Eclipse Foundation) - Initial implementation
+ *******************************************************************************/
+require_once($_SERVER['DOCUMENT_ROOT'] . "/eclipse.org-common/system/app.class.php");
+require_once($_SERVER['DOCUMENT_ROOT'] . "/eclipse.org-common/system/nav.class.php");
+require_once($_SERVER['DOCUMENT_ROOT'] . "/eclipse.org-common/system/menu.class.php");
+
+$App = new App();
+$Nav = new Nav();
+$Menu = new Menu();
+
+# Begin: page-specific settings. Change these.
+$pageTitle = "Donate Eclipse";
+$pageKeywords = "friends of eclipse, donation, contribution";
+$pageAuthor = "Christopher Guindon";
+
+// Custom theme variables
+$variables = array();
+$variables['main_container_classes'] = 'container-donate';
+
+// Place your html content in a file called content/en_pagename.php
+ob_start();
+include("content/en_" . $App->getScriptName());
+$html = ob_get_clean();
+
+$App->setThemeVariables($variables);
+
+# Generate the web page
+
+$App->AddExtraHtmlHeader('<link rel="stylesheet" type="text/css" href="css/styles.css" media="screen" />');
+$App->generatePage("solstice", $Menu, NULL, $pageAuthor, $pageKeywords, $pageTitle, $html);
diff --git a/new/npm-debug.log b/new/npm-debug.log
new file mode 100644
index 0000000..5b39c48
--- /dev/null
+++ b/new/npm-debug.log
@@ -0,0 +1,37 @@
+0 info it worked if it ends with ok
+1 verbose cli [ 'node',
+1 verbose cli '/usr/local/bin/npm',
+1 verbose cli 'install',
+1 verbose cli 'grunt-contrib-watch',
+1 verbose cli '--save-dev' ]
+2 info using npm@2.9.1
+3 info using node@v0.12.3
+4 verbose install initial load of /Users/ericpoirier/localsite/eclipse.local/donate/new/package.json
+5 verbose stack Error: Failed to parse json
+5 verbose stack Unexpected token 'g' at 6:6
+5 verbose stack "grunt-contrib-sass": "^0.9.2",
+5 verbose stack ^
+5 verbose stack at parseError (/usr/local/lib/node_modules/npm/node_modules/read-package-json/read-json.js:379:11)
+5 verbose stack at parseJson (/usr/local/lib/node_modules/npm/node_modules/read-package-json/read-json.js:68:23)
+5 verbose stack at /usr/local/lib/node_modules/npm/node_modules/read-package-json/read-json.js:48:5
+5 verbose stack at evalmachine.<anonymous>:334:14
+5 verbose stack at /usr/local/lib/node_modules/npm/node_modules/graceful-fs/graceful-fs.js:102:5
+5 verbose stack at FSReqWrap.oncomplete (evalmachine.<anonymous>:95:15)
+6 verbose cwd /Users/ericpoirier/localsite/eclipse.local/donate/new
+7 error Darwin 14.3.0
+8 error argv "node" "/usr/local/bin/npm" "install" "grunt-contrib-watch" "--save-dev"
+9 error node v0.12.3
+10 error npm v2.9.1
+11 error file /Users/ericpoirier/localsite/eclipse.local/donate/new/package.json
+12 error code EJSONPARSE
+13 error Failed to parse json
+13 error Unexpected token 'g' at 6:6
+13 error "grunt-contrib-sass": "^0.9.2",
+13 error ^
+14 error File: /Users/ericpoirier/localsite/eclipse.local/donate/new/package.json
+15 error Failed to parse package.json data.
+15 error package.json must be actual JSON, not just JavaScript.
+15 error
+15 error This is not a bug in npm.
+15 error Tell the package author to fix their package.json file. JSON.parse
+16 verbose exit [ 1, true ]
diff --git a/new/package.json b/new/package.json
new file mode 100644
index 0000000..fe9a0ee
--- /dev/null
+++ b/new/package.json
@@ -0,0 +1,9 @@
+{
+ "name": "donate-new",
+ "version": "0.1.0",
+ "dependencies": {
+ "grunt": "^0.4.5",
+ "grunt-contrib-sass": "^0.9.2",
+ "grunt-contrib-watch": "^0.6.1"
+ }
+}
diff --git a/new/sass/mixin.scss b/new/sass/mixin.scss
new file mode 100644
index 0000000..d7e7747
--- /dev/null
+++ b/new/sass/mixin.scss
@@ -0,0 +1,12 @@
+@mixin down-arrow(){
+ content:" ";
+ display:table;
+ position:absolute;
+ bottom:-10px;
+ left:15px;
+ width: 0;
+ height: 0;
+ border-left: 10px solid transparent;
+ border-right: 10px solid transparent;
+ border-top: 10px solid #2c2255;
+}
\ No newline at end of file
diff --git a/new/sass/styles.scss b/new/sass/styles.scss
new file mode 100644
index 0000000..fb1bc7f
--- /dev/null
+++ b/new/sass/styles.scss
@@ -0,0 +1,237 @@
+@import "mixin";
+
+main{
+ padding-top:0px!important;
+}
+
+/* ************ */
+/* Index Page */
+/* ************ */
+
+.container-donate{
+ .jumbotron{
+ background-image:url(../images/donate-header-bg.jpg);
+ background-size:cover;
+ padding:150px 0 50px;
+ margin-bottom:0;
+ .container{
+ min-height: 200px;
+ }
+ h1, p{
+ color:#fff;
+ }
+ h1{
+ font-size:39px;
+ }
+ p{
+ font-size:21px;
+ a{
+ color:#F7941E;
+ &:hover{
+
+ }
+ }
+ }
+ }
+ .content-container{
+ position:relative;
+ top:-50px;
+ background-color:#f9f8f8;
+ padding:40px;
+
+ &:before, &:after{
+ position:absolute;
+ top:0;
+ content:" ";
+ display: table;
+ width: 14px;
+ display: block;
+ height: 292px;
+ }
+ &:before{
+ background-image:url(../images/shadow-left.png);
+ left:-14px;
+ }
+ &:after{
+ background-image:url(../images/shadow-right.png);
+ right:-14px;
+ }
+
+ h2{
+ margin-top:0;
+ }
+
+ > p{
+ margin-bottom:40px;
+ }
+
+ .slider-row{
+ margin-bottom:20px;
+ .fa{
+ color:#afbbdc;
+ position:relative;
+ top:1px;
+ }
+ .amount{
+ font-size:35px;
+ color:#6f6f71;
+ font-weight:bold;
+ sup{
+ font-size:22px;
+ }
+ }
+ }
+}
+
+.sidebar{
+ .amount-box{
+ border-top:1px solid #cbcbcb;
+ border-bottom:1px solid #cbcbcb;
+ margin:40px 0 20px;
+ }
+ form.donate-form{
+ input:not([type="radio"]), textarea, select{
+ width:100%;
+ margin-bottom:10px;
+ }
+ input[type="radio"]{
+ margin-bottom:10px;
+ }
+ }
+ .panel{
+ padding:20px;
+ text-align:center;
+ background-color:#eef1f8;
+ margin-top:20px;
+ h2{
+ color:#F7941E;
+ font-weight:bold;
+ }
+ ul{
+ padding-left:0;
+ li{
+ list-style:none;
+ list-style-image:url(../images/orange-arrow.png);
+ }
+ }
+ }
+}
+}
+
+
+/* ************ */
+/* Credit Page */
+/* ************ */
+
+.container-credit{
+ .jumbotron{
+ background-image:url(../images/donate-header-bg.jpg);
+ background-size:cover;
+ padding:150px 0 50px;
+ margin-bottom:0;
+ .container{
+ min-height: 200px;
+ }
+ h1, p{
+ color:#fff;
+ }
+ h1{
+ font-size:39px;
+ }
+ p{
+ font-size:21px;
+ a{
+ color:#F7941E;
+ &:hover{
+
+ }
+ }
+ }
+ }
+
+ .accomplished, .thankyou, .friends{
+ margin-bottom:40px;
+ header{
+ background-color:#2c2255;
+
+ margin-bottom:40px;
+ h2{
+ color:#fff;
+ padding:40px 0;
+ margin:0;
+ &:before{
+ @include down-arrow;
+ }
+
+ }
+ }
+ img{
+ margin:0 20px 20px 0;
+ }
+ }
+ .accomplished{
+ p{
+ font-size:21px;
+ position:relative;
+ top:6px;
+ color:#2C2255;
+ }
+ }
+ .thankyou, .friends{
+ header{
+ h2{
+ sup{
+ font-size:20px;
+ }
+ }
+ }
+ p{
+ margin:10px 0px 0px;
+ }
+ }
+ .friends{
+ .col-sm-12{
+ border-right:1px solid #dedede;
+ &:last-child{
+ border:none;
+ }
+ }
+ .more{
+ border-bottom:1px solid #dedede;
+ padding:10px 0;
+ position:relative;
+ a {
+ &:hover{
+ text-decoration:none;
+ }
+ }
+ i.fa{
+ background-color:#fff;
+ padding:5px;
+ display:block;
+ position:absolute;
+ bottom:-10px;
+ left:50%;
+ margin-left:-12px;
+ }
+ }
+ }
+}
+
+
+/* ************ */
+/* Utility classes */
+/* ************ */
+
+.alignCenter{
+ text-align:center;
+}
+
+.floatLeft{
+ float:left;
+}
+
+.marginRight{
+ margin-right:20px;
+}
+
diff --git a/new/styles.css b/new/styles.css
new file mode 100644
index 0000000..350be06
--- /dev/null
+++ b/new/styles.css
@@ -0,0 +1,12 @@
+.jumbotron {
+ background-image: url(../images/donate-header-bg.jpg);
+ background-size: cover;
+}
+.jumbotron h1 {
+ font-size: 39px;
+}
+.jumbotron h2 {
+ font-size: 21px;
+}
+
+/*# sourceMappingURL=styles.css.map */
diff --git a/new/styles.css.map b/new/styles.css.map
new file mode 100644
index 0000000..24b96e5
--- /dev/null
+++ b/new/styles.css.map
@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "AACA,UAAU;EACR,gBAAgB,EAAC,mCAAmC;EACpD,eAAe,EAAC,KAAK;;AACrB,aAAE;EACA,SAAS,EAAC,IAAI;;AAEhB,aAAE;EACA,SAAS,EAAC,IAAI",
+"sources": ["sass/styles.scss"],
+"names": [],
+"file": "styles.css"
+}