diff --git a/proj/icons/._style.css b/proj/icons/._style.css new file mode 100644 index 0000000..13ac53a Binary files /dev/null and b/proj/icons/._style.css differ diff --git a/proj/icons/brz9-v2.1.zip b/proj/icons/brz9-v2.1.zip deleted file mode 100644 index 8dbb11c..0000000 Binary files a/proj/icons/brz9-v2.1.zip and /dev/null differ diff --git a/proj/icons/icons.js b/proj/icons/icons.js index 48c833c..a1d79ae 100644 --- a/proj/icons/icons.js +++ b/proj/icons/icons.js @@ -53,11 +53,52 @@ Vue.component('icon', { let span = document.querySelector(query) let style = window.getComputedStyle(span, ':before') let content = style.getPropertyValue('content') - console.log(content) + //console.log(content) this.utf8 = content.replace('"', '').replace('"', '') } }) +Vue.component('copyfontimportlink', { + template: ` +
+ + Copied! +
+ `, + data() { + return { + importLink: '', + isCopied: false + } + }, + computed: { + displayText: function () { + html_text = "<link rel="stylesheet" href="https://file.brz9.dev/cdn/fonts/brz9-v2.5/style.css">"; + return html_text; + } + }, + methods: { + copyToClipboard(text) { + const textarea = document.createElement('textarea'); + textarea.value = text; + document.body.appendChild(textarea); + textarea.select(); + document.execCommand('copy'); + document.body.removeChild(textarea); + this.copyDone(); + }, + copyDone() { + this.isCopied = true; + this.$refs.element.addEventListener('animationend', () => { + this.isCopied = false; + }); + } + } +}) + let vm = new Vue({ data() { return { @@ -80,6 +121,7 @@ let vm = new Vue({ "bandcamp", "spotify", "applemusic", + "deezer", "soundcloud", "tidal" ], @@ -95,12 +137,16 @@ let vm = new Vue({ "mastercard", "applepay", "paypal", + "stripe", "bitcoin", + "dash", "monero", "ethereum", "ltc", + "woocommerce", "liberapay", "patreon", + "ulule", "tipeee", "flattr" ], @@ -240,7 +286,9 @@ let vm = new Vue({ ], socials: [ "instagram", + "threads", "twitter", + "x", "wordpress", "nextcloud", "dropbox", @@ -249,16 +297,20 @@ let vm = new Vue({ "facebook", "tiktok", "twitch", + "kick", "vimeo", "youtube", "reddit", "blogger", "medium", + "linkedin", + "fiverr", "stackoverflow", "quora", "pinterest", "tumblr", "unsplash", + "pexels", "behance", "deviantart", "dribbble", @@ -392,6 +444,12 @@ let vm = new Vue({ "box-remove", "film" ], + politics: [ + "lfi", + "pcf", + "ps", + "faumar" + ], devices: [ "display", "tablet", @@ -422,6 +480,7 @@ let vm = new Vue({ "c", "go", "python", + "zig", "ruby", "rust", "php", @@ -435,15 +494,24 @@ let vm = new Vue({ "javascript", "typescript", "postgresql", + "weaviate", + "pinecone", "docker", "git", "gitea", "github", "gitlab", + "osm", + "leaflet", "openai", "jupyter", + "fastapi", "blender", - "inkscape" + "adobe", + "inkscape", + "affinitydesigner", + "affinityphoto", + "affinitypublisher" ], spinners: [ "spinner", diff --git a/proj/icons/index.html b/proj/icons/index.html index 1ac751d..34de124 100644 --- a/proj/icons/index.html +++ b/proj/icons/index.html @@ -4,9 +4,13 @@ - Document + brz9 Icon Font - + + + + + @@ -14,9 +18,13 @@

Icon font

-

This icon font was created with Icomoon. I tried to group them by category. You can download the whole pack as a zip here. 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.

+

This icon font was created with Icomoon. I tried to group them by category. You can download the whole pack as a zip here. 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.

-