7d5abadcf7
We no longer use Gitter for development talk and similar. So we might want to remove it? This patch removes Gitter from README, help page and features page. And replaces it in the help modal with POEditor, our translation platform. Signed-off-by: Sheogorath <sheogorath@shivering-isles.com>
150 lines
9.3 KiB
Plaintext
150 lines
9.3 KiB
Plaintext
<!-- 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://riot.im/app/#/room/#codimd:matrix.org" target="_blank"><i class="fa fa-hashtag fa-fw"></i> <%= __('Meet us on %s', 'Matrix') %></a>
|
|
<br>
|
|
<a href="https://translate.codimd.org" target="_blank"><i class="fa fa-language fa-fw"></i> <%= __('Help us translating on %s', '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><%= __('Todo List') %></li></ul></td>
|
|
<td>- [ ] <%= __('Todo List') %></td>
|
|
</tr>
|
|
<tr>
|
|
<td><blockquote> <%= __('Blockquote') %></blockquote></td>
|
|
<td>> <%= __('Blockquote') %></td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong><%= __('Bold font') %></strong></td>
|
|
<td>**<%= __('Bold font') %>**</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i><%= __('Italics font') %></i></td>
|
|
<td>*<%= __('Italics font') %>*</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><%= __('Inserted text') %></ins></td>
|
|
<td>++<%= __('Inserted text') %>++</td>
|
|
</tr>
|
|
<tr>
|
|
<td><mark><%= __('Marked text') %></mark></td>
|
|
<td>==<%= __('Marked 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:"></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 a alert area.') %></p></div></td>
|
|
<td>:::info<br><%= __('This is a 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>
|