/
index.html
122 lines (117 loc) · 5.18 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Live Markdown Editor - View Markdown Output and Save it For Later">
<title>Markdown Editor</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<link href='http://fonts.googleapis.com/css?family=Raleway:200' rel='stylesheet' type='text/css'>
<link rel="canonical" href="http://alexyanai.com/" />
<link rel="me" href="https://plus.google.com/u/0/+AlexYanai?rel=author"/>
</head>
<body>
<script type="text/x-handlebars">
<div class="container">
<header class="header">
<h1 class="logo">
{{#link-to "index" class="homepageLinks"}}
Live Markdown Editor
{{/link-to}}
</h1>
</header>
<nav class="nav center">
{{#link-to "reference" class="btn btn-primary"}}Reference{{/link-to}}
{{#link-to "notes" class="btn btn-primary"}}Editor{{/link-to}}
</nav>
<main class="main cf">{{outlet}}</main>
<footer class="footer center cf">
<small>Free to copy or modify as you like - See Readme.md</small>
</footer>
</div>
</script>
<script type="text/x-handlebars" data-template-name="index">
<section id="home" class="page clearfix">
<h2 class="homepageHeader">Welcome to MkdnEditor</h2>
<div class="homepageDiv homepageText">MkdnEditor is a live, browser-based markdown editor. MkdnEditor is built with Ember.js and uses Bootstrap for styling and Showdown for plain-text to Markdown conversion.
<br>
{{#link-to "reference"}}<strong>learn markdown »</strong>{{/link-to}}
<br>
Alex Yanai is a NYC based web developer and designer.
<br>
<a href="http://www.alexyanai.com"><strong>learn more »</strong></a>
<br>
</div>
</section>
</script>
<script type="text/x-handlebars" id="reference">
<section id="reference" class="page">
<h2>Markdown Reference</h2>
<h3 class="referenceHeader">A Brief Cheat Sheet</h3>
<img src="images/markdown.png" align="left" class="referenceImage">
<p>
Display as an <strong>H1 Tag:</strong> #H1 Or  ====== (Underneath)<br>
Display as an <strong>H2 Tag:</strong> ##H2 Or  ---------- (Underneath)<br>
Display as an <strong>H3 Tag:</strong> ### H3<br>
Display as an <strong>H4 Tag:</strong> #### H4<br>
Display as an <strong>H5 Tag:</strong> ##### H5<br>
Display as an <strong>H6 Tag:</strong> ###### H6</p>
<p>
<strong>Italicize</strong> (Emphasis) Text:       *Text* Or _Text_<br>
<strong>Bold</strong> (Strong Emphasis) Text:**Text** Or __Text__<br>
<strong>Strike Through</strong> Text:          ~~Text~~<br>
</p>
<p>
<div>
<strong>Ordered List:</strong><br>
   1. Item 1<br>
        1. Sub Item 1<br>
   2. Item 2<br>
<strong>Unordered List:</strong> (Or spaces)<br>
   - Item 1(Or +)<br>
        - Sub Item 1<br>
   - Item 2<br>
</div>
<strong>Links:</strong><br>
[Link this text](http://www.alexyanai.com)<br>
Or<br>
[Add a reference corresponding to a link at the bottom][1]<br>
[1]: http://www.alexyanai.com<br></p>
<strong>Images:</strong>
![Picture Text](http://www.alexyanai.com/some.jpg)
</section>
</script>
<script type="text/x-handlebars" id="notes">
<div class="page">
<div class="notePartial" >
{{textarea id="markdownInput" value=markdownInput placeholder="Enter your markdown here. It will automatically be translated."}}
<div class="output">
{{format-markdown markdownInput}}
</div>
</div>
<p class="saveButton">
<button {{action "markdownInput"}} class="btn btn-info">Save</button>
</p>
{{#each itemController="note"}}
<div class="singleEntry">
{{copy}}
<hr/>
<p class="saveButton">
<button {{action "loadMarkdown"}} class="btn btn-info">Edit</button>
<button {{action "deleteMarkdown"}} class="btn btn-info">Delete</button>
</p>
</div>
{{/each}}
</div>
</script>
<script src="js/libs/jquery-1.10.2.js"></script>
<script src="js/libs/handlebars-1.1.2.js"></script>
<script src="js/libs/ember.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/showdown/0.3.1/showdown.min.js"></script>
<script src="js/libs/ember-data.js"></script>
<script src="js/libs/localstorage_adapter.js"></script>
<script src="js/app.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.1.0/moment.min.js"></script>
</body>
</html>