<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1.0, user-scalable=no" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="yes" name="mobile-web-app-capable">
<title>
HackMD - Collaborative markdown notes
</title>
<link href="/favicon.png" rel="icon" type="image/png">
<link href="/apple-touch-icon.png" rel="apple-touch-icon">
<link crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha256-916EbMg70RQy9LHiGkXzG8hSg9EdNy97GazNG/aiY1w=" rel="stylesheet">
<link crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" rel="stylesheet">
<link crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-social/4.9.0/bootstrap-social.min.css" integrity="sha256-02JtFTurpwBjQJ6q13iJe82/NF0RbZlJroDegK5g87Y=" rel="stylesheet">
<link crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css" integrity="sha256-3iu9jgsy9TpTwXKb7bNQzqWekRX7pPK+2OLj3R922fo=" rel="stylesheet">
<link crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/octicons/3.5.0/octicons.min.css" integrity="sha256-QiWfLIsCT02Sdwkogf6YMiQlj4NE84MKkzEMkZnMGdg=" rel="stylesheet">
<link crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/emojify.js/1.1.0/css/basic/emojify.min.css" integrity="sha256-UOrvMOsSDSrW6szVLe8ZDZezBxh5IoIfgTwdNDgTjiU=" rel="stylesheet">
<link href="/build/font.7c98aaa48c8e039c896d.css" rel="stylesheet">
<link href="/build/index-styles.7c98aaa48c8e039c896d.css" rel="stylesheet">
<link href="/build/index.7c98aaa48c8e039c896d.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" integrity="sha256-3Jy/GbSLrg0o9y5Z5n1uw0qxZECH7C6OQpVBgNFYa0g=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js" integrity="sha256-g6iAfvZp+nDQ2TdTR/VVKJf3bGro4ub5fvWSWVRi2NE=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.9/es5-shim.min.js" integrity="sha256-8E4Is26QH0bD52WoQpcB+R/tcWQtpzlCojrybUd7Mxo=" crossorigin="anonymous"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top unselectable hidden-print">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<div class="pull-right" style="margin-top: 17px; color: #777;">
<div class="visible-xs">
</div>
<div class="visible-sm">
</div>
<div class="visible-md">
</div>
<div class="visible-lg">
</div>
</div>
<div class="nav-mobile nav-status visible-xs" id="short-online-user-list">
<a class="ui-short-status" data-toggle="dropdown">
<span class="label label-danger">
<i class="fa fa-plug">
</i>
</span>
</a>
<ul aria-labelledby="menu" class="dropdown-menu list" role="menu">
</ul>
</div>
<a class="navbar-brand pull-left" href="/">
<i class="fa fa-file-text">
</i>
HackMD
</a>
<div class="nav-mobile pull-right visible-xs">
<span class="btn btn-link btn-file ui-upload-image" style="display:none;" title="Upload Image">
<i class="fa fa-camera">
</i>
<input accept="image/*" multiple="" name="upload" type="file">
</span>
<a class="btn btn-link" data-toggle="dropdown">
<i class="fa fa-caret-down">
</i>
</a>
<ul aria-labelledby="menu" class="dropdown-menu list" role="menu">
<li role="presentation">
<a class="ui-new" href="/new" role="menuitem" tabindex="-1" target="_blank">
<i class="fa fa-plus fa-fw">
</i>
New
</a>
</li>
<li role="presentation">
<a class="ui-publish" href="#" role="menuitem" tabindex="-1" target="_blank">
<i class="fa fa-share-square-o fa-fw">
</i>
Publish
</a>
</li>
<li class="divider">
</li>
<li class="dropdown-header">
Extra
</li>
<li role="presentation">
<a class="ui-extra-revision" data-target="#revisionModal" data-toggle="modal" role="menuitem" tabindex="-1">
<i class="fa fa-history fa-fw">
</i>
Revision
</a>
</li>
<li role="presentation">
<a class="ui-extra-slide" href="#" role="menuitem" tabindex="-1" target="_blank">
<i class="fa fa-tv fa-fw">
</i>
Slide Mode
</a>
</li>
<li class="divider">
</li>
<li class="dropdown-header">
Import
</li>
<li role="presentation">
<a class="ui-import-dropbox" href="#" role="menuitem" tabindex="-1" target="_self">
<i class="fa fa-dropbox fa-fw">
</i>
Dropbox
</a>
</li>
<li role="presentation">
<a class="ui-import-google-drive" href="#" role="menuitem" tabindex="-1" target="_self">
<i class="fa fa-cloud-download fa-fw">
</i>
Google Drive
</a>
</li>
<li role="presentation">
<a class="ui-import-gist" data-target="#gistImportModal" data-toggle="modal" href="#" role="menuitem">
<i class="fa fa-github fa-fw">
</i>
Gist
</a>
</li>
<li role="presentation">
<a class="ui-import-clipboard" data-target="#clipboardModal" data-toggle="modal" href="#" role="menuitem">
<i class="fa fa-clipboard fa-fw">
</i>
Clipboard
</a>
</li>
<li class="divider">
</li>
<li class="dropdown-header">
Download
</li>
<li role="presentation">
<a class="ui-download-markdown" href="#" role="menuitem" tabindex="-1" target="_self">
<i class="fa fa-file-text fa-fw">
</i>
Markdown
</a>
</li>
<li role="presentation">
<a class="ui-download-html" href="#" role="menuitem" tabindex="-1" target="_self">
<i class="fa fa-file-code-o fa-fw">
</i>
HTML
</a>
</li>
<li role="presentation">
<a class="ui-download-raw-html" href="#" role="menuitem" tabindex="-1" target="_self">
<i class="fa fa-file-code-o fa-fw">
</i>
Raw HTML
</a>
</li>
<li role="presentation">
<a class="ui-download-pdf-beta" href="#" role="menuitem" tabindex="-1" target="_self">
<i class="fa fa-file-pdf-o fa-fw">
</i>
PDF (Beta)
</a>
</li>
<li class="divider">
</li>
<li role="presentation">
<a class="ui-help" data-target=".help-modal" data-toggle="modal" href="#" role="menuitem">
<i class="fa fa-question-circle fa-fw">
</i>
Help
</a>
</li>
</ul>
<a class="btn btn-link ui-mode">
<i class="fa fa-pencil">
</i>
</a>
</div>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-form navbar-left" style="padding:0;">
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-default ui-view" title="View (Ctrl+Alt+V)">
<input autocomplete="off" name="mode" type="radio">
<i class="fa fa-eye">
</i>
</label>
<label class="btn btn-default ui-both" title="Both (Ctrl+Alt+B)">
<input autocomplete="off" name="mode" type="radio">
<i class="fa fa-columns">
</i>
</label>
<label class="btn btn-default ui-edit" title="Edit (Ctrl+Alt+E)">
<input autocomplete="off" name="mode" type="radio">
<i class="fa fa-pencil">
</i>
</label>
</div>
<div class="btn-group" data-toggle="buttons">
<label class="btn ui-night" title="Night Theme">
<input name="night" type="checkbox">
<i class="fa fa-moon-o">
</i>
</label>
</div>
<span class="btn btn-link btn-file ui-help" data-target=".help-modal" data-toggle="modal" title="Help">
<i class="fa fa-question-circle">
</i>
</span>
<span class="btn btn-link btn-file ui-upload-image" style="display:none;" title="Upload Image">
<i class="fa fa-camera">
</i>
<input accept="image/*" multiple="" name="upload" type="file">
</span>
</ul>
<ul class="nav navbar-nav navbar-right">
<li id="online-user-list">
<a class="ui-status" data-toggle="dropdown">
<span class="label label-danger">
<i class="fa fa-plug">
</i>
OFFLINE
</span>
</a>
<ul aria-labelledby="menu" class="dropdown-menu list" role="menu" style="right: 15px;width: 200px;">
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right" style="padding:0;">
<li>
<a class="ui-new" href="/new" target="_blank">
<i class="fa fa-plus">
</i>
New
</a>
</li>
<li>
<a class="ui-publish" href="#" target="_blank">
<i class="fa fa-share-square-o">
</i>
Publish
</a>
</li>
<li>
<a data-toggle="dropdown">
Menu
<i class="fa fa-caret-down">
</i>
</a>
<ul aria-labelledby="menu" class="dropdown-menu list" role="menu">
<li class="dropdown-header">
Extra
</li>
<li role="presentation">
<a class="ui-extra-revision" data-target="#revisionModal" data-toggle="modal" role="menuitem" tabindex="-1">
<i class="fa fa-history fa-fw">
</i>
Revision
</a>
</li>
<li role="presentation">
<a class="ui-extra-slide" href="#" role="menuitem" tabindex="-1" target="_blank">
<i class="fa fa-tv fa-fw">
</i>
Slide Mode
</a>
</li>
<li class="divider">
</li>
<li class="dropdown-header">
Import
</li>
<li role="presentation">
<a class="ui-import-dropbox" href="#" role="menuitem" tabindex="-1" target="_self">
<i class="fa fa-dropbox fa-fw">
</i>
Dropbox
</a>
</li>
<li role="presentation">
<a class="ui-import-google-drive" href="#" role="menuitem" tabindex="-1" target="_self">
<i class="fa fa-cloud-download fa-fw">
</i>
Google Drive
</a>
</li>
<li role="presentation">
<a class="ui-import-gist" data-target="#gistImportModal" data-toggle="modal" href="#" role="menuitem">
<i class="fa fa-github fa-fw">
</i>
Gist
</a>
</li>
<li role="presentation">
<a class="ui-import-clipboard" data-target="#clipboardModal" data-toggle="modal" href="#" role="menuitem">
<i class="fa fa-clipboard fa-fw">
</i>
Clipboard
</a>
</li>
<li class="divider">
</li>
<li class="dropdown-header">
Download
</li>
<li role="presentation">
<a class="ui-download-markdown" href="#" role="menuitem" tabindex="-1" target="_self">
<i class="fa fa-file-text fa-fw">
</i>
Markdown
</a>
</li>
<li role="presentation">
<a class="ui-download-html" href="#" role="menuitem" tabindex="-1" target="_self">
<i class="fa fa-file-code-o fa-fw">
</i>
HTML
</a>
</li>
<li role="presentation">
<a class="ui-download-raw-html" href="#" role="menuitem" tabindex="-1" target="_self">
<i class="fa fa-file-code-o fa-fw">
</i>
Raw HTML
</a>
</li>
<li role="presentation">
<a class="ui-download-pdf-beta" href="#" role="menuitem" tabindex="-1" target="_self">
<i class="fa fa-file-pdf-o fa-fw">
</i>
PDF (Beta)
</a>
</li>
</ul>
</li>
</ul>
</div>
</nav>
<div class="ui-spinner unselectable hidden-print">
</div>
<div class="row ui-content" style="display: none;">
<div class="ui-edit-area unselectable">
<textarea id="textit"></textarea>
</div>
<div class="ui-view-area">
<div class="ui-infobar container-fluid unselectable hidden-print">
<small>
<span>
<span class="ui-lastchangeuser" style="display: none;">
 
