Preset:
16
1
<!-- BEGIN THING -->
2
<h2 id="my_id">Hello & World</h2>
3
<p class="myClass">
4
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa perspiciatis laudantium cumque voluptates accusantium voluptatum magnam maiores facere tempora ducimus nobis obcaecati, animi at odit nihil, velit officia doloribus impedit!
5
</p>
6
<!-- END THING -->
7
8
## This is a markdown heading
9
10
> Neat
11
12
* _one_
13
* _two_
14
15
1. *three*
16
2. *four*
30
1
h1, .h1 {
2
font-size: 2em;
3
animation: spin 1s ease-out;
4
color: crimson;
5
font-family: sans-serif;
6
}
7
8
$theColor: blue;
9
10
a[href="http://example.com"] {
11
&:before {
12
color: $theColor;
13
}
14
color: #eee;
15
}
16
17
@media (min-width: 600px) {
18
h1#hello, h1.world {
19
display:none;
20
}
21
}
22
23
@-webkit-keyframes spin {
24
0% {
25
transform: rotate(0);
26
}
27
100% {
28
transform: rotate(360deg);
29
}
30
}
27
1
for (var i=0; i<10; i++) {
2
console.log(i);
3
}
4
5
function aFunc() {
6
var obj = {};
7
obj.isAnObject = true;
8
}
9
10
function Dog(opts) {
11
this.name = opts.name;
12
this.isGoodDog = opts.isGoodDog;
13
this.whosAGoodDog = function() {
14
console.log( this.isGoodDog ? "me" : undefined );
15
}
16
this.bark = function() {
17
console.log("woof");
18
}
19
this.sayName = function() {
20
console.log(this.name);
21
}
22
}
23
24
var myDog = new Dog({
25
name: "aDog",
26
isGoodDog: true // good pupper
27
});