76 lines
1.3 KiB
Plaintext
76 lines
1.3 KiB
Plaintext
|
<header class="w930">
|
||
|
|
<div class="heading">
|
||
|
|
<a href="/admin"><span class="title">Blog Admin</span></a>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
<main class="w930 admin">
|
||
|
|
<section>
|
||
|
|
<section class="grid grid-no-wrap grid-fit">
|
||
|
|
<div class="cell cell-1of2 edit-left">
|
||
|
|
<textarea name="post_content" id="post_content">
|
||
|
|
# Article Title
|
||
|
|
|
||
|
|
Feb 18, 2016
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
Headers
|
||
|
|
|
||
|
|
# Level 1
|
||
|
|
## Level 2
|
||
|
|
### Level 3
|
||
|
|
#### Level 4
|
||
|
|
##### Level 5
|
||
|
|
###### Level 6
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
Here are some random code examples:
|
||
|
|
|
||
|
|
|
||
|
|
HTML is always fun to look at, right?
|
||
|
|
|
||
|
|
```HTML
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<title>Some Random Title</title>
|
||
|
|
</head>
|
||
|
|
<body></body>
|
||
|
|
</html>
|
||
|
|
```
|
||
|
|
|
||
|
|
Javascript has several ways of making a self-executing function.
|
||
|
|
|
||
|
|
```javascript
|
||
|
|
// ES5 IIFE
|
||
|
|
(function() {
|
||
|
|
var x = 'foo';
|
||
|
|
}());
|
||
|
|
|
||
|
|
// ES5 Alternate IIFE
|
||
|
|
(function() {
|
||
|
|
var y = 'bar';
|
||
|
|
})();
|
||
|
|
|
||
|
|
// ES6 IIFE
|
||
|
|
(() => {
|
||
|
|
let x = 'foo';
|
||
|
|
const y = 'bar';
|
||
|
|
})();
|
||
|
|
```
|
||
|
|
</textarea>
|
||
|
|
</div>
|
||
|
|
<div class="cell cell-1of2 edit-right" id="preview">
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</section>
|
||
|
|
<footer>
|
||
|
|
<p>© Timothy J. Warren</p>
|
||
|
|
</footer>
|
||
|
|
</main>
|
||
|
|
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.1.0/highlight.min.js"></script>
|
||
|
|
<script src="/assets/js/lib/autosize.min.js"></script>
|
||
|
|
<script src="/assets/js/lib/markdown-it.min.js"></script>
|
||
|
|
<script src="/assets/js/admin.js"></script>
|