49 lines
2.0 KiB
HTML
49 lines
2.0 KiB
HTML
@include(snippets/header)
|
|
<div class="pagewrapper">
|
|
<div id="main">
|
|
<div class="rules">
|
|
@if(about_text)
|
|
<div class="dynamic-page-content" id="about-dynamic-content"></div>
|
|
<script id="about-raw-data" type="application/json">{{ about_text_b64 }}</script>
|
|
<script>
|
|
(function() {
|
|
var raw = document.getElementById('about-raw-data');
|
|
var el = document.getElementById('about-dynamic-content');
|
|
function escapeHtml(str) {
|
|
return str.replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>').replace(/"/g,'"').replace(/'/g,''');
|
|
}
|
|
function render() {
|
|
if (raw && el && typeof marked !== 'undefined') {
|
|
var bytes = Uint8Array.from(atob(raw.textContent.trim()), function(c) { return c.charCodeAt(0); });
|
|
var text = new TextDecoder('utf-8').decode(bytes);
|
|
var renderer = new marked.Renderer();
|
|
renderer.code = function(code, lang) {
|
|
var escaped = escapeHtml(typeof code === 'object' ? (code.text || '') : code);
|
|
var langAttr = (typeof code === 'object' ? code.lang : lang) || '';
|
|
return '<pre><code' + (langAttr ? ' class="language-' + escapeHtml(langAttr) + '"' : '') + '>' + escaped + '</code></pre>';
|
|
};
|
|
renderer.codespan = function(code) {
|
|
var escaped = escapeHtml(typeof code === 'object' ? (code.text || '') : code);
|
|
return '<code>' + escaped + '</code>';
|
|
};
|
|
renderer.html = function(html) {
|
|
var content = typeof html === 'object' ? (html.text || '') : html;
|
|
return escapeHtml(content);
|
|
};
|
|
el.innerHTML = marked.parse(text, { gfm: true, breaks: true, renderer: renderer });
|
|
}
|
|
}
|
|
if (typeof marked !== 'undefined') {
|
|
render();
|
|
} else {
|
|
document.addEventListener('DOMContentLoaded', render);
|
|
}
|
|
})();
|
|
</script>
|
|
@else
|
|
<h1>About</h1>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@include(snippets/footer) |