mirror of
https://github.com/WordPress/five-for-the-future.git
synced 2025-04-22 11:03:43 +03:00
107 lines
2.9 KiB
PHP
Executable file
107 lines
2.9 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 esc_html_e( 'Five for the Future', 'wporg-5ftf' ); ?>
|
|
</h3>
|
|
|
|
<p>
|
|
<?php wp_kses_post(
|
|
__( '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="todo">tragedy of the commons</a>.', 'wporg-5ftf' )
|
|
); ?>
|
|
<?php // todo link to CTA page. ?>
|
|
</p>
|
|
</section>
|
|
|
|
<section class="people">
|
|
<h3>
|
|
<?php esc_html_e( 'Thank you to all of the companies that participate in Five for the Future.', 'wporg-5ftf' ); ?>
|
|
</h3>
|
|
|
|
<?php
|
|
/*
|
|
* todo.
|
|
* 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 esc_html_e( 'Search:', 'wporg-5ftf' ); ?>
|
|
</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 esc_html_e( 'Loading…', 'wporg-5ftf' ); ?>
|
|
</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 // todo link to pledge form. ?>
|
|
</section>
|
|
</article>
|