Files
lifebottle.github.io/index.html
2023-07-20 21:53:31 -04:00

126 lines
5.0 KiB
HTML

<!-- index.html -->
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta charset="UTF-8">
<meta property="og:title" content="Life Bottle - Reviving the Classics" /> <!-- clickable title link -->
<meta property="og:site_name" content="Life Bottle" /> <!-- Top line before clickable link giving a "site name" -->
<meta property="og:description" content="Volunteer group dedicated to the Tales franchise" /> <!-- page description -->
<meta name="theme-color" content="#f7f7f7" /><!-- small little colorbox vertical line on the side -->
<!-- PICK ONE -->
<!-- <meta property='og:video' content='https://www.youtube.com/v/yOZFyjv8s5g' /> --> <!-- (youtube) one way to show a video -->
<!-- <meta property='og:url' content='https://www.youtube.com/watch?v=yOZFyjv8s5g' /> --> <!-- (youtube) the other way -->
<!-- <meta property='og:video' content='/img/stahn_falling_into_a_hole.mp4' /> --> <!-- the local way -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://lifebottle.github.io/assets/coverpage/img/cover.jpg"> <!-- image preview -->
<!--<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/lib/themes/vue.css" />-->
<!--<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/lib/themes/buble.css" />-->
<!--<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/lib/themes/dark.css" />-->
<!--<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/lib/themes/pure.css" />-->
<link rel="stylesheet" href="dark.css" />
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.css">
<link rel="stylesheet" href="//unpkg.com/@markbattistella/docsify-charty@latest/dist/docsify-charty.min.css">
<style>
/* Fix issue on mobile devices where a custom cover image goes off the screen. */
section.cover.show {
height: 100%;
}
</style>
<title>Life Bottle Productions</title>
</head>
<body>
<div id="app"></div>
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
<script>
var num = 0;
var currentCodeExample = 0;
function escapeHTML(html) {
return html
.replaceAll('&', '&amp;')
.replaceAll('<', '&lt;')
.replaceAll('>', '&gt;')
.replaceAll('"', '&quot;')
.replaceAll("'", '&apos;');
}
mermaid.initialize({ startOnLoad: false });
window.$docsify = {
name: 'Life Bottle Productions',
search: 'auto',
alias: {
'/.*/_sidebar.md': '/_sidebar.md'
},
charty: {
"theme": "#EE5599",
"mode": "light",
"debug": false
},
el: "#app",
repo: "https://github.com/lifebottle",
auto2top: true,
coverpage: true,
maxLevel: 4,
subMaxLevel: 1,
loadSidebar: true,
sidebarDisplayLevel: 1,
markdown: {
renderer: {
code: function (code, lang) {
if (lang && (lang.startsWith('mermaid') || lang === 'mmd')) {
var resultingHTML = '';
if (lang === 'mmd' || lang === 'mermaid-example') {
currentCodeExample++;
resultingHTML += '<pre id="code' + currentCodeExample + '">' + escapeHTML(code) + '</pre>';
}
if (lang === 'mermaid' || lang === 'mermaid-example') {
resultingHTML +=
'<div class="mermaid">' + mermaid.render('mermaid-svg-' + num++, code) + '</div>';
}
if (resultingHTML !== '') {
return resultingHTML;
}
}
return this.origin.code.apply(this, arguments);
}
}
},
editLink: {
text: '<img src="https://img.shields.io/badge/-Edit this Page-informational?style=for-the-badge&color=2e93f8">',
// text: '<span style="color: limegreen;">Edit this document</span>',
repo: 'https://github.com/lifebottle/lifebottle.github.io/edit/main/',
// repo: 'https://github.com/cyrilf/docsify-edit-link/edit/master/docs/',
cssClass: 'docsify-edit-link m-0'
}
}
</script>
<script src="https://cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
<!-- plugins -->
<script src="//unpkg.com/docsify-edit-link@^1"></script>
<script src="https://cdn.jsdelivr.net/npm/docsify/lib/plugins/search.min.js"></script>
<!-- <script src="https://cdn.jsdelivr.net/npm/docsify/lib/plugins/zoom-image.min.js"></script> -->
<script src="https://cdn.jsdelivr.net/npm/docsify-pagination/dist/docsify-pagination.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsify-progress/dist/progress.min.js"></script>
<script src="//unpkg.com/docsify-sidebar-collapse@1.0.9/dist/docsify-sidebar-collapse.min.js"></script>
<script src="https://unpkg.com/@markbattistella/docsify-charty@latest/dist/docsify-charty.min.js"></script>
</body>
</html>