mirror of
https://github.com/notion-enhancer/notion-enhancer.git
synced 2025-04-04 04:39:03 +00:00
feat: render lucide icons via twind
This commit is contained in:
parent
4965b28145
commit
40b150722e
GPG Key ID:
7998D08F7D7BD7A8
@ -11,15 +11,16 @@ import { fileURLToPath } from "node:url";
|
||||
|
||||
const dependencies = {
|
||||
"twind.min.js": "https://cdn.twind.style",
|
||||
"lucide.min.js": "https://unpkg.com/lucide@0.104.0/dist/umd/lucide.min.js",
|
||||
"htm+preact.min.js":
|
||||
"https://unpkg.com/htm@3.1.1/preact/standalone.module.js",
|
||||
"lucide.min.js": "https://unpkg.com/lucide@0.104.0/dist/umd/lucide.min.js",
|
||||
"jscolor.min.js":
|
||||
"https://cdnjs.cloudflare.com/ajax/libs/jscolor/2.5.1/jscolor.min.js",
|
||||
};
|
||||
|
||||
const output = fileURLToPath(new URL("../src/vendor", import.meta.url)),
|
||||
write = (file, data) => fsp.writeFile(resolve(`${output}/${file}`), data);
|
||||
write = (file, data) => fsp.writeFile(resolve(`${output}/${file}`), data),
|
||||
append = (file, data) => fsp.appendFile(resolve(`${output}/${file}`), data);
|
||||
if (existsSync(output)) await fsp.rm(output, { recursive: true });
|
||||
await fsp.mkdir(output);
|
||||
for (const file in dependencies) {
|
||||
@ -28,6 +29,9 @@ for (const file in dependencies) {
|
||||
await write(file, res);
|
||||
}
|
||||
|
||||
// expose vendored twind cdn
|
||||
await append("twind.min.js", `\n;globalThis.twind = twind;`);
|
||||
|
||||
// build content type lookup script from mime-db to avoid
|
||||
// re-processing entire the database every time a file is
|
||||
// requested via notion://www.notion.so/__notion-enhancer/
|
||||
|
||||
@ -1,33 +0,0 @@
|
||||
/**
|
||||
* notion-enhancer: components
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
/** shared notion-style elements */
|
||||
|
||||
import { fs, web } from '../index.mjs';
|
||||
|
||||
let _$iconSheet;
|
||||
|
||||
/**
|
||||
* generate an icon from the feather icons set
|
||||
* @param {string} name - the name/id of the icon
|
||||
* @param {object} attrs - an object of attributes to apply to the icon e.g. classes
|
||||
* @returns {string} an svg string
|
||||
*/
|
||||
export const feather = async (name, attrs = {}) => {
|
||||
if (!_$iconSheet) {
|
||||
_$iconSheet = web.html`${await fs.getText('dep/feather-sprite.svg')}`;
|
||||
}
|
||||
attrs.style = (
|
||||
(attrs.style ? attrs.style + ';' : '') +
|
||||
'stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;'
|
||||
).trim();
|
||||
attrs.viewBox = '0 0 24 24';
|
||||
return `<svg ${Object.entries(attrs)
|
||||
.map(([key, val]) => `${web.escape(key)}="${web.escape(val)}"`)
|
||||
.join(' ')}>${_$iconSheet.getElementById(name)?.innerHTML}</svg>`;
|
||||
};
|
||||
@ -1,55 +0,0 @@
|
||||
/**
|
||||
* notion-enhancer: components
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
/**
|
||||
* shared notion-style elements
|
||||
* @namespace components
|
||||
*/
|
||||
import * as _api from '../index.mjs'; // trick jsdoc
|
||||
|
||||
/**
|
||||
* add a tooltip to show extra information on hover
|
||||
* @param {HTMLElement} $ref - the element that will trigger the tooltip when hovered
|
||||
* @param {string|HTMLElement} $content - markdown or element content of the tooltip
|
||||
* @param {object=} options - configuration of how the tooltip should be displayed
|
||||
* @param {number=} options.delay - the amount of time in ms the element needs to be hovered over
|
||||
* for the tooltip to be shown (default: 100)
|
||||
* @param {string=} options.offsetDirection - which side of the element the tooltip
|
||||
* should be shown on: 'top', 'bottom', 'left' or 'right' (default: 'bottom')
|
||||
* @param {number=} options.maxLines - the max number of lines that the content may be wrapped
|
||||
* to, used to position and size the tooltip correctly (default: 1)
|
||||
*/
|
||||
export { addTooltip } from './tooltip.mjs';
|
||||
|
||||
/**
|
||||
* generate an icon from the feather icons set
|
||||
* @param {string} name - the name/id of the icon
|
||||
* @param {object} attrs - an object of attributes to apply to the icon e.g. classes
|
||||
* @returns {string} an svg string
|
||||
*/
|
||||
export { feather } from './feather.mjs';
|
||||
|
||||
/**
|
||||
* adds a view to the enhancer's side panel
|
||||
* @param {object} panel - information used to construct and render the panel
|
||||
* @param {string} panel.id - a uuid, used to restore the last open view on reload
|
||||
* @param {string} panel.icon - an svg string
|
||||
* @param {string} panel.title - the name of the view
|
||||
* @param {Element} panel.$content - an element containing the content of the view
|
||||
* @param {function} panel.onBlur - runs when the view is selected/focused
|
||||
* @param {function} panel.onFocus - runs when the view is unfocused/closed
|
||||
*/
|
||||
export { addPanelView } from './panel.mjs';
|
||||
|
||||
/**
|
||||
* adds a button to notion's bottom right corner
|
||||
* @param {string} icon - an svg string
|
||||
* @param {function} listener - the function to call when the button is clicked
|
||||
* @returns {Element} the appended corner action element
|
||||
*/
|
||||
export { addCornerAction } from './corner-action.mjs';
|
||||
97
src/common/domUtils.mjs
Normal file
97
src/common/domUtils.mjs
Normal file
@ -0,0 +1,97 @@
|
||||
/**
|
||||
* notion-enhancer
|
||||
* (c) 2022 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
import "../vendor/twind.min.js";
|
||||
import "../vendor/lucide.min.js";
|
||||
import { html, render } from "../vendor/htm+preact.min.js";
|
||||
|
||||
const { readFile } = globalThis.__enhancerApi,
|
||||
enhancerIcon = await readFile("/media/colour.svg"),
|
||||
enhancerIconMonochrome = await readFile("/media/monochrome.svg");
|
||||
|
||||
const kebekToPascalCase = (string) =>
|
||||
string[0].toUpperCase() +
|
||||
string.replace(/-[a-z]/g, (match) => match.slice(1).toUpperCase()).slice(1),
|
||||
hToString = (tag, attrs, children = []) =>
|
||||
`<${tag}${Object.entries(attrs)
|
||||
.map(([attr, value]) => ` ${attr}="${value}"`)
|
||||
.join("")}>${children
|
||||
.map(([tag, attrs, children]) => hToString(tag, attrs, children))
|
||||
.join("")}</${tag}>`;
|
||||
|
||||
// https://gist.github.com/jennyknuth/222825e315d45a738ed9d6e04c7a88d0
|
||||
const encodeSvg = (svg) => {
|
||||
return svg
|
||||
.replace(
|
||||
"<svg",
|
||||
~svg.indexOf("xmlns") ? "<svg" : '<svg xmlns="http://www.w3.org/2000/svg"'
|
||||
)
|
||||
.replace(/"/g, "'")
|
||||
.replace(/%/g, "%25")
|
||||
.replace(/#/g, "%23")
|
||||
.replace(/{/g, "%7B")
|
||||
.replace(/}/g, "%7D")
|
||||
.replace(/</g, "%3C")
|
||||
.replace(/>/g, "%3E")
|
||||
.replace(/\s+/g, " ");
|
||||
};
|
||||
|
||||
// https://antfu.me/posts/icons-in-pure-css
|
||||
const presetIcons = () => ({
|
||||
rules: [
|
||||
[
|
||||
/^i-((?:\w|-)+)(?:\?(mask|bg|auto))?$/,
|
||||
([, icon, mode]) => {
|
||||
let svg;
|
||||
// manually register i-notion-enhancer: renders the colour
|
||||
// version by default, renders the monochrome version when
|
||||
// mask mode is requested via i-notion-enhancer?mask
|
||||
if (icon === "notion-enhancer") {
|
||||
svg = mode === "mask" ? enhancerIconMonochrome : enhancerIcon;
|
||||
} else {
|
||||
icon = kebekToPascalCase(icon);
|
||||
if (!globalThis.lucide[icon]) return;
|
||||
svg = hToString(...globalThis.lucide[icon]);
|
||||
}
|
||||
const dataUri = `url("data:image/svg+xml;utf8,${encodeSvg(svg)}")`;
|
||||
console.log(dataUri);
|
||||
if (mode === "auto") mode = undefined;
|
||||
mode ??= svg.includes("currentColor") ? "mask" : "bg";
|
||||
return mode === "mask"
|
||||
? {
|
||||
mask: `${dataUri} no-repeat`,
|
||||
"mask-size": "100% 100%",
|
||||
"background-color": "currentColor",
|
||||
color: "inherit",
|
||||
height: "1em",
|
||||
width: "1em",
|
||||
}
|
||||
: {
|
||||
background: `${dataUri} no-repeat`,
|
||||
"background-size": "100% 100%",
|
||||
"background-color": "transparent",
|
||||
height: "1em",
|
||||
width: "1em",
|
||||
};
|
||||
},
|
||||
],
|
||||
],
|
||||
});
|
||||
globalThis.twind.install({ presets: [presetIcons()] });
|
||||
|
||||
// by default, preact doesn't work nicely with existing dom nodes
|
||||
// not introduced via preact: this appends a preact component to an
|
||||
// element without overwriting its existing children
|
||||
const append = (component, target) => {
|
||||
if (typeof target === "string") target = document.querySelector(target);
|
||||
if (!target) return false;
|
||||
const fragment = new DocumentFragment();
|
||||
render(component, fragment);
|
||||
target.append(fragment);
|
||||
return true;
|
||||
};
|
||||
|
||||
export { html, append };
|
||||
@ -11,6 +11,7 @@
|
||||
pageLoaded = /(^\/$)|(-[0-9a-f]{32}$)/.test(location.pathname);
|
||||
if (!signedIn || !pageLoaded) return;
|
||||
|
||||
await import("./domUtils.mjs");
|
||||
const { getMods, getProfile, isEnabled, enhancerUrl, initDatabase } =
|
||||
globalThis.__enhancerApi;
|
||||
for (const mod of await getMods()) {
|
||||
|
||||
@ -95,79 +95,6 @@
|
||||
// .replace(/"/g, """)
|
||||
// .replace(/\\/g, "\");
|
||||
|
||||
// /**
|
||||
// * a tagged template processor for raw html:
|
||||
// * stringifies, minifies, and syntax highlights
|
||||
// * @example web.raw`<p>hello</p>`
|
||||
// * @returns {string} the processed html
|
||||
// */
|
||||
// export const raw = (str, ...templates) => {
|
||||
// const html = str
|
||||
// .map(
|
||||
// (chunk) =>
|
||||
// chunk +
|
||||
// (["string", "number"].includes(typeof templates[0])
|
||||
// ? templates.shift()
|
||||
// : escape(JSON.stringify(templates.shift(), null, 2) ?? ""))
|
||||
// )
|
||||
// .join("");
|
||||
// return html.includes("<pre")
|
||||
// ? html.trim()
|
||||
// : html
|
||||
// .split(/\n/)
|
||||
// .map((line) => line.trim())
|
||||
// .filter((line) => line.length)
|
||||
// .join(" ");
|
||||
// };
|
||||
|
||||
// /**
|
||||
// * create a single html element inc. attributes and children from a string
|
||||
// * @example web.html`<p>hello</p>`
|
||||
// * @returns {Element} the constructed html element
|
||||
// */
|
||||
// export const html = (str, ...templates) => {
|
||||
// const $fragment = document.createRange().createContextualFragment(raw(str, ...templates));
|
||||
// return $fragment.children.length === 1 ? $fragment.children[0] : $fragment.children;
|
||||
// };
|
||||
|
||||
// /**
|
||||
// * appends a list of html elements to a parent
|
||||
// * @param $container - the parent element
|
||||
// * @param $elems - the elements to be appended
|
||||
// * @returns {Element} the updated $container
|
||||
// */
|
||||
// export const render = ($container, ...$elems) => {
|
||||
// $elems = $elems
|
||||
// .map(($elem) => ($elem instanceof HTMLCollection ? [...$elem] : $elem))
|
||||
// .flat(Infinity)
|
||||
// .filter(($elem) => $elem);
|
||||
// $container.append(...$elems);
|
||||
// return $container;
|
||||
// };
|
||||
|
||||
// /**
|
||||
// * removes all children from an element without deleting them/their behaviours
|
||||
// * @param $container - the parent element
|
||||
// * @returns {Element} the updated $container
|
||||
// */
|
||||
// export const empty = ($container) => {
|
||||
// while ($container.firstChild && $container.removeChild($container.firstChild));
|
||||
// return $container;
|
||||
// };
|
||||
|
||||
// /**
|
||||
// * loads/applies a css stylesheet to the page
|
||||
// * @param {string} path - a url or within-the-enhancer filepath
|
||||
// */
|
||||
// export const loadStylesheet = (path) => {
|
||||
// const $stylesheet = html`<link
|
||||
// rel="stylesheet"
|
||||
// href="${path.startsWith("https://") ? path : fs.localPath(path)}"
|
||||
// />`;
|
||||
// render(document.head, $stylesheet);
|
||||
// return $stylesheet;
|
||||
// };
|
||||
|
||||
// /**
|
||||
// * copy text to the clipboard
|
||||
// * @param {string} str - the string to copy
|
||||
|
||||
@ -4,119 +4,21 @@
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
import "../vendor/twind.min.js";
|
||||
import { html, render } from "../vendor/htm+preact.min.js";
|
||||
import { html, append } from "../common/domUtils.mjs";
|
||||
|
||||
export default async () => {
|
||||
const append = (component, target) => {
|
||||
if (typeof target === "string") target = document.querySelector(target);
|
||||
const fragment = new DocumentFragment();
|
||||
render(component, fragment);
|
||||
target.append(fragment);
|
||||
};
|
||||
|
||||
const notionSidebar = `.notion-sidebar-container .notion-sidebar > :nth-child(3) > div > :nth-child(2)`,
|
||||
const notionSidebar = `.notion-sidebar-container .notion-sidebar > :nth-child(3) > div > :nth-child(2)`,
|
||||
openMenu = html`<div
|
||||
role="button"
|
||||
tabindex="0"
|
||||
role="button"
|
||||
onClick=${() => {}}
|
||||
style="display: flex; font-size: 14px; min-height: 27px; padding: 2px 16px; margin: 1px 0;"
|
||||
class="flex select-none cursor-pointer transition duration-[20ms] ease-in hover:bg-[rgba(255,255,255,0.055)] rounded-[3px] text-[14px] mx-[4px] px-[10px] py-[2px] my-px"
|
||||
>
|
||||
<div
|
||||
style="width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; margin-right: 8px;"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="16"
|
||||
height="16"
|
||||
fill="none"
|
||||
viewBox="0 0 128 128"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M18.286 29.312 8 20.17v65.429c.016 10.46 2.877 15.473 10.286 23.714l10.285 11.429v-71.43c.053-8.735-2.403-13.068-10.285-20Z"
|
||||
/>
|
||||
<path
|
||||
stroke="currentColor"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
stroke-width="9.143"
|
||||
d="m120 24.74-10.286-9.142c-7.633-6.781-12.444-9.03-22.515-8.531M120 24.74v9.143m0-9.143-9.143.457M28.571 120.74l-10.285-11.429C10.876 101.071 8.016 96.058 8 85.598V20.17m20.571 100.57v-9.143m0 9.143 9.143-.457M8 20.169c0-2.903.885-5.26 2.506-6.915 1.568-1.602 3.826-2.544 6.637-2.684M8 20.17l10.286 9.142c7.882 6.932 10.338 11.265 10.285 20v62.286M17.143 10.57l10.286 9.142C35.696 27.09 40.67 28.716 50 28.241l60.857-3.043M17.143 10.569l70-3.5m0 0 .056-.002m-.056.002.056-.002M120 33.884v73.143c0 5.714-3.429 9.314-9.143 9.6l-73.143 3.657M120 33.884c0-5.715-3.429-8.972-9.143-8.686m-82.286 86.4c0 5.714 3.429 8.971 9.143 8.686"
|
||||
/>
|
||||
<path
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
stroke-linejoin="round"
|
||||
stroke-width="1.714"
|
||||
d="M51.724 76.166a.857.857 0 1 0 .17 1.706c8.249-.825 14.057.84 17.808 4.397 3.76 3.565 5.631 9.197 5.631 16.693a.857.857 0 1 0 1.715 0c0-7.481 1.869-13.543 5.694-17.932 3.82-4.384 9.688-7.212 17.915-8.034a.857.857 0 0 0-.171-1.706c-8.24.824-14.047-.84-17.801-4.398-3.763-3.565-5.637-9.197-5.637-16.692a.857.857 0 1 0-1.715 0c0 7.482-1.865 13.543-5.687 17.932-3.818 4.383-9.686 7.21-17.922 8.034Z"
|
||||
/>
|
||||
<path
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
stroke-linejoin="round"
|
||||
stroke-width="1.143"
|
||||
d="M45.657 56.214a.571.571 0 1 0 .114 1.138c3.681-.369 6.232.378 7.867 1.928 1.64 1.556 2.476 4.031 2.476 7.377a.571.571 0 0 0 1.143 0c0-3.337.834-6.016 2.517-7.947 1.68-1.928 4.271-3.186 7.94-3.553a.571.571 0 1 0-.114-1.137c-3.677.368-6.228-.379-7.864-1.929-1.642-1.556-2.479-4.03-2.479-7.377a.571.571 0 1 0-1.143 0c0 3.337-.831 6.016-2.514 7.948-1.678 1.927-4.27 3.185-7.943 3.552Z"
|
||||
/>
|
||||
<path
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
stroke-linejoin="round"
|
||||
stroke-width=".571"
|
||||
d="M88.543 62.897a.286.286 0 0 0 .057.568c1.23-.123 2.064.129 2.59.628.53.503.81 1.311.81 2.43a.286.286 0 1 0 .571 0c0-1.114.279-1.997.83-2.63.549-.63 1.402-1.048 2.627-1.17a.286.286 0 0 0-.056-.57c-1.23.124-2.063-.128-2.59-.627-.53-.503-.81-1.311-.81-2.43a.286.286 0 1 0-.572 0c0 1.114-.278 1.997-.828 2.63-.55.63-1.402 1.048-2.629 1.17ZM82.257 90.84a.286.286 0 0 0 .057.568c1.035-.103 1.724.109 2.158.52.436.413.67 1.084.67 2.024a.286.286 0 0 0 .572 0c0-.936.234-1.671.691-2.196.456-.523 1.166-.874 2.195-.976a.286.286 0 0 0-.057-.569c-1.033.103-1.723-.109-2.157-.52-.436-.413-.672-1.084-.672-2.024a.286.286 0 1 0-.571 0c0 .936-.233 1.672-.69 2.196-.456.523-1.166.874-2.196.977Z"
|
||||
/>
|
||||
<path
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
stroke-linejoin="round"
|
||||
stroke-width=".286"
|
||||
d="M60.557 86.039a.143.143 0 0 0 .029.284c.763-.076 1.286.079 1.62.396.335.317.508.825.508 1.52a.143.143 0 0 0 .286 0c0-.692.173-1.244.518-1.641.345-.396.879-.656 1.64-.732a.143.143 0 0 0-.03-.284c-.761.076-1.285-.08-1.619-.396-.335-.318-.509-.826-.509-1.52a.143.143 0 1 0-.286 0c0 .692-.172 1.244-.517 1.64-.345.397-.879.657-1.64.733Z"
|
||||
/>
|
||||
</svg>
|
||||
<div class="flex items-center justify-center w-[22px] h-[22px] mr-[8px]">
|
||||
<i class="i-notion-enhancer text-[16px]"></i>
|
||||
</div>
|
||||
<div>notion-enhancer</div>
|
||||
</div>`;
|
||||
|
||||
append(openMenu, notionSidebar);
|
||||
|
||||
// html` <div
|
||||
// class="notion-focusable"
|
||||
// role="button"
|
||||
// tabindex="0"
|
||||
// style="user-select: none; transition: background 20ms ease-in 0s; cursor: pointer; border-radius: 3px; margin-left: 4px; margin-right: 4px; width: calc(100% - 8px);"
|
||||
// >
|
||||
// <div
|
||||
// style="display: flex; align-items: center; width: 100%; font-size: 14px; min-height: 27px; padding: 2px 10px; margin-top: 1px; margin-bottom: 1px;"
|
||||
// >
|
||||
// <div
|
||||
// style="flex-shrink: 0; flex-grow: 0; border-radius: 3px; color: rgba(255, 255, 255, 0.443); width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; margin-right: 8px;"
|
||||
// >
|
||||
// <svg
|
||||
// viewBox="0 0 14 14"
|
||||
// class="sidebarSettings"
|
||||
// style="width: 14px; height: 100%; display: block; fill: rgba(255, 255, 255, 0.443); flex-shrink: 0; backface-visibility: hidden;"
|
||||
// >
|
||||
// <path
|
||||
// d="M14,7.77 L14,6.17 L12.06,5.53 L11.61,4.44 L12.49,2.6 L11.36,1.47 L9.55,2.38 L8.46,1.93 L7.77,0.01 L6.17,0.01 L5.54,1.95 L4.43,2.4 L2.59,1.52 L1.46,2.65 L2.37,4.46 L1.92,5.55 L0,6.23 L0,7.82 L1.94,8.46 L2.39,9.55 L1.51,11.39 L2.64,12.52 L4.45,11.61 L5.54,12.06 L6.23,13.98 L7.82,13.98 L8.45,12.04 L9.56,11.59 L11.4,12.47 L12.53,11.34 L11.61,9.53 L12.08,8.44 L14,7.75 L14,7.77 Z M7,10 C5.34,10 4,8.66 4,7 C4,5.34 5.34,4 7,4 C8.66,4 10,5.34 10,7 C10,8.66 8.66,10 7,10 Z"
|
||||
// ></path>
|
||||
// </svg>
|
||||
// </div>
|
||||
// <div
|
||||
// style="flex: 1 1 auto; white-space: nowrap; min-width: 0px; overflow: hidden; text-overflow: ellipsis;"
|
||||
// >
|
||||
// <div>Settings & members</div>
|
||||
// </div>
|
||||
// </div>
|
||||
// </div>`;
|
||||
// console.log(lucide);
|
||||
|
||||
// const $sidebarLink = html`<div
|
||||
// class="enhancer--sidebarMenuLink"
|
||||
// role="button"
|
||||
// tabindex="0"
|
||||
// >
|
||||
// <div>
|
||||
// <div><div>notion-enhancer</div></div>
|
||||
// </div>
|
||||
// </div>`;
|
||||
// <div>${await fs.getText("media/colour.svg")}</div>
|
||||
// $sidebarLink.addEventListener("click", env.focusMenu);
|
||||
};
|
||||
|
||||
BIN
src/media/colour-x128.png
Executable file → Normal file
BIN
src/media/colour-x128.png
Executable file → Normal file
Binary file not shown.
|
Before Width: | Height: | Size: 3.9 KiB After Width: | Height: | Size: 4.4 KiB |
BIN
src/media/colour-x16.png
Executable file → Normal file
BIN
src/media/colour-x16.png
Executable file → Normal file
Binary file not shown.
|
Before Width: | Height: | Size: 508 B After Width: | Height: | Size: 595 B |
BIN
src/media/colour-x256.png
Executable file → Normal file
BIN
src/media/colour-x256.png
Executable file → Normal file
Binary file not shown.
|
Before Width: | Height: | Size: 9.0 KiB After Width: | Height: | Size: 9.8 KiB |
BIN
src/media/colour-x32.png
Executable file → Normal file
BIN
src/media/colour-x32.png
Executable file → Normal file
Binary file not shown.
|
Before Width: | Height: | Size: 959 B After Width: | Height: | Size: 1.0 KiB |
BIN
src/media/colour-x48.png
Executable file → Normal file
BIN
src/media/colour-x48.png
Executable file → Normal file
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.5 KiB |
BIN
src/media/colour-x512.png
Executable file → Normal file
BIN
src/media/colour-x512.png
Executable file → Normal file
Binary file not shown.
|
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 23 KiB |
BIN
src/media/colour-x64.png
Executable file → Normal file
BIN
src/media/colour-x64.png
Executable file → Normal file
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 2.1 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 8.5 KiB After Width: | Height: | Size: 8.9 KiB |
@ -1,8 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" fill="none" viewBox="0 0 128 128">
|
||||
<path fill="currentColor" d="M18.286 29.312 8 20.17v65.429c.016 10.46 2.877 15.473 10.286 23.714l10.285 11.429v-71.43c.053-8.735-2.403-13.068-10.285-20Z"/>
|
||||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="9.143" d="m120 24.74-10.286-9.142c-7.633-6.781-12.444-9.03-22.515-8.531M120 24.74v9.143m0-9.143-9.143.457M28.571 120.74l-10.285-11.429C10.876 101.071 8.016 96.058 8 85.598V20.17m20.571 100.57v-9.143m0 9.143 9.143-.457M8 20.169c0-2.903.885-5.26 2.506-6.915 1.568-1.602 3.826-2.544 6.637-2.684M8 20.17l10.286 9.142c7.882 6.932 10.338 11.265 10.285 20v62.286M17.143 10.57l10.286 9.142C35.696 27.09 40.67 28.716 50 28.241l60.857-3.043M17.143 10.569l70-3.5m0 0 .056-.002m-.056.002.056-.002M120 33.884v73.143c0 5.714-3.429 9.314-9.143 9.6l-73.143 3.657M120 33.884c0-5.715-3.429-8.972-9.143-8.686m-82.286 86.4c0 5.714 3.429 8.971 9.143 8.686"/>
|
||||
<path fill="currentColor" stroke="currentColor" stroke-linejoin="round" stroke-width="1.714" d="M51.724 76.166a.857.857 0 1 0 .17 1.706c8.249-.825 14.057.84 17.808 4.397 3.76 3.565 5.631 9.197 5.631 16.693a.857.857 0 1 0 1.715 0c0-7.481 1.869-13.543 5.694-17.932 3.82-4.384 9.688-7.212 17.915-8.034a.857.857 0 0 0-.171-1.706c-8.24.824-14.047-.84-17.801-4.398-3.763-3.565-5.637-9.197-5.637-16.692a.857.857 0 1 0-1.715 0c0 7.482-1.865 13.543-5.687 17.932-3.818 4.383-9.686 7.21-17.922 8.034Z"/>
|
||||
<path fill="currentColor" stroke="currentColor" stroke-linejoin="round" stroke-width="1.143" d="M45.657 56.214a.571.571 0 1 0 .114 1.138c3.681-.369 6.232.378 7.867 1.928 1.64 1.556 2.476 4.031 2.476 7.377a.571.571 0 0 0 1.143 0c0-3.337.834-6.016 2.517-7.947 1.68-1.928 4.271-3.186 7.94-3.553a.571.571 0 1 0-.114-1.137c-3.677.368-6.228-.379-7.864-1.929-1.642-1.556-2.479-4.03-2.479-7.377a.571.571 0 1 0-1.143 0c0 3.337-.831 6.016-2.514 7.948-1.678 1.927-4.27 3.185-7.943 3.552Z"/>
|
||||
<path fill="currentColor" stroke="currentColor" stroke-linejoin="round" stroke-width=".571" d="M88.543 62.897a.286.286 0 0 0 .057.568c1.23-.123 2.064.129 2.59.628.53.503.81 1.311.81 2.43a.286.286 0 1 0 .571 0c0-1.114.279-1.997.83-2.63.549-.63 1.402-1.048 2.627-1.17a.286.286 0 0 0-.056-.57c-1.23.124-2.063-.128-2.59-.627-.53-.503-.81-1.311-.81-2.43a.286.286 0 1 0-.572 0c0 1.114-.278 1.997-.828 2.63-.55.63-1.402 1.048-2.629 1.17ZM82.257 90.84a.286.286 0 0 0 .057.568c1.035-.103 1.724.109 2.158.52.436.413.67 1.084.67 2.024a.286.286 0 0 0 .572 0c0-.936.234-1.671.691-2.196.456-.523 1.166-.874 2.195-.976a.286.286 0 0 0-.057-.569c-1.033.103-1.723-.109-2.157-.52-.436-.413-.672-1.084-.672-2.024a.286.286 0 1 0-.571 0c0 .936-.233 1.672-.69 2.196-.456.523-1.166.874-2.196.977Z"/>
|
||||
<path fill="currentColor" stroke="currentColor" stroke-linejoin="round" stroke-width=".286" d="M60.557 86.039a.143.143 0 0 0 .029.284c.763-.076 1.286.079 1.62.396.335.317.508.825.508 1.52a.143.143 0 0 0 .286 0c0-.692.173-1.244.518-1.641.345-.396.879-.656 1.64-.732a.143.143 0 0 0-.03-.284c-.761.076-1.285-.08-1.619-.396-.335-.318-.509-.826-.509-1.52a.143.143 0 1 0-.286 0c0 .692-.172 1.244-.517 1.64-.345.397-.879.657-1.64.733Z"/>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" fill="none"><path fill="currentColor" d="M19.51 30.238 9.5 21.34v63.676c.015 10.18 2.8 15.059 10.01 23.079l10.01 11.123V49.702c.052-8.502-2.338-12.718-10.01-19.464Z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="8.898" d="m118.5 25.789-10.01-8.898c-7.429-6.6-12.111-8.788-21.912-8.303M118.5 25.79v8.898m0-8.898-8.898.445M29.52 119.218l-10.01-11.123c-7.21-8.02-9.995-12.9-10.01-23.079V21.34m20.02 97.878v-8.898m0 8.898 8.898-.445M9.5 21.34c0-2.826.861-5.12 2.439-6.73 1.526-1.559 3.723-2.476 6.459-2.613M9.5 21.34l10.01 8.898c7.672 6.746 10.062 10.962 10.01 19.464v60.618M18.398 11.997l10.01 8.898c8.046 7.18 12.888 8.762 21.967 8.3l59.227-2.961M18.398 11.997l68.125-3.406m0 0 .055-.003m-.055.003.055-.003M118.5 34.687v71.184c0 5.561-3.337 9.064-8.898 9.343l-71.184 3.559M118.5 34.687c0-5.561-3.337-8.731-8.898-8.453M29.52 110.32c0 5.561 3.337 8.731 8.898 8.453"/><path fill="currentColor" stroke="currentColor" stroke-linejoin="round" stroke-width="1.668" d="M52.053 75.837a.834.834 0 1 0 .166 1.66c8.027-.803 13.68.817 17.33 4.28 3.66 3.47 5.48 8.95 5.48 16.245a.834.834 0 0 0 1.67 0c0-7.281 1.819-13.18 5.54-17.452 3.718-4.266 9.43-7.018 17.436-7.819a.834.834 0 0 0-.166-1.66c-8.019.802-13.671-.818-17.325-4.28-3.661-3.47-5.486-8.95-5.486-16.245a.834.834 0 0 0-1.668 0c0 7.282-1.816 13.18-5.535 17.452-3.716 4.266-9.427 7.017-17.442 7.819Z"/><path fill="currentColor" stroke="currentColor" stroke-linejoin="round" stroke-width="1.112" d="M46.149 56.42a.556.556 0 0 0 .11 1.106c3.583-.358 6.066.368 7.657 1.877 1.597 1.514 2.41 3.923 2.41 7.18a.556.556 0 0 0 1.112 0c0-3.248.81-5.855 2.449-7.735 1.635-1.876 4.157-3.1 7.728-3.457a.556.556 0 1 0-.111-1.107c-3.579.358-6.062-.369-7.654-1.877-1.598-1.514-2.412-3.923-2.412-7.18a.556.556 0 1 0-1.113 0c0 3.248-.809 5.855-2.446 7.735-1.634 1.876-4.156 3.1-7.73 3.457Z"/><path fill="currentColor" stroke="currentColor" stroke-linejoin="round" stroke-width=".556" d="M87.886 62.923a.278.278 0 1 0 .055.553c1.198-.12 2.008.125 2.521.611.516.49.788 1.276.788 2.366a.278.278 0 0 0 .556 0c0-1.085.271-1.945.807-2.56.535-.613 1.365-1.02 2.558-1.14a.278.278 0 0 0-.056-.553c-1.196.12-2.007-.125-2.52-.612-.516-.489-.789-1.276-.789-2.365a.278.278 0 1 0-.556 0c0 1.085-.27 1.944-.806 2.56-.534.613-1.365 1.02-2.558 1.14Zm-6.118 27.194a.278.278 0 0 0 .056.553c1.006-.1 1.678.106 2.1.506.424.403.652 1.055.652 1.97a.278.278 0 0 0 .557 0c0-.91.227-1.626.672-2.137.443-.509 1.134-.85 2.136-.95a.278.278 0 0 0-.055-.553c-1.006.1-1.677-.106-2.1-.506-.424-.403-.653-1.055-.653-1.97a.278.278 0 0 0-.556 0c0 .91-.227 1.626-.672 2.137-.443.509-1.134.85-2.137.95Z"/><path fill="currentColor" stroke="currentColor" stroke-linejoin="round" stroke-width=".278" d="M60.65 85.445a.14.14 0 0 0 .027.277c.743-.075 1.252.077 1.577.385.326.309.495.803.495 1.478a.14.14 0 0 0 .278 0c0-.672.168-1.21.504-1.596.336-.385.855-.638 1.595-.712a.139.139 0 1 0-.028-.277c-.741.074-1.25-.077-1.576-.385-.326-.31-.495-.803-.495-1.479a.14.14 0 0 0-.278 0c0 .673-.168 1.21-.504 1.597-.336.385-.855.638-1.596.712Z"/></svg>
|
||||
|
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 3.1 KiB |
6
src/vendor/twind.min.js
vendored
6
src/vendor/twind.min.js
vendored
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user