ed
/
ed.brz9.dev
1
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

icon font update

This commit is contained in:
ed barz 2025-09-19 11:56:36 +02:00
parent 56dde57c35
commit 38b9b7aa3b
12 changed files with 462 additions and 334 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
assets/fonts/brz9-icon-v1.2/Read Me.txt Executable file → Normal file
View File

0
assets/fonts/brz9-icon-v1.2/demo-files/demo.css Executable file → Normal file
View File

0
assets/fonts/brz9-icon-v1.2/demo-files/demo.js Executable file → Normal file
View File

0
assets/fonts/brz9-icon-v1.2/demo.html Executable file → Normal file
View File

0
assets/fonts/brz9-icon-v1.2/fonts/brz9-icon.svg Executable file → Normal file
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 331 KiB

After

Width:  |  Height:  |  Size: 331 KiB

0
assets/fonts/brz9-icon-v1.2/fonts/brz9-icon.ttf Executable file → Normal file
View File

0
assets/fonts/brz9-icon-v1.2/fonts/brz9-icon.woff Executable file → Normal file
View File

0
assets/fonts/brz9-icon-v1.2/icon-style.css Executable file → Normal file
View File

0
assets/fonts/brz9-icon-v1.2/selection.json Executable file → Normal file
View File

0
proj/chordboard/tdmkr.sh Executable file → Normal file
View File

168
proj/icons/icons.js
View File

