doc updates

Author: andyfase

docs/_sass/custom/custom.scss

@@ -1,14 +1,42 @@
-table {
-    border-collapse: collapse;
-    border: none;
-  }
 
-td, th {
-border: none;
+
+.styled-table {
+  border-collapse: collapse;
+  font-size: 1.5em;
+  font-weight: 500;
+
+  // font-size: 1.125rem !important;
+  // font-family: system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Segoe UI Emoji";
+  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
+}
+
+.styled-table tr {
+  background-color: red;
+  color: #000;
+  text-align: center;
+  font-size: 20px;
+
+}
+
+.styled-table th, .styled-table td {
+    padding: 12px 15px;
 }
 
+.styled-table thead tr {
+  border-bottom: 3px solid #009879;
+}
+
+.styled-table-row {
+  border-bottom: 3px solid #009879;
+}
+
+.styled-table-col {
+  border-right: 3px solid #009879;
+}
+
+
 .table-wrapper {
-    box-shadow: none;
+  box-shadow: none;
 }
 
 #fade {

docs/index.md

@@ -38,9 +38,9 @@ function lightbox_close() {
 
 <div id="fade" onClick="lightbox_close();"></div>
 
-<table border="0">
+<table border="0" class="noBorder">
 <tr>
-<td width="55%" class="aTable"><a href="#" onclick="lightbox_open();"><img src="./images/widget_charging.png" width="400" /></a>
+<td width="55%"><a href="#" onclick="lightbox_open();"><img src="./images/widget_charging.png" width="400" /></a>
 <br/><center>Click to show app in action</center>
 </td>
 <td>
@@ -59,9 +59,11 @@ function lightbox_close() {
 </tr>
 </table>
 
-It provides a limited feature set but has a fresher more responsive UI, providing both widget and Siri/Shortcuts integration.
+Features Include:
 {: .fs-6 .fw-300 }
 
-Note: bluelink-scriptable currently supports the US and Canadian Bluelink regions, tested on Hyundai and Kia for Canada and just Hyundai for US.
-
-I am actively looking for e-gmp car owners from other regions that would be willing to work with me so I can develop and test the APIs for their regions (Europe specifically). If your willing please [DM me on reddit](https://www.reddit.com/user/andyfase/). It would likely take less than a couple of days to implement and maybe 2 hours of active time using your bluelink account.
+- Auto Updating Widget
+- Fresh and more responsive app UI
+- Siri voice support "Hey Siri, ask the car", "Warm the car"
+- Automations via IOS Shortcuts like walk-away lock and auto warm the car on a schedule
+{: .fs-6 .fw-300 }

docs/pages/region.md

@@ -0,0 +1,61 @@
+---
+title: Region / Brand Support
+layout: home
+nav_order: 1
+---
+
+# Region and Brand Support
+{: .fs-9 }
+
+The app uses the publically exposed BlueLink API, it is un-documented and varies in specification across both manufacturer and region.
+{: .fs-6 .fw-300 }
+
+As such support for each region / manufacturer requires custom development and testing. The current level of support is shown below.
+{: .fs-5 .fw-300 }
+
+I am actively looking for e-gmp car owners from regions/manufacturers I do not currently support that would be willing to provide access to their account so I can develop support for there manufactuer and/or region. If your willing please [DM me on reddit](https://www.reddit.com/user/andyfase/).
+{: .fs-5 .fw-300 }
+
+# Current Known Region Support
+{: .fs-7 }
+
+<table class="styled-table">
+<thead>
+  <tr>
+    <th class="styled-table-col">Brand</th>
+    <th>Region</th>
+    <th>Support</th>
+  </tr>
+</thead>
+<tbody>
+<tr>
+<td rowspan=3 class="styled-table-col">Hyundai</td>
+<td>Canada</td>
+<td>&#x2705;</td>
+</tr>
+<tr>
+<td>US</td>
+<td style="text-size: 40">&#x2705;</td>
+</tr>
+<tr class="styled-table-row">
+<td>Europe</td>
+<td>&#x274C;</td>
+</tr>
+<tr>
+<td rowspan=3 class="styled-table-col">Kia</td>
+<td>Canada</td>
+<td>&#x2705;</td>
+</tr>
+<tr>
+<td>US</td>
+<td>&#x274C;</td>
+</tr>
+<tr>
+<td>Europe</td>
+<td>&#x274C;</td>
+</tr>
+</tbody>
+</table>
+
+
+----