From 2b4d743d79c5776993d717af6e3e188b8fd99703 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyasthomas@gmail.com>
Date: Fri, 6 Dec 2019 07:11:38 +0530
Subject: [PATCH] :lipstick: Scoped styles

---
 components/autocomplete.vue           |  2 +-
 components/collections/collection.vue |  2 +-
 components/collections/folder.vue     |  2 +-
 components/collections/index.vue      |  2 +-
 components/collections/request.vue    |  2 +-
 components/logo.vue                   |  2 +-
 components/modal.vue                  |  2 +-
 components/settings/swatch.vue        |  2 +-
 components/toggle.vue                 |  2 +-
 layouts/default.vue                   |  2 +-
 layouts/error.vue                     |  2 +-
 pages/realtime.vue                    |  6 +--
 pages/settings.vue                    |  2 +-
 static/icons/alien-head.svg           | 62 +++++++++++++++++++++++++++
 static/icons/pwalogo.svg              |  9 ----
 15 files changed, 77 insertions(+), 24 deletions(-)
 create mode 100644 static/icons/alien-head.svg
 delete mode 100644 static/icons/pwalogo.svg

diff --git a/components/autocomplete.vue b/components/autocomplete.vue
index 0cfceffaf..eb46239bd 100644
--- a/components/autocomplete.vue
+++ b/components/autocomplete.vue
@@ -30,7 +30,7 @@
   </div>
 </template>
 
