New design for the widgets section in the docs (#866)

* Initial commit for the new widgets section

* Placing all the widgets and refining the CSS and Hugo logic

* Initial commit for the new widgets section

* Placing all the widgets and refining the CSS and Hugo logic

* Rebased and updated the info according to @verythorough contribution

* Fixing the yaml codes for the relation and select widget sections

* Merging with widgets.md and app.j

* Fixing some silly mistakes (sorry!)

* Following @verythorough contributions :)

* Adding the markdown widget and fixing the widgets container background

* Adding the URL functionality and myself as a contributor :)

* Adding myself as a contributor :)

website/site/content/docs/widgets/number.md

@@ -0,0 +1,30 @@
+---
+label: "Number"
+target: "number"
+type: "widget"
+---
+
+### Number
+
+
+The number widget uses an HTML number input, saving the value as a string, integer, or floating point number.
+
+- **Name:** `number`
+- **UI:** HTML [number input](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number)
+- **Data type:** string by default; configured by `valueType` option
+- **Options:**
+  - `default`: accepts string or number value; defaults to empty string
+  - `valueType`: accepts `int` or `float`; any other value results in saving as a string
+  - `min`: accepts a number for minimum value accepted; unset by default
+  - `max`: accepts a number for maximum value accepted; unset by default
+- **Example:**
+
+  ```yaml
+  - label: "Puppy Count"
+    name: "puppies"
+    widget: "number"
+    default: 2
+    valueType: "int"
+    min: 1
+    max: 101
+  ```