Added localization, added key shortcuts

RAD750 · Jul 31, 2020 · b4cceb3 · b4cceb3
1 parent 889325f
commit b4cceb3
Show file tree

Hide file tree

Showing 11 changed files with 2,814 additions and 2,387 deletions.
diff --git a/assets/config.json b/assets/config.json
@@ -3,36 +3,44 @@
         "google": {
             "friendlyName": "Google",
             "endpointURL": "https://google.com/search?q=",
+            "keyShortcut": "G",
             "index": 0
+
         },
         "bing": {
             "friendlyName": "Bing",
             "endpointURL": "https://bing.com/?q=",
+            "keyShortcut": "B",
             "index": 1
         },
         "yahoo": {
             "friendlyName": "Yahoo",
             "endpointURL": "https://search.yahoo.com/search?q=",
+            "keyShortcut": "Y",
             "index": 2
         },
         "duckduckgo": {
             "friendlyName": "DuckDuckGo",
             "endpointURL": "https://duckduckgo.com/?q=",
+            "keyShortcut": "D",
             "index": 3
         },
         "qwant": {
-            "friendlyName": "Quant",
+            "friendlyName": "Qwant",
             "endpointURL": "https://qwant.com/?q=",
+            "keyShortcut": "Q",
             "index": 4
         },
         "qwantlite": {
             "friendlyName": "Qwant Lite",
             "endpointURL": "https://lite.qwant.com/?q=",
+            "keyShortcut": "L",
             "index": 5
         },
         "ecosia": {
             "friendlyName": "Ecosia",
             "endpointURL": "https://www.ecosia.org/search?q=",
+            "keyShortcut": "E",
             "index": 6
         }
     }

diff --git a/assets/css/style.css b/assets/css/style.css
@@ -185,6 +185,66 @@ html {
     box-sizing: inherit
 }
 
+/*FONT AWESOME*/
+@font-face {
+    font-family: 'FontAwesome';
+    src: url('/assets/fonts/fontawesome-webfont.eot');
+    src: url('/assets/fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg') format('svg');
+    font-weight: normal;
+    font-style: normal;
+  }
+  .fa {
+    display: inline-block;
+    font: normal normal normal 14px/1 FontAwesome;
+    font-size: inherit;
+    text-rendering: auto;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+  /* makes the font 33% larger relative to the icon container */
+  .fa-lg {
+    font-size: 1.33333333em;
+    line-height: 0.75em;
+    vertical-align: -15%;
+  }
+  .fa-2x {
+    font-size: 2em;
+  }
+  .fa-3x {
+    font-size: 3em;
+  }
+  .fa-4x {
+    font-size: 4em;
+  }
+  .fa-5x {
+    font-size: 5em;
+  }
+  .fa-fw {
+    width: 1.28571429em;
+    text-align: center;
+  }
+  .fa-ul {
+    padding-left: 0;
+    margin-left: 2.14285714em;
+    list-style-type: none;
+  }
+  .fa-ul > li {
+    position: relative;
+  }
+  .fa-li {
+    position: absolute;
+    left: -2.14285714em;
+    width: 2.14285714em;
+    top: 0.14285714em;
+    text-align: center;
+  }
+  .fa-li.fa-lg {
+    left: -1.85714286em;
+  }
+
+  .fa-search:before {
+    content: "\f002";
+  }
 /*SEARCH INPUT*/
 
 
@@ -242,11 +302,11 @@ html {
     .search-container,
     .search-form,
     .search-input {
-        width: 240px;
-        margin-left: -17px
+        width: 320px;
+        margin-left: -9px
     }
     .search-submit {
-        right: -180px
+        right: -255px
     }
     .url-output {
         width: 286px