more style

monkstone · monkstone · commit de8b8125c0ee · 2016-10-12T14:24:02.000+01:00
diff --git a/docs/index.html b/docs/index.html
@@ -20,11 +20,23 @@
       font-family: verdana;
       font-size: 20px;
     }
+    pre {
+      font-family: verdana;
+      font-size: 15px;
+      color: blue;
+    }
     </style>
   </head>
   <body>
     <h2>Essential Packages</h2>
-    <p>You will surely want to install the <a href="https://atom.io/packages/atom-k9">atom-k9</a> package (to run watch sketches from the editor).</p>
-    <p>You will also want the <a href="https://atom.io/packages/set-syntax">set-syntax</a> package to make it easy to select the "JRubyArt" syntax mode.</p
+    <p>You should install the <a href="https://atom.io/packages/atom-k9">atom-k9</a> package (to run watch sketches from the editor).</p>
+    <p>You may also want the <a href="https://atom.io/packages/set-syntax">set-syntax</a> package to make it easy to select the <b>JRubyArt</b> syntax mode.</p>
+    <p>Note: You can easily edit <b>language-jruby-art.cson</b> to create custom snippets see extract below:-
+    <pre> 
+  '.source.ruby.processing':
+  Background:
+    prefix: 'bkg'
+    body: 'background ${1:int}'
+    </pre>
   </body>
 </html>
diff --git a/docs/index.html~ b/docs/index.html~
@@ -0,0 +1,30 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Syntax Highlight Mode for JRubyArt</title>
+    <meta name="description" content="Syntax Highlight Mode for JRubyArt">
+    <meta name="author" content="Martin Prout">
+    <meta name="keywords" content="atom-k9,JRubyArt,ruby-processing,syntax">
+    <style>
+    body {
+      background-color: lightblue;
+    }
+
+    h2 {
+      color: red;
+      text-align: center;
+    }
+
+    p {
+      font-family: verdana;
+      font-size: 20px;
+    }
+    </style>
+  </head>
+  <body>
+    <h2>Essential Packages</h2>
+    <p>You will surely want to install the <a href="https://atom.io/packages/atom-k9">atom-k9</a> package (to run watch sketches from the editor).</p>
+    <p>You will also want the <a href="https://atom.io/packages/set-syntax">set-syntax</a> package to make it easy to select the "JRubyArt" syntax mode.</p
+  </body>
+</html>
