CINXE.COM
d89565ab520cf847c48c9a9f6a723081 analysis - CodiMD
<!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.0, user-scalable=no"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="mobile-web-app-capable" content="yes"> <meta name="codeium:type" content="codemirror5"> <title>d89565ab520cf847c48c9a9f6a723081 analysis - CodiMD</title> <link rel="icon" type="image/png" href="https://codimd.web.cern.ch/favicon.png"> <link rel="apple-touch-icon" href="https://codimd.web.cern.ch/apple-touch-icon.png"> <link rel="stylesheet" href='https://codimd.web.cern.ch/build/emojify.js/dist/css/basic/emojify.min.css'> <link rel="stylesheet" href='https://codimd.web.cern.ch/css/font.css'> <link rel="stylesheet" href='https://codimd.web.cern.ch/build/fork-awesome/css/fork-awesome.min.css'> <link href="https://codimd.web.cern.ch/build/index-styles-pack.css" rel="stylesheet"><link href="https://codimd.web.cern.ch/build/index-styles.css" rel="stylesheet"><link href="https://codimd.web.cern.ch/build/index.css" rel="stylesheet"> <link rel="stylesheet" href='https://codimd.web.cern.ch/markdown-lint/css/lint.css'> </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-warning ui-status-connected" style="display: none;"><i class="fa fa-wifi"></i></span> <span class="label label-primary ui-status-online" style="display: none;"><i class="fa fa-users"></i> <span class="ui-status-short-msg"></span></span> <span class="label label-danger ui-status-offline"><i class="fa fa-plug"></i></span> </a> <ul class="dropdown-menu list" role="menu" aria-labelledby="menu"> </ul> </div> <a class="navbar-brand pull-left" href="https://codimd.web.cern.ch/"><i class="fa fa-file-text"></i> CodiMD</a> <div class="nav-mobile pull-right visible-xs"> <span class="btn btn-link btn-file ui-upload-image" title="Upload Image" style="display:none;"> <i class="fa fa-camera"></i><input type="file" accept="image/*" name="upload" multiple> </span> <a data-toggle="dropdown" class="btn btn-link"> <i class="fa fa-caret-down"></i> </a> <ul class="dropdown-menu list" role="menu" aria-labelledby="menu"> <li role="presentation"><a role="menuitem" class="ui-new" tabindex="-1" href="https://codimd.web.cern.ch/new" target="_blank" rel="noopener"><i class="fa fa-plus fa-fw"></i> New</a> </li> <li role="presentation"><a role="menuitem" class="ui-publish" tabindex="-1" href="#" target="_blank" rel="noopener"><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 role="menuitem" class="ui-extra-revision" tabindex="-1" data-toggle="modal" data-target="#revisionModal"><i class="fa fa-history fa-fw"></i> Revision</a> </li> <li role="presentation"><a role="menuitem" class="ui-extra-slide" tabindex="-1" href="#" target="_blank" rel="noopener"><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 role="menuitem" class="ui-import-dropbox" tabindex="-1" href="#" target="_self"><i class="fa fa-dropbox fa-fw"></i> Dropbox</a> </li> <li role="presentation"><a role="menuitem" class="ui-import-gist" href="#" data-toggle="modal" data-target="#gistImportModal"><i class="fa fa-github fa-fw"></i> Gist</a> </li> <li role="presentation"><a role="menuitem" class="ui-import-clipboard" href="#" data-toggle="modal" data-target="#clipboardModal"><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 role="menuitem" class="ui-download-markdown" tabindex="-1" href="#" target="_self"><i class="fa fa-file-text fa-fw"></i> Markdown</a> </li> <li role="presentation"><a role="menuitem" class="ui-download-html" tabindex="-1" href="#" target="_self"><i class="fa fa-file-code-o fa-fw"></i> HTML</a> </li> <li role="presentation"><a role="menuitem" class="ui-download-raw-html" tabindex="-1" href="#" target="_self"><i class="fa fa-file-code-o fa-fw"></i> Raw HTML</a> </li> <li role="presentation"><a role="menuitem" class="ui-download-pdf-beta" tabindex="-1" href="#" target="_self"><i class="fa fa-file-pdf-o fa-fw"></i> PDF (Beta)</a> </li> <li role="presentation"><a role="menuitem" class="ui-download-pandoc" tabindex="-1" href="#" target="_self" data-toggle="modal" data-target=".pandoc-export-modal"><i class="fa fa-cloud-download fa-fw"></i> Pandoc (Beta)</a> </li> <li class="divider"></li> <li role="presentation"><a role="menuitem" class="ui-help" href="#" data-toggle="modal" data-target=".help-modal"><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-edit" title="Edit (Ctrl+Alt+E)"> <input type="radio" name="mode" autocomplete="off"><i class="fa fa-pencil"></i> </label> <label class="btn btn-default ui-both" title="Both (Ctrl+Alt+B)"> <input type="radio" name="mode" autocomplete="off"><i class="fa fa-columns"></i> </label> <label class="btn btn-default ui-view" title="View (Ctrl+Alt+V)"> <input type="radio" name="mode" autocomplete="off"><i class="fa fa-eye"></i> </label> </div> <div class="btn-group" data-toggle="buttons"> <label class="btn ui-night" title="Night Theme"> <input type="checkbox" name="night"><i class="fa fa-moon-o"></i> </label> </div> <span class="btn btn-link btn-file ui-help" title="Help" data-toggle="modal" data-target=".help-modal"> <i class="fa fa-question-circle"></i> </span> <span class="btn btn-link btn-file ui-upload-image" title="Upload Image" style="display:none;"> <i class="fa fa-camera"></i><input type="file" accept="image/*" name="upload" multiple> </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-warning ui-status-connected" style="display: none;"><i class="fa fa-wifi"></i> CONNECTED</span> <span class="label label-primary ui-status-online" style="display: none;"><i class="fa fa-users"></i> <span class="ui-status-short-msg"></span> ONLINE</span> <span class="label label-danger ui-status-offline"><i class="fa fa-plug"></i> OFFLINE</span> </a> <ul class="dropdown-menu list" role="menu" aria-labelledby="menu" style="right: 15px;width: 200px;"> </ul> </li> </ul> <ul class="nav navbar-nav navbar-right" style="padding:0;"> <li> <a href="https://codimd.web.cern.ch/new" target="_blank" rel="noopener" class="ui-new"> <i class="fa fa-plus"></i> New </a> </li> <li> <a href="#" target="_blank" rel="noopener" class="ui-publish"> <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 class="dropdown-menu list" role="menu" aria-labelledby="menu"> <li class="dropdown-header">Extra</li> <li role="presentation"><a role="menuitem" class="ui-extra-revision" tabindex="-1" data-toggle="modal" data-target="#revisionModal"><i class="fa fa-history fa-fw"></i> Revision</a> </li> <li role="presentation"><a role="menuitem" class="ui-extra-slide" tabindex="-1" href="#" target="_blank" rel="noopener"><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 role="menuitem" class="ui-import-dropbox" tabindex="-1" href="#" target="_self"><i class="fa fa-dropbox fa-fw"></i> Dropbox</a> </li> <li role="presentation"><a role="menuitem" class="ui-import-gist" href="#" data-toggle="modal" data-target="#gistImportModal"><i class="fa fa-github fa-fw"></i> Gist</a> </li> <li role="presentation"><a role="menuitem" class="ui-import-clipboard" href="#" data-toggle="modal" data-target="#clipboardModal"><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 role="menuitem" class="ui-download-markdown" tabindex="-1" href="#" target="_self"><i class="fa fa-file-text fa-fw"></i> Markdown</a> </li> <li role="presentation"><a role="menuitem" class="ui-download-html" tabindex="-1" href="#" target="_self"><i class="fa fa-file-code-o fa-fw"></i> HTML</a> </li> <li role="presentation"><a role="menuitem" class="ui-download-raw-html" tabindex="-1" href="#" target="_self"><i class="fa fa-file-code-o fa-fw"></i> Raw HTML</a> </li> <li role="presentation"><a role="menuitem" class="ui-download-pdf-beta" tabindex="-1" href="#" target="_self"><i class="fa fa-file-pdf-o fa-fw"></i> PDF (Beta)</a> </li> <li role="presentation"><a role="menuitem" class="ui-download-pandoc" tabindex="-1" href="#" target="_self" data-toggle="modal" data-target=".pandoc-export-modal"><i class="fa fa-cloud-download fa-fw"></i> Pandoc (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-toggle="tooltip" data-placement="right"></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 id="permissionLabelFreely" class="ui-permission-label text-uppercase" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="display: none;" title="Anyone can edit"><i class="fa fa-leaf"></i> Freely <i class="ui-permission-caret-down fa fa-caret-down" style="display: none;"></i></a> <a id="permissionLabelEditable" class="ui-permission-label text-uppercase" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="display: none;" title="Signed-in people can edit"><i class="fa fa-shield fa-fw"></i> Editable <i class="ui-permission-caret-down fa fa-caret-down" style="display: none;"></i></a> <a id="permissionLabelLimited" class="ui-permission-label text-uppercase" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="display: none;" title="Signed-in people can edit (forbid guests)"><i class="fa fa-id-card fa-fw"></i> Limited <i class="ui-permission-caret-down fa fa-caret-down" style="display: none;"></i></a> <a id="permissionLabelLocked" class="ui-permission-label text-uppercase" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="display: none;" title="Only owner can edit"><i class="fa fa-lock fa-fw"></i> Locked <i class="ui-permission-caret-down fa fa-caret-down" style="display: none;"></i></a> <a id="permissionLabelProtected" class="ui-permission-label text-uppercase" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="display: none;" title="Only owner can edit (forbid guests)"><i class="fa fa-umbrella fa-fw"></i> Protected <i class="ui-permission-caret-down fa fa-caret-down" style="display: none;"></i></a> <a id="permissionLabelPrivate" class="ui-permission-label text-uppercase" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="display: none;" title="Only owner can view & edit"><i class="fa fa-hand-stop-o fa-fw"></i> Private <i class="ui-permission-caret-down fa fa-caret-down" style="display: none;"></i></a> <ul class="dropdown-menu" aria-labelledby="permissionLabelFreely permissionLabelEditable permissionLabelLimited permissionLabelLocked permissionLabelProtected permissionLabelPrivate"> <li class="ui-permission-freely" style="display: none;"><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-toggle="tooltip" data-placement="right"></i> <span class="text-uppercase">owned this note</span> </span> </small> </div> <div id="doc" class="markdown-body container-fluid"></div> <div class="ui-toc dropup unselectable hidden-print" style="display:none;"> <div class="pull-right dropdown"> <a id="tocLabel" class="ui-toc-label btn btn-default" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false" title="Table of content"> <i class="fa fa-bars"></i> </a> <ul id="ui-toc" class="ui-toc-dropdown dropdown-menu" aria-labelledby="tocLabel"> </ul> </div> </div> <div id="ui-toc-affix" class="ui-affix-toc ui-toc-dropdown unselectable hidden-print" data-spy="affix" style="top:51px;display:none;"></div> </div> </div> <!-- toc menu --> <div class="toc-menu" style="display: none;"> <a class="expand-toggle expand-all" href="#">Expand all</a> <a class="expand-toggle collapse-all" href="#" style="display: none;">Collapse all</a> <a class="back-to-top" href="#">Back to top</a> <a class="go-to-bottom" href="#">Go to bottom</a> </div> <!-- clipboard modal --> <div class="modal fade" id="clipboardModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><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 type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> <button type="button" class="btn btn-danger" id="clipboardModalClear">Clear</button> <button type="button" class="btn btn-primary" id="clipboardModalConfirm">Import</button> </div> </div> </div> </div> <!-- locked modal --> <div class="modal fade locked-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><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 type="button" class="btn btn-danger" data-dismiss="modal">OK</button> </div> </div> </div> </div> <!-- limit modal --> <div class="modal fade limit-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><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 type="button" class="btn btn-warning" data-dismiss="modal">OK</button> </div> </div> </div> </div> <!-- message modal --> <div class="modal fade message-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span> </button> <h4 class="modal-title" id="myModalLabel"></h4> </div> <div class="modal-body" style="color:black;"> <h5></h5> <a target="_blank" rel="noopener" style="word-break: break-all;"></a> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">OK</button> </div> </div> </div> </div> <!-- gist import modal --> <div class="modal fade" id="gistImportModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span> </button> <h4 class="modal-title" id="myModalLabel">Import from Gist</h4> </div> <div class="modal-body"> <input type="url" class="form-control" placeholder="Paste your gist url here… (like: https://gist.github.com/username/gistid)" id="gistImportModalContent"> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> <button type="button" class="btn btn-danger" id="gistImportModalClear">Clear</button> <button type="button" class="btn btn-primary" id="gistImportModalConfirm">Import</button> </div> </div> </div> </div> <!-- snippet import modal --> <div class="modal fade" id="snippetImportModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span> </button> <h4 class="modal-title" id="myModalLabel">Import from Snippet</h4> </div> <div class="modal-body"> <input type="hidden" id="snippetImportModalAccessToken" /> <input type="hidden" id="snippetImportModalBaseURL" /> <input type="hidden" id="snippetImportModalVersion" /> <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" id="snippetImportModalProjects" style="display:table-cell;" disabled="disabled"> <option value="init" selected="selected" disabled="disabled">Select From Available Projects</option> </select> </div> <div style="display:table-row;"> <label style="display:table-cell;">Snippet</label> <select class="form-control" id="snippetImportModalSnippets" style="display:table-cell;" disabled="disabled"> <option value="init" selected="selected" disabled="disabled">Select From Available Snippets</option> </select> </div> </div> <p class="snippet-import-or">OR</p> <input type="url" class="form-control" placeholder="/projects/:id/snippets/:snippet_id" id="snippetImportModalContent" disabled="disabled"> </div> <div class="modal-footer"> <span id="snippetImportModalLoading"><i class="fa fa-refresh fa-spin fa-fw"></i></span> <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> <button type="button" class="btn btn-danger" id="snippetImportModalClear">Clear</button> <button type="button" class="btn btn-primary" id="snippetImportModalConfirm" disabled="disabled">Import</button> </div> </div> </div> </div> <!-- snippet export modal --> <div class="modal fade" id="snippetExportModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span> </button> <h4 class="modal-title" id="myModalLabel">Export to Snippet</h4> </div> <div class="modal-body"> <input type="hidden" id="snippetExportModalAccessToken" /> <input type="hidden" id="snippetExportModalBaseURL" /> <input type="hidden" id="snippetExportModalVersion" /> <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" placeholder="new snippet" type="text" id="snippetExportModalTitle" /> </div> <div style="display:table-row;margin-bottom:5px;"> <label style="display:table-cell;">File Name:</label> <input class="form-control" placeholder="new_snippet.md" type="text" id="snippetExportModalFileName" /> </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 value="init" selected="selected" disabled="disabled">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 value="" selected="selected" disabled="disabled">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 type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> <button type="button" class="btn btn-primary" id="snippetExportModalConfirm">Export</button> </div> </div> </div> </div> <!-- delete modal --> <div class="modal fade delete-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><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 type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> <button type="button" class="btn btn-danger ui-delete-modal-confirm">Yes, do it!</button> </div> </div> </div> </div> <!-- refresh modal --> <div class="modal fade" id="refreshModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><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://codimd.web.cern.ch/s/release-notes" target="_blank" rel="noopener">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 type="button" class="btn btn-primary" id="refreshModalRefresh">Refresh</button> </div> </div> </div> </div> <!-- signin modal --> <div class="modal fade signin-modal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><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 href="https://codimd.web.cern.ch/auth/oauth2" class="btn btn-lg btn-block btn-login-method btn-soundcloud"> <i class="fa fa-mail-forward"></i> Sign in via OAuth2 </a> </div> </div> </div> </div> <!-- help modal --> <div class="modal fade help-modal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><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/codimd/issues" target="_blank"><i class="fa fa-tag fa-fw"></i> Report an issue</a> <br> <a href="https://gitter.im/hackmdio/hackmd" target="_blank"><i class="fa fa-hashtag fa-fw"></i> Meet us on Gitter</a> <br> <a href="https://poeditor.com/join/project/q0nuPWyztp" target="_blank"><i class="fa fa-language fa-fw"></i> Help us translating on POEditor</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" title="Features" target="_blank"><i class="fa fa-dot-circle-o fa-fw"></i> Features</a> <br> <a href="./yaml-metadata" title="YAML Metadata" target="_blank"><i class="fa fa-dot-circle-o fa-fw"></i> YAML Metadata</a> <br> <a href="./slide-example" title="Slide Example" target="_blank"><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 type="checkbox" class="task-list-item-checkbox" disabled><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>![image alt](https:// "title")</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:"></img></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 class="modal fade" id="revisionModal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><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 type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> <button type="button" class="btn btn-primary" id="revisionModalDownload">Download</button> <button type="button" class="btn btn-danger" id="revisionModalRevert">Revert</button> </div> </div> </div> </div> <!-- pandoc export modal --> <div class="modal fade pandoc-export-modal" id="pandoc-export-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span> </button> <h4 class="modal-title" id="myModalLabel">Export with pandoc</h4> </div> <form action="#" class="form-inline"> <div class="modal-body"> <strong>Select output format</strong> <select name="output" id="output" class="form-control"> <option value="asciidoc">AsciiDoc</option> <option value="context">ConTeXt</option> <option value="epub">EPUB (.epub)</option> <option value="epub3">EPUB v3 (.epub3)</option> <option value="latex">LaTeX</option> <option value="odt">OpenOffice (.odt)</option> <option value="rst">reStructuredText (.rst)</option> <option value="rtf">Rich Text Format (.rtf)</option> <option value="textile">Textile</option> <option value="docx">Word (.docx)</option> <option value="mediawiki">Mediawiki</option> </select> </div> <div class="modal-footer"> <button type="submit" class="btn btn-primary" id="pandoc-export-download">Export</button> </div> </form> </div> </div> </div> <script src="https://codimd.web.cern.ch/js/mathjax-config-extra.js"></script> <script src="https://codimd.web.cern.ch/build/MathJax/MathJax.js" defer></script> <script src="https://codimd.web.cern.ch/build/MathJax/config/TeX-AMS-MML_HTMLorMML.js" defer></script> <script src="https://codimd.web.cern.ch/build/MathJax/config/Safe.js" defer></script> <script src="https://codimd.web.cern.ch/config"></script><script src="https://codimd.web.cern.ch/build/common.dd6a2fc1506798f81138.js" defer="defer"></script><script src="https://codimd.web.cern.ch/build/index-pack.10e202b9c6445015154f.js" defer="defer"></script> </body> </html>