<i class="ui-user-icon small" data-placement="right" data-toggle="tooltip">
</i>
</span>
<span class="ui-no-lastchangeuser">
 
<i class="fa fa-clock-o fa-fw" style="width: 18px;">
</i>
</span>
<span class="text-uppercase ui-status-lastchange">
</span>
<span class="ui-lastchange text-uppercase">
</span>
</span>
<span class="ui-permission dropdown pull-right">
<a aria-expanded="false" aria-haspopup="true" class="ui-permission-label text-uppercase" data-toggle="dropdown" id="permissionLabel" role="button">
</a>
<ul aria-labelledby="permissionLabel" class="dropdown-menu">
<li class="ui-permission-freely">
<a>
<i class="fa fa-leaf fa-fw">
</i>
Freely - Anyone can edit
</a>
</li>
<li class="ui-permission-editable">
<a>
<i class="fa fa-shield fa-fw">
</i>
Editable - Signed-in people can edit
</a>
</li>
<li class="ui-permission-limited">
<a>
<i class="fa fa-id-card fa-fw">
</i>
Limited - Signed-in people can edit (forbid guests)
</a>
</li>
<li class="ui-permission-locked">
<a>
<i class="fa fa-lock fa-fw">
</i>
Locked - Only owner can edit
</a>
</li>
<li class="ui-permission-protected">
<a>
<i class="fa fa-umbrella fa-fw">
</i>
Protected - Only owner can edit (forbid guests)
</a>
</li>
<li class="ui-permission-private">
<a>
<i class="fa fa-hand-stop-o fa-fw">
</i>
Private - Only owner can view & edit
</a>
</li>
<li class="divider">
</li>
<li class="ui-delete-note">
<a>
<i class="fa fa-trash-o fa-fw">
</i>
Delete this note
</a>
</li>
</ul>
</span>
<br>
<span class="ui-owner" style="display: none;">
 
