-
Notifications
You must be signed in to change notification settings - Fork 4
/
template.html
104 lines (77 loc) · 4.45 KB
/
template.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
<!DOCTYPE html>
<html>
<head>
<title>MarkdowntoMLA.com</title>
<meta content="Markdown to MLA" name="og:site_name" />
<meta property='og:type' name='og:type' content='website' />
<meta property='og:title' name='og:title' content='Markdown to MLA' />
<meta property='description' name='description' content='Convert markdown to MLA formatted PDFs. Makes writing school papers much easier.' />
<meta property='og:description' name='og:description' content='Convert markdown to MLA formatted PDFs. Makes writing school papers much easier.' />
<meta property='og:url' name='og:url' content='http://markdowntomla.com/' />
<meta property='og:image' name='og:image' content='http://i.imgur.com/JwuUAy9.png' />
<style type="text/css">
*{
margin: 0;
padding: 0;
}
#editor, #preview{
position: absolute;
top: 0;
bottom: 0;
width: 50%;
height: 100vh;
}
#editor {
left: 0;
right: 50%;
}
#preview{
left: 50%;
right: 0;
border: 0;
}
</style>
</head>
<body>
<pre id="editor">
author: Christian Genco
instructor: Professor Elisa Farrell
course: ENGL 1341
date: 6 April 2015
title: On MarkdownToMLA.com and the Human Condition
Hi! Welcome to MarkdownToMLA.com - a simple website with an even simpler purpose: making it less annoying to generate MLA-formatted documents and essays for school (or work, if you... write essays for work? Maybe you're an english teacher? I'm actually not sure if anyone actually uses MLA in the real world).
The stuff on the left is editable, and automatically generates the PDF on the right, which can be downloaded and emailed to your teacher, or printed out, or whatever else you want to do with a PDF. Everything you write is automatically saved as soon as you pause typing, but it's still a good idea to copy and paste it somewhere else every once in a while as a backup. You can even use this website without being connected to the internet!
The special format on the left is called Markdown. You can easily make things *italic* and **bold**, as well as quote important people:
> Writing MLA-formatted essays is much easier with markdowntomla.com. I use it all the time when I write essays to foreign dictators, as well as to my wife when I need her to pick up something from the store on the way home (we're a very formal family). (Obama)
Some teachers don't like you to use subheadings in a paper, but here's the standard way of doing that:
# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
Need a page break? Just type three dashes on an empty line.
---
Whoa, so much more room on this page. There's two things left to cover: the special **author**, **instructor**, **course**, **date**, and **title** section at the top; and the work's cited page. The former is used for the MLA heading, numbering the pages, and naming your downloaded PDF. The later is pretty self explanatory (look at the markdown source code at the bottom of this essay).
For help generating those citations, check out easybib.com, bibme.org, and citationmachine.net. Be careful citing Wikipedia, but there's also a handy "cite this page" button on every page.
If you have any suggestions or feedback for how this can be improved, send me a tweet @cgenco or contact me through my website at http://christian.gen.co (I also have a talk on there about how to go to college for free). Have fun writing essays :D
---
# Works Cited
Egan, Greg. *Permutation City*. New York: HarperPrism, 1994. Print.
Rowling, J. K., and Mary GrandPre. *Harry Potter and the Chamber of Secrets*. New York: Arthur A. Levine, 1999. Print.
Wikipedia contributors. "Hacker News." Wikipedia, The Free Encyclopedia. Wikipedia, The Free Encyclopedia, 18 Mar. 2015. Web. 7 Apr. 2015.
</pre>
<iframe id="preview"></iframe>
<script type="text/javascript" src="./js/ace.js"></script>
<script type="text/javascript" src="./js/ace.mode-markdown.js"></script>
<script type="text/javascript" src="./js/ace.theme-textmate.js"></script>
<script type="text/javascript" src="./js/markdowntomla.js"></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','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-61658501-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>