From a7b9fe4227e9f39224f99bd2914ca77e70a03bd8 Mon Sep 17 00:00:00 2001
From: Manuel Barzi <manuelbarzi@gmail.com>
Date: Thu, 28 Dec 2023 17:53:28 +0100
Subject: [PATCH] remove typo in web;  add installation section in doc; clean
 up counter-up demo

---
 README.md             | 8 +++++++-
 index.html            | 2 +-
 scripts/counter-up.js | 2 --
 style.css             | 4 ++++
 4 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 6662090..635c340 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,13 @@
 
 Object-oriented Component-based UI JavaScript library for HTML Canvas (inspired by Java Swing)
 
-##### Usage
+## Installation
+
+```sh
+$ npm i @b00tc4mp/wings
+```
+
+## Usage
 
 ```html
 <!-- create a canvas in html -->
diff --git a/index.html b/index.html
index 75fbe1e..fe22110 100644
--- a/index.html
+++ b/index.html
@@ -28,7 +28,7 @@ <h1>Wings</h1>
 	<main>
 		<h2>Intallation</h2>
 
-		<pre><code class="language-sh">$ npm i @b00tc4mp/wings --hello</code></pre>
+		<pre><code class="language-sh">$ npm i @b00tc4mp/wings</code></pre>
 
 		<h2>Usage (example)</h2>
 
diff --git a/scripts/counter-up.js b/scripts/counter-up.js
index 0be892f..1b53a52 100644
--- a/scripts/counter-up.js
+++ b/scripts/counter-up.js
@@ -10,10 +10,8 @@
         constructor() {
             super()
 
-            // set the dimensions
             this.width = this.height = 50
 
-            // set colors
             this.backgroundColor = 'magenta'
             this.borderColor = 'cyan'
             this.borderWidth = 5
diff --git a/style.css b/style.css
index a7fbb4e..fbc5821 100644
--- a/style.css
+++ b/style.css
@@ -14,6 +14,10 @@ html {
 	height: 100%
 }
 
+body {
+	padding: 1rem;
+}
+
 body,
 header,
 article,