diff --git a/developer-portal/markdown-examples.md b/developer-portal/markdown-examples.md
new file mode 100644
index 00000000..ed676a97
--- /dev/null
+++ b/developer-portal/markdown-examples.md
@@ -0,0 +1,305 @@
+---
+title: Basics
+---
+
+# Basics
+
+## Heading level 2
+
+### Heading level 3
+
+#### Heading level 4
+
+##### Heading level 5
+
+###### Heading level 6
+
+### Basic formatting
+
+Paragraphs can be written like so. A paragraph is the basic block of Markdown. A paragraph is what text will turn into when there is no reason it should become anything else.
+
+Paragraphs must be separated by a blank line. Basic formatting of _italics_ and **bold** is supported. This _can be **nested** like_ so.
+
+### Quote
+
+> Here is a quote. What this is should be self explanatory. Quotes are automatically indented when they are used.
+
+Blockquotes can contain multiple paragraphs. Add a > on the blank lines between the paragraphs.
+
+> Dorothy followed her through many of the beautiful rooms in her castle.
+>
+> The Witch bade her clean the pots and kettles and sweep the floor and keep the fire fed with wood.
+
+### URLs
+
+URLs can be made in a handful of ways:
+
+- Another named link to [MarkItDown](http://www.markitdown.net/)
+- Sometimes you just want a URL or email address like
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. +
++ Lorem ipsum dolor sit amet, consectetur adipiscing elit. +
++1. Code snippets in a list. +1. ```javascript + javascript; + ``` + + ```python + python + ``` + + ```cpp + c++ + ``` ++ +#### Free-form code samples + +And here's some code! 👍 + +```javascript +var now = new Date(); + +var days = new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'); + +var months = new Array( + 'January', + 'February', + 'March', + 'April', + 'May', + 'June', + 'July', + 'August', + 'September', + 'October', + 'November', + 'December', +); + +var date = (now.getDate() < 10 ? '0' : '') + now.getDate(); + +function fourdigits(number) { + return number < 1000 ? number + 1900 : number; +} +today = + days[now.getDay()] + + ', ' + + months[now.getMonth()] + + ' ' + + date + + ', ' + + fourdigits(now.getYear()); + +document.write(today); +``` + +```php +function getDistanceBetweenPointsNew($latitude1, $longitude1, $latitude2, $longitude2) { + $theta = $longitude1 - $longitude2; + $miles = (sin(deg2rad($latitude1)) * sin(deg2rad($latitude2))) + (cos(deg2rad($latitude1)) * cos(deg2rad($latitude2)) * cos(deg2rad($theta))); + $miles = acos($miles); + $miles = rad2deg($miles); + $miles = $miles * 60 * 1.1515; + $feet = $miles * 5280; + $yards = $feet / 3; + $kilometers = $miles * 1.609344; + $meters = $kilometers * 1000; + return compact('miles','feet','yards','kilometers','meters'); +} +``` + +```python +from datetime import datetime + +now = datetime.now() + +mm = str(now.month) + +dd = str(now.day) + +yyyy = str(now.year) + +hour = str(now.hour) + +mi = str(now.minute) + +ss = str(now.second) + +print mm + "/" + dd + "/" + yyyy + " " + hour + ":" + mi + ":" + ss +``` + +```yaml +version: '3' +services: +web: + # replace username/repo:tag with your name and image details + image: username/repo:tag + deploy: + replicas: 5 + restart_policy: + condition: on-failure + resources: + limits: + cpus: '0.1' + memory: 50M + ports: + - '80:80' + networks: + - webnet +visualizer: + image: dockersamples/visualizer:stable + ports: + - '8080:8080' + volumes: + - '/var/run/docker.sock:/var/run/docker.sock' + deploy: + placement: + constraints: [node.role == manager] + networks: + - webnet +networks: webnet: +``` + +```json +{ + "firstName": "John", + "lastName": "Smith", + "age": 25 +} +``` + +```shell +eval $(docker-machine env myvm1) +``` + \ No newline at end of file diff --git a/sidebars.yaml b/sidebars.yaml index 384ad8e0..40df425a 100644 --- a/sidebars.yaml +++ b/sidebars.yaml @@ -7,6 +7,8 @@ training: page: developer-portal/setup.md - label: Markdown page: developer-portal/markdown.md + - label: Markdown Examples + page: developer-portal/markdown-examples.md - label: Folder structure page: developer-portal/awesome/folders.md - label: Mermaid diagrams