<i class="ui-user-icon small" data-placement="right" data-toggle="tooltip">
</i>
<span class="text-uppercase">
owned this note
</span>
</span>
</small>
</div>
<div class="markdown-body container-fluid" id="doc">
</div>
<div class="ui-toc dropup unselectable hidden-print" style="display:none;">
<div class="pull-right dropdown">
<a aria-expanded="false" aria-haspopup="true" class="ui-toc-label btn btn-default" data-toggle="dropdown" href="#" id="tocLabel" role="button" title="Table of content">
<i class="fa fa-bars">
</i>
</a>
<ul aria-labelledby="tocLabel" class="ui-toc-dropdown dropdown-menu" id="ui-toc">
</ul>
</div>
</div>
<div class="ui-affix-toc ui-toc-dropdown unselectable hidden-print" data-spy="affix" id="ui-toc-affix" style="top:51px;display:none;">
</div>
</div>
</div>
<!-- clipboard modal -->
<div aria-hidden="true" aria-labelledby="myModalLabel" class="modal fade" id="clipboardModal" role="dialog" tabindex="-1">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button aria-label="Close" class="close" data-dismiss="modal" type="button">
<span aria-hidden="true">
×
</span>
</button>
<h4 class="modal-title" id="myModalLabel">
Import from clipboard
</h4>
</div>
<div class="modal-body">
<div contenteditable="" data-ph="Paste your markdown or webpage here…" id="clipboardModalContent" style="overflow:auto;max-height:50vh">
</div>
</div>
<div class="modal-footer">
<button class="btn btn-default" data-dismiss="modal" type="button">
Cancel
</button>
<button class="btn btn-danger" id="clipboardModalClear" type="button">
Clear
</button>
<button class="btn btn-primary" id="clipboardModalConfirm" type="button">
Import
</button>
</div>
</div>
</div>
</div>
<!-- locked modal -->
<div aria-hidden="true" aria-labelledby="myModalLabel" class="modal fade locked-modal" role="dialog" tabindex="-1">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button aria-label="Close" class="close" data-dismiss="modal" type="button">
<span aria-hidden="true">
×
</span>
</button>
<h4 class="modal-title" id="myModalLabel">
<i class="fa fa-lock">
</i>
This note is locked
</h4>
</div>
<div class="modal-body" style="color:black;">
<h5>
Sorry, only the owner can edit this note.
</h5>
</div>
<div class="modal-footer">
<button class="btn btn-danger" data-dismiss="modal" type="button">
OK
</button>
</div>
</div>
</div>
</div>
<!-- limit modal -->
<div aria-hidden="true" aria-labelledby="myModalLabel" class="modal fade limit-modal" role="dialog" tabindex="-1">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button aria-label="Close" class="close" data-dismiss="modal" type="button">
<span aria-hidden="true">
×
</span>
</button>
<h4 class="modal-title" id="myModalLabel">
<i class="fa fa-exclamation-triangle">
</i>
Reach the limit
</h4>
</div>
<div class="modal-body" style="color:black;">
<h5>
Sorry, you've reached the maximum length this note can be.
</h5>
<strong>
Please shorten the note.
</strong>
</div>
<div class="modal-footer">
<button class="btn btn-warning" data-dismiss="modal" type="button">
OK
</button>
</div>
</div>
</div>
</div>
<!-- message modal -->
<div aria-hidden="true" aria-labelledby="myModalLabel" class="modal fade message-modal" role="dialog" tabindex="-1">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button aria-label="Close" class="close" data-dismiss="modal" type="button">
<span aria-hidden="true">
×
</span>
</button>
<h4 class="modal-title" id="myModalLabel">
</h4>
</div>
<div class="modal-body" style="color:black;">
<h5>
</h5>
<a style="word-break: break-all;" target="_blank">
</a>
</div>
<div class="modal-footer">
<button class="btn btn-default" data-dismiss="modal" type="button">
OK
</button>
</div>
</div>
</div>
</div>
<!-- gist import modal -->
<div aria-hidden="true" aria-labelledby="myModalLabel" class="modal fade" id="gistImportModal" role="dialog" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button aria-label="Close" class="close" data-dismiss="modal" type="button">
<span aria-hidden="true">
×
</span>
</button>
<h4 class="modal-title" id="myModalLabel">
Import from Gist
</h4>
</div>
<div class="modal-body">
<input class="form-control" id="gistImportModalContent" placeholder="Paste your gist url here… (like: https://gist.github.com/username/gistid)" type="url">
</div>
<div class="modal-footer">
<button class="btn btn-default" data-dismiss="modal" type="button">
Cancel
</button>
<button class="btn btn-danger" id="gistImportModalClear" type="button">
Clear
</button>
<button class="btn btn-primary" id="gistImportModalConfirm" type="button">
Import
</button>
</div>
</div>
</div>
</div>
<!-- snippet import modal -->
<div aria-hidden="true" aria-labelledby="myModalLabel" class="modal fade" id="snippetImportModal" role="dialog" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button aria-label="Close" class="close" data-dismiss="modal" type="button">
<span aria-hidden="true">
×
</span>
</button>
<h4 class="modal-title" id="myModalLabel">
Import from Snippet
</h4>
</div>
<div class="modal-body">
<input id="snippetImportModalAccessToken" type="hidden">
<input id="snippetImportModalBaseURL" type="hidden">
<div class="ui-field-contain" style="display:table;margin-bottom:10px;width:100%;">
<div style="display:table-row;margin-bottom:5px;">
<label style="display:table-cell;">
Project:
</label>
<select class="form-control" disabled="disabled" id="snippetImportModalProjects" style="display:table-cell;">
<option disabled="disabled" selected="selected" value="init">
Select From Available Projects
</option>
</select>
</div>
<div style="display:table-row;">
<label style="display:table-cell;">
Snippet
</label>
<select class="form-control" disabled="disabled" id="snippetImportModalSnippets" style="display:table-cell;">
<option disabled="disabled" selected="selected" value="init">
Select From Available Snippets
</option>
</select>
</div>
</div>
<p class="snippet-import-or">
OR
</p>
<input class="form-control" disabled="disabled" id="snippetImportModalContent" placeholder="/projects/:id/snippets/:snippet_id" type="url">
</div>
<div class="modal-footer">
<span id="snippetImportModalLoading">
<i class="fa fa-refresh fa-spin fa-fw">
</i>
</span>
<button class="btn btn-default" data-dismiss="modal" type="button">
Cancel
</button>
<button class="btn btn-danger" id="snippetImportModalClear" type="button">
Clear
</button>
<button class="btn btn-primary" disabled="disabled" id="snippetImportModalConfirm" type="button">
Import
</button>
</div>
</div>
</div>
</div>
<!-- snippet export modal -->
<div aria-hidden="true" aria-labelledby="myModalLabel" class="modal fade" id="snippetExportModal" role="dialog" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button aria-label="Close" class="close" data-dismiss="modal" type="button">
<span aria-hidden="true">
×
</span>
</button>
<h4 class="modal-title" id="myModalLabel">
Export to Snippet
</h4>
</div>
<div class="modal-body">
<input id="snippetExportModalAccessToken" type="hidden">
<input id="snippetExportModalBaseURL" type="hidden">
<div class="ui-field-contain" style="display:table;margin-bottom:10px;width:100%;">
<div style="display:table-row;margin-bottom:5px;">
<label style="display:table-cell;">
Title:
</label>
<input class="form-control" id="snippetExportModalTitle" placeholder="new snippet" type="text">
</div>
<div style="display:table-row;margin-bottom:5px;">
<label style="display:table-cell;">
File Name:
</label>
<input class="form-control" id="snippetExportModalFileName" placeholder="new_snippet.md" type="text">
</div>
<div style="display:table-row;margin-bottom:5px;">
<label style="display:table-cell;">
Project:
</label>
<select class="form-control" id="snippetExportModalProjects" style="display:table-cell;">
<option disabled="disabled" selected="selected" value="init">
Select From Available Projects
</option>
</select>
</div>
<div style="display:table-row;margin-bottom:5px;">
<label style="display:table-cell;">
Visibility:
</label>
<select class="form-control" id="snippetExportModalVisibility" style="display:table-cell;">
<option disabled="disabled" selected="selected" value="">
Select Visibility Level
</option>
<option value="0">
Private
</option>
<option value="10">
Internal
</option>
</select>
</div>
</div>
</div>
<div class="modal-footer">
<span id="snippetExportModalLoading">
<i class="fa fa-refresh fa-spin fa-fw">
</i>
</span>
<button class="btn btn-default" data-dismiss="modal" type="button">
Cancel
</button>
<button class="btn btn-primary" id="snippetExportModalConfirm" type="button">
Export
</button>
</div>
</div>
</div>
</div>
<!-- delete modal -->
<div aria-hidden="true" aria-labelledby="myModalLabel" class="modal fade delete-modal" role="dialog" tabindex="-1">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button aria-label="Close" class="close" data-dismiss="modal" type="button">
<span aria-hidden="true">
×
</span>
</button>
<h4 class="modal-title" id="myModalLabel">
Are you sure?
</h4>
</div>
<div class="modal-body" style="color:black;">
<h5 class="ui-delete-modal-msg">
Do you really want to delete this note?
</h5>
<strong class="ui-delete-modal-item">
All users will lose their connection.
</strong>
</div>
<div class="modal-footer">
<button class="btn btn-default" data-dismiss="modal" type="button">
Cancel
</button>
<button class="btn btn-danger ui-delete-modal-confirm" type="button">
Yes, do it!
</button>
</div>
</div>
</div>
</div>
<!-- refresh modal -->
<div aria-hidden="true" aria-labelledby="myModalLabel" class="modal fade" id="refreshModal" role="dialog" tabindex="-1">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button aria-label="Close" class="close" data-dismiss="modal" type="button">
<span aria-hidden="true">
×
</span>
</button>
<h4 class="modal-title" id="myModalLabel">
This page needs to be refreshed
</h4>
</div>
<div class="modal-body">
<div class="incompatible-version">
<h5>
Your client's version is incompatible.
</h5>
<strong>
Refresh to update.
</strong>
</div>
<div class="new-version" style="display:none;">
<h5>
New version available!
</h5>
<a href="/s/release-notes" target="_blank">
See releases notes here
</a>
<br>
<strong>
Refresh to enjoy new features.
</strong>
</div>
<div class="user-state-changed" style="display:none;">
<h5>
Your user state has changed.
</h5>
<strong>
Refresh to load new user state.
</strong>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-primary" id="refreshModalRefresh" type="button">
Refresh
</button>
</div>
</div>
</div>
</div>
<!-- signin modal -->
<div aria-hidden="true" aria-labelledby="mySmallModalLabel" class="modal fade signin-modal" role="dialog" tabindex="-1">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button aria-label="Close" class="close" data-dismiss="modal" type="button">
<span aria-hidden="true">
×
</span>
</button>
<h4 class="modal-title" id="mySmallModalLabel">
Choose method
</h4>
</div>
<div class="modal-body" style="text-align: center;">
<h4>
Via Email
</h4>
<form class="form-horizontal" data-toggle="validator" enctype="application/x-www-form-urlencoded" method="post" role="form">
<div class="form-group">
<div class="col-sm-12">
<input class="form-control" name="email" placeholder="Email" required="" type="email">
<span class="help-block control-label with-errors" style="display: inline;">
</span>
</div>
</div>
<div class="form-group">
<div class="col-sm-12">
<input class="form-control" name="password" placeholder="Password" required="" type="password">
<span class="help-block control-label with-errors" style="display: inline;">
</span>
</div>
</div>
<div class="form-group">
<div class="col-sm-12">
<button class="btn btn-primary" formaction="/login" type="submit">
Sign in
</button>
<button class="btn btn-default" formaction="/register" type="submit">
Register
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- help modal -->
<div aria-hidden="true" aria-labelledby="mySmallModalLabel" class="modal fade help-modal" role="dialog" tabindex="-1">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button aria-label="Close" class="close" data-dismiss="modal" type="button">
<span aria-hidden="true">
×
</span>
</button>
<h4 class="modal-title" id="mySmallModalLabel">
<i class="fa fa-question-circle">
</i>
Help
</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-lg-3">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">
Contacts
</h3>
</div>
<div class="panel-body">
<a href="https://github.com/hackmdio/hackmd/issues" target="_blank">
<i class="fa fa-tag fa-fw">
</i>
Report an issue
</a>
<br>
<a href="https://riot.im/app/#/room/#hackmd:matrix.org" target="_blank">
<i class="fa fa-hashtag fa-fw">
</i>
Meet us on Matrix
</a>
<br>
<a href="https://gitter.im/hackmdio/hackmd" target="_blank">
<i class="fa fa-comments fa-fw">
</i>
Meet us on Gitter
</a>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">
Documents
</h3>
</div>
<div class="panel-body">
<a href="./features" target="_blank" title="Features">
<i class="fa fa-dot-circle-o fa-fw">
</i>
Features
</a>
<br>
<a href="./yaml-metadata" target="_blank" title="YAML Metadata">
<i class="fa fa-dot-circle-o fa-fw">
</i>
YAML Metadata
</a>
<br>
<a href="./slide-example" target="_blank" title="Slide Example">
<i class="fa fa-dot-circle-o fa-fw">
</i>
Slide Example
</a>
</div>
</div>
</div>
<div class="col-lg-9">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">
Cheatsheet
</h3>
</div>
<div class="panel-body" style="height: calc(100vh - 215px); overflow: auto;">
<table class="table table-condensed table-cheatsheet">
<thead>
<tr>
<th>
Example
</th>
<th>
Syntax
</th>
</tr>
</thead>
<tbody class="markdown-body" style="font-family: inherit; font-size: 14px; padding: 0; max-width: inherit;">
<tr>
<td>
Header
</td>
<td>
# Header
</td>
</tr>
<tr>
<td>
<ul>
<li>
Unordered List
</li>
</ul>
</td>
<td>
- Unordered List
</td>
</tr>
<tr>
<td>
<ol>
<li>
Ordered List
</li>
</ol>
</td>
<td>
1. Ordered List
</td>
</tr>
<tr>
<td>
<ul>
<li class="task-list-item">
<input class="task-list-item-checkbox" disabled="" type="checkbox">
<label>
</label>
Checklist
</li>
</ul>
</td>
<td>
- [ ] Checklist
</td>
</tr>
<tr>
<td>
<blockquote>
Blockquote
</blockquote>
</td>
<td>
> Blockquote
</td>
</tr>
<tr>
<td>
<strong>
Bold
</strong>
</td>
<td>
**Bold**
</td>
</tr>
<tr>
<td>
<i>
Italicize
</i>
</td>
<td>
*Italicize*
</td>
</tr>
<tr>
<td>
<s>
Strikethrough
</s>
</td>
<td>
~~Strikethrough~~
</td>
</tr>
<tr>
<td>
19
<sup>
th
</sup>
</td>
<td>
19^th^
</td>
</tr>
<tr>
<td>
H
<sub>
2
</sub>
O
</td>
<td>
H~2~O
</td>
</tr>
<tr>
<td>
<ins>
Underlined text
</ins>
</td>
<td>
++Underlined text++
</td>
</tr>
<tr>
<td>
<mark>
Highlighted text
</mark>
</td>
<td>
==Highlighted text==
</td>
</tr>
<tr>
<td>
<a>
Link
</a>
</td>
<td>
[link text](https:// "title")
</td>
</tr>
<tr>
<td>
Image
</td>
<td>

</td>
</tr>
<tr>
<td>
<code>
Code
</code>
</td>
<td>
`Code`
</td>
</tr>
<tr>
<td>
<pre style="border:none !important;"><code class="javascript hljs"><div class="wrapper"><div class="gutter linenumber"><span data-linenumber="1"></span></div><div class="code"><span class="hljs-keyword">var</span> i = <span class="hljs-number">0</span>;
</div></div></code></pre>
</td>
<td>
```javascript
<br>
var i = 0;
<br>
```
</td>
</tr>
<tr>
<td>
<img align="absmiddle" alt=":smile:" class="emoji" src="./build/emojify.js/dist/images/basic/smile.png" title=":smile:">
</td>
<td>
:smile:
</td>
</tr>
<tr>
<td>
Externals
</td>
<td>
{%youtube youtube_id %}
</td>
</tr>
<tr>
<td>
L
<sup>
a
</sup>
T
<sub>
e
</sub>
X
</td>
<td>
$L^aT_eX$
</td>
</tr>
<tr>
<td>
<div class="alert alert-info">
<p>
This is an alert area.
</p>
</div>
</td>
<td>
:::info
<br>
This is an alert area.
<br>
:::
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
table.table-cheatsheet tr > td:nth-child(2) {
font-family : "Source Code Pro", Consolas, monaco, monospace;
letter-spacing : 0.025em;
line-height : 1.25;
}
</style>
<!-- revision modal -->
<div aria-hidden="true" aria-labelledby="mySmallModalLabel" class="modal fade" id="revisionModal" role="dialog" tabindex="-1">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button aria-label="Close" class="close" data-dismiss="modal" type="button">
<span aria-hidden="true">
×
</span>
</button>
<h4 class="modal-title" id="mySmallModalLabel">
<i class="fa fa-history">
</i>
Revision
</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-lg-4" style="max-height: calc(100vh - 215px); overflow: auto;">
<div class="list-group ui-revision-list">
</div>
</div>
<div class="col-lg-8" style="height: calc(100vh - 215px); overflow: hidden;">
<textarea id="revisionViewer" style="display:none;"></textarea>
</div>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-default" data-dismiss="modal" type="button">
Cancel
</button>
<button class="btn btn-primary" id="revisionModalDownload" type="button">
Download
</button>
<button class="btn btn-danger" id="revisionModalRevert" type="button">
Revert
</button>
</div>
</div>
</div>
</div>
<script src="/js/mathjax-config-extra.js">
</script>
<script crossorigin="anonymous" defer="" integrity="sha256-PieqE0QdEDMppwXrTzSZQr6tWFX3W5KkyRVyF1zN3eg=" src="https://cdnjs.cloudflare.com/ajax/libs/spin.js/2.3.2/spin.min.js">
</script>
<script crossorigin="anonymous" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js">
</script>
<script crossorigin="anonymous" defer="" integrity="sha256-bhm0lgEt6ITaZCDzZpkr/VXVrLa5RP4u9v2AYsbzSUk=" src="https://cdnjs.cloudflare.com/ajax/libs/velocity/1.4.0/velocity.min.js">
</script>
<script crossorigin="anonymous" defer="" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js">
</script>
<script crossorigin="anonymous" defer="" integrity="sha256-jnOjDTXIPqall8M0MyTSt98JetJuZ7Yu+1Jm7hLTF7U=" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.13/jquery.mousewheel.min.js">
</script>
<script crossorigin="anonymous" defer="" integrity="sha256-8PanqYAVOGlOct+i65R+HqibK3KPsXINnrSfxN+Y/J0=" src="https://cdnjs.cloudflare.com/ajax/libs/js-yaml/3.7.0/js-yaml.min.js">
</script>
<script crossorigin="anonymous" defer="" integrity="sha256-yYfngbEKv4RENfGDvNUqJTqGFcKf31NJEe9OTnnMH3Y=" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js">
</script>
<script crossorigin="anonymous" defer="" integrity="sha256-immzXfCGLhnx3Zfi9F/dUcqxEM8K3o3oTFy9Bh6HCwg=" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/config/TeX-AMS-MML_HTMLorMML.js">
</script>
<script crossorigin="anonymous" defer="" integrity="sha256-vvT7Ok9u6GbfnBPXnbM6FVDEO8E1kTdgHOFZOAXrktA=" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/moment-with-locales.min.js">
</script>
<script crossorigin="anonymous" defer="" integrity="sha256-M3OC0Q6g4/+Q4j73OvnsnA+lMkdAE5KgupRHqTiPbnI=" src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/7.1.0/mermaid.min.js">
</script>
<script crossorigin="anonymous" defer="" integrity="sha256-VAB5tAlKBvgaxw8oJ1crWMVbdmBVl4mP/2M8MNRl+4E=" src="https://cdnjs.cloudflare.com/ajax/libs/emojify.js/1.1.0/js/emojify.min.js">
</script>
<script crossorigin="anonymous" defer="" integrity="sha256-Cv5v4i4SuYvwRYzIONifZjoc99CkwfncROMSWat1cVA=" src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.2/lodash.min.js">
</script>
<script crossorigin="anonymous" defer="" integrity="sha256-WPeFPWD3PZQUDrpFnDM1N2KadNVwCfNS4cCZ78b76T8=" src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.4/socket.io.js">
</script>
<script crossorigin="anonymous" defer="" integrity="sha256-1O3BtOwnPyyRzOszK6P+gqaRoXHV6JXj8HkjZmPYhCI=" src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.6/handlebars.min.js">
</script>
<script crossorigin="anonymous" defer="" integrity="sha256-KbfTjB0WZ8vvXngdpJGY3Yp3xKk+tttbqClO11anCIU=" src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js">
</script>
<script crossorigin="anonymous" defer="" integrity="sha256-KyF2D6xPIJUW5sUDSs93vWyZm+1RzIpKCexxElmxl8g=" src="https://cdnjs.cloudflare.com/ajax/libs/gist-embed/2.6.0/gist-embed.min.js">
</script>
<script crossorigin="anonymous" defer="" integrity="sha256-8t+rndrF+TU4JtelmOH1lDHTMe2ovhO2UbzDArp5lY8=" src="https://cdnjs.cloudflare.com/ajax/libs/viz.js/1.7.0/viz.js">
</script>
<script crossorigin="anonymous" defer="" integrity="sha256-LHeY7YoYJ0SSXbCx7sR14Pqna+52moaH3bhv0Mjzd/M=" src="https://cdnjs.cloudflare.com/ajax/libs/1000hz-bootstrap-validator/0.11.8/validator.min.js">
</script>
<script crossorigin="anonymous" integrity="sha256-Sq1r2XXWXQoShQKsS0Wrf5r7fRkErd9Fat9vHYeU68s=" src="https://cdnjs.cloudflare.com/ajax/libs/abcjs/3.1.1/abcjs_basic-min.js">
</script>
<script src="/build/constant.js">
</script>
<script defer="" src="/build/3.index.7c98aaa48c8e039c896d.js">
</script>
</body>
</html>