<!DOCTYPE html>
<html>
<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">
<link href="https://md.coredump.ch/icons/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180">
<link href="https://md.coredump.ch/icons/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png">
<link href="https://md.coredump.ch/icons/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png">
<link href="https://md.coredump.ch/icons/site.webmanifest" rel="manifest">
<link color="#b51f08" href="https://md.coredump.ch/icons/safari-pinned-tab.svg" rel="mask-icon">
<link href="https://md.coredump.ch/icons/favicon.ico" rel="shortcut icon">
<meta content="HedgeDoc - Ideas grow better together" name="apple-mobile-web-app-title">
<meta content="HedgeDoc - Ideas grow better together" name="application-name">
<meta content="#b51f08" name="msapplication-TileColor">
<meta content="https://md.coredump.ch/icons/browserconfig.xml" name="msapplication-config">
<meta content="#b51f08" name="theme-color">
<meta content="HedgeDoc - Collaborative markdown notes" property="og:title">
<meta content="website" property="og:type">
<meta content="https://md.coredump.ch/icons/android-chrome-512x512.png" property="og:image">
<meta content="HedgeDoc logo" property="og:image:alt">
<meta content="image/png" property="og:image:type">
<base href="https://md.coredump.ch/">
<title>
HedgeDoc - Collaborative markdown notes
</title>
<link href="https://md.coredump.ch/build/emojify.js/dist/css/basic/emojify.min.css" rel="stylesheet">
<link href="build/font-pack.6f3ecd0bf31c428a95f7.css" rel="stylesheet">
<link href="build/2.011fed84e8b0e1b602b9.css" rel="stylesheet">
<link href="build/3.b73adae1f3405136330d.css" rel="stylesheet">
<link href="build/index-styles-pack.478932ce26c291ee1517.css" rel="stylesheet">
<link href="build/23.01ef4d9336dcaedd2920.css" rel="stylesheet">
<link href="build/index-styles.8843cadf41123472cd68.css" rel="stylesheet">
<link href="build/1.c696cbbf0654f912e3b9.css" rel="stylesheet">
<link href="build/index.cd0957fa268e51ee0d84.css" rel="stylesheet">
</head>
<body translate="no">
<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 header-brand" href="https://md.coredump.ch/" title="HedgeDoc">
<img alt="HedgeDoc" class="h-100 no-night" src="https://md.coredump.ch/banner/banner_h_bw.svg">
<img alt="HedgeDoc" class="h-100 night" src="https://md.coredump.ch/banner/banner_h_wb.svg">
</a>
<div class="nav-mobile pull-right visible-xs">
<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="https://md.coredump.ch/new" rel="noopener" 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="#" rel="noopener" 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="#" rel="noopener" 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">
Export
</li>
<li role="presentation">
<a class="ui-save-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-save-gist" href="#" rel="noopener" role="menuitem" tabindex="-1" target="_blank">
<i class="fa fa-github fa-fw">
</i>
Gist
</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-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 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>
<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>
<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 aria-label="View (Ctrl+Alt+V)" class="btn btn-default ui-view" for="view-mode-toggle-view" title="View (Ctrl+Alt+V)">
<input autocomplete="off" id="view-mode-toggle-view" name="mode" type="radio">
<i class="fa fa-eye">
</i>
</label>
<label aria-label="Both (Ctrl+Alt+B)" class="btn btn-default ui-both" for="view-mode-toggle-both" title="Both (Ctrl+Alt+B)">
<input autocomplete="off" id="view-mode-toggle-both" name="mode" type="radio">
<i class="fa fa-columns">
</i>
</label>
<label aria-label="Edit (Ctrl+Alt+E)" class="btn btn-default ui-edit" for="view-mode-toggle-edit" title="Edit (Ctrl+Alt+E)">
<input autocomplete="off" id="view-mode-toggle-edit" 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>
</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="https://md.coredump.ch/new" rel="noopener" target="_blank">
<i class="fa fa-plus">
</i>
New
</a>
</li>
<li>
<a class="ui-publish" href="#" rel="noopener" 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="#" rel="noopener" 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">
Export
</li>
<li role="presentation">
<a class="ui-save-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-save-gist" href="#" rel="noopener" role="menuitem" tabindex="-1" target="_blank">
<i class="fa fa-github fa-fw">
</i>
Gist
</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-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>
</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 changed">
changed
</span>
<span class="text-uppercase ui-status-lastchange created">
created
</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 rel="noopener" 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">
<input id="snippetImportModalVersion" 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">
<input id="snippetExportModalVersion" 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">
<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="https://md.coredump.ch/s/release-notes" rel="noopener" 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;">
<a class="btn btn-lg btn-block btn-social btn-twitter" href="https://md.coredump.ch/auth/twitter">
<i class="fa fa-twitter">
</i>
Sign in via Twitter
</a>
<a class="btn btn-lg btn-block btn-social btn-github" href="https://md.coredump.ch/auth/github">
<i class="fa fa-github">
</i>
Sign in via GitHub
</a>
<a class="btn btn-lg btn-block btn-social btn-soundcloud" href="https://md.coredump.ch/auth/gitlab">
<i class="fa fa-gitlab">
</i>
Sign in via GitLab
</a>
<hr>
<h4>
Sign in via E-Mail
</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="E-Mail" 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="https://md.coredump.ch/login" type="submit">
Sign In
</button>
<button class="btn btn-default" formaction="https://md.coredump.ch/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://community.hedgedoc.org" target="_blank">
<i class="fa fa-users fa-fw">
</i>
Join the community
</a>
<br>
<a href="https://chat.hedgedoc.org" target="_blank">
<i class="fa fa-hashtag fa-fw">
</i>
Meet us on Matrix
</a>
<br>
<a href="https://github.com/hedgedoc/hedgedoc/issues" target="_blank">
<i class="fa fa-tag fa-fw">
</i>
Report an issue
</a>
<br>
<a href="https://translate.hedgedoc.org" target="_blank">
<i class="fa fa-language fa-fw">
</i>
Help us translating
</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="https://md.coredump.ch/js/mathjax-config-extra.js">
</script>
<script defer="" src="https://md.coredump.ch/build/MathJax/MathJax.js">
</script>
<script defer="" src="https://md.coredump.ch/build/MathJax/config/TeX-AMS-MML_HTMLorMML.js">
</script>
<script defer="" src="https://md.coredump.ch/build/MathJax/config/Safe.js">
</script>
<script src="config">
</script>
<script defer="defer" src="build/vendors~common.b63e803341293656b32e.js">
</script>
<script defer="defer" src="build/common.dc359ffa1d303e78db47.js">
</script>
<script defer="defer" src="build/vendors~cover~cover-pack~index~index-pack~pretty~pretty-pack~slide~slide-pack.d107ac6ccdc2f7684946.js">
</script>
<script defer="defer" src="build/vendors~index~index-pack~pretty~pretty-pack~slide~slide-pack.a2fac85c338ccd8282ca.js">
</script>
<script defer="defer" src="build/index-pack.cad1d9e2823f296e097d.js">
</script>
</body>
</html>