updated icons and made viewport zoomable to increase accessibility

RoderickXii · RoderickXii · commit d7712c0fd319 · 2024-03-27T00:20:41.000-07:00
Co-authored-by: Daniel Garan &lt;g.daniel02@icloud.com&gt;
Co-authored-by: Kevin Can &lt;kevincan321@gmail.com&gt;
Co-authored-by: Anthony Herrera &lt;herreraanthony2@gmail.com&gt;
Co-authored-by: Rob Sinzieri &lt;robsin@gmail.com&gt;
Co-authored-by: Roderick de Leon &lt;roderickx.deleon@gmail.com&gt;"
diff --git a/README.md b/README.md
@@ -1,5 +1,5 @@
 <h1 align="center">
-  <img src="src/assets/overvue_256x256_old.png">
+  <img width="235 height ="235" src="src/assets/right_sidebar325x325.svg">
 </h1>
 
 <p align="center"><b>Prototyping Development Tool for Vue Developers</b></p>
diff --git a/[object Promise].vue b/[object Promise].vue
diff --git a/quasar.conf.js b/quasar.conf.js
@@ -101,7 +101,7 @@ module.exports = configure(function (ctx) {
     // Full list of options: https://quasar.dev/quasar-cli/quasar-conf-js#Property%3A-devServer
     devServer: {
       server: {
-        type: "http",
+        type: "https",
       },
       port: 8080,
       open: true, // opens browser window automatically
@@ -177,31 +177,31 @@ module.exports = configure(function (ctx) {
         background_color: "#ffffff",
         theme_color: "#027be3",
         icons: [
-          {
-            src: "statics/icons/icon-128x128.png",
-            sizes: "128x128",
-            type: "image/png",
-          },
-          {
-            src: "statics/icons/icon-192x192.png",
-            sizes: "192x192",
-            type: "image/png",
-          },
-          {
-            src: "statics/icons/icon-256x256.png",
-            sizes: "256x256",
-            type: "image/png",
-          },
-          {
-            src: "statics/icons/icon-384x384.png",
-            sizes: "384x384",
-            type: "image/png",
-          },
-          {
-            src: "statics/icons/icon-512x512.png",
-            sizes: "512x512",
-            type: "image/png",
-          },
+          // {
+          //   src: "statics/icons/icon-128x128.png",
+          //   sizes: "128x128",
+          //   type: "image/png",
+          // },
+          // {
+          //   src: "statics/icons/icon-192x192.png",
+          //   sizes: "192x192",
+          //   type: "image/png",
+          // },
+          // {
+          //   src: "statics/icons/icon-256x256.png",
+          //   sizes: "256x256",
+          //   type: "image/png",
+          // },
+          // {
+          //   src: "statics/icons/icon-384x384.png",
+          //   sizes: "384x384",
+          //   type: "image/png",
+          // },
+          // {
+          //   src: "statics/icons/icon-512x512.png",
+          //   sizes: "512x512",
+          //   type: "image/png",
+          // },
         ],
       },
     },
diff --git a/src-electron/icons/icon.ico b/src-electron/icons/icon.ico
diff --git a/src-electron/icons/icon.png b/src-electron/icons/icon.png
diff --git a/src/assets/app_logo106x23.png b/src/assets/app_logo106x23.png
diff --git a/src/assets/app_logo106x23.svg b/src/assets/app_logo106x23.svg
@@ -0,0 +1,12 @@
+<svg width="106" height="23" viewBox="0 0 106 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M97.2148 17.0001V6.42188H104.589V8.61307H99.7083V14.8089H104.74V17.0001H97.2148ZM98.4238 12.663V10.5776H103.909V12.663H98.4238Z" fill="#F0F0F0"/>
+<path d="M85.5843 17.0907C84.7078 17.0907 83.927 16.9144 83.242 16.5618C82.5569 16.1991 82.0179 15.7055 81.625 15.0809C81.2422 14.4563 81.0508 13.741 81.0508 12.935V6.42188H83.65V12.799C83.65 13.1818 83.7356 13.5294 83.9069 13.8417C84.0782 14.144 84.3099 14.3857 84.602 14.5671C84.8942 14.7383 85.2216 14.824 85.5843 14.824C85.9671 14.824 86.3046 14.7383 86.5968 14.5671C86.899 14.3857 87.1408 14.144 87.3221 13.8417C87.5035 13.5294 87.5941 13.1818 87.5941 12.799V6.42188H90.1027V12.935C90.1027 13.741 89.9062 14.4563 89.5133 15.0809C89.1305 15.7055 88.5966 16.1991 87.9115 16.5618C87.2264 16.9144 86.4507 17.0907 85.5843 17.0907Z" fill="#F0F0F0"/>
+<path d="M47.2344 17.0001V6.42188H51.9946C52.6695 6.42188 53.2791 6.56795 53.8231 6.86011C54.3772 7.15227 54.8104 7.55525 55.1227 8.06905C55.435 8.57277 55.5911 9.14702 55.5911 9.79178C55.5911 10.4567 55.435 11.0561 55.1227 11.5901C54.8104 12.1139 54.3822 12.527 53.8382 12.8292C53.2942 13.1315 52.6796 13.2826 51.9946 13.2826H49.6825V17.0001H47.2344ZM53.0977 17.0001L50.4078 12.2248L53.0373 11.847L56.0294 17.0001H53.0977ZM49.6825 11.3181H51.7679C52.0298 11.3181 52.2565 11.2627 52.4479 11.1518C52.6494 11.0309 52.8005 10.8647 52.9013 10.6531C53.0121 10.4416 53.0675 10.1998 53.0675 9.92779C53.0675 9.65578 53.007 9.41903 52.8861 9.21754C52.7653 9.00597 52.589 8.84478 52.3572 8.73396C52.1356 8.62315 51.8636 8.56774 51.5412 8.56774H49.6825V11.3181Z" fill="#F0F0F0"/>
+<path d="M32.9609 17.0001V6.42188H40.3354V8.61307H35.4544V14.8089H40.4866V17.0001H32.9609ZM34.1699 12.663V10.5776H39.6554V12.663H34.1699Z" fill="#F0F0F0"/>
+<path d="M20.6307 17.0001L16.3994 6.42188H19.0742L21.1143 11.8167C21.2352 12.1291 21.3359 12.4011 21.4165 12.6328C21.5072 12.8645 21.5827 13.0811 21.6432 13.2826C21.7137 13.4841 21.7741 13.6906 21.8245 13.9022C21.885 14.1037 21.9504 14.3354 22.021 14.5973H21.5525C21.6331 14.2548 21.7137 13.9525 21.7943 13.6906C21.8749 13.4186 21.9656 13.1415 22.0663 12.8595C22.167 12.5673 22.293 12.2197 22.4441 11.8167L24.4086 6.42188H27.038L22.7765 17.0001H20.6307Z" fill="#F0F0F0"/>
+<path d="M6.15007 17.1508C5.34411 17.1508 4.60868 17.0148 3.94376 16.7428C3.27885 16.4708 2.69957 16.0879 2.20592 15.5943C1.71227 15.1006 1.32944 14.5213 1.05743 13.8564C0.785419 13.1915 0.649414 12.4611 0.649414 11.6652C0.649414 10.8694 0.785419 10.139 1.05743 9.47404C1.32944 8.80912 1.71227 8.22984 2.20592 7.73619C2.69957 7.24254 3.27885 6.85971 3.94376 6.5877C4.60868 6.31569 5.33908 6.17969 6.13496 6.17969C6.93084 6.17969 7.66124 6.31569 8.32615 6.5877C8.99107 6.85971 9.57035 7.24254 10.064 7.73619C10.5576 8.22984 10.9354 8.80912 11.1974 9.47404C11.4694 10.139 11.6054 10.8694 11.6054 11.6652C11.6054 12.451 11.4694 13.1814 11.1974 13.8564C10.9354 14.5213 10.5576 15.1006 10.064 15.5943C9.57035 16.0879 8.99107 16.4708 8.32615 16.7428C7.66124 17.0148 6.93588 17.1508 6.15007 17.1508ZM6.13496 14.7329C6.54801 14.7329 6.9258 14.6573 7.26834 14.5062C7.62094 14.3551 7.92318 14.1436 8.17504 13.8715C8.43697 13.5895 8.63846 13.262 8.7795 12.8893C8.92055 12.5165 8.99107 12.1085 8.99107 11.6652C8.99107 11.222 8.92055 10.8139 8.7795 10.4412C8.63846 10.0684 8.43697 9.74605 8.17504 9.47404C7.92318 9.19195 7.62094 8.97535 7.26834 8.82423C6.9258 8.67312 6.54801 8.59756 6.13496 8.59756C5.72191 8.59756 5.33908 8.67312 4.98647 8.82423C4.64394 8.97535 4.3417 9.19195 4.07977 9.47404C3.81783 9.74605 3.61634 10.0684 3.4753 10.4412C3.34433 10.8139 3.27885 11.222 3.27885 11.6652C3.27885 12.1085 3.34433 12.5216 3.4753 12.9044C3.61634 13.2771 3.81783 13.5995 4.07977 13.8715C4.3417 14.1436 4.64394 14.3551 4.98647 14.5062C5.33908 14.6573 5.72191 14.7329 6.13496 14.7329Z" fill="#F0F0F0"/>
+<path d="M68.1626 21.7222L59 5.62891L63.7051 7.42319L68.1626 15.3732V21.7222Z" fill="#517294"/>
+<path d="M68.1625 21.7222L77.3545 5.62891L72.6343 7.42319L68.1625 15.3732V21.7222Z" fill="#43607D"/>
+<path d="M68.1924 2.22266L63.7285 3.82377L68.1924 11.8845V2.22266Z" fill="#7BD8AE"/>
+<path d="M68.1924 2.22266L72.6562 3.82377L68.1924 11.8845V2.22266Z" fill="#63BA93"/>
+</svg>
diff --git a/src/assets/right_sidebar325x325.png b/src/assets/right_sidebar325x325.png
diff --git a/src/assets/right_sidebar325x325.svg b/src/assets/right_sidebar325x325.svg
@@ -0,0 +1,20 @@
+<svg width="auto" height="auto" viewBox="0 0 325 325" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_99_67)">
+<path d="M160.186 209.871L90 86.5947L126.042 100.339L160.186 161.237V209.871Z" fill="#517294"/>
+<path d="M160.186 209.871L230.598 86.5947L194.44 100.339L160.186 161.237V209.871Z" fill="#43607D"/>
+<path d="M160.411 60.5L126.218 72.7646L160.411 134.511V60.5Z" fill="#7BD8AE"/>
+<path d="M160.411 60.5L194.604 72.7646L160.411 134.511V60.5Z" fill="#63BA93"/>
+<path d="M277.248 263.607V235.15H297.087V241.045H283.956V257.713H297.493V263.607H277.248ZM280.5 251.94V246.33H295.257V251.94H280.5Z" fill="#F0F0F0"/>
+<path d="M245.96 263.851C243.602 263.851 241.501 263.377 239.658 262.428C237.815 261.453 236.365 260.125 235.308 258.444C234.279 256.764 233.764 254.84 233.764 252.672V235.15H240.756V252.306C240.756 253.336 240.986 254.271 241.447 255.111C241.908 255.924 242.531 256.574 243.317 257.062C244.103 257.523 244.984 257.753 245.96 257.753C246.989 257.753 247.897 257.523 248.683 257.062C249.496 256.574 250.147 255.924 250.635 255.111C251.122 254.271 251.366 253.336 251.366 252.306V235.15H258.115V252.672C258.115 254.84 257.586 256.764 256.529 258.444C255.499 260.125 254.063 261.453 252.22 262.428C250.377 263.377 248.29 263.851 245.96 263.851Z" fill="#F0F0F0"/>
+<path d="M200.798 263.607L189.415 235.15H196.611L202.099 249.663C202.424 250.504 202.695 251.235 202.912 251.859C203.156 252.482 203.359 253.065 203.522 253.607C203.711 254.149 203.874 254.704 204.009 255.274C204.172 255.816 204.348 256.439 204.538 257.144H203.278C203.494 256.222 203.711 255.409 203.928 254.704C204.145 253.973 204.389 253.227 204.66 252.468C204.931 251.683 205.27 250.748 205.676 249.663L210.961 235.15H218.035L206.571 263.607H200.798Z" fill="#F0F0F0"/>
+<path d="M153.32 263.607V235.15H166.126C167.942 235.15 169.581 235.543 171.045 236.329C172.536 237.115 173.701 238.199 174.541 239.582C175.381 240.937 175.801 242.481 175.801 244.216C175.801 246.005 175.381 247.617 174.541 249.054C173.701 250.463 172.549 251.574 171.086 252.387C169.622 253.2 167.969 253.607 166.126 253.607H159.906V263.607H153.32ZM169.094 263.607L161.857 250.761L168.931 249.745L176.98 263.607H169.094ZM159.906 248.322H165.516C166.221 248.322 166.831 248.173 167.346 247.875C167.888 247.55 168.294 247.102 168.565 246.533C168.863 245.964 169.012 245.314 169.012 244.582C169.012 243.85 168.85 243.213 168.524 242.671C168.199 242.102 167.725 241.668 167.102 241.37C166.505 241.072 165.774 240.923 164.906 240.923H159.906V248.322Z" fill="#F0F0F0"/>
+<path d="M114.923 263.607V235.15H134.761V241.045H121.631V257.713H135.168V263.607H114.923ZM118.175 251.94V246.33H132.932V251.94H118.175Z" fill="#F0F0F0"/>
+<path d="M81.7529 263.607L70.3701 235.15H77.5657L83.0538 249.663C83.379 250.504 83.65 251.235 83.8669 251.859C84.1108 252.482 84.314 253.065 84.4766 253.607C84.6664 254.149 84.829 254.704 84.9645 255.274C85.1271 255.816 85.3033 256.439 85.493 257.144H84.2327C84.4495 256.222 84.6664 255.409 84.8832 254.704C85.1 253.973 85.3439 253.227 85.6149 252.468C85.8859 251.683 86.2247 250.748 86.6312 249.663L91.9161 235.15H98.9897L87.5256 263.607H81.7529Z" fill="#F0F0F0"/>
+<path d="M42.7976 264.014C40.6295 264.014 38.651 263.648 36.8623 262.916C35.0736 262.185 33.5152 261.155 32.1872 259.827C30.8592 258.499 29.8294 256.94 29.0976 255.152C28.3659 253.363 28 251.398 28 249.257C28 247.116 28.3659 245.151 29.0976 243.362C29.8294 241.574 30.8592 240.015 32.1872 238.687C33.5152 237.359 35.0736 236.329 36.8623 235.598C38.651 234.866 40.6159 234.5 42.757 234.5C44.898 234.5 46.8629 234.866 48.6516 235.598C50.4404 236.329 51.9987 237.359 53.3267 238.687C54.6547 240.015 55.671 241.574 56.3757 243.362C57.1074 245.151 57.4733 247.116 57.4733 249.257C57.4733 251.371 57.1074 253.336 56.3757 255.152C55.671 256.94 54.6547 258.499 53.3267 259.827C51.9987 261.155 50.4404 262.185 48.6516 262.916C46.8629 263.648 44.9116 264.014 42.7976 264.014ZM42.757 257.509C43.8682 257.509 44.8845 257.306 45.8059 256.9C46.7545 256.493 47.5676 255.924 48.2451 255.192C48.9498 254.433 49.4918 253.553 49.8712 252.55C50.2506 251.547 50.4404 250.449 50.4404 249.257C50.4404 248.064 50.2506 246.967 49.8712 245.964C49.4918 244.961 48.9498 244.094 48.2451 243.362C47.5676 242.603 46.7545 242.021 45.8059 241.614C44.8845 241.208 43.8682 241.004 42.757 241.004C41.6458 241.004 40.6159 241.208 39.6674 241.614C38.7459 242.021 37.9328 242.603 37.2282 243.362C36.5235 244.094 35.9815 244.961 35.6021 245.964C35.2498 246.967 35.0736 248.064 35.0736 249.257C35.0736 250.449 35.2498 251.561 35.6021 252.591C35.9815 253.593 36.5235 254.461 37.2282 255.192C37.9328 255.924 38.7459 256.493 39.6674 256.9C40.6159 257.306 41.6458 257.509 42.757 257.509Z" fill="#F0F0F0"/>
+</g>
+<defs>
+<clipPath id="clip0_99_67">
+<rect width="325" height="325" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/components/left-sidebar/StoreTab/StoreTab.vue b/src/components/left-sidebar/StoreTab/StoreTab.vue
@@ -259,7 +259,7 @@ i {
 
 .html-bg {
   // give html background color of grey
-  background-color: #202122;
+  background-color: $subprimary;
 }
 
 .component-container {
diff --git a/src/components/right-sidebar/GetStarted.vue b/src/components/right-sidebar/GetStarted.vue
@@ -18,13 +18,13 @@
       breakpoint="950"
     >
       <!-- tab labels -->
-      <q-tab name="landing" label="Welcome" id="label-text"></q-tab>
-      <q-tab name="version" label="What's New" id="label-text"></q-tab>
-      <q-tab name="basics" label="The Basics" id="label-text"></q-tab>
+      <q-tab name="landing" label="Welcome" id="getStartedLabels"></q-tab>
+      <q-tab name="version" label="What's New" id="getStartedLabels"></q-tab>
+      <q-tab name="basics" label="The Basics" id="getStartedLabels"></q-tab>
       <q-tab
         name="advanced"
         label="Advanced Functionality"
-        id="label-text"
+        id="getStartedLabels"
       ></q-tab>
     </q-tabs>
 
@@ -86,7 +86,7 @@ const tutorialPage = ref("landing");
 }
 
 /* // changes the tab label styling */
-#label-text {
+#getStartedLabels {
   font-size: 4px !important;
   text-transform: capitalize;
 }
diff --git a/src/components/right-sidebar/tutorial/Landing.vue b/src/components/right-sidebar/tutorial/Landing.vue
@@ -1,18 +1,11 @@
 <template>
   <section id="welcomeTab">
     <h6 class="tutorialHeading">Welcome to</h6>
-    <svg width="auto" height="auto" viewBox="0 0 379 290" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M189.844 198.844L96.1875 34.875L144.281 53.1562L189.844 134.156V198.844Z" fill="#517294"/>
-    <path d="M189.562 198.844L283.219 34.875L235.125 53.1562L189.562 134.156V198.844Z" fill="#43607D"/>
-    <path d="M189.844 0L144.281 16.3125L189.844 98.4375V0Z" fill="#7BD8AE"/>
-    <path d="M189.562 0L235.125 16.3125L189.562 98.4375V0Z" fill="#63BA93"/>
-    <path d="M22.8938 265.688C19.8938 265.688 17.1563 265.181 14.6813 264.169C12.2063 263.156 10.05 261.731 8.2125 259.894C6.375 258.056 4.95 255.9 3.9375 253.425C2.925 250.95 2.41875 248.231 2.41875 245.269C2.41875 242.306 2.925 239.587 3.9375 237.112C4.95 234.637 6.375 232.481 8.2125 230.644C10.05 228.806 12.2063 227.381 14.6813 226.369C17.1563 225.356 19.875 224.85 22.8375 224.85C25.8 224.85 28.5188 225.356 30.9937 226.369C33.4688 227.381 35.625 228.806 37.4625 230.644C39.3 232.481 40.7063 234.637 41.6813 237.112C42.6938 239.587 43.2 242.306 43.2 245.269C43.2 248.194 42.6938 250.912 41.6813 253.425C40.7063 255.9 39.3 258.056 37.4625 259.894C35.625 261.731 33.4688 263.156 30.9937 264.169C28.5188 265.181 25.8188 265.688 22.8938 265.688ZM22.8375 256.687C24.375 256.687 25.7813 256.406 27.0563 255.844C28.3688 255.281 29.4938 254.494 30.4313 253.481C31.4063 252.431 32.1563 251.212 32.6813 249.825C33.2063 248.437 33.4688 246.919 33.4688 245.269C33.4688 243.619 33.2063 242.1 32.6813 240.712C32.1563 239.325 31.4063 238.125 30.4313 237.112C29.4938 236.062 28.3688 235.256 27.0563 234.694C25.7813 234.131 24.375 233.85 22.8375 233.85C21.3 233.85 19.875 234.131 18.5625 234.694C17.2875 235.256 16.1625 236.062 15.1875 237.112C14.2125 238.125 13.4625 239.325 12.9375 240.712C12.45 242.1 12.2063 243.619 12.2063 245.269C12.2063 246.919 12.45 248.456 12.9375 249.881C13.4625 251.269 14.2125 252.469 15.1875 253.481C16.1625 254.494 17.2875 255.281 18.5625 255.844C19.875 256.406 21.3 256.687 22.8375 256.687ZM76.7953 265.125L61.0453 225.75H71.0016L78.5953 245.831C79.0453 246.994 79.4203 248.006 79.7203 248.869C80.0578 249.731 80.3391 250.537 80.5641 251.287C80.8266 252.037 81.0516 252.806 81.2391 253.594C81.4641 254.344 81.7078 255.206 81.9703 256.181H80.2266C80.5266 254.906 80.8266 253.781 81.1266 252.806C81.4266 251.794 81.7641 250.762 82.1391 249.712C82.5141 248.625 82.9828 247.331 83.5453 245.831L90.8578 225.75H100.645L84.7828 265.125H76.7953ZM122.69 265.125V225.75H150.14V233.906H131.972V256.969H150.703V265.125H122.69ZM127.19 248.981V241.219H147.609V248.981H127.19ZM175.82 265.125V225.75H193.539C196.052 225.75 198.32 226.294 200.345 227.381C202.408 228.469 204.02 229.969 205.183 231.881C206.345 233.756 206.927 235.894 206.927 238.294C206.927 240.769 206.345 243 205.183 244.987C204.02 246.937 202.427 248.475 200.402 249.6C198.377 250.725 196.089 251.287 193.539 251.287H184.933V265.125H175.82ZM197.645 265.125L187.633 247.35L197.42 245.944L208.558 265.125H197.645ZM184.933 243.975H192.695C193.67 243.975 194.514 243.769 195.227 243.356C195.977 242.906 196.539 242.287 196.914 241.5C197.327 240.712 197.533 239.812 197.533 238.8C197.533 237.787 197.308 236.906 196.858 236.156C196.408 235.369 195.752 234.769 194.889 234.356C194.064 233.944 193.052 233.737 191.852 233.737H184.933V243.975ZM241.513 265.125L225.763 225.75H235.72L243.313 245.831C243.763 246.994 244.138 248.006 244.438 248.869C244.776 249.731 245.057 250.537 245.282 251.287C245.545 252.037 245.77 252.806 245.957 253.594C246.182 254.344 246.426 255.206 246.688 256.181H244.945C245.245 254.906 245.545 253.781 245.845 252.806C246.145 251.794 246.482 250.762 246.857 249.712C247.232 248.625 247.701 247.331 248.263 245.831L255.576 225.75H265.363L249.501 265.125H241.513ZM304.002 265.463C300.74 265.463 297.833 264.806 295.283 263.494C292.733 262.144 290.727 260.306 289.265 257.981C287.84 255.656 287.127 252.994 287.127 249.994V225.75H296.802V249.487C296.802 250.912 297.121 252.206 297.758 253.369C298.396 254.494 299.258 255.394 300.346 256.069C301.433 256.706 302.652 257.025 304.002 257.025C305.427 257.025 306.683 256.706 307.771 256.069C308.896 255.394 309.796 254.494 310.471 253.369C311.146 252.206 311.483 250.912 311.483 249.487V225.75H320.821V249.994C320.821 252.994 320.09 255.656 318.627 257.981C317.202 260.306 315.215 262.144 312.665 263.494C310.115 264.806 307.227 265.463 304.002 265.463ZM347.295 265.125V225.75H374.745V233.906H356.576V256.969H375.307V265.125H347.295ZM351.795 248.981V241.219H372.214V248.981H351.795Z" fill="#EFEFEF" fill-opacity="0.866667"/>
-    </svg>
-    <!-- <img
+    <img
       alt="OverVue"
-      src="../../../../src/assets/overvue_layeredlogo.png"
+      src="../../../../src/assets/right_sidebar325x325.svg"
       id="logo"
-    /> -->
+    />
     <p id="new-text"></p>
     <q-btn
       class="tut-btn closeAction"
@@ -55,8 +48,10 @@ const openUrl = (url: string) => shell.openExternal(url, { activate: true });
 
 <style lang="scss" scoped>
 #logo {
-  width: 325px;
-  height: 325px;
+  width: auto;
+  height: auto;
+  max-width: 18rem;
+  max-height: 18rem;
 }
 
 p {
diff --git a/src/css/app.scss b/src/css/app.scss
@@ -1,10 +1,10 @@
 body {
-  // font-family: "Archivo", sans-serif;
-  // font-weight: 500;
+  font-family: "Archivo", sans-serif;
+  font-weight: 500;
   // font-family: "Inter", sans-serif;
   // font-weight: 500;
 
-  font-family: "Mukta", sans-serif; // <-- old font (OverVue 9 and prior)
+  // font-family: "Mukta", sans-serif; // <-- old font (OverVue 9 and prior)
   color: $menutext;
   height: 100vh;
   width: 100vw;
diff --git a/src/index.template.html b/src/index.template.html
@@ -9,15 +9,15 @@
     <meta name="msapplication-tap-highlight" content="no" />
     <meta
       name="viewport"
-      content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<% if (ctx.mode.cordova || ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>"
+      content="user-scalable=yes, initial-scale=1, maximum-scale=5, minimum-scale=1, width=device-width<% if (ctx.mode.cordova || ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>"
     />
 
     <script
       src="https://kit.fontawesome.com/050e20b677.js"
       crossorigin="anonymous"
       data-auto-add-css="false"
     ></script>
-
+   <!--
     <link rel="icon" type="image/png" href="statics/app-logo-128x128.png" />
     <link
       rel="icon"
@@ -37,14 +37,14 @@
       sizes="96x96"
       href="statics/icons/favicon-96x96.png"
     />
-    <link rel="icon" type="image/ico" href="statics/icons/favicon.ico" />
-
+    <link rel="icon" type="image/ico" href="statics/icons/favicon.ico" /> -->
+<!--
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
       href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Mukta:wght@200;300;400;500;600;700;800&family=Nunito+Sans:wght@200;300;400;600;700;800;900&display=swap"
       rel="stylesheet"
-    />
+    /> -->
 
     <!-- [OverVue v.10.0] fonts -->
     <link rel="preconnect" href="https://fonts.googleapis.com" />
diff --git a/src/layouts/MyLayout.vue b/src/layouts/MyLayout.vue
@@ -20,7 +20,7 @@
           <!-- top-left corner: LOGO -->
           <img
             alt="OverVue"
-            src="../assets/OverVue_navLogo.png"
+            src="../assets/app_logo106x23.svg"
             id="nav-logo"
           />
           <div id="undo-redo">
@@ -466,7 +466,8 @@ const syncOauthGitFlag = (e: Event) => {
 }
 
 #nav-logo {
-  margin-right: 95px;
+  height: 40px;
+  margin-left: 8px;
 }
 
 q-btn > i {

Original file line number	Diff line number	Diff line change
`@@ -259,7 +259,7 @@ i {`
`259`	`259`
`260`	`260`	`.html-bg {`
`261`	`261`	`// give html background color of grey`
`262`		`- background-color: #202122;`
	`262`	`+ background-color: $subprimary;`
`263`	`263`	`}`
`264`	`264`
`265`	`265`	`.component-container {`