diff --git a/gulpfile.js b/gulpfile.js index 4ee10359..50f4eccb 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -123,8 +123,8 @@ async function html() { SVGOMFG_VERSION: changelog[0].version, SVGO_VERSION, liveBaseUrl: 'https://omfg.svg.beauty', - title: `SVGOMFG - SVGO's Missing GUI`, - description: 'Easy & visual compression of SVG images.', + title: "SVGOMFG‼️ SVGO's Missing and Future-proof GUI", + description: 'Easy & Visual 🎛️ Compression of SVG Images ⚡ Ready to install for Offline Usage 🔌', appleTouchIconPath: '/apple-touch-icon.png', faviconPath: '/favicon.svg', ogImagePath: '/imgs/og-image.png', diff --git a/package.json b/package.json index 90f6e326..cc2373190 100644 --- a/package.json +++ b/package.json @@ -8,6 +8,9 @@ }, "keywords": [ "minify", + "optimize", + "open source", + "pwa", "svg", "svgo" ], diff --git a/src/css/components/_floating-action-button.scss b/src/css/components/_floating-action-button.scss index 4f5d3316..b643debe 100644 --- a/src/css/components/_floating-action-button.scss +++ b/src/css/components/_floating-action-button.scss @@ -7,7 +7,6 @@ position: relative; cursor: pointer; overflow: hidden; - z-index: 0; // Is this really needed? display: flex; align-items: center; justify-content: center; @@ -19,6 +18,8 @@ &:hover, &.key-focused { + background-color: red; + color: #fff; transform: scale(1.15); } @@ -51,7 +52,7 @@ width: 56px; height: 56px; border-radius: 28px; - background-color: #fff; + background-color: red; .icon { fill: #fff; diff --git a/src/css/components/_results.scss b/src/css/components/_results.scss index 4501f934..ccbde01b 100644 --- a/src/css/components/_results.scss +++ b/src/css/components/_results.scss @@ -9,7 +9,8 @@ box-shadow: 0 3px 3px rgba(0, 0, 0, .2); padding: 7px 25px 7px 11px; font-size: .9rem; - border-radius: 2px; + font-weight: 500; + border-radius: 4px; .decrease { color: green; diff --git a/src/css/components/_settings.scss b/src/css/components/_settings.scss index c288c413..5860d280 100644 --- a/src/css/components/_settings.scss +++ b/src/css/components/_settings.scss @@ -1,5 +1,6 @@ .settings { background-color: #fff; + border-radius: 4px; display: flex; flex-flow: column; @include user-select(none); @@ -16,7 +17,7 @@ position: relative; cursor: pointer; padding: 0 16px; - height: 51px; + height: 40px; display: grid; grid-template-columns: max-content 1fr; align-items: center; diff --git a/src/favicon.svg b/src/favicon.svg index 1d0bb590..fce13738 100644 --- a/src/favicon.svg +++ b/src/favicon.svg @@ -1,7 +1 @@ - - - - - - - + diff --git a/src/imgs/maskable copy 2.svg b/src/imgs/maskable copy 2.svg deleted file mode 100644 index 587348e2..00000000 --- a/src/imgs/maskable copy 2.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/src/imgs/maskable copy.svg b/src/imgs/maskable copy.svg deleted file mode 100644 index 6ca72250..00000000 --- a/src/imgs/maskable copy.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/src/imgs/maskable.svg b/src/imgs/maskable.svg index 6ca72250..62f2d9af 100644 --- a/src/imgs/maskable.svg +++ b/src/imgs/maskable.svg @@ -1,6 +1 @@ - - - - - - + diff --git a/src/imgs/og-image.png b/src/imgs/og-image.png index 29a25085..beda4f3a 100644 Binary files a/src/imgs/og-image.png and b/src/imgs/og-image.png differ diff --git a/src/js/page/ui/copy-button.js b/src/js/page/ui/copy-button.js index 2f567ddf..7e08564a 100644 --- a/src/js/page/ui/copy-button.js +++ b/src/js/page/ui/copy-button.js @@ -8,7 +8,7 @@ export default class CopyButton extends FloatingActionButton { title, iconSvg: // prettier-ignore - '