mirror of
https://github.com/1j01/textual-paint.git
synced 2024-12-21 05:41:54 +03:00
106 lines
46 KiB
XML
106 lines
46 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="80ch" height="38lh">
|
||
<style>
|
||
div,
|
||
pre {
|
||
overflow: hidden;
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
svg {
|
||
font: 10px monospace;
|
||
line-height: 1;
|
||
}
|
||
span,
|
||
font {
|
||
display: inline-block;
|
||
}
|
||
</style>
|
||
<script><![CDATA[
|
||
// To fix up the width of elements containing emojis and other symbols,
|
||
// run `await fixPre()` in the browser console,
|
||
// and replace the <pre>...</pre> in the XHTML with the result.
|
||
// Note: this fix may be already applied to the SVG file.
|
||
|
||
async function fixPre() {
|
||
const url = "https://unpkg.com/grapheme-splitter@1.0.4/index.js";
|
||
const js = await (await fetch(url)).text();
|
||
eval(js);
|
||
|
||
const pre = document.querySelector('pre');
|
||
const splitter = new GraphemeSplitter();
|
||
|
||
// Not including <span> elements, which are used for background colors.
|
||
// Otherwise I'd have to deal with the fact that for <span>A<font>B</font>C</span>,
|
||
// both elements contain some of the same text, and I don't want to set the width
|
||
// on the outer element, because I want a clean git diff.
|
||
pre.querySelectorAll('font').forEach(element => {
|
||
const graphemes = splitter.splitGraphemes(element.textContent);
|
||
// Box Drawing: \u2500-\u257F uniformly considered narrow
|
||
// Block Elements: \u2580-\u259F uniformly considered narrow
|
||
// ASCII range: \x00-\x7F uniformly considered narrow (ignoring control characters)
|
||
const contentiousGraphemes = graphemes.filter(g => /[^\x00-\x7F]/.test(g) && !/[\u2500-\u257F\u2580-\u259F]/u.test(g));
|
||
const wideGraphemes = graphemes.filter(g => /[^\x00-\x7F]/.test(g) && !/[\u2500-\u257F\u2580-\u259F]|[⚝⬚✏️🖌️⟍▭𝙇⬭▢]/u.test(g));
|
||
const narrowGraphemes = graphemes.filter(g => !wideGraphemes.includes(g));
|
||
if (contentiousGraphemes.length > 0) {
|
||
console.log("wide:", wideGraphemes, "narrow:", narrowGraphemes);
|
||
const width = narrowGraphemes.length * 1 + wideGraphemes.length * 2;
|
||
// element.style.width = `${width}ch`;
|
||
// Modify the XHTML minimally:
|
||
if (element.getAttribute('style')) {
|
||
element.setAttribute('style', `${element.getAttribute('style')}; width: ${width}ch;`);
|
||
} else {
|
||
element.setAttribute('style', `width: ${width}ch;`);
|
||
}
|
||
}
|
||
});
|
||
|
||
return new XMLSerializer().serializeToString(pre);
|
||
}
|
||
]]></script>
|
||
<foreignObject x="0" y="0" width="80ch" height="38lh">
|
||
<div xmlns="http://www.w3.org/1999/xhtml">
|
||
|
||
<pre xmlns="http://www.w3.org/1999/xhtml"><span style="background-color:#DCE3E8"> </span>
|
||
<span style="background-color:#DCE3E8"> </span><span style="background-color:#DCE3E8"><font color="#1C1D1E"><b> File </b></font></span><span style="background-color:#DCE3E8"> </span><span style="background-color:#DCE3E8"><font color="#1C1D1E"><b> Edit </b></font></span><span style="background-color:#DCE3E8"> </span><span style="background-color:#DCE3E8"><font color="#1C1D1E"><b> View </b></font></span><span style="background-color:#DCE3E8"> </span><span style="background-color:#DCE3E8"><font color="#1C1D1E"><b> Image </b></font></span><span style="background-color:#DCE3E8"> </span><span style="background-color:#DCE3E8"><font color="#1C1D1E"><b> Colors </b></font></span><span style="background-color:#DCE3E8"> </span><span style="background-color:#DCE3E8"><font color="#1C1D1E"><b> Help </b></font></span><span style="background-color:#DCE3E8"> </span>
|
||
<span style="background-color:#DCE3E8"> </span>
|
||
<span style="background-color:#C7CDD2"> </span><span style="background-color:#808080"> </span>
|
||
<span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"><font color="#FFFFFF">▔▔▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"><font color="#FFFFFF">▔▔▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#808080"> </span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span>
|
||
<span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"> </span><span style="background-color:#DCE3E8"><font color="#1C1D1E" style="width: 3ch;"> ⚝ </font></span><span style="background-color:#DCE3E8"> </span><span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"> </span><span style="background-color:#DCE3E8"><font color="#1C1D1E" style="width: 3ch;"> ⬚ </font></span><span style="background-color:#DCE3E8"> </span><span style="background-color:#C7CDD2"> </span><span style="background-color:#808080"> </span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span>
|
||
<span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"><font color="#9EA4A9">▁▁▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"><font color="#9EA4A9">▁▁▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#808080"> </span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span>
|
||
<span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"><font color="#FFFFFF">▔▔▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"><font color="#FFFFFF">▔▔▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#808080"> </span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span>
|
||
<span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"> </span><span style="background-color:#DCE3E8"><font color="#1C1D1E" style="width: 4ch;"> 🧼 </font></span><span style="background-color:#DCE3E8"> </span><span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"> </span><span style="background-color:#DCE3E8"><font color="#1C1D1E" style="width: 4ch;"> 🌊 </font></span><span style="background-color:#DCE3E8"> </span><span style="background-color:#C7CDD2"> </span><span style="background-color:#808080"> </span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span>
|
||
<span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"><font color="#9EA4A9">▁▁▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"><font color="#9EA4A9">▁▁▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#808080"> </span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span>
|
||
<span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"><font color="#FFFFFF">▔▔▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"><font color="#FFFFFF">▔▔▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#808080"> </span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span>
|
||
<span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"> </span><span style="background-color:#DCE3E8"><font color="#1C1D1E" style="width: 4ch;"> 💉 </font></span><span style="background-color:#DCE3E8"> </span><span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"> </span><span style="background-color:#DCE3E8"><font color="#1C1D1E" style="width: 4ch;"> 🔍 </font></span><span style="background-color:#DCE3E8"> </span><span style="background-color:#C7CDD2"> </span><span style="background-color:#808080"> </span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span>
|
||
<span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"><font color="#9EA4A9">▁▁▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"><font color="#9EA4A9">▁▁▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#808080"> </span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span>
|
||
<span style="background-color:#C7CDD2"> </span><span style="background-color:#FFFFFF"><font color="#B2B9BE">▔▔▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"><font color="#FFFFFF">▔▔▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#808080"> </span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span>
|
||
<span style="background-color:#C7CDD2"> </span><span style="background-color:#FFFFFF"> </span><span style="background-color:#FFFFFF"><font color="#212121" style="width: 3ch;"> ✏️ </font></span><span style="background-color:#FFFFFF"> </span><span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"> </span><span style="background-color:#DCE3E8"><font color="#1C1D1E" style="width: 3ch;"> 🖌️ </font></span><span style="background-color:#DCE3E8"> </span><span style="background-color:#C7CDD2"> </span><span style="background-color:#808080"> </span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span>
|
||
<span style="background-color:#C7CDD2"> </span><span style="background-color:#FFFFFF"><font color="#FFFFFF">▁▁▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"><font color="#9EA4A9">▁▁▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#808080"> </span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span>
|
||
<span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"><font color="#FFFFFF">▔▔▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"><font color="#FFFFFF">▔▔▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#808080"> </span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#FFFF00"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span>
|
||
<span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"> </span><span style="background-color:#DCE3E8"><font color="#1C1D1E" style="width: 4ch;"> 💨 </font></span><span style="background-color:#DCE3E8"> </span><span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"> </span><span style="background-color:#DCE3E8"><font color="#1C1D1E" style="width: 4ch;"> A </font></span><span style="background-color:#DCE3E8"> </span><span style="background-color:#C7CDD2"> </span><span style="background-color:#808080"> </span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#FFFF00"><font color="#000000"> </font></span><span style="background-color:#FFFF00"><font color="#FFFFFF"> </font></span><span style="background-color:#FFFF00"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span>
|
||
<span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"><font color="#9EA4A9">▁▁▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"><font color="#9EA4A9">▁▁▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#808080"> </span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#FFFF00"><font color="#000000"> </font></span><span style="background-color:#FFFF00"><font color="#FFFFFF"> </font></span><span style="background-color:#000000"><font color="#FFFFFF"> </font></span><span style="background-color:#FFFF00"><font color="#FFFFFF"> </font></span><span style="background-color:#000000"><font color="#FFFFFF"> </font></span><span style="background-color:#FFFF00"><font color="#FFFFFF"> </font></span><span style="background-color:#FFFF00"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span>
|
||
<span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"><font color="#FFFFFF">▔▔▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"><font color="#FFFFFF">▔▔▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#808080"> </span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#FFFF00"><font color="#000000"> </font></span><span style="background-color:#FFFF00"><font color="#FFFFFF"> </font></span><span style="background-color:#FFFF00"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span>
|
||
<span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"> </span><span style="background-color:#DCE3E8"><font color="#1C1D1E" style="width: 3ch;"> ⟍ </font></span><span style="background-color:#DCE3E8"> </span><span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"> </span><span style="background-color:#DCE3E8"><font color="#1C1D1E" style="width: 4ch;"> ~ </font></span><span style="background-color:#DCE3E8"> </span><span style="background-color:#C7CDD2"> </span><span style="background-color:#808080"> </span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#FFFF00"><font color="#000000"> </font></span><span style="background-color:#FFFF00"><font color="#FFFFFF"> </font></span><span style="background-color:#000000"><font color="#FFFFFF"> </font></span><span style="background-color:#FFFF00"><font color="#FFFFFF"> </font></span><span style="background-color:#000000"><font color="#FFFFFF"> </font></span><span style="background-color:#FFFF00"><font color="#FFFFFF"> </font></span><span style="background-color:#FFFF00"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span>
|
||
<span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"><font color="#9EA4A9">▁▁▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"><font color="#9EA4A9">▁▁▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#808080"> </span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#FFFF00"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#FFFFFF"> </font></span><span style="background-color:#FFFF00"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span>
|
||
<span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"><font color="#FFFFFF">▔▔▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"><font color="#FFFFFF">▔▔▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#808080"> </span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#FFFF00"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span>
|
||
<span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"> </span><span style="background-color:#DCE3E8"><font color="#1C1D1E" style="width: 3ch;"> ▭ </font></span><span style="background-color:#DCE3E8"> </span><span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"> </span><span style="background-color:#DCE3E8"><font color="#1C1D1E" style="width: 3ch;"> 𝙇 </font></span><span style="background-color:#DCE3E8"> </span><span style="background-color:#C7CDD2"> </span><span style="background-color:#808080"> </span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span>
|
||
<span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"><font color="#9EA4A9">▁▁▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"><font color="#9EA4A9">▁▁▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#808080"> </span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span><span style="background-color:#000000"><font color="#000000"> </font></span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span>
|
||
<span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"><font color="#FFFFFF">▔▔▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"><font color="#FFFFFF">▔▔▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#808080"> </span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span>
|
||
<span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"> </span><span style="background-color:#DCE3E8"><font color="#1C1D1E" style="width: 3ch;"> ⬭ </font></span><span style="background-color:#DCE3E8"> </span><span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"> </span><span style="background-color:#DCE3E8"><font color="#1C1D1E" style="width: 3ch;"> ▢ </font></span><span style="background-color:#DCE3E8"> </span><span style="background-color:#C7CDD2"> </span><span style="background-color:#808080"> </span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span>
|
||
<span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"><font color="#9EA4A9">▁▁▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#DCE3E8"><font color="#9EA4A9">▁▁▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#808080"> </span><span style="background-color:#FFFFFF"><font color="#000000"> </font></span>
|
||
<span style="background-color:#C7CDD2"> </span><span style="background-color:#808080"> </span>
|
||
<span style="background-color:#C7CDD2"> </span><span style="background-color:#808080"> </span>
|
||
<span style="background-color:#C7CDD2"> </span><span style="background-color:#808080"> </span>
|
||
<span style="background-color:#C7CDD2"><font color="#B2B9BE">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</font></span><span style="background-color:#23568B"><font color="#101010"> </font></span><span style="background-color:#C7CDD2"><font color="#23568B">▍</font></span><span style="background-color:#C7CDD2"><font color="#101010"> </font></span>
|
||
<span style="background-color:#C7CDD2"><font color="#FFFFFF">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</font></span>
|
||
<span style="background-color:#C7CDD2"> </span><span style="background-color:#000000"><font color="#B2B9BE">▔▔▔▔▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#000000"><font color="#B2B9BE">▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#808080"><font color="#B2B9BE">▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#800000"><font color="#B2B9BE">▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#808000"><font color="#B2B9BE">▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#008000"><font color="#B2B9BE">▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#008080"><font color="#B2B9BE">▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#000080"><font color="#B2B9BE">▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#800080"><font color="#B2B9BE">▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#808040"><font color="#B2B9BE">▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#004040"><font color="#B2B9BE">▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#0080FF"><font color="#B2B9BE">▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#004080"><font color="#B2B9BE">▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#4000FF"><font color="#B2B9BE">▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#804000"><font color="#B2B9BE">▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span>
|
||
<span style="background-color:#C7CDD2"> </span><span style="background-color:#000000"> </span><span style="background-color:#C7CDD2"> </span><span style="background-color:#000000"><font color="#FFFFFF">▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#808080"><font color="#FFFFFF">▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#800000"><font color="#FFFFFF">▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#808000"><font color="#FFFFFF">▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#008000"><font color="#FFFFFF">▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#008080"><font color="#FFFFFF">▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#000080"><font color="#FFFFFF">▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#800080"><font color="#FFFFFF">▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#808040"><font color="#FFFFFF">▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#004040"><font color="#FFFFFF">▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#0080FF"><font color="#FFFFFF">▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#004080"><font color="#FFFFFF">▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#4000FF"><font color="#FFFFFF">▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#804000"><font color="#FFFFFF">▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span>
|
||
<span style="background-color:#C7CDD2"> </span><span style="background-color:#000000"> </span><span style="background-color:#C7CDD2"> </span><span style="background-color:#FFFFFF"><font color="#B2B9BE">▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#C0C0C0"><font color="#B2B9BE">▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#FF0000"><font color="#B2B9BE">▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#FFFF00"><font color="#B2B9BE">▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#00FF00"><font color="#B2B9BE">▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#00FFFF"><font color="#B2B9BE">▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#0000FF"><font color="#B2B9BE">▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#FF00FF"><font color="#B2B9BE">▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#FFFF80"><font color="#B2B9BE">▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#00FF80"><font color="#B2B9BE">▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#80FFFF"><font color="#B2B9BE">▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#8080FF"><font color="#B2B9BE">▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#FF0080"><font color="#B2B9BE">▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#FF8040"><font color="#B2B9BE">▔▔▔▔</font></span><span style="background-color:#C7CDD2"> </span>
|
||
<span style="background-color:#C7CDD2"> </span><span style="background-color:#000000"><font color="#FFFFFF">▁▁▁▁▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#FFFFFF"><font color="#FFFFFF">▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#C0C0C0"><font color="#FFFFFF">▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#FF0000"><font color="#FFFFFF">▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#FFFF00"><font color="#FFFFFF">▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#00FF00"><font color="#FFFFFF">▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#00FFFF"><font color="#FFFFFF">▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#0000FF"><font color="#FFFFFF">▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#FF00FF"><font color="#FFFFFF">▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#FFFF80"><font color="#FFFFFF">▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#00FF80"><font color="#FFFFFF">▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#80FFFF"><font color="#FFFFFF">▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#8080FF"><font color="#FFFFFF">▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#FF0080"><font color="#FFFFFF">▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span><span style="background-color:#FF8040"><font color="#FFFFFF">▁▁▁▁</font></span><span style="background-color:#C7CDD2"> </span>
|
||
<span style="background-color:#C7CDD2"> </span>
|
||
</pre>
|
||
|
||
</div>
|
||
</foreignObject>
|
||
</svg>
|