Updated the readme and generated new HTML files for GitHub Pages

README.md

@@ -24,7 +24,7 @@ The latest version of the API is published [here](https://messaging.networksurve
 ## Why?
 The original purpose for this API was to facilitate sending LTE survey messages from the [Network Survey Android App](https://github.com/christianrowlands/android-network-survey)
 to a remote server via gRPC. However, it has been expanded not only to support additional protocols such as
-GSM, CDMA, UMTS and 802.11, but has also been expanded to allow for its use outside of the original Android application
+GSM, CDMA, UMTS and 802.11, but has also been expanded to allow for its use outside the original Android application
 by any system wanting to share wireless protocol data, or send wireless signal events.
 
 
@@ -108,8 +108,9 @@ This will overwrite the current HTML content from the docs directory with the la
 
 
 ##Change log
-##### [0.6.0](https://github.com/christianrowlands/network-survey-messaging/releases/tag/v0.6.0) - 2021-06-07
+##### [0.6.0](https://github.com/christianrowlands/network-survey-messaging/releases/tag/v0.6.0) - 2021-06-10
 * Added a deviceModel field to the message schemas.
+* Added a PhoneState message that is sent over the device_status_message topic that reports changes to the serving cell.
 
 ##### [0.5.0](https://github.com/christianrowlands/network-survey-messaging/releases/tag/v0.5.0) - 2021-01-22
 * Added a message schema for holding cellular LTE Over The Air (OTA) NAS messages.

docs/css/atom-one-dark.css

@@ -0,0 +1,65 @@
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  color: #abb2bf;
+  background: #282c34;
+}
+.hljs-comment,
+.hljs-quote {
+  color: #5c6370;
+  font-style: italic;
+}
+.hljs-doctag,
+.hljs-keyword,
+.hljs-formula {
+  color: #c678dd;
+}
+.hljs-section,
+.hljs-name,
+.hljs-selector-tag,
+.hljs-deletion,
+.hljs-subst {
+  color: #e06c75;
+}
+.hljs-literal {
+  color: #56b6c2;
+}
+.hljs-string,
+.hljs-regexp,
+.hljs-addition,
+.hljs-attribute,
+.hljs-meta-string {
+  color: #98c379;
+}
+.hljs-built_in,
+.hljs-class .hljs-title {
+  color: #e6c07b;
+}
+.hljs-attr,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-type,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-number {
+  color: #d19a66;
+}
+.hljs-symbol,
+.hljs-bullet,
+.hljs-link,
+.hljs-meta,
+.hljs-selector-id,
+.hljs-title {
+  color: #61aeee;
+}
+.hljs-emphasis {
+  font-style: italic;
+}
+.hljs-strong {
+  font-weight: bold;
+}
+.hljs-link {
+  text-decoration: underline;
+}

docs/css/main.css

@@ -1,22 +1,58 @@
-html, body {
+@import "./atom-one-dark.css";
+
+@tailwind base;
+
+@tailwind components;
+
+@tailwind utilities;
+
+html,
+body {
   font-weight: lighter;
   background-color: white;
+  font-family: sans-serif;
+  line-height: 1.15;
 }
 
-h1, h2, h3, h4, h5, h6 {
+h1 {
+  font-size: 2em;
+}
+h2 {
+  @apply text-2xl;
+}
+h3 {
+  @apply text-xl;
+}
+h4 {
+  @apply text-lg;
+}
+h5 {
+  @apply text-sm;
+}
+h6 {
+  @apply text-xs;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   font-weight: lighter;
 }
 
 a {
   color: #333;
+  text-decoration: underline;
 }
 
 a:hover {
   color: black;
 }
 
 .string-chunk {
-  display:inline-block;
+  display: inline-block;
   word-break: break-all;
 }
 
@@ -26,8 +62,8 @@ a:hover {
 .markdown h4,
 .markdown h5,
 .markdown h6 {
-  margin-top: .5em;
-  margin-bottom: .5em;
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
 }
 
 .markdown h1 {
@@ -53,10 +89,15 @@ a:hover {
 
 .markdown h6 {
   font-weight: bold;
-  font-size: .7em;
+  font-size: 0.7em;
   text-transform: uppercase;
 }
 
+.markdown :is(ol, ul) {
+  padding-inline-start: 40px;
+  list-style-type: disc;
+}
+
 .expand {
   width: 20px;
   margin-bottom: -4px;
@@ -95,11 +136,13 @@ a:hover {
   display: block;
 }
 
-.payload-examples polygon, .headers-examples polygon {
+.payload-examples polygon,
+.headers-examples polygon {
   fill: #fff;
 }
 
-.payload-examples .text-grey-lightest, .headers-examples .text-grey-lightest {
+.payload-examples .text-gray-200,
+.headers-examples .text-gray-200 {
   align-self: center;
 }
 
@@ -193,7 +236,7 @@ a:hover {
     height: 2px;
     margin-top: 6px;
     background: white;
-    transition: .5s;
+    transition: 0.5s;
   }
   #burger-menu + label:hover {
     cursor: pointer;
@@ -220,7 +263,7 @@ a:hover {
     height: 0;
     top: -500px;
     overflow: hidden;
-    transition: .2s;
+    transition: 0.2s;
     z-index: 90;
     opacity: 0;
   }