TITLE
=====

  Try to _prettify_ this file, and observe that even the code blocks will be 
prettified! Thanks   to the [Prettier library](https://prettier.io/playground/).


##    Some JavaScript code

```js
var json =    [
      {'array': [0,1,2,3,4,5, 6,  7   ,8  ],
      dataframe: [{"Sepal.Length":5.1,"Sepal.Width":3.5,"Petal.Length":1.4,"Petal.Width":0.2,"Species":"setosa"},{"Sepal.Length":4.9,"Sepal.Width":3,"Petal.Length":1.4,"Petal.Width":0.2,"Species":"setosa"}] 
    },
        {FUNCTION: function(arg){return `Call: f(${arg})`}}
]
```


And some CSS
--------------

```css
button{
	border: 1px solid transparent;
-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
font-size: 14px;
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	  padding: 3px 10px 3px 10px;
	  text-decoration: none;
	    display: inline-block;
	text-shadow: -1px -1px 0 rgba(0, 0,0, 0.3);
	font-weight: normal;
	color: #FFFFFF;
	background-color: #9C27B0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9C27B0), to(#BD2DF5));
	background-image: -webkit-linear-gradient(top, #9C27B0, #BD2DF5);
	background-image: -moz-linear-gradient(top, #9C27B0, #BD2DF5);
	background-image: -ms-linear-gradient(top, #9C27B0, #BD2DF5);
	background-image: -o-linear-gradient(top, #9C27B0, #BD2DF5);
	background-image: linear-gradient(to bottom, #9C27B0, #BD2DF5);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#9C27B0, endColorstr=#BD2DF5);
}
```



## As well as `SCSS`

```scss
  $track-radius:   5px   !default;
$contrast: 5% !default;

$ie-bottom-track-color: 
darken($track-color, $contrast) !default;

@mixin shadow($shadow-size, $shadow-blur, $shadow-color) {
  box-shadow: $shadow-size $shadow-size $shadow-blur $shadow-color, 0 0 $shadow-size lighten($shadow-color, 5%);
}
```

## What else?

* `HTML`  code blocks are prettifiable as well;
*   `TypeScript`  code blocks are prettifiable as well.

__________________

# __HTML PREVIEW__

You can preview the HTML rendering of this Markdown file: the context menu is your friend.


~~This was mistaken text~~


| Command | Description |
| --- | --- |
| git status | List all new or modified files |
| git diff | Show file differences that haven't been staged |



## Typographic replacements

(c) (C) (r) (R) (tm) (TM) (p) (P) +-

test.. test... test..... test?..... test!....

!!!!!! ???? ,,  -- ---

"Smartypants, double quotes" and 'single quotes'
