diff --git a/public/assets/css/app.css b/public/assets/css/app.css
index b5474c0..8b91c05 100644
--- a/public/assets/css/app.css
+++ b/public/assets/css/app.css
@@ -33,17 +33,21 @@ header {
font-size: 2.2rem;
}
-header .logo img.nginx {
- height: 1.6rem;
- vertical-align: -0.1rem;
+header .logo {
+ color: transparent;
+ background-image: url('../img/logo-light.svg');
+ background-position: center center;
+ background-size: contain;
+ background-repeat: no-repeat;
+ margin: 0.5rem 0;
}
-header .logo img.config {
- height: 1.2rem;
- vertical-align: super;
- opacity: 0.8;
- margin-left: -0.5rem;
- margin-right: -0.25rem;
+header .url {
+ opacity: 0.7;
+}
+
+header .url.active {
+ opacity: 1;
}
header .url .input-group-prepend .input-group-text,
@@ -53,6 +57,14 @@ header .url .input-group-append .input-group-text {
background-color: transparent;
}
+header .url .input-group-append .input-group-text img {
+ opacity: 0.5;
+}
+
+header .url.active .input-group-append .input-group-text img {
+ opacity: 1;
+}
+
header .url .form-control {
background-color: transparent;
color: #fff;
diff --git a/public/assets/img/favicon.png b/public/assets/img/favicon.png
index c2c189c..48ef711 100644
Binary files a/public/assets/img/favicon.png and b/public/assets/img/favicon.png differ
diff --git a/public/assets/img/logo-dark.svg b/public/assets/img/logo-dark.svg
new file mode 100644
index 0000000..017a490
--- /dev/null
+++ b/public/assets/img/logo-dark.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/assets/img/logo-light.svg b/public/assets/img/logo-light.svg
new file mode 100644
index 0000000..3e1c3b0
--- /dev/null
+++ b/public/assets/img/logo-light.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/assets/img/share.png b/public/assets/img/share.png
new file mode 100644
index 0000000..f92e820
Binary files /dev/null and b/public/assets/img/share.png differ
diff --git a/public/assets/js/app.js b/public/assets/js/app.js
index 2b54ec8..ae3cf3d 100644
--- a/public/assets/js/app.js
+++ b/public/assets/js/app.js
@@ -46,6 +46,7 @@
$scope.location = $location;
$scope.data = angular.copy(data);
$scope.dataInit = false;
+ $scope.isDirty = false;
$scope.extensions = {
assets: 'css(\\.map)?|js(\\.map)?',
@@ -81,6 +82,7 @@
for (var key in hashData) {
if ($scope.data[key] !== undefined && typeof $scope.data[key] === typeof hashData[key]) {
+ $scope.isDirty = true;
$scope.data[key] = hashData[key];
gtag('event', key, {
event_category: 'data_from_hash',
@@ -103,8 +105,10 @@
}
if (Object.keys(changedData).length) {
+ $scope.isDirty = true;
$location.search(changedData).replace();
} else {
+ $scope.isDirty = false;
$location.search({});
}
};
diff --git a/public/index.html b/public/index.html
index ac100bc..5e27abc 100644
--- a/public/index.html
+++ b/public/index.html
@@ -10,20 +10,21 @@
nginxconfig.io
-
+
+
+
+
+
+
-
-
-
- config.io
-
+
nginxconfig.io
