aiscatcher icon added

jvde-github · Nov 18, 2023 · 9de35c5 · 9de35c5
1 parent 9d884ff
commit 9de35c5
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/HTML/index.html b/HTML/index.html
@@ -1793,6 +1793,20 @@
 				mask-size: 100% 100%;
 			}
 
+			.directions_aiscatcher_icon {
+				display: block;
+				width: 1em;
+				height: 1em;
+				background-color: currentColor;
+				--svg: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg width="106.63mm" height="101.41mm" version="1.1" viewBox="0 0 106.63 101.41" xmlns="http://www.w3.org/2000/svg"><g transform="translate(-2.8209 -5.1046)"><path d="m100.94 53.199h-3.5e-4c-0.0018 12.359-5.0165 23.535-13.138 31.663-8.1284 8.1213-19.304 13.136-31.663 13.138-12.359-0.00176-23.535-5.0168-31.663-13.138-8.1216-8.1284-13.136-19.304-13.138-31.663h-8.5132c-0.0019 14.692 5.9867 28.045 15.632 37.683 9.6383 9.6449 22.991 15.634 37.683 15.632 14.692 2e-3 28.045-5.9866 37.683-15.632 9.6446-9.6379 15.633-22.991 15.632-37.683h-8.5132" fill="%230857b1"/><path d="m56.136 93.173c11.013 0.0018 21.031-4.4905 28.254-11.72 7.2291-7.2224 11.722-17.24 11.72-28.254h-8.5136c-0.0018 8.6801-3.5204 16.521-9.2262 22.233-5.7125 5.7058-13.553 9.2248-22.234 9.2262-8.6808-0.0014-16.521-3.52-22.234-9.2262-5.7059-5.7122-9.2243-13.553-9.2262-22.233h-8.5134c-0.0019 11.013 4.4909 21.031 11.72 28.254 7.2226 7.2291 17.24 11.721 28.254 11.72" fill="%230857b1"/><path d="m29.503 53.199c-0.0017 7.3353 2.9947 14.018 7.8078 18.825 4.8065 4.8129 11.489 7.8098 18.825 7.8077 7.3357 0.0021 14.018-2.9947 18.825-7.8077 4.8129-4.807 7.8094-11.489 7.8077-18.825h-8.5136c-0.0018 5.0024-2.0242 9.5081-5.3142 12.804-3.2967 3.2904-7.802 5.3125-12.805 5.3142-5.0027-0.0018-9.5081-2.0239-12.805-5.3142-3.2904-3.2964-5.3125-7.802-5.3145-12.804h-8.5134" fill="%230857b1"/><path d="m56.136 47.791c2.9866 0 5.4077 2.4215 5.4077 5.4084 0 2.9859-2.4211 5.4074-5.4077 5.4074s-5.4077-2.4215-5.4077-5.4074c0-2.987 2.4211-5.4084 5.4077-5.4084zm0 18.247c7.0905 0 12.838-5.7482 12.838-12.838 0-7.0908-5.7478-12.839-12.838-12.839s-12.839 5.7478-12.839 12.839c0 7.0901 5.7482 12.838 12.839 12.838" fill="%230857b1"/><path d="m56.093 35.218c9.377 0 17.181 6.6996 18.644 15.45h21.047v-20.877s-24.146-2.7524-39.691-8.1104c-15.544 5.358-39.691 8.1104-39.691 8.1104v20.877h21.047c1.4628-8.7499 9.2663-15.45 18.644-15.45" fill="%230057b1"/><path d="m55.832 18.164 1.182 0.393c7.4393 2.4518 16.912 4.3557 24.848 5.6822v-13.731s-16.507-1.9276-26.03-5.4042c-9.5227 3.4766-26.03 5.4042-26.03 5.4042v13.731c7.9439-1.3264 17.425-3.2381 24.848-5.6822l1.182-0.393" fill="%230857b1"/></g></svg>'); 
+				-webkit-mask-image: var(--svg);
+				mask-image: var(--svg);
+				-webkit-mask-repeat: no-repeat;
+				mask-repeat: no-repeat;
+				-webkit-mask-size: 100% 100%;
+				mask-size: 100% 100%;
+			}
+
 			.dns_icon {
 				display: block;
 				width: 1em;
@@ -6435,7 +6449,7 @@
 			function showAboutDialog() {
 				const message = `
                     <div style="display: flex; align-items: center; margin-top: 10px;">
-                    <span style="text-align: center; margin-right: 10px;"><i style="font-size: 40px" class="directions_boat_icon"></i></span>
+                    <span style="text-align: center; margin-right: 10px;"><i style="font-size: 40px" class="directions_aiscatcher_icon"></i></span>
                     <span>
                     <a href="https://aiscatcher.org"><b style="font-size: 1.6em;">AIS-catcher</b></a>
                     <br>