index.html
<!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">
<!-- meta tags for google -->
<meta name="author" content="Ethan Arterberry">
<meta name="description" content="A graphic essay organizer for the future.">
<title>EssayMaker</title>
<link rel="icon" href="src/favicon.ico" type="image/png">
<!-- stylesheets -->
<!-- bower:css -->
<link rel="stylesheet" href="lib/bootstrap-toggle/css/bootstrap-toggle.min.css" />
<link rel="stylesheet" href="lib/loaders.css/loaders.css" />
<link rel="stylesheet" href="lib/semantic-ui-sidebar/sidebar.css" />
<link rel="stylesheet" href="lib/semantic-ui-menu/menu.css" />
<link rel="stylesheet" href="lib/semantic-ui-dropdown/dropdown.css" />
<!-- endbower -->
<!-- custom bootstrap -->
<link rel="stylesheet" href="src/bootstrap/css/bootstrap.min.css">
<!-- < IE9 shiv -->
<!--[if lt IE 9]>
<script src="lib/html5shiv/dist/html5shiv.js"></script>
<![endif]-->
<!-- handwritten and not automatically wired css -->
<link rel="stylesheet" href="src/styles.css">
</head>
<body>
<div class="ui sidebar vertical menu">
<div class="item">
<p class="text">
<strong>EssayMaker</strong>
<br>
<small>An online essay organizer built by <a href="http://github.com/soops">@soops</a>.</small>
</p>
</div>
<div class="item">
<p class="text text-center"><strong>Rough</strong><br><small>Draft</small></p>
<button class="btn btn-primary sidebar-button" id="save-for-later" onclick="saveEssay()">Save</button>
<br><br>
<button class="btn btn-primary sidebar-button" id="open-from-save" onclick="openEssay()"><div id="save-text" class="loader-inner pacman">Open</div></button>
<br><br>
<input id="preview-toggle" type="checkbox" data-toggle="toggle" data-on="Editing" data-off="Previewing" data-width="100%" checked class="item">
</div>
<div class="item">
<p class="text text-center"><strong>Final</strong><br><small>Draft</small></p>
<button class="btn btn-primary sidebar-button" id="save-thot" onclick="saveText()">Plaintext</button>
<br><br>
<button class="btn btn-primary sidebar-button" onclick="saveHtml()" title="This will export a webpage that you can open easily and similarly to a PDF.">HTML</button>
<br><br>
<button class="btn btn-primary sidebar-button" id="copy-thot" onclick="copyThot()">Clipboard</button>
</div>
<div class="item">
<div class="btn-group btn-group-justified" role="group">
<a role="button" href="http://getessaymaker.com" class="btn btn-primary sidebar-button" title="Back to the EssayMaker homepage."><span class="glyphicon glyphicon-arrow-left"></span></a>
<a role="button" href="https://github.com/soops/EssayMaker/issues/new" class="btn btn-primary sidebar-button" title="Send feedback: report issues, suggest features."><span class="glyphicon glyphicon-edit"></span></a>
</div>
</div>
<div class="item">
<p class="text text-center" id="tone-container"><strong>Sentiment</strong><br><span id="tone-input" class="text-center">∅</span></p>
</div>
</div>
<div class="pusher">
<nav class="navbar navbar-default navbar-static-top">
<div class="container">
<button class="btn btn-primary navbar-btn" onclick='$(".ui.sidebar").sidebar("toggle");'><span class="glyphicon glyphicon-cog hamburger"></span></button>
</div>
</nav>
<div class="container">
<div id="preview"></div>
<div id="editor">
<div class="header">
<input type="text" placeholder="Name" class="head-input" id="name">
<input type="text" placeholder="Title" class="head-input" id="title">
<p id="date-text"></p>
</div>
<p class="part-label collapse lth">Thesis Paragraph</p>
<textarea class="para" id="th" onfocus="titleShow('th', '')" onblur="titleHide('lth')" placeholder="The introductory/thesis paragraph accomplishes three purposes: it captures the reader’s interest, it suggests the importance of the essay’s topic, and it ends with a thesis sentence. Often, the thesis sentence states a claim that consists of two or more related points. If the thesis contains multiple points or assertions, each body paragraph should support or justify them, preferably in the order the assertions originally stated in the thesis."></textarea>
<div class="row">
<div class="col-xs-4 col-sm-4 col-md-4">
<p class="part-label collapse lts1">Topic Sentence</p>
<textarea id="ts1" class="part" onfocus="titleShow('ts', '1')" onblur="titleHide('ts', '1')" placeholder="The topic sentence for the first body paragraph will refer to the first point in the thesis sentence."></textarea>
<p class="part-label collapse lex1">Examples</p>
<textarea id="ex1" class="part" onfocus="titleShow('ex', '1')" onblur="titleHide('ex', '1')" placeholder="In this space, you should use specific details, such as anecdotes, comparisons and contrasts, definitions, examples, expert opinions, explanations, facts, and statistics to support and develop the claim that your topic sentence makes."></textarea>
<p class="part-label collapse lcs1">Concluding Sentence</p>
<textarea id="cs1" class="part" onfocus="titleShow('cs', '1')" onblur="titleHide('cs', '1')" placeholder="Remember, it is often effective to end a body paragraph with a sentence that rationalizes its presence in the essay. Ending a body paragraph without some sense of closure may cause the thought to sound incomplete. Do that inside this space."></textarea>
</div>
<div class="col-xs-4 col-sm-4 col-md-4">
<p class="part-label collapse lts2">Topic Sentence</p>
<textarea id="ts2" class="part" onfocus="titleShow('ts', '2')" onblur="titleHide('ts', '2')" placeholder="The topic sentence for the second body paragraph will refer to the second point in the thesis sentence."></textarea>
<p class="part-label collapse lex2">Examples</p>
<textarea id="ex2" class="part" onfocus="titleShow('ex', '2')" onblur="titleHide('ex', '2')" placeholder="In this space, you should use specific details, such as anecdotes, comparisons and contrasts, definitions, examples, expert opinions, explanations, facts, and statistics to support and develop the claim that your topic sentence makes."></textarea>
<p class="part-label collapse lcs2">Concluding Sentence</p>
<textarea id="cs2" class="part" onfocus="titleShow('cs', '2')" onblur="titleHide('cs', '2')" placeholder="Remember, it is often effective to end a body paragraph with a sentence that rationalizes its presence in the essay. Ending a body paragraph without some sense of closure may cause the thought to sound incomplete. Do that inside this space."></textarea>
</div>
<div class="col-xs-4 col-sm-4 col-md-4">
<p class="part-label collapse lts3">Topic Sentence</p>
<textarea id="ts3" class="part" onfocus="titleShow('ts', '3')" onblur="titleHide('ts', '3')" placeholder="The topic sentence for the third body paragraph will refer to the third point in the thesis sentence, if there is one."></textarea>
<p class="part-label collapse lex3">Examples</p>
<textarea id="ex3" class="part" onfocus="titleShow('ex', '3')" onblur="titleHide('ex', '3')" placeholder="In this space, you should use specific details, such as anecdotes, comparisons and contrasts, definitions, examples, expert opinions, explanations, facts, and statistics to support and develop the claim that your topic sentence makes."></textarea>
<p class="part-label collapse lcs3">Concluding Sentence</p>
<textarea id="cs3" class="part" onfocus="titleShow('cs', '3')" onblur="titleHide('cs', '3')" placeholder="Remember, it is often effective to end a body paragraph with a sentence that rationalizes its presence in the essay. Ending a body paragraph without some sense of closure may cause the thought to sound incomplete. Do that inside this space."></textarea>
</div>
</div>
<p class="part-label collapse lco">Concluding Paragraph</p>
<textarea class="para" id="co" onfocus="titleShow('co', '')" onblur="titleHide('co', '')" placeholder="The concluding paragraph usually restates the thesis and leaves the reader something about the topic to think about. If appropriate, it may also issue a call to act, inviting the reader to take a specific course of action with regard to the points that the essay presented."></textarea>
</div>
</div>
<div class="hiddenfile">
<input name="upload" type="file" id="fileinput"/>
</div>
</div>
<!-- dependencies -->
<!-- bower:js -->
<script src="lib/jquery/dist/jquery.js"></script>
<script src="lib/FileSaver.js/FileSaver.js"></script>
<script src="lib/blob/blob.js"></script>
<script src="lib/bootstrap-toggle/js/bootstrap-toggle.min.js"></script>
<script src="lib/filereader.js/filereader.js"></script>
<script src="lib/marked/lib/marked.js"></script>
<script src="lib/sentimood/sentimood.js"></script>
<script src="lib/zeroclipboard/dist/ZeroClipboard.js"></script>
<script src="lib/notifyjs/dist/notify.js"></script>
<script src="lib/semantic-ui-sidebar/sidebar.js"></script>
<script src="lib/semantic-ui-dropdown/dropdown.js"></script>
<!-- endbower -->
<!-- scripts -->
<script src="src/coffee/js/context.js"></script>
<script src="src/coffee/js/save.js"></script>
<!-- custom bootstrap -->
<script src="src/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>