-
Notifications
You must be signed in to change notification settings - Fork 18
/
index.html
188 lines (166 loc) · 7.09 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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="A minimal Markdown editor">
<meta name="author" content="Amit Merchant">
<link rel="icon" href="favicon.ico">
<meta property="og:title" content="Markdownify" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://markdownify.js.org/" />
<meta property="og:description" content="A minimal Markdown editor" />
<meta property="og:image" content="https://raw.githubusercontent.com/amitmerchant1990/test/master/markdownify-mockup1920-1.jpg"/>
<!-- for Twitter -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Markdownify" />
<meta name="twitter:creator" content="@amit_merchant">
<meta name="twitter:description" content="A minimal Markdown editor" />
<meta name="twitter:image" content="https://raw.githubusercontent.com/amitmerchant1990/test/master/markdownify-mockup1920-1.jpg">
<meta name="theme-color" content="#0b1320">
<title>Markdownify - A minimal Markdown editor</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/darcula.css" />
</head>
<body>
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron">
<div class="container text-center">
<h1>Markdownify</h1>
<div>
<p><img src="https://raw.githubusercontent.com/amitmerchant1990/electron-markdownify/master/img/markdownify.png" class="img-responsive logo-image text-center"></p>
<p>
<i class="tagline">A minimal Markdown editor</i>
</p>
</div>
<div>
<a href="https://github.com/amitmerchant1990/electron-markdownify/releases/tag/v1.2.0" class="btn btn-success btn-lg">Download</a>
<a href="https://github.com/amitmerchant1990/electron-markdownify/" class="btn btn-danger btn-lg">GitHub</a>
</div>
</div>
<div class="text-center">
<img src="https://raw.githubusercontent.com/amitmerchant1990/test/master/final-retina-macbookpro-mockup.png" class="img-responsive custom-image">
</div>
</div>
<div class="container">
<div class="row text-center">
<h2 class="key_features">Key Features</h2>
</div>
<div class="row">
<div class="col-md-4">
<h3>📔 LivePreview</h3>
<p> <b>Make changes, See changes</b>. Instantly see what your Markdown documents look like in HTML as you create them. </p>
</div>
<div class="col-md-4">
<h3>📜 Sync Scrolling</h3>
<p>While you type, <b>LivePreview</b> will automatically scroll to the current location you're editing. </p>
</div>
<div class="col-md-4">
<h3>🔧 GFM</h3>
<p>The good old <b>GitHub Flavored-style</b> Markdown. So, you don't feel out of the place.</p>
</div>
</div>
<div class="row">
<div class="col-md-4">
<h3>🌈 Syntax highlighting</h3>
<p> Syntax highlighting in fenced code blocks with language identifiers and Markup languages </p>
</div>
<div class="col-md-4">
<h3>⬛ Dark/Light mode</h3>
<p>Change the color scheme of the editor based on your preferences. i.e to choose between Dark mode/Light mode </p>
</div>
<div class="col-md-4">
<h3>😜 Emoji support</h3>
<p>Supports emojis in the preview mode for when you need to express yourself via one</p>
</div>
</div>
</div>
<hr>
<div class="container">
<div class="row text-center">
<div>
<h4>Other features including...</h4>
<ul class="center" type="square">
<li>Toolbar for basic Markdown formatting</li>
<li>Save the Markdown preview as PDF</li>
<li>App will keep alive in tray for quick usage</li>
<li>Full screen mode</li>
<li>Supports multiple cursors</li>
<li>Save the Markdown preview as PDF</li>
<ul>
<li>Write distraction free.</li>
</ul>
<li>Cross platform</li>
<ul>
<li>Windows, Mac and Linux ready.</li>
</ul>
</ul>
</div>
</div>
</div>
<hr>
<div class="container">
<div class="text-center">
<h2 class="key_features">Develop</h2>
</div>
<div>
<p>To clone and run this application, you'll need <a href="https://git-scm.com/">Git</a> and <a href="https://nodejs.org/en/download/">Node.js</a> (which comes with <a href="http://npmjs.com/">npm</a>) installed on your computer. From your command line:</p>
</div>
<div>
<pre>
<code class="bash">
# Clone this repository
$ git clone https://github.com/amitmerchant1990/electron-markdownify
# Go into the repository
$ cd electron-markdownify
# Install dependencies
$ npm install
# Run the app
$ npm start
</code>
</pre>
</div>
</div>
<hr>
<div class="container">
<div class="row text-center credits">
<div>
<h2 class="key_features">Credits</h2>
<p>Markdowinfy is built using <a href="http://electron.atom.io/">Electron</a>, <a href="https://nodejs.org/">Node.js</a> and some <a href="https://github.com/amitmerchant1990/electron-markdownify#credits">more</a>.</p>
</div>
</div>
</div>
<hr>
<footer>
<p class="text-center">Created by <a href="https://www.amitmerchant.com/">Amit Merchant</a>.</p>
</footer>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/ie10-viewport-bug-workaround.js"></script>
<script src="js/jquery-canvas-sparkles.js"></script>
<script src="js/highlight.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".jumbotron").sparkle();
$('nav').sparkle();
$(".custom-image")
.off("stop.sparkle");
});
hljs.initHighlightingOnLoad();
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-43339302-5', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>