Add lexers in readme files

Author: riccardoscalco

readme.md

@@ -10,21 +10,21 @@ To use **onepunch**, you should have installed **node** and **npm** in your syst
 
 Install **onepunch** globally with the following command:
 
-```
+```sh
 $ npm install -g @nextbitlabs/onepunch
 ```
 
 Please note that onepunch makes use of [puppeteer](https://github.com/puppeteer/puppeteer/), which will download chromium. This is necessary to print the PDF file.
 
 Update **onepunch** to the latest release with:
 
-```
+```sh
 $ npm update -g @nextbitlabs/onepunch
 ```
 
 ### Create a project
 
-```
+```sh
 $ onepunch init [-n directory-name]
 ```
 
@@ -34,7 +34,7 @@ The command above creates the directory `directory-name` with all the files need
 
 Inside the project directory, run:
 
-```
+```sh
 $ onepunch serve
 ```
 
@@ -44,30 +44,30 @@ The command above starts a local server and opens the browser, use the arrow key
 
 Inside the project directory, run:
 
-```
+```sh
 $ onepunch print
 ```
 
 ### Update
 
 Update files in the `src` directory according to the latest release of **onepunch**, please note that any custom change inside directory `src` will be overwritten:
 
-```
+```sh
 $ onepunch update
 ```
 
 The above command assumes you have installed the latest release of **onepunch**.
 If this is not the case, update **onepunch** to the latest release with:
 
-```
+```sh
 $ npm update -g @nextbitlabs/onepunch
 ```
 
 ### Create custom styles
 
 Each slide is created by means of tag `article`, for example:
 
-```
+```html
 <main>
 
   <!-- Slides 1 -->
@@ -92,7 +92,7 @@ Each slide is created by means of tag `article`, for example:
 
 As usual, designers can define CSS classes to apply custom style. For example, the following class defines a specific grid layout:
 
-```
+```css
 .layout-1 {
   display: grid;
   grid-template-rows: minmax(50px, max-content) auto 50px;
@@ -106,7 +106,7 @@ As usual, designers can define CSS classes to apply custom style. For example, t
 
 and can be used in the following way:
 
-```
+```html
 <article class="layout-1">
   <header style="grid-area: A;">
     ...

template/readme.md

@@ -2,18 +2,18 @@ Please edit file `index.html` to create your presentation.
 
 Start a local server with:
 
-```
+```sh
 $ onepunch serve
 ```
 
 Print the presentation in a PDF file with:
 
-```
+```sh
 $ onepunch print
 ```
 
 Update files in the `src` directory according to the latest release:
 
-```
+```sh
 $ onepunch update
 ```