ThumbnailBuilder

Add help doc page

12/14/2018 1:27:42 PM

Changes

help.html 67(+67 -0)

Details

help.html 67(+67 -0)

diff --git a/help.html b/help.html
new file mode 100644
index 0000000..809a34d
--- /dev/null
+++ b/help.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width">
+  <title>Oregon ArcGIS TB</title>
+  <!-- Compiled and minified CSS -->
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
+  <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+  <link rel="stylesheet" href="./css/main.css" />
+</head>
+<body>
+
+<nav>
+  <div class="nav-wrapper">
+    <a href="#!" class="brand-logo">ArcGIS Thumbnail Builder</a>
+    <ul id="nav-mobile" class="right hide-on-med-and-down">
+      <li><a href="index.html" target="_self">Home</a></li>
+    </ul>
+  </div>
+</nav>
+
+<div class="container">
+  <div class="row">
+    <h2>About</h2>
+    <p>
+      Building great thumbnails is a critical step to making your ArcGIS Online
+      content more transparent and approachable.  You want your users to be able
+      to understand important information about an item before clicking on it.
+    </p>
+    <p>
+      This is a tool to make the thumbnail creation process a little easier on you.
+    </p>
+    <p>
+      You're users are happy.  You're happy.  It's a win/win.
+    </p>
+    <h2>Query Parameters</h2>
+    <p>
+      To make the tool re-usable, you can add the query parameters below to your URL.
+    </p>
+    <table>
+      <thead>
+        <tr>
+          <th>Parameter</th>
+          <th>Description</th>
+          <th>Values</th>
+          <th>Example</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>titleColor</td>
+          <td>Title BG Color</td>
+          <td>RGBA Color</td>
+          <td>0,255,0,0.8</td>
+        </tr>
+        <tr>
+          <td>sidebarColor</td>
+          <td>Sidebar BG Color</td>
+          <td>RGBA Color</td>
+          <td>0,0,255,0.8</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</div> <!-- /container -->
+</body>
+</html>