avinal/avinal.github.io
1
0
Fork 0
mirror of https://github.com/avinal/avinal.github.io.git synced 2026-07-04 07:40:09 +05:30
Code Packages Releases Activity

update public pages

Browse Source 
Signed-off-by: Avinal Kumar <avinal.xlvii@gmail.com>
This commit is contained in:
Morumotto
2022-09-13 02:40:06 +05:30
parent 0e331cd41f
commit 65fe4eb7a1
4 changed files with 7162 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/index.html
+56 -7
View File
@@ -5,13 +5,9 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/website/post-style.css">
<link rel="stylesheet" href="/website/foo-style.css">
<!-- <link rel="preload" as="style" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"
crossorigin="anonymous" onload="this.onload=null;this.rel='stylesheet'" /> -->
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.6.0/build/styles/github-dark.min.css">
<script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.6.0/build/highlight.min.js"></script>
<link rel="stylesheet" href="/website/mdn-style.css">
<title>Document</title>
<script src="/website/redirect.js"></script>
</head>
@@ -23,9 +19,62 @@
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" crossorigin="anonymous"></script> -->
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.7/clipboard.min.js"
crossorigin="anonymous"></script> -->
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
<script src="/website/prism.js"></script>
<script src="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/plugins/autoloader/prism-autoloader.min.js"></script>
<script>
var app = Elm.Main.init({ node: document.getElementById("app") });
var app = Elm.Blog.init({ node: document.getElementById("app") });
app.ports.sendString.subscribe(function (markdowndata) {
var numberOfHeadings = 0;
let toc = '';
const renderer = new marked.Renderer();
const sections = [];
renderer.heading = (text, level) => {
if (level === 1) {
return `<h${level}>${text}</h${level}>`
}
const escapedText = text.trim().toLowerCase().replace(/[^\w]+/g, '-');
const endSection = `</div></section>`;
const sectionContent = `
<section aria-labelledby="${escapedText}">
<h${level} id="${escapedText}">
<a title="Permalink to ${text}" href="#${escapedText}">
${text}
</a>
</h${level}>
<div class="section-content">`;
toc += `<li class="document-toc-item"><a class="document-toc-link" href="#${escapedText}">${text}</a></li>`;
if (numberOfHeadings === 0) {
numberOfHeadings++;
return sectionContent;
} else {
return endSection + sectionContent;
}
};
renderer.blockquote = (text) => {
return `<div id="sect3" class="notecard note">${text}</div>`;
};
marked.setOptions({
renderer: renderer,
highlight: function (code, lang) {
console.log(Prism.languages);
const grammar = Prism.languages[lang];
if (!grammar) {
console.warn(
`Unable to find a Prism grammar for '${lang}'`
);
return; // bail!
}
return Prism.highlight(code, grammar, lang);
}
})
document.getElementById("insert-here").innerHTML = marked.parse(markdowndata);
document.getElementById("toc-entries").innerHTML = toc;
});
// $(function () {
// // copy-btn HTML
// var btn = "<span class=\"btn-copy tooltipped tooltipped-sw\" aria-label=\"Copy to clipboard!\">";