@ -1,4 +1,4 @@
Vue.component('icon', { Vue.component("icon", {
template: ` template: `
<div class="single-icon"> <div class="single-icon">
<span <span
@ -16,12 +16,12 @@ Vue.component('icon', {
ref="span">{{ this.name }}</p> ref="span">{{ this.name }}</p>
</div> </div>
`, `,
props: ['name'], props: ["name"],
data() { data() {
return { return {
utf8: '', utf8: "",
isCopied: false isCopied: false,
} };
}, },
computed: { computed: {
class: function () { class: function () {
@ -29,36 +29,36 @@ Vue.component('icon', {
}, },
span: function () { span: function () {
return '<span class="brz9-icon-' + this.name + '"></span>'; return '<span class="brz9-icon-' + this.name + '"></span>';
} },
}, },
methods: { methods: {
copyToClipboard(text) { copyToClipboard(text) {
const textarea = document.createElement('textarea') const textarea = document.createElement("textarea");
textarea.value = text textarea.value = text;
document.body.appendChild(textarea) document.body.appendChild(textarea);
textarea.select() textarea.select();
document.execCommand('copy') document.execCommand("copy");
document.body.removeChild(textarea) document.body.removeChild(textarea);
this.copyDone(); this.copyDone();
}, },
copyDone() { copyDone() {
this.isCopied = true; this.isCopied = true;
this.$refs.element.addEventListener('animationend', () => { this.$refs.element.addEventListener("animationend", () => {
this.isCopied = false; this.isCopied = false;
}); });
} },
}, },
mounted() { mounted() {
query = '.' + this.class query = "." + this.class;
let span = document.querySelector(query) let span = document.querySelector(query);
let style = window.getComputedStyle(span, ':before') let style = window.getComputedStyle(span, ":before");
let content = style.getPropertyValue('content') let content = style.getPropertyValue("content");
//console.log(content) //console.log(content)
this.utf8 = content.replace('"', '').replace('"', '') this.utf8 = content.replace('"', "").replace('"', "");
} },
}) });
Vue.component('copyfontimportlink', { Vue.component("copyfontimportlink", {
template: ` template: `
<div class="font-import-link-container" v-on:click="copyToClipboard(importLink)" ref="link"> <div class="font-import-link-container" v-on:click="copyToClipboard(importLink)" ref="link">
<slot></slot> <slot></slot>
@ -70,34 +70,36 @@ Vue.component('copyfontimportlink', {
`, `,
data() { data() {
return { return {
importLink: '<link rel="stylesheet" href="https://file.brz9.dev/cdn/fonts/brz9-v2.5/style.css">', importLink:
isCopied: false '<link rel="stylesheet" href="https://file.brz9.dev/cdn/fonts/brz9-v2.5/style.css">',
} isCopied: false,
};
}, },
computed: { computed: {
displayText: function () { displayText: function () {
html_text = "&lt;link rel=&quot;stylesheet&quot; href=&quot;https://file.brz9.dev/cdn/fonts/brz9-v2.5/style.css&quot;&gt;"; html_text =
"&lt;link rel=&quot;stylesheet&quot; href=&quot;https://file.brz9.dev/cdn/fonts/brz9-v2.5/style.css&quot;&gt;";
return html_text; return html_text;
} },
}, },
methods: { methods: {
copyToClipboard(text) { copyToClipboard(text) {
const textarea = document.createElement('textarea'); const textarea = document.createElement("textarea");
textarea.value = text; textarea.value = text;
document.body.appendChild(textarea); document.body.appendChild(textarea);
textarea.select(); textarea.select();
document.execCommand('copy'); document.execCommand("copy");
document.body.removeChild(textarea); document.body.removeChild(textarea);
this.copyDone(); this.copyDone();
}, },
copyDone() { copyDone() {
this.isCopied = true; this.isCopied = true;
this.$refs.element.addEventListener('animationend', () => { this.$refs.element.addEventListener("animationend", () => {
this.isCopied = false; this.isCopied = false;
}); });
} },
} },
}) });
let vm = new Vue({ let vm = new Vue({
data() { data() {
@ -115,15 +117,16 @@ let vm = new Vue({
"linuxmint", "linuxmint",
"freebsd", "freebsd",
"apple", "apple",
"windows" "windows",
], ],
streaming: [ streaming: [
"bandcamp", "bandcamp",
"qobuz",
"spotify", "spotify",
"applemusic", "applemusic",
"deezer", "deezer",
"soundcloud", "soundcloud",
"tidal" "tidal",
], ],
payment: [ payment: [
"cart", "cart",
@ -148,7 +151,7 @@ let vm = new Vue({
"patreon", "patreon",
"ulule", "ulule",
"tipeee", "tipeee",
"flattr" "flattr",
], ],
navigation: [ navigation: [
"arrow-down", "arrow-down",
@ -198,14 +201,14 @@ let vm = new Vue({
"checkmark-outline", "checkmark-outline",
"link", "link",
"embed", "embed",
"embed-slash" "embed-slash",
], ],
form: [ form: [
"radio-checked", "radio-checked",
"radio-checked-alt", "radio-checked-alt",
"radio-unchecked", "radio-unchecked",
"checkbox-checked", "checkbox-checked",
"checkbox-unchecked" "checkbox-unchecked",
], ],
network: [ network: [
"tree", "tree",
@ -220,7 +223,7 @@ let vm = new Vue({
"earth", "earth",
"power", "power",
"power-cord", "power-cord",
"wifi" "wifi",
], ],
alert: [ alert: [
"warning", "warning",
@ -247,14 +250,9 @@ let vm = new Vue({
"bookmarks", "bookmarks",
"attachment", "attachment",
"address-book", "address-book",
"accessibility" "accessibility",
],
time: [
"calendar",
"clock",
"clock2",
"alarm"
], ],
time: ["calendar", "clock", "clock2", "alarm"],
login: [ login: [
"user", "user",
"users", "users",
@ -262,7 +260,7 @@ let vm = new Vue({
"exit", "exit",
"equalizer", "equalizer",
"equalizer2", "equalizer2",
"cog" "cog",
], ],
afknav: [ afknav: [
"compass", "compass",
@ -274,7 +272,7 @@ let vm = new Vue({
"home", "home",
"office", "office",
"lab", "lab",
"binoculars" "binoculars",
], ],
fediverse: [ fediverse: [
"mastodon", "mastodon",
@ -282,7 +280,7 @@ let vm = new Vue({
"peertube", "peertube",
"pixelfed", "pixelfed",
"rss", "rss",
"rss-square" "rss-square",
], ],
socials: [ socials: [
"instagram", "instagram",
@ -317,22 +315,16 @@ let vm = new Vue({
"notion", "notion",
"pocket", "pocket",
"feedly", "feedly",
"steam" "steam",
],
privacy: [
"gpg",
"tor",
"signal",
"ublockorigin",
"riot"
], ],
privacy: ["gpg", "tor", "signal", "ublockorigin", "riot"],
spyware: [ spyware: [
"telegram", "telegram",
"discord", "discord",
"whatsapp", "whatsapp",
"skype", "skype",
"slack", "slack",
"messenger" "messenger",
], ],
edit: [ edit: [
"bold", "bold",
@ -374,22 +366,16 @@ let vm = new Vue({
"sort-numberic-desc", "sort-numberic-desc",
"sort-numeric-asc", "sort-numeric-asc",
"table", "table",
"table2" "table2",
], ],
ratings: [ ratings: [
"star-empty", "star-empty",
"star-full", "star-full",
"star-half", "star-half",
"heart", "heart",
"heart-broken" "heart-broken",
],
keyboard: [
"tab",
"shift",
"ctrl",
"opt",
"command"
], ],
keyboard: ["tab", "shift", "ctrl", "opt", "command"],
media: [ media: [
"play", "play",
"pause", "pause",
@ -421,7 +407,7 @@ let vm = new Vue({
"play-yt", "play-yt",
"eject", "eject",
"airplayaudio", "airplayaudio",
"airplayvideo" "airplayvideo",
], ],
files: [ files: [
"folder", "folder",
@ -442,13 +428,20 @@ let vm = new Vue({
"files-empty", "files-empty",
"box-add", "box-add",
"box-remove", "box-remove",
"film" "film",
], ],
politics: [ politics: [
"lfi", "lfi",
"pcf", "pcf",
"ps", "ps",
"faumar" "eelv",
"lr",
"rn",
"cgt",
"faumar",
"ancom_flag",
"ancap_flag",
"anarchy",
], ],
devices: [ devices: [
"display", "display",
@ -465,7 +458,7 @@ let vm = new Vue({
"phone-hang-up", "phone-hang-up",
"raspberrypi", "raspberrypi",
"arduino", "arduino",
"terminal" "terminal",
], ],
screen: [ screen: [
"sun", "sun",
@ -474,7 +467,7 @@ let vm = new Vue({
"eye", "eye",
"eye-blocked", "eye-blocked",
"eye-minus", "eye-minus",
"eye-plus" "eye-plus",
], ],
programing: [ programing: [
"c", "c",
@ -493,9 +486,15 @@ let vm = new Vue({
"css3", "css3",
"javascript", "javascript",
"typescript", "typescript",
"bun",
"bun_col",
"postgresql", "postgresql",
"meilisearch",
"elasticsearch",
"minio",
"weaviate", "weaviate",
"pinecone", "pinecone",
"n8n",
"docker", "docker",
"git", "git",
"gitea", "gitea",
@ -504,6 +503,13 @@ let vm = new Vue({
"osm", "osm",
"leaflet", "leaflet",
"openai", "openai",
"qwen",
"deepseek",
"mistral",
"meta",
"grok",
"ollama",
"mcp",
"jupyter", "jupyter",
"fastapi", "fastapi",
"blender", "blender",
@ -511,13 +517,9 @@ let vm = new Vue({
"inkscape", "inkscape",
"affinitydesigner", "affinitydesigner",
"affinityphoto", "affinityphoto",
"affinitypublisher" "affinitypublisher",
],
spinners: [
"spinner",
"spinner2",
"spinner3"
], ],
spinners: ["spinner", "spinner2", "spinner3"],
license: [ license: [
"cc", "cc",
"cc-zero", "cc-zero",
@ -534,8 +536,8 @@ let vm = new Vue({
"wtfpl", "wtfpl",
"ofl", "ofl",
"mit", "mit",
"bsd" "bsd",
] ],
} };
} },
}).$mount('#root') }).$mount("#root");

236
proj/icons/index.html
View File

@ -1,28 +1,62 @@
<!DOCTYPE html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>brz9 Icon Font</title> <title>brz9 Icon Font</title>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="https://file.brz9.dev/cdn/fonts/brz9-v2.5/style.css"> <link
rel="stylesheet"
<link rel="stylesheet" href="https://file.brz9.dev/web/js/highlight/hlb9c.css"/> href="https://file.brz9.dev/cdn/fonts/brz9-v2.6/style.css"
/>
</head>
<body>
<div id="root">
<link
rel="stylesheet"
href="https://file.brz9.dev/web/js/highlight/hlb9c.css"
/>
</head>
<body>
<div id="root">
<main> <main>
<h1>Icon font</h1> <h1>Icon font</h1>
<p>This icon font was created with <a href="https://icomoon.io/" target="_blank" rel="noopener noreferrer" class="ext">Icomoon</a>. I tried to group them by category. You can download the whole pack as a zip <a href="https://file.brz9.dev/cdn/fonts/brz9-v2.5.zip" target="_blank" rel="noopener noreferrer" class="ext">here</a>. This page can be used to copy the utf8 characters by clicking on the icons. This can be useful to use them in Inkscape or GIMP after installing the .ttf file on your computer. By clicking on the name of the icon, the html span with the appropriate class in your clipboard.</p> <p>
This icon font was created with
<a
href="https://icomoon.io/"
target="_blank"
rel="noopener noreferrer"
class="ext"
>Icomoon</a
>. I tried to group them by category. You can download the
whole pack as a zip
<a
href="https://file.brz9.dev/cdn/fonts/brz9-v2.6.zip"
target="_blank"
rel="noopener noreferrer"
class="ext"
>here</a
>. This page can be used to copy the utf8 characters by
clicking on the icons. This can be useful to use them in
Inkscape or GIMP after installing the .ttf file on your
computer. By clicking on the name of the icon, the html span
with the appropriate class in your clipboard.
</p>
<p>You can import the icon font in your head tag using the link below:</p> <p>
<copyfontimportlink><pre><code class="language-xml">&lt;link rel=&quot;stylesheet&quot; href=&quot;https://file.brz9.dev/cdn/fonts/brz9-v2.5/style.css&quot;&gt;</code></pre></copyfontimportlink> You can import the icon font in your head tag using the link
<p><i>(but please be aware that the link might break at some point, you'd better download the zip file and host it yoursel)</i></p> below:
</p>
<copyfontimportlink>
<pre><code class="language-xml">&lt;link rel=&quot;stylesheet&quot; href=&quot;https://file.brz9.dev/cdn/fonts/brz9-v2.6/style.css&quot;&gt;</code></pre>
</copyfontimportlink>
<p>
<i
>(but please be aware that the link might break at some
point, you'd better download the zip file and host it
yoursel)</i
>
</p>
<nav class="main_nav"> <nav class="main_nav">
<ul> <ul>
@ -54,131 +88,213 @@
</nav> </nav>
<section class="icon-grids"> <section class="icon-grids">
<h2 id="icon-os">OS</h2> <h2 id="icon-os">OS</h2>
<div class="icongrid"> <div class="icongrid">
<div class="icon-grid-item" v-for="icon in os" :key="icon"> <div
class="icon-grid-item"
v-for="icon in os"
:key="icon"
>
<icon :name="icon"></icon> <icon :name="icon"></icon>
</div> </div>
</div> </div>
<h2 id="icon-mu">Music Streaming</h2> <h2 id="icon-mu">Music Streaming</h2>
<div class="icongrid"> <div class="icongrid">
<div class="icon-grid-item" v-for="icon in streaming" :key="icon"> <div
class="icon-grid-item"
v-for="icon in streaming"
:key="icon"
>
<icon :name="icon"></icon> <icon :name="icon"></icon>
</div> </div>
</div> </div>
<h2 id="icon-pay">Payment</h2> <h2 id="icon-pay">Payment</h2>
<div class="icongrid"> <div class="icongrid">
<div class="icon-grid-item" v-for="icon in payment" :key="icon"> <div
class="icon-grid-item"
v-for="icon in payment"
:key="icon"
>
<icon :name="icon"></icon> <icon :name="icon"></icon>
</div> </div>
</div> </div>
<h2 id="icon-nav">Navigation</h2> <h2 id="icon-nav">Navigation</h2>
<div class="icongrid"> <div class="icongrid">
<div class="icon-grid-item" v-for="icon in navigation" :key="icon"> <div
class="icon-grid-item"
v-for="icon in navigation"
:key="icon"
>
<icon :name="icon"></icon> <icon :name="icon"></icon>
</div> </div>
</div> </div>
<h2 id="icon-form">Form</h2> <h2 id="icon-form">Form</h2>
<div class="icongrid"> <div class="icongrid">
<div class="icon-grid-item" v-for="icon in form" :key="icon"> <div
class="icon-grid-item"
v-for="icon in form"
:key="icon"
>
<icon :name="icon"></icon> <icon :name="icon"></icon>
</div> </div>
</div> </div>
<h2 id="icon-network">Network</h2> <h2 id="icon-network">Network</h2>
<div class="icongrid"> <div class="icongrid">
<div class="icon-grid-item" v-for="icon in network" :key="icon"> <div
class="icon-grid-item"
v-for="icon in network"
:key="icon"
>
<icon :name="icon"></icon> <icon :name="icon"></icon>
</div> </div>
</div> </div>
<h2 id="icon-alert">Alert</h2> <h2 id="icon-alert">Alert</h2>
<div class="icongrid"> <div class="icongrid">
<div class="icon-grid-item" v-for="icon in alert" :key="icon"> <div
class="icon-grid-item"
v-for="icon in alert"
:key="icon"
>
<icon :name="icon"></icon> <icon :name="icon"></icon>
</div> </div>
</div> </div>
<h2 id="icon-time">Time</h2> <h2 id="icon-time">Time</h2>
<div class="icongrid"> <div class="icongrid">
<div class="icon-grid-item" v-for="icon in time" :key="icon"> <div
class="icon-grid-item"
v-for="icon in time"
:key="icon"
>
<icon :name="icon"></icon> <icon :name="icon"></icon>
</div> </div>
</div> </div>
<h2 id="icon-login">Login</h2> <h2 id="icon-login">Login</h2>
<div class="icongrid"> <div class="icongrid">
<div class="icon-grid-item" v-for="icon in login" :key="icon"> <div
class="icon-grid-item"
v-for="icon in login"
:key="icon"
>
<icon :name="icon"></icon> <icon :name="icon"></icon>
</div> </div>
</div> </div>
<h2 id="icon-afknav">AFK Navigation</h2> <h2 id="icon-afknav">AFK Navigation</h2>
<div class="icongrid"> <div class="icongrid">
<div class="icon-grid-item" v-for="icon in afknav" :key="icon"> <div
class="icon-grid-item"
v-for="icon in afknav"
:key="icon"
>
<icon :name="icon"></icon> <icon :name="icon"></icon>
</div> </div>
</div> </div>
<h2 id="icon-fediverse">Fediverse</h2> <h2 id="icon-fediverse">Fediverse</h2>
<div class="icongrid"> <div class="icongrid">
<div class="icon-grid-item" v-for="icon in fediverse" :key="icon"> <div
class="icon-grid-item"
v-for="icon in fediverse"
:key="icon"
>
<icon :name="icon"></icon> <icon :name="icon"></icon>
</div> </div>
</div> </div>
<h2 id="icon-social">Social Network</h2> <h2 id="icon-social">Social Network</h2>
<div class="icongrid"> <div class="icongrid">
<div class="icon-grid-item" v-for="icon in socials" :key="icon"> <div
class="icon-grid-item"
v-for="icon in socials"
:key="icon"
>
<icon :name="icon"></icon> <icon :name="icon"></icon>
</div> </div>
</div> </div>
<h2 id="icon-privacy">Privacy</h2> <h2 id="icon-privacy">Privacy</h2>
<div class="icongrid"> <div class="icongrid">
<div class="icon-grid-item" v-for="icon in privacy" :key="icon"> <div
class="icon-grid-item"
v-for="icon in privacy"
:key="icon"
>
<icon :name="icon"></icon> <icon :name="icon"></icon>
</div> </div>
</div> </div>
<h2 id="icon-communication">Communication</h2> <h2 id="icon-communication">Communication</h2>
<div class="icongrid"> <div class="icongrid">
<div class="icon-grid-item" v-for="icon in spyware" :key="icon"> <div
class="icon-grid-item"
v-for="icon in spyware"
:key="icon"
>
<icon :name="icon"></icon> <icon :name="icon"></icon>
</div> </div>
</div> </div>
<h2 id="icon-edit">Edit</h2> <h2 id="icon-edit">Edit</h2>
<div class="icongrid"> <div class="icongrid">
<div class="icon-grid-item" v-for="icon in edit" :key="icon"> <div
class="icon-grid-item"
v-for="icon in edit"
:key="icon"
>
<icon :name="icon"></icon> <icon :name="icon"></icon>
</div> </div>
</div> </div>
<h2 id="icon-keyboard">Keyboard</h2> <h2 id="icon-keyboard">Keyboard</h2>
<div class="icongrid"> <div class="icongrid">
<div class="icon-grid-item" v-for="icon in keyboard" :key="icon"> <div
class="icon-grid-item"
v-for="icon in keyboard"
:key="icon"
>
<icon :name="icon"></icon> <icon :name="icon"></icon>
</div> </div>
</div> </div>
<h2 id="icon-media">Media</h2> <h2 id="icon-media">Media</h2>
<div class="icongrid"> <div class="icongrid">
<div class="icon-grid-item" v-for="icon in media" :key="icon"> <div
class="icon-grid-item"
v-for="icon in media"
:key="icon"
>
<icon :name="icon"></icon> <icon :name="icon"></icon>
</div> </div>
</div> </div>
<h2 id="icon-file">Files</h2> <h2 id="icon-file">Files</h2>
<div class="icongrid"> <div class="icongrid">
<div class="icon-grid-item" v-for="icon in files" :key="icon"> <div
class="icon-grid-item"
v-for="icon in files"
:key="icon"
>
<icon :name="icon"></icon> <icon :name="icon"></icon>
</div> </div>
</div> </div>
<h2 id="icon-device">Devices</h2> <h2 id="icon-device">Devices</h2>
<div class="icongrid"> <div class="icongrid">
<div class="icon-grid-item" v-for="icon in devices" :key="icon"> <div
class="icon-grid-item"
v-for="icon in devices"
:key="icon"
>
<icon :name="icon"></icon> <icon :name="icon"></icon>
</div> </div>
</div> </div>
<h2 id="icon-screen">Screen</h2> <h2 id="icon-screen">Screen</h2>
<div class="icongrid"> <div class="icongrid">
<div class="icon-grid-item" v-for="icon in screen" :key="icon"> <div
class="icon-grid-item"
v-for="icon in screen"
:key="icon"
>
<icon :name="icon"></icon> <icon :name="icon"></icon>
</div> </div>
</div> </div>
<h2 id="icon-programming">Programming</h2> <h2 id="icon-programming">Programming</h2>
<div class="icongrid"> <div class="icongrid">
<div class="icon-grid-item" v-for="icon in programing" :key="icon"> <div
class="icon-grid-item"
v-for="icon in programing"
:key="icon"
>
<icon :name="icon"></icon> <icon :name="icon"></icon>
</div> </div>
</div> </div>
@ -189,36 +305,46 @@
</div> </div>
<p>You can use the following:</p> <p>You can use the following:</p>
<div class="icongrid"> <div class="icongrid">
<div class="icon-grid-item" v-for="icon in spinners" :key="icon"> <div
class="icon-grid-item"
v-for="icon in spinners"
:key="icon"
>
<icon :name="icon"></icon> <icon :name="icon"></icon>
</div> </div>
</div> </div>
<h2 id="icon-license">License</h2> <h2 id="icon-license">License</h2>
<div class="icongrid"> <div class="icongrid">
<div class="icon-grid-item" v-for="icon in license" :key="icon"> <div
class="icon-grid-item"
v-for="icon in license"
:key="icon"
>
<icon :name="icon"></icon> <icon :name="icon"></icon>
</div> </div>
</div> </div>
<h2 id="icon-politics">Politics</h2> <h2 id="icon-politics">Politics</h2>
<div class="icongrid"> <div class="icongrid">
<div class="icon-grid-item" v-for="icon in politics" :key="icon"> <div
class="icon-grid-item"
v-for="icon in politics"
:key="icon"
>
<icon :name="icon"></icon> <icon :name="icon"></icon>
</div> </div>
</div> </div>
</section> </section>
<a href="#root" class="go-up" alt=""> <a href="#root" class="go-up" alt="">
<span class="brz9-icon-chevron-up"></span> <span class="brz9-icon-chevron-up"></span>
</a> </a>
</main> </main>
</div>
</div> </body>
<script src="https://ed.brz9.dev/assets/js/vue.min.js"></script>
<script src="icons.js"></script>
</body> <script src="https://file.brz9.dev/web/js/highlight/highlight.min.js"></script>
<script src="https://ed.brz9.dev/assets/js/vue.min.js"></script> <script>
<script src="icons.js"></script> hljs.initHighlightingOnLoad();
<script src="https://file.brz9.dev/web/js/highlight/highlight.min.js"></script> </script>
<script>hljs.initHighlightingOnLoad();</script>
</html> </html>