Merge pull request #654 from keymanapp/feat/sponsors

maint: move sponsors into own page

Author: mcdurdin

about/index.md

@@ -27,12 +27,31 @@ layouts are distributed through an
 [open catalog](https://help.keyman.com/developer/keyboards) to all major desktop and
 mobile platforms.
 
+<br>
+
+➡️ [Testimonials](/testimonials)
+
+
 ## About the team
 
 Keyman is made available to you by a dedicated team and many contributors. [Learn more about our team](team/).
 
 ➡️ [About the Keyman team](team/)
 
+➡️ [Get involved](get-involved)
+
+## Thank you to our sponsors
+
+Keyman is provided to you free of charge with the support of generous [donors](sponsors).
+
+➡️ [Our sponsors](sponsors)
+
+➡️ [Donate now](/donate)
+
+## Get in touch
+
+➡️ [Contact us](/contact)
+
 ## About SIL Global
 
 <img id="sil-logo" src="../_common/assets/sil-logos-2024/sil-logo-abbysinica.png" width="30%" alt='SIL' />
@@ -45,120 +64,3 @@ through research, translation, training and materials development.
 You can learn more about SIL Global on the [SIL Global web site](https://www.sil.org/about).
 
 ➡️ [About SIL Global](https://www.sil.org/about)
-
-## Thank you to supporting organizations
-
-<table>
-
-<!-- Microsoft -->
-
-<tr>
-  <td style='vertical-align: middle; text-align: center'><img src='../cdn/dev/img/microsoft.png' alt='Microsoft' title='Microsoft logo'></td>
-  <td style='vertical-align: middle'><p>
-
-  <a href='https://microsoft.com'>Microsoft</a>, through their <a href='http://aka.ms/appassure'>App Assure program</a>,
-  have supported the ongoing development of Keyman through donation of computer hardware for testing.
-
-  </p></td>
-</tr>
-
-<tr><td colspan='2'><hr/></td></tr>
-
-<!-- NPIC -->
-
-<tr>
-  <td style='vertical-align: middle; text-align: center'><img src='../cdn/dev/img/npic-logo.png' style='width:160px'></td>
-  <td style='vertical-align: middle'><p>
-
-  The <a href='https://npic.edu.kh/'>National Polytechnic Institute of Cambodia
-  (NPIC)</a> is Cambodia's premier center for vocational training and higher
-  education and is located in Phnom Penh. The NPIC hosts the Keyman Cambodian
-  team office.
-
-  </p></td>
-</tr>
-
-<tr><td colspan='2'><hr/></td></tr>
-
-<!-- Cloudflare -->
-
-<tr>
-  <td style='vertical-align: middle; text-align: center'><img src='https://img.shields.io/badge/Cloudflare-F38020?style=for-the-badge&logo=Cloudflare&logoColor=white'></td>
-  <td style='vertical-align: middle'><p>
-
-  <a href='https://www.cloudflare.com'>Cloudflare</a> speeds up and protects millions of
-  websites, including ours. Their global CDN helps ensure the Keyman keyboards
-  remain available world-wide. Many thanks for their free professional plan as a
-  way of supporting the Keyman  open source development.
-
-  </p></td>
-</tr>
-
-<tr><td colspan='2'><hr/></td></tr>
-
-<!-- Browserstack -->
-
-<tr>
-  <td style='vertical-align: middle; text-align: center'><img src="../cdn/dev/img/open-source/browserstack.svg" style="width: 160px" alt="Browserstack" /></td>
-  <td style='vertical-align: middle'><p>
-
-  We are using <a href='https://www.browserstack.com/'>BrowserStack</a> to test KeymanWeb
-  and browser and renderer support for various languages and scripts. BrowserStack
-  is an awesome tool to automatically test your website across thousands of
-  different devices and browsers, instantly. They have kindly sponsored us with a
-  free plan as a way of supporting the open source development of KeymanWeb! Many
-  thanks, BrowserStack :)
-
-  </p></td>
-</tr>
-
-<tr><td colspan='2'><hr/></td></tr>
-
-<!-- Sentry -->
-
-<tr>
-  <td style='vertical-align: middle; text-align: center'><img src="../cdn/dev/img/open-source/sentry.svg" style="width: 160px" alt="Sentry" /></td>
-  <td style='vertical-align: middle'><p>
-
-  Keyman uses <a href='https://sentry.io'>Sentry</a> for error monitoring. Thank you to
-  Sentry for sponsoring the Keyman project with a free plan!
-
-  </p></td>
-</tr>
-
-<tr><td colspan='2'><hr/></td></tr>
-
-<!-- 1Password -->
-
-<tr>
-  <td style='vertical-align: middle; text-align: center'><img src="../cdn/dev/img/open-source/1password.png" style="width: 160px" alt="1Password" /></td>
-  <td style='vertical-align: middle'><p>
-
-  Thank you to <a href='https://1password.com'>1Password</a> for supporting the Keyman team
-  with an open source plan.
-
-  </p></td>
-</tr>
-
-<tr><td colspan='2'><hr/></td></tr>
-
-</table>
-
-
-## Social Media and Mailing Lists
-
-<!--?php require_once('includes/ui/contact-social.php'); ?-->
-<p>
-  <a href="https://www.facebook.com/KeymanApp"><img class="contact-social" src="../cdn/dev/img/facebook2.png"/>Facebook</a>
-  <br/>
-  <a href="https://twitter.com/keyman"><img class="contact-social" src="../cdn/dev/img/twitter2.png"/>X/Twitter</a>
-  <br/>
-  <a href="https://typo.social/@keyman"><img class="contact-social" src="../cdn/dev/img/mastodon.svg" width="16"/>Mastodon (typo.social)</a>
-  <br/>
-  <a href="https://www.youtube.com/@KeymanApp"><img class="contact-social" src="../cdn/dev/img/youtube-16.png"/>YouTube</a>
-  <br/>
-  <a href="https://community.software.sil.org/c/keyman"><img class="contact-social" src="../cdn/dev/img/discourse-16.png"/>SIL Keyman Community Forum</a>
-  <br/>
-  <a href="../about/list"><img class="contact-social" src="../cdn/dev/img/email-16.png"/>Keyman Announcements by Email</a>
-</p>
-

about/sponsors/fpcc.svg

@@ -0,0 +1,145 @@
+---
+title: About our sponsors
+---
+
+## Financial sponsors
+
+<table class='sponsors'>
+
+<tr>
+  <td style='vertical-align: middle; text-align: center' markdown="1">[![First Peoples' Cultural Council](fpcc.svg)](https://fpcc.ca)</td>
+  <td style='vertical-align: middle'><p markdown="1">
+
+  [First Peoples' Cultural Council](https://fpcc.ca) work with First Nations
+  communities in B.C. to build the vitality of our cherished Languages, Arts,
+  Cultures and Heritage – today and for the future.
+
+  </p></td>
+</tr>
+
+<tr>
+  <td style='vertical-align: middle; text-align: center' markdown="1">[![Typotheque](typotheque.svg)](https://www.typotheque.com)</td>
+  <td style='vertical-align: middle'><p markdown="1">
+
+  [Typotheque](https://www.typotheque.com) is a Netherlands-based type design
+  company, recognised internationally as experts in multilingual typography and
+  creating innovative font solutions for both global and local audiences.
+
+  </p></td>
+</tr>
+
+<tr><td></td><td><p markdown="1">
+
+  Please contact us if you are interested in sponsoring Keyman.
+
+  ➡️ <a href='/contact' class='share-link'>Become a sponsor</a>
+
+  </p></td></tr>
+
+</table>
+
+
+
+---
+
+## Service sponsors
+
+We are very grateful to the following organizations who have sponsored Keyman
+through donation of equipment or services, helping us to serve you and
+Indigenous and minority language communities around the world.
+
+<table>
+
+<!-- Microsoft -->
+
+<tr>
+  <td style='vertical-align: middle; text-align: center'><img src='../../cdn/dev/img/microsoft.png' alt='Microsoft' title='Microsoft logo'></td>
+  <td style='vertical-align: middle'><p>
+
+  <a href='https://microsoft.com'>Microsoft</a>, through their <a
+  href='http://aka.ms/appassure'>App Assure program</a>, have supported the
+  ongoing development of Keyman through donation of computer hardware for
+  testing.
+
+  </p></td>
+</tr>
+
+<tr><td colspan='2'><hr/></td></tr>
+
+<!-- NPIC -->
+
+<tr>
+  <td style='vertical-align: middle; text-align: center'><img src='../../cdn/dev/img/npic-logo.png' style='width:160px'></td>
+  <td style='vertical-align: middle'><p>
+
+  The <a href='https://npic.edu.kh/'>National Polytechnic Institute of Cambodia
+  (NPIC)</a> is Cambodia's premier center for vocational training and higher
+  education and is located in Phnom Penh. The NPIC hosts the Keyman Cambodian
+  team office.
+
+  </p></td>
+</tr>
+
+<tr><td colspan='2'><hr/></td></tr>
+
+<!-- Cloudflare -->
+
+<tr>
+  <td style='vertical-align: middle; text-align: center'><img src='https://img.shields.io/badge/Cloudflare-F38020?style=for-the-badge&logo=Cloudflare&logoColor=white'></td>
+  <td style='vertical-align: middle'><p>
+
+  <a href='https://www.cloudflare.com'>Cloudflare</a> speeds up and protects millions of
+  websites, including ours. Their global CDN helps ensure the Keyman keyboards
+  remain available world-wide. Many thanks for their free professional plan as a
+  way of supporting the Keyman  open source development.
+
+  </p></td>
+</tr>
+
+<tr><td colspan='2'><hr/></td></tr>
+
+<!-- Browserstack -->
+
+<tr>
+  <td style='vertical-align: middle; text-align: center'><img src="../../cdn/dev/img/open-source/browserstack.svg" style="width: 160px" alt="Browserstack" /></td>
+  <td style='vertical-align: middle'><p>
+
+  We are using <a href='https://www.browserstack.com/'>BrowserStack</a> to test KeymanWeb
+  and browser and renderer support for various languages and scripts. BrowserStack
+  is an awesome tool to automatically test your website across thousands of
+  different devices and browsers, instantly. They have kindly sponsored us with a
+  free plan as a way of supporting the open source development of KeymanWeb! Many
+  thanks, BrowserStack :)
+
+  </p></td>
+</tr>
+
+<tr><td colspan='2'><hr/></td></tr>
+
+<!-- Sentry -->
+
+<tr>
+  <td style='vertical-align: middle; text-align: center'><img src="../../cdn/dev/img/open-source/sentry.svg" style="width: 160px" alt="Sentry" /></td>
+  <td style='vertical-align: middle'><p>
+
+  Keyman uses <a href='https://sentry.io'>Sentry</a> for error monitoring. Thank you to
+  Sentry for sponsoring the Keyman project with a free plan!
+
+  </p></td>
+</tr>
+
+<tr><td colspan='2'><hr/></td></tr>
+
+<!-- 1Password -->
+
+<tr>
+  <td style='vertical-align: middle; text-align: center'><img src="../../cdn/dev/img/open-source/1password.png" style="width: 160px" alt="1Password" /></td>
+  <td style='vertical-align: middle'><p>
+
+  Thank you to <a href='https://1password.com'>1Password</a> for supporting the Keyman team
+  with an open source plan.
+
+  </p></td>
+</tr>
+
+</table>