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
- '