commit 7c1ce4feeff29f9550a71a78df795e51d2f31396 Author: OverPoweredDev Date: Thu May 27 18:51:13 2021 +0530 completed design for the language choice section diff --git a/icons/apertium-logo.svg b/icons/apertium-logo.svg new file mode 100644 index 0000000..05e0638 --- /dev/null +++ b/icons/apertium-logo.svg @@ -0,0 +1,844 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + Apertium + + + + + + + + + + + + + + + + + + я + + آزاد + + के + ᐃᓅᔪᓕ + ð + אדם + ք + + diff --git a/icons/switch.svg b/icons/switch.svg new file mode 100644 index 0000000..59c29a9 --- /dev/null +++ b/icons/switch.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/manifest.json b/manifest.json index 9ebeb55..2d0593b 100644 --- a/manifest.json +++ b/manifest.json @@ -1,17 +1,25 @@ { - "name": "Apertium WebExt", + "name": "Apertium", "manifest_version": 2, "version" : "1.0", "description": "Cross-browser WebExtension Frontend for the Apertium APy service", "options_page": "options.html", "browser_action": { - "default_title": "Apertium WebExt", + "default_title": "Apertium", "default_popup": "popup/popup.html", "default_icon": { "16": "icons/icon16.png", "32": "icons/icon32.png", "64": "icons/icon64.png", - "128": "icons/icon128.png" + "128": "icons/icon128.png", + "512": "icons/icon512.png" } + }, + "icons":{ + "16": "icons/icon16.png", + "32": "icons/icon32.png", + "64": "icons/icon64.png", + "128": "icons/icon128.png", + "512": "icons/icon512.png" } } \ No newline at end of file diff --git a/popup/popup.css b/popup/popup.css new file mode 100644 index 0000000..716b151 --- /dev/null +++ b/popup/popup.css @@ -0,0 +1,70 @@ +body { + width: 35em; + height: 20em; + margin: 0; +} + +.banner-apertium { + display: flex; + flex-direction: row; + justify-content: space-between; + + width: auto; + height: 5em; + max-width: 35em; + padding: 0.5em 1em 1em 1em; + + background-color: #333333; +} + +.logo { + order: 0; +} + +.logo img { + width: auto; + height: 100%; +} + +.settings { + order: 1; + display: flex; + flex-direction: column; + align-items: center; + justify-content: flex-end; + + padding-bottom: .5em; + padding-right: 2em; +} + +.container{ + padding: 0.5em; +} + +.language-select-container{ + display: flex; + flex-direction: row; +} + +.source-language{ + flex: 1; + display: flex; + min-width: -webkit-min-content; +} + +.target-language{ + flex: 1; + display: flex; + min-width: -webkit-min-content; + justify-content: flex-end; +} + +.btn:focus,.btn:active { + outline: none !important; + box-shadow: none !important; +} + +.exchange-button img{ + width: 1.5em; + height: auto; +} \ No newline at end of file diff --git a/popup/popup.html b/popup/popup.html index e711485..861b735 100644 --- a/popup/popup.html +++ b/popup/popup.html @@ -2,9 +2,59 @@ - + Apertium + + + + + + -

Hello!

+ +
+
+
+
+
+ + +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
\ No newline at end of file