mirror of
https://github.com/WordPress/five-for-the-future.git
synced 2025-04-22 11:03:43 +03:00
102 lines
2.8 KiB
PHP
Executable file
102 lines
2.8 KiB
PHP
Executable file
<?php // todo i18n
|
|
//// change all id/class prefixes to fftf (or something better) b/c not valid to start w/ number
|
|
|
|
// TODO are we using this, or is all the front end stuff happening in the 5ftF theme now?
|
|
?>
|
|
|
|
<article class="5ftf">
|
|
<section class="about">
|
|
<h3>
|
|
<?php _e( 'Five for the Future', 'wordpressdotorg' ); ?>
|
|
</h3>
|
|
|
|
<p>
|
|
<?php _e( 'Many companies in the WordPress ecosystem choose to contribute 5% of their time back towards sustaining and improving the WordPress project. This helps to ensure that WordPress remains a vibrant platform to build a business on, and prevents a <a href="">tragedy of the commons</a>.', 'wordpressdotorg' ); ?>
|
|
<?php // link to CTA page ?>
|
|
</p>
|
|
</section>
|
|
|
|
<section class="people">
|
|
<h3>
|
|
<?php _e( 'Thank you to all of the companies that participate in Five for the Future.', 'wordpressdotorg' ); ?>
|
|
</h3>
|
|
|
|
<?php /*
|
|
// sort filter options
|
|
// this should be js - backbone or react? react
|
|
// in page or api? start in page, can iterate later to add infinite scroll or something
|
|
*/ ?>
|
|
|
|
<form>
|
|
<label for="5ftf-search">
|
|
<?php _e( 'Search:' ); ?>
|
|
</label>
|
|
|
|
<input type="text" id="5ftf-search" name="5ftf-search" />
|
|
</form>
|
|
|
|
<table class="fftf-companies">
|
|
<thead>
|
|
<tr>
|
|
<th class="fftf-sorted-ascending">
|
|
Company
|
|
<button class="fftf-sorting-indicator" data-field="name"></button>
|
|
</th>
|
|
<th>
|
|
Total # Employees
|
|
<button class="fftf-sorting-indicator" data-field="total_employees"></button>
|
|
</th>
|
|
<th>
|
|
# Sponsored Employees
|
|
<button class="fftf-sorting-indicator" data-field="sponsored_employees"></button>
|
|
</th>
|
|
<th>
|
|
Hours Pledged per Week
|
|
<button class="fftf-sorting-indicator" data-field="hours_per_week"></button>
|
|
</th>
|
|
<th>
|
|
Teams Contributing To
|
|
<?php // This can't really be sorted in a meaningful way, since multiple teams are listed here ?>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody id="5ftf-companies-body">
|
|
<tr>
|
|
<td colspan="5">
|
|
<?php _e( 'Loading…' ); ?>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
|
|
<script id="tmpl-5ftf-companies" type="text/template">
|
|
<# _.each( data, function( company ) { #>
|
|
<tr class="company">
|
|
<th>
|
|
<a href="{{company.url}}">
|
|
{{company.name}}
|
|
</a>
|
|
</th>
|
|
|
|
<td>{{company.total_employees}}</td>
|
|
<td>{{company.sponsored_employees}}</td>
|
|
<td>{{company.hours_per_week}}</td>
|
|
<td>
|
|
{{company.teams_contributing_to}}
|
|
<!-- todo link to team p2 -->
|
|
</td>
|
|
</tr>
|
|
<# } ) #>
|
|
</script>
|
|
</table>
|
|
</section>
|
|
|
|
<section class="join">
|
|
<h3>Take the Next Step</h3>
|
|
|
|
<p>Have a question? Ready to get started? Get in touch and we'll help you find where you're needed the most.</p>
|
|
|
|
<?php // link to pledge form ?>
|
|
</section>
|
|
</article>
|