Add overall compatibility chart to docs

diff --git a/docs/components/compatibility.php b/docs/components/compatibility.php
new file mode 100644 (file)
index 0000000..304781a
--- /dev/null
+++ b/docs/components/compatibility.php
@@ -0,0 +1,82 @@
+<h1 id="compatibility" class="light">Supported Clients</h1>
+<p class="lead">We test and support all the major email clients &hellip; even Outlook.</p>
+<hr />
+<p>We support as many email clients and as much of the market as possible, however, we simply can't test for everything. As a result, we've decided to test the following clients, based on a combination of their <a href="http://emailclientmarketshare.com/">market share</a> and our ability to reliably test them with the devices and software we have access to.</p>
+<p>While we will help out as much as possible with issues regarding other clients (and are more than willing to accept <a href="https://github.com/zurb/ink/blob/master/CONTRIBUTING.md">pull requests</a> that add support for additional clients), we can't devote a lot of time or effort at this point to fixing issues related to email clients not in the following table.</p>
+<h2 class="light">Tested Clients</h2>
+<table>
+  <thead>
+    <tr>
+      <th width="30%">Client</th>
+      <th width="10%"><span>Supported</span></th>
+      <th width="60%"><span>Notes</span></th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>Apple Mail (Desktop)</td>
+      <td><span class="check">&#10004;</span></td>
+      <td></td>
+    </tr>
+    <tr>
+      <td>Apple Mail (iOS)</td>
+      <td><span class="check">&#10004;</span></td>
+      <td></td>
+    </tr>
+    <tr>
+      <td>Outlook (2000, 2002, 2003)</td>
+      <td><span class="check">&#10004;</span></td>
+      <td></td>
+    </tr>
+    <tr>
+      <td>Outlook (2007, 2010, 2013)</td>
+      <td><span class="check">&#10004;</span></td>
+      <td></td>
+    </tr>
+    <tr>
+      <td>Outlook (2011)</td>
+      <td><span class="check">&#10004;</span></td>
+      <td></td>
+    </tr>
+    <tr>
+      <td>Thunderbird</td>
+      <td><span class="check">&#10004;</span></td>
+      <td></td>
+    </tr>
+    <tr>
+      <td>Android</td>
+      <td><span class="check">&#10004;</span></td>
+      <td></td>
+    </tr>
+    <tr>
+      <td>Gmail (Desktop)</td>
+      <td><span class="check">&#10004;</span></td>
+      <td></td>
+    </tr>
+    <tr>
+      <td>Gmail (Mobile, iOS, Android)</td>
+      <td><span class="check">&#10004;</span></td>
+      <td>Does not fully support the Ink <a href="#grid">grid</a>. Responsive layouts should be accomplished using the <a href="#gmail">block-grid</a>.</td>
+    </tr>
+    <tr>
+      <td>Outlook 2011 for Mac</td>
+      <td><span class="check">&#10004;</span></td>
+      <td></td>
+    </tr>
+    <tr>
+      <td>AOL Mail</td>
+      <td><span class="check">&#10004;</span></td>
+      <td></td>
+    </tr>
+    <tr>
+      <td>Hotmail</td>
+      <td><span class="check">&#10004;</span></td>
+      <td></td>
+    </tr>
+    <tr>
+      <td>Outlook.com</td>
+      <td><span class="check">&#10004;</span></td>
+      <td></td>
+    </tr>
+  </tbody>
+</table>
\ No newline at end of file

diff --git a/docs/docs.php b/docs/docs.php
index cb81dace84acb5a1a0b8d115d267138fcb79dec5..f94fe214efceb8a9b84266e0fe611fc90250806c 100644 (file)
--- a/docs/docs.php
+++ b/docs/docs.php
@@ -39,6 +39,7 @@
         <li><a href="#panels">Panels</a></li>
         <li><a href="#buttons">Buttons</a></li>
         <li><a href="#images">Retina Images</a></li>
+        <li><a href="#compatibility">Supported Clients</a></li>
         <li><a href="#changes">Changelog</a></li>
       </ul>
     </div>
@@ -77,6 +78,10 @@
 
     <hr class="section">
 
+    <?php require 'components/compatibility.php' ?>
+
+    <hr class="section">
+
     <?php require 'components/changelog.php' ?>
     
     <br>