diff --git a/package.json b/package.json index 0500462..9523ccc 100644 --- a/package.json +++ b/package.json @@ -9,9 +9,9 @@ "lint": "vue-cli-service lint" }, "dependencies": { - "@mdi/js": "^7.0.96", + "@jamescoyle/vue-icon": "^0.1.2", + "@mdi/js": "^7.1.96", "@vueuse/core": "^9.5.0", - "bulma": "^0.9.4", "core-js": "^3.8.3", "jenesius-vue-modal": "^1.8.2", "jwt-decode": "^3.1.2", diff --git a/src/App.vue b/src/App.vue index 6c972b9..9bbff6d 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,34 +1,14 @@ @@ -83,42 +65,65 @@ interface LogoElement { color: string; } -const logoElements: LogoElement[] = [ - { - color: '9fe82c', - letter: 'B', - }, - { - color: '8ee045', - letter: 'e', - }, - { - color: '7dd95c', - letter: 'i', - }, - { - color: '6dd373', - letter: 'g', - }, - { - color: '5dcb8a', - letter: 'n', - }, - { - color: '4cc4a2', - letter: 'e', - }, - { - color: '3dbeb8', - letter: 't', - }, -]; +const gradientize = (text: string, start: string, end: string): LogoElement[] => { + const extractChannels = (hex: string): { 'r': number, 'g': number, 'b': number } => { + const h = ref(hex); + if (h.value.startsWith('#')) { + h.value = hex.slice(1); + } else { + h.value = hex; + } + const [r, g, b] = [ + parseInt(h.value.slice(0, 2), 16), + parseInt(h.value.slice(2, 4), 16), + parseInt(h.value.slice(4, 6), 16), + ]; + + return { + r, + g, + b, + }; + }; + const composeHex = (r: number, g: number, b: number) => { + const padIfNeeded = (hex: string) => (hex.length === 1 ? `0${hex}` : hex); + const [rHex, gHex, bHex] = [ + `${padIfNeeded(r.toString(16))}`, + `${padIfNeeded(g.toString(16))}`, + `${padIfNeeded(b.toString(16))}`, + ]; + return `#${rHex}${gHex}${bHex}`; + }; + const logoElements = ref([] as LogoElement[]); + const startChannels = extractChannels(start); + const endChannels = extractChannels(end); + const differences = { + r: endChannels.r - startChannels.r, + g: endChannels.g - startChannels.g, + b: endChannels.b - startChannels.b, + }; + + const [r, g, b] = [ref(startChannels.r), ref(startChannels.g), ref(startChannels.b)]; + for (let i = 0; i < text.length; i += 1) { + r.value += differences.r / text.length; + g.value += differences.g / text.length; + b.value += differences.b / text.length; + logoElements.value.push({ + color: composeHex(Math.round(r.value), Math.round(g.value), Math.round(b.value)), + letter: text[i], + }); + } + return logoElements.value; +}; + +const logoElements: LogoElement[] = gradientize('Beignet', '#f23525', '#e99406'); diff --git a/src/assets/PassionOne-Black.ttf b/src/assets/PassionOne-Black.ttf new file mode 100644 index 0000000..0f61337 Binary files /dev/null and b/src/assets/PassionOne-Black.ttf differ diff --git a/src/assets/PassionOne-Bold.ttf b/src/assets/PassionOne-Bold.ttf new file mode 100644 index 0000000..25a35e4 Binary files /dev/null and b/src/assets/PassionOne-Bold.ttf differ diff --git a/src/assets/PassionOne-Regular.ttf b/src/assets/PassionOne-Regular.ttf new file mode 100644 index 0000000..099be0f Binary files /dev/null and b/src/assets/PassionOne-Regular.ttf differ diff --git a/src/assets/SofiaSans-Italic-VariableFont_wght.ttf b/src/assets/SofiaSans-Italic-VariableFont_wght.ttf new file mode 100644 index 0000000..cd3c781 Binary files /dev/null and b/src/assets/SofiaSans-Italic-VariableFont_wght.ttf differ diff --git a/src/assets/SofiaSans-VariableFont_wght.ttf b/src/assets/SofiaSans-VariableFont_wght.ttf new file mode 100644 index 0000000..32175e4 Binary files /dev/null and b/src/assets/SofiaSans-VariableFont_wght.ttf differ diff --git a/src/assets/SofiaSansExtraCondensed-Italic-VariableFont_wght.ttf b/src/assets/SofiaSansExtraCondensed-Italic-VariableFont_wght.ttf new file mode 100644 index 0000000..863c95d Binary files /dev/null and b/src/assets/SofiaSansExtraCondensed-Italic-VariableFont_wght.ttf differ diff --git a/src/assets/SofiaSansExtraCondensed-VariableFont_wght.ttf b/src/assets/SofiaSansExtraCondensed-VariableFont_wght.ttf new file mode 100644 index 0000000..a6b6d0e Binary files /dev/null and b/src/assets/SofiaSansExtraCondensed-VariableFont_wght.ttf differ diff --git a/src/assets/icons8-coin-wallet-30.png b/src/assets/icons8-coin-wallet-30.png deleted file mode 100644 index cd95c43..0000000 Binary files a/src/assets/icons8-coin-wallet-30.png and /dev/null differ diff --git a/src/assets/icons8-expensive-24.png b/src/assets/icons8-expensive-24.png deleted file mode 100644 index c8063f6..0000000 Binary files a/src/assets/icons8-expensive-24.png and /dev/null differ diff --git a/src/assets/icons8-goal-48.png b/src/assets/icons8-goal-48.png deleted file mode 100644 index 18372b1..0000000 Binary files a/src/assets/icons8-goal-48.png and /dev/null differ diff --git a/src/assets/icons8-menu-96.png b/src/assets/icons8-menu-96.png deleted file mode 100644 index 9f8a0f9..0000000 Binary files a/src/assets/icons8-menu-96.png and /dev/null differ diff --git a/src/assets/icons8-wallet-24.png b/src/assets/icons8-wallet-24.png deleted file mode 100644 index e4be370..0000000 Binary files a/src/assets/icons8-wallet-24.png and /dev/null differ diff --git a/src/assets/static/SofiaSans-Black.ttf b/src/assets/static/SofiaSans-Black.ttf new file mode 100644 index 0000000..e5bf90a Binary files /dev/null and b/src/assets/static/SofiaSans-Black.ttf differ diff --git a/src/assets/static/SofiaSans-BlackItalic.ttf b/src/assets/static/SofiaSans-BlackItalic.ttf new file mode 100644 index 0000000..0df7257 Binary files /dev/null and b/src/assets/static/SofiaSans-BlackItalic.ttf differ diff --git a/src/assets/static/SofiaSans-Bold.ttf b/src/assets/static/SofiaSans-Bold.ttf new file mode 100644 index 0000000..ce9eecf Binary files /dev/null and b/src/assets/static/SofiaSans-Bold.ttf differ diff --git a/src/assets/static/SofiaSans-BoldItalic.ttf b/src/assets/static/SofiaSans-BoldItalic.ttf new file mode 100644 index 0000000..3818f1c Binary files /dev/null and b/src/assets/static/SofiaSans-BoldItalic.ttf differ diff --git a/src/assets/static/SofiaSans-ExtraBold.ttf b/src/assets/static/SofiaSans-ExtraBold.ttf new file mode 100644 index 0000000..1f5f164 Binary files /dev/null and b/src/assets/static/SofiaSans-ExtraBold.ttf differ diff --git a/src/assets/static/SofiaSans-ExtraBoldItalic.ttf b/src/assets/static/SofiaSans-ExtraBoldItalic.ttf new file mode 100644 index 0000000..ec8efa1 Binary files /dev/null and b/src/assets/static/SofiaSans-ExtraBoldItalic.ttf differ diff --git a/src/assets/static/SofiaSans-ExtraLight.ttf b/src/assets/static/SofiaSans-ExtraLight.ttf new file mode 100644 index 0000000..fa86db3 Binary files /dev/null and b/src/assets/static/SofiaSans-ExtraLight.ttf differ diff --git a/src/assets/static/SofiaSans-ExtraLightItalic.ttf b/src/assets/static/SofiaSans-ExtraLightItalic.ttf new file mode 100644 index 0000000..7d7089a Binary files /dev/null and b/src/assets/static/SofiaSans-ExtraLightItalic.ttf differ diff --git a/src/assets/static/SofiaSans-Italic.ttf b/src/assets/static/SofiaSans-Italic.ttf new file mode 100644 index 0000000..14cda9b Binary files /dev/null and b/src/assets/static/SofiaSans-Italic.ttf differ diff --git a/src/assets/static/SofiaSans-Light.ttf b/src/assets/static/SofiaSans-Light.ttf new file mode 100644 index 0000000..d9cbd61 Binary files /dev/null and b/src/assets/static/SofiaSans-Light.ttf differ diff --git a/src/assets/static/SofiaSans-LightItalic.ttf b/src/assets/static/SofiaSans-LightItalic.ttf new file mode 100644 index 0000000..36b07b7 Binary files /dev/null and b/src/assets/static/SofiaSans-LightItalic.ttf differ diff --git a/src/assets/static/SofiaSans-Medium.ttf b/src/assets/static/SofiaSans-Medium.ttf new file mode 100644 index 0000000..991f676 Binary files /dev/null and b/src/assets/static/SofiaSans-Medium.ttf differ diff --git a/src/assets/static/SofiaSans-MediumItalic.ttf b/src/assets/static/SofiaSans-MediumItalic.ttf new file mode 100644 index 0000000..51fecb0 Binary files /dev/null and b/src/assets/static/SofiaSans-MediumItalic.ttf differ diff --git a/src/assets/static/SofiaSans-Regular.ttf b/src/assets/static/SofiaSans-Regular.ttf new file mode 100644 index 0000000..2a5ce42 Binary files /dev/null and b/src/assets/static/SofiaSans-Regular.ttf differ diff --git a/src/assets/static/SofiaSans-SemiBold.ttf b/src/assets/static/SofiaSans-SemiBold.ttf new file mode 100644 index 0000000..7626d97 Binary files /dev/null and b/src/assets/static/SofiaSans-SemiBold.ttf differ diff --git a/src/assets/static/SofiaSans-SemiBoldItalic.ttf b/src/assets/static/SofiaSans-SemiBoldItalic.ttf new file mode 100644 index 0000000..a01bd79 Binary files /dev/null and b/src/assets/static/SofiaSans-SemiBoldItalic.ttf differ diff --git a/src/assets/static/SofiaSans-Thin.ttf b/src/assets/static/SofiaSans-Thin.ttf new file mode 100644 index 0000000..2e1051f Binary files /dev/null and b/src/assets/static/SofiaSans-Thin.ttf differ diff --git a/src/assets/static/SofiaSans-ThinItalic.ttf b/src/assets/static/SofiaSans-ThinItalic.ttf new file mode 100644 index 0000000..1ea07fb Binary files /dev/null and b/src/assets/static/SofiaSans-ThinItalic.ttf differ diff --git a/src/assets/static/SofiaSansExtraCondensed-Black.ttf b/src/assets/static/SofiaSansExtraCondensed-Black.ttf new file mode 100644 index 0000000..e7f63da Binary files /dev/null and b/src/assets/static/SofiaSansExtraCondensed-Black.ttf differ diff --git a/src/assets/static/SofiaSansExtraCondensed-BlackItalic.ttf b/src/assets/static/SofiaSansExtraCondensed-BlackItalic.ttf new file mode 100644 index 0000000..b870d36 Binary files /dev/null and b/src/assets/static/SofiaSansExtraCondensed-BlackItalic.ttf differ diff --git a/src/assets/static/SofiaSansExtraCondensed-Bold.ttf b/src/assets/static/SofiaSansExtraCondensed-Bold.ttf new file mode 100644 index 0000000..023e573 Binary files /dev/null and b/src/assets/static/SofiaSansExtraCondensed-Bold.ttf differ diff --git a/src/assets/static/SofiaSansExtraCondensed-BoldItalic.ttf b/src/assets/static/SofiaSansExtraCondensed-BoldItalic.ttf new file mode 100644 index 0000000..34eb732 Binary files /dev/null and b/src/assets/static/SofiaSansExtraCondensed-BoldItalic.ttf differ diff --git a/src/assets/static/SofiaSansExtraCondensed-ExtraBold.ttf b/src/assets/static/SofiaSansExtraCondensed-ExtraBold.ttf new file mode 100644 index 0000000..7b645fc Binary files /dev/null and b/src/assets/static/SofiaSansExtraCondensed-ExtraBold.ttf differ diff --git a/src/assets/static/SofiaSansExtraCondensed-ExtraBoldItalic.ttf b/src/assets/static/SofiaSansExtraCondensed-ExtraBoldItalic.ttf new file mode 100644 index 0000000..7c9e8fe Binary files /dev/null and b/src/assets/static/SofiaSansExtraCondensed-ExtraBoldItalic.ttf differ diff --git a/src/assets/static/SofiaSansExtraCondensed-ExtraLight.ttf b/src/assets/static/SofiaSansExtraCondensed-ExtraLight.ttf new file mode 100644 index 0000000..1dbe9c6 Binary files /dev/null and b/src/assets/static/SofiaSansExtraCondensed-ExtraLight.ttf differ diff --git a/src/assets/static/SofiaSansExtraCondensed-ExtraLightItalic.ttf b/src/assets/static/SofiaSansExtraCondensed-ExtraLightItalic.ttf new file mode 100644 index 0000000..9885e5d Binary files /dev/null and b/src/assets/static/SofiaSansExtraCondensed-ExtraLightItalic.ttf differ diff --git a/src/assets/static/SofiaSansExtraCondensed-Italic.ttf b/src/assets/static/SofiaSansExtraCondensed-Italic.ttf new file mode 100644 index 0000000..f2f32ff Binary files /dev/null and b/src/assets/static/SofiaSansExtraCondensed-Italic.ttf differ diff --git a/src/assets/static/SofiaSansExtraCondensed-Light.ttf b/src/assets/static/SofiaSansExtraCondensed-Light.ttf new file mode 100644 index 0000000..468e962 Binary files /dev/null and b/src/assets/static/SofiaSansExtraCondensed-Light.ttf differ diff --git a/src/assets/static/SofiaSansExtraCondensed-LightItalic.ttf b/src/assets/static/SofiaSansExtraCondensed-LightItalic.ttf new file mode 100644 index 0000000..0e03dff Binary files /dev/null and b/src/assets/static/SofiaSansExtraCondensed-LightItalic.ttf differ diff --git a/src/assets/static/SofiaSansExtraCondensed-Medium.ttf b/src/assets/static/SofiaSansExtraCondensed-Medium.ttf new file mode 100644 index 0000000..6596bc1 Binary files /dev/null and b/src/assets/static/SofiaSansExtraCondensed-Medium.ttf differ diff --git a/src/assets/static/SofiaSansExtraCondensed-MediumItalic.ttf b/src/assets/static/SofiaSansExtraCondensed-MediumItalic.ttf new file mode 100644 index 0000000..4c692fd Binary files /dev/null and b/src/assets/static/SofiaSansExtraCondensed-MediumItalic.ttf differ diff --git a/src/assets/static/SofiaSansExtraCondensed-Regular.ttf b/src/assets/static/SofiaSansExtraCondensed-Regular.ttf new file mode 100644 index 0000000..8505ed2 Binary files /dev/null and b/src/assets/static/SofiaSansExtraCondensed-Regular.ttf differ diff --git a/src/assets/static/SofiaSansExtraCondensed-SemiBold.ttf b/src/assets/static/SofiaSansExtraCondensed-SemiBold.ttf new file mode 100644 index 0000000..6f4378c Binary files /dev/null and b/src/assets/static/SofiaSansExtraCondensed-SemiBold.ttf differ diff --git a/src/assets/static/SofiaSansExtraCondensed-SemiBoldItalic.ttf b/src/assets/static/SofiaSansExtraCondensed-SemiBoldItalic.ttf new file mode 100644 index 0000000..fbcece8 Binary files /dev/null and b/src/assets/static/SofiaSansExtraCondensed-SemiBoldItalic.ttf differ diff --git a/src/assets/static/SofiaSansExtraCondensed-Thin.ttf b/src/assets/static/SofiaSansExtraCondensed-Thin.ttf new file mode 100644 index 0000000..6ecd799 Binary files /dev/null and b/src/assets/static/SofiaSansExtraCondensed-Thin.ttf differ diff --git a/src/assets/static/SofiaSansExtraCondensed-ThinItalic.ttf b/src/assets/static/SofiaSansExtraCondensed-ThinItalic.ttf new file mode 100644 index 0000000..a88ebd4 Binary files /dev/null and b/src/assets/static/SofiaSansExtraCondensed-ThinItalic.ttf differ diff --git a/src/assets/styles/general.styl b/src/assets/styles/general.styl new file mode 100644 index 0000000..8202d7d --- /dev/null +++ b/src/assets/styles/general.styl @@ -0,0 +1,9 @@ +text-color = #383838 +bg-color = #fffbfa +primary = #f23525 +secondary = #e99406 + +signet-shadow = drop-shadow(0 0 3px #222222) + +.heading + font-size 2em diff --git a/src/components/EditQueue.vue b/src/components/EditQueue.vue index 8915e8b..05e59d3 100644 --- a/src/components/EditQueue.vue +++ b/src/components/EditQueue.vue @@ -1,5 +1,5 @@