From dbef57500927235ca7d705458e7d2fdc20564eeb Mon Sep 17 00:00:00 2001
From: Markus Birth <mbirth@gmail.com>
Date: Fri, 20 Jul 2018 02:15:52 +0200
Subject: [PATCH] Add info card with instructions for how to get the PRD
 number.

---
 assets/style.css | 22 ++++++++++++++++++++++
 index_main.php   |  8 ++++++++
 2 files changed, 30 insertions(+)

diff --git a/assets/style.css b/assets/style.css
index 2b7a856..25349a6 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -86,6 +86,28 @@ td.fullonly {
     color: #88f;
 }
 
+.info-card {
+    background-color: #ffe;
+    border-radius: 4px 4px;
+    width: 80%;
+    margin: 20px auto;
+    padding: 12px;
+}
+
+.info-card div {
+    font-size: 1.1em;
+}
+
+.info-card .title {
+    font-weight: bold;
+    font-size: 1.3em;
+    padding-bottom: 0.5em;
+}
+
+.info-card .material-icons {
+    vertical-align: top;
+}
+
 .release-card {
     background-color: white;
     border-radius: 12px 4px;
diff --git a/index_main.php b/index_main.php
index aef50d9..8d99531 100644
--- a/index_main.php
+++ b/index_main.php
@@ -68,6 +68,14 @@ foreach ($families as $i => $family) {
 
 foreach ($allVars as $family => $models) {
     echo '<div id="family-' . strtolower($family) . '" class="panel" role="tabpanel">';
+
+    echo '  <div class="mdc-card info-card">';
+    echo '    <div class="mdc-typography--body1">';
+    echo '      <div class="title"><span class="material-icons">info</span> How to find your CU Reference (PRD) number</div>';
+    echo '      <div>Open your phone dialer and enter this code: <tt>*#837837#</tt> (<tt>*#TESTER#</tt>).</div>';
+    echo '    </div>';
+    echo '  </div>';
+
     foreach ($models as $model => $variants) {
         echo '<h2>' . $family . ' ' . $model . '</h2>' . PHP_EOL;
         $allVersions = $db->getAllVersionsForModel($model);