-<style lang="scss" scoped>
+<style scoped lang="scss">
 .autocomplete-wrapper {
   position: relative;
 
diff --git a/components/collections/collection.vue b/components/collections/collection.vue
index d481ce079..67d08a59b 100644
--- a/components/collections/collection.vue
+++ b/components/collections/collection.vue
@@ -81,7 +81,7 @@
   </div>
 </template>
 
-<style scoped>
+<style scoped lang="scss">
 ul {
   display: flex;
   flex-direction: column;
diff --git a/components/collections/folder.vue b/components/collections/folder.vue
index 1443770b0..03a9a9e4c 100644
--- a/components/collections/folder.vue
+++ b/components/collections/folder.vue
@@ -56,7 +56,7 @@
   </div>
 </template>
 
-<style scoped>
+<style scoped lang="scss">
 ul {
   display: flex;
   flex-direction: column;
diff --git a/components/collections/index.vue b/components/collections/index.vue
index bcd91d5e1..fa34f01d0 100644
--- a/components/collections/index.vue
+++ b/components/collections/index.vue
@@ -94,7 +94,7 @@ TODO:
   </div>
 </template>
 
-<style lang="scss" scoped>
+<style scoped lang="scss">
 .virtual-list {
   max-height: calc(100vh - 232px);
 }
diff --git a/components/collections/request.vue b/components/collections/request.vue
index 794c131e6..7590acb3b 100644
--- a/components/collections/request.vue
+++ b/components/collections/request.vue
@@ -28,7 +28,7 @@
   </div>
 </template>
 
-<style scoped>
+<style scoped lang="scss">
 ul {
   display: flex;
   flex-direction: column;
diff --git a/components/logo.vue b/components/logo.vue
index b936d63d3..6d605047a 100644
--- a/components/logo.vue
+++ b/components/logo.vue
@@ -35,7 +35,7 @@
   </svg>
 </template>
 
-<style lang="scss" scoped>
+<style scoped lang="scss">
 #circle3814 {
   /* fill: var(--fg-color); */
   fill: transparent;
diff --git a/components/modal.vue b/components/modal.vue
index df3bfaa87..e5860f312 100644
--- a/components/modal.vue
+++ b/components/modal.vue
@@ -17,7 +17,7 @@
     </div>
   </transition>
 </template>
-<style scoped>
+<style scoped lang="scss">
 .modal-backdrop {
   position: fixed;
   z-index: 998;
diff --git a/components/settings/swatch.vue b/components/settings/swatch.vue
index 39993bcce..cd14c6020 100644
--- a/components/settings/swatch.vue
+++ b/components/settings/swatch.vue
@@ -6,7 +6,7 @@
   </div>
 </template>
 
-<style lang="scss">
+<style scoped lang="scss">
 .color {
   display: inline-flex;
   align-items: center;
diff --git a/components/toggle.vue b/components/toggle.vue
index ec4287282..2d1f0c640 100644
--- a/components/toggle.vue
+++ b/components/toggle.vue
@@ -9,7 +9,7 @@
   </div>
 </template>
 
-<style lang="scss" scoped>
+<style scoped lang="scss">
 $useBorder: false;
 $borderColor: var(--fg-light-color);
 $activeColor: var(--ac-color);
diff --git a/layouts/default.vue b/layouts/default.vue
index 7a2d2b607..0f5ef8f19 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -472,7 +472,7 @@
   </div>
 </template>
 
-<style lang="scss"></style>
+<style scoped lang="scss"></style>
 
 <script>
 import intializePwa from "../assets/js/pwa";
diff --git a/layouts/error.vue b/layouts/error.vue
index 3b599a0a8..76a49a60f 100644
--- a/layouts/error.vue
+++ b/layouts/error.vue
@@ -14,7 +14,7 @@
   </div>
 </template>
 
-<style lang="scss">
+<style scoped lang="scss">
 // Center the error page in the viewport.
 .page-error {
   display: flex;
diff --git a/pages/realtime.vue b/pages/realtime.vue
index 55b78ac67..0632c7703 100644
--- a/pages/realtime.vue
+++ b/pages/realtime.vue
@@ -154,7 +154,7 @@
     </section>
   </div>
 </template>
-<style lang="scss">
+<style scoped lang="scss">
 div.log {
   margin: 4px;
   padding: 8px 16px;
@@ -208,10 +208,10 @@ export default {
     urlValid() {
       const pattern = new RegExp(
         "^(wss?:\\/\\/)?" +
-          "((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|" +
+          "((([a-z\\d]([a-z\\d-]*[a-z:@\\d])*)\\.)+[a-z]{2,}|" +
           "((\\d{1,3}\\.){3}\\d{1,3}))" +
           "(\\:\\d+)?(\\/[-a-z\\d%_.~+@]*)*" +
-          "(\\?[;&a-z\\d%_.~+=-]*)?" +
+          "(\\?[:\\;&a-z\\d%_.~+=-]*)?" +
           "(\\#[-a-z\\d_]*)?$",
         "i"
       );
diff --git a/pages/settings.vue b/pages/settings.vue
index 9c1de4fb8..22ee04b82 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -134,7 +134,7 @@
   </div>
 </template>
 
-<style scoped>
+<style scoped lang="scss">
 .info {
   margin-left: 4px;
   color: var(--fg-light-color);
diff --git a/static/icons/alien-head.svg b/static/icons/alien-head.svg
new file mode 100644
index 000000000..e31f9d5c2
--- /dev/null
+++ b/static/icons/alien-head.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 612.001 612.001"
+   style="enable-background:new 0 0 612.001 612.001;"
+   xml:space="preserve"
+   width="512px"
+   height="512px"
+   class=""
+   sodipodi:docname="logo.svg"
+   inkscape:version="0.92.4 (f8dce91, 2019-08-02)"><metadata
+   id="metadata13"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs11" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="1533"
+   inkscape:window-height="845"
+   id="namedview9"
+   showgrid="false"
+   inkscape:zoom="0.921875"
+   inkscape:cx="380.48543"
+   inkscape:cy="276.92414"
+   inkscape:window-x="67"
+   inkscape:window-y="27"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Capa_1" /> <g
+   id="g3826"
+   transform="translate(-516.40798,-163.88978)"><circle
+     transform="scale(1,-1)"
+     style="stroke-width:1.19531453"
+     r="178.70923"
+     cy="-501.55591"
+     cx="822.40845"
+     id="circle3814" /><g
+     id="g3820"
+     transform="translate(516.40798,163.89028)"><g
+       id="g3818"><path
+         id="path3816"
+         data-old_color="#121212"
+         class="active-path"
+         data-original="#121212"
+         d="M 64.601,236.822 C 64.601,394.256 192.786,612 306.001,612 412.582,612 547.4,394.256 547.4,236.822 547.4,79.388 439.322,0 306,0 172.678,0 64.601,79.388 64.601,236.822 Z m 304.12,116.415 c 29.475,-29.475 70.598,-40.195 108.552,-32.173 8.021,37.954 -2.698,79.077 -32.173,108.552 -29.475,29.475 -70.598,40.195 -108.552,32.173 -8.022,-37.955 2.698,-79.078 32.173,-108.552 z M 134.727,321.063 c 37.954,-8.021 79.077,2.698 108.552,32.173 29.475,29.475 40.195,70.598 32.173,108.552 -37.954,8.021 -79.077,-2.698 -108.552,-32.173 -29.475,-29.476 -40.194,-70.598 -32.173,-108.552 z"
+         inkscape:connector-curvature="0"
+         style="fill:#50fa7b" /></g></g></g></svg>
\ No newline at end of file
diff --git a/static/icons/pwalogo.svg b/static/icons/pwalogo.svg
deleted file mode 100644
index 1ab6a2d5b..000000000
--- a/static/icons/pwalogo.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="1952" height="734.935" viewBox="0 0 1952.00 734.93" enable-background="new 0 0 1952.00 734.93" xml:space="preserve">
-	<g>
-		<path fill="#121212" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" d="M 1436.62,603.304L 1493.01,460.705L 1655.83,460.705L 1578.56,244.39L 1675.2,0.000528336L 1952,734.933L 1747.87,734.933L 1700.57,603.304L 1436.62,603.304 Z "/>
-		<path fill="#5A0FC8" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" d="M 1262.47,734.935L 1558.79,0.00156593L 1362.34,0.0025425L 1159.64,474.933L 1015.5,0.00351906L 864.499,0.00351906L 709.731,474.933L 600.585,258.517L 501.812,562.819L 602.096,734.935L 795.427,734.935L 935.284,309.025L 1068.63,734.935L 1262.47,734.935 Z "/>
-		<path fill="#121212" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" d="M 186.476,482.643L 307.479,482.643C 344.133,482.643 376.772,478.552 405.396,470.37L 436.689,373.962L 524.148,104.516C 517.484,93.9535 509.876,83.9667 501.324,74.5569C 456.419,24.852 390.719,0.000406265 304.222,0.000406265L -3.8147e-006,0.000406265L -3.8147e-006,734.933L 186.476,734.933L 186.476,482.643 Z M 346.642,169.079C 364.182,186.732 372.951,210.355 372.951,239.95C 372.951,269.772 365.238,293.424 349.813,310.906C 332.903,330.331 301.766,340.043 256.404,340.043L 186.476,340.043L 186.476,142.598L 256.918,142.598C 299.195,142.598 329.103,151.425 346.642,169.079 Z "/>
-	</g>
-</svg>