From 5e9e2c308d698b11d0e9af144b2c336805632936 Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Thu, 10 Nov 2022 14:45:38 +0600
Subject: [PATCH] fixed mobile layouts

---
 assets/svg/howdy.svg              | 26 ++++++++++++++++----------
 components/bio/BioHeading.vue     |  4 ++--
 components/bio/BioProjectCard.vue |  2 +-
 layouts/default.vue               |  8 +++++---
 pages/[...slug].vue               | 10 +++++++++-
 pages/bio.vue                     | 11 ++++++++++-
 6 files changed, 43 insertions(+), 18 deletions(-)

diff --git a/assets/svg/howdy.svg b/assets/svg/howdy.svg
index 79d9118..059ee87 100644
--- a/assets/svg/howdy.svg
+++ b/assets/svg/howdy.svg
@@ -26,14 +26,14 @@
      inkscape:document-units="px"
      showgrid="false"
      inkscape:zoom="1.7794374"
-     inkscape:cx="77.83359"
-     inkscape:cy="405.46524"
+     inkscape:cx="185.73286"
+     inkscape:cy="190.79064"
      inkscape:window-width="1440"
      inkscape:window-height="847"
      inkscape:window-x="0"
      inkscape:window-y="25"
      inkscape:window-maximized="0"
-     inkscape:current-layer="g4098" /><defs
+     inkscape:current-layer="g36343" /><defs
      id="defs520"><linearGradient
        inkscape:collect="always"
        id="linearGradient35336"><stop
@@ -102,7 +102,8 @@
          x="-8.024971"
          y="-7.6100202" /><g
          id="g36343"
-         style="fill:#333aa7;fill-opacity:1"><g
+         style="fill:#333aa7;fill-opacity:1"
+         transform="translate(2.4776356)"><g
            id="g16564"
            style="fill:#242a7a;fill-opacity:1;stroke-width:0.879103"
            transform="matrix(1.0652099,0,0,1.0652099,-4.4667218,-3.9932812)"><g
@@ -274,11 +275,15 @@
            cx="81.535446"
            cy="77.571251"
            rx="2.1450171"
-           ry="2.091392" /></g><g
-         id="g38429"><path
+           ry="2.091392" /><path
+           style="fill:#323ba9;fill-opacity:1;stroke-width:0.991054;stroke-linecap:round"
+           d="m 42.923534,81.89652 -5.291006,-0.139235 v 1.531607 h 5.56948 z"
+           id="path682" /></g><g
+         id="g38429"
+         transform="translate(7.9284341)"><path
            id="rect17478"
            style="fill:#343ba7;fill-opacity:1;stroke:none;stroke-width:0.991054;stroke-linecap:round"
-           d="M 67.361933 7.4106918 L 67.361933 41.033467 L 92.29411 41.033467 L 92.29411 7.4106918 L 67.361933 7.4106918 z M 68.898357 8.809201 L 90.757685 8.809201 L 90.757685 39.635441 L 68.898357 39.635441 L 68.898357 8.809201 z " /><path
+           d="M 67.361933,7.4106918 V 41.033467 H 92.29411 V 7.4106918 Z m 1.536424,1.3985092 h 21.859328 v 30.82624 H 68.898357 Z" /><path
            style="opacity:1;fill:#242a7a;fill-opacity:1;stroke:none;stroke-width:0.991054;stroke-linecap:round"
            d="m 69.06422,29.119347 3.134343,-2.238817 -0.985078,-6.537344 0.447763,-0.268658 2.417923,6.537345 10.835873,-0.985079 1.522395,-7.074661 1.970159,-1.164185 1.253736,2.059711 v 7.701531 l 1.074632,3.403001 -21.313534,2.328368 z"
            id="path58876" /><path
@@ -293,7 +298,7 @@
              style="fill:#343ba7;fill-opacity:1;stroke:none;stroke-width:5.94434;stroke-linecap:round"
              inkscape:transform-center-x="4.359844"
              inkscape:transform-center-y="12.823242"
-             d="M 186.02035 -33.810995 L 186.02035 -31.663128 L 182.26159 -23.431573 L 176.1837 -19.980473 L 174.38414 -21.780037 L 171.94602 -22.267661 L 171.8038 -22.49696 L 172.05922 -23.344497 L 171.04333 -24.020785 L 171.4671 -25.379166 L 171.21168 -27.498007 L 167.65028 -27.82309 L 167.65028 -30.548559 L 164.09179 -32.670303 L 166.04229 -29.701022 L 166.41091 -27.77665 L 163.83637 -25.083108 L 160.86999 -24.871224 L 156.80065 -25.123744 L 160.02245 -22.668209 L 163.27328 -22.668209 L 164.00762 -19.783101 L 165.61562 -19.867274 L 167.65028 -18.595969 L 168.34109 -17.484303 L 168.17274 -16.886383 L 167.94344 -16.810918 L 168.0073 -16.300074 L 164.68681 -4.5013173 L 162.65214 5.8781051 L 164.48363 8.1159503 L 166.72438 8.3220295 L 166.11195 4.4529663 L 168.55587 -3.4854343 L 169.69076 -6.0193369 L 174.4567 1.3908044 L 174.4567 1.399512 L 174.46831 1.4111221 L 175.64093 3.2310041 L 176.25336 2.8594811 L 176.55523 3.1061956 C 175.41481 3.8559784 174.50752 4.4683526 174.27965 4.6619479 C 174.38874 4.2270156 163.9429 16.59416 161.4563 19.540281 L 161.30827 19.557696 L 142.31706 34.456347 L 137.92845 39.065554 L 121.60176 48.191086 L 120.00247 51.83085 L 157.70044 36.923492 L 163.14847 35.022339 L 162.53314 45.160852 L 167.35133 55.131019 L 171.32778 55.488029 L 176.50588 55.276145 L 178.90337 50.158997 L 173.05188 47.665729 L 170.57022 41.79973 L 170.41639 39.274535 L 179.72478 36.607117 L 179.13557 37.321137 L 178.12549 39.338391 L 182.76662 51.038461 L 183.7738 54.669517 L 196.8874 54.266067 L 199.71155 54.266067 L 199.71155 48.617757 L 193.45662 44.783524 L 188.61521 44.58325 L 187.40486 42.36282 L 198.5012 32.680003 L 200.71873 25.41789 L 195.26779 19.673797 L 197.26473 17.694276 L 205.31923 11.906645 L 210.03873 8.4265203 L 213.01382 8.8125559 L 214.11968 5.7532966 L 216.89449 6.8388402 L 218.54022 5.9709858 L 215.53611 2.4357127 L 210.91529 2.9175316 L 206.93013 3.6402598 C 207.03122 3.1460801 207.15033 2.5038626 207.31326 1.4807827 C 207.41733 0.82731725 207.33207 0.21778212 207.11009 -0.35070938 L 208.8487 -1.5378413 L 213.92811 0.38362895 L 218.92916 -1.9267794 L 226.60343 -1.4652782 L 229.20409 -2.7249732 L 229.73816 -6.5679137 L 225.47725 -7.9001718 L 219.97697 -10.622738 L 228.01986 -12.184296 L 230.57408 -15.864695 L 226.86756 -19.829542 L 215.35325 -20.624833 L 213.51886 -21.600081 L 210.50894 -20.735129 L 202.28319 -18.163493 L 197.0006 -9.3891661 L 196.28077 -6.5098633 C 195.6124 -6.6927697 194.79044 -6.9136415 194.55087 -7.0003897 C 193.74123 -7.2935589 188.46453 -4.3047424 183.48355 -1.2679067 L 185.44856 -2.6698253 L 182.19193 -4.2981407 L 182.14839 -4.2981407 L 179.93376 -6.7885055 L 178.32286 -14.30604 L 178.79307 -14.924278 L 179.34165 -14.764639 L 179.0572 -15.27258 L 185.12347 -23.254519 L 189.41921 -29.515261 L 190.31318 -32.200095 L 188.16532 -33.810995 L 186.02035 -33.810995 z M 168.40494 -17.37691 L 168.61683 -17.034412 L 168.53555 -17.008289 L 168.40494 -17.37691 z " /><g
+             d="m 186.02035,-33.810995 v 2.147867 l -3.75876,8.231555 -6.07789,3.4511 -1.79956,-1.799564 -2.43812,-0.487624 -0.14222,-0.229299 0.25542,-0.847537 -1.01589,-0.676288 0.42377,-1.358381 -0.25542,-2.118841 -3.5614,-0.325083 v -2.725469 l -3.55849,-2.121744 1.9505,2.969281 0.36862,1.924372 -2.57454,2.693542 -2.96638,0.211884 -4.06934,-0.25252 3.2218,2.455535 h 3.25083 l 0.73434,2.885108 1.608,-0.08417 2.03466,1.271305 0.69081,1.111666 -0.16835,0.59792 -0.2293,0.07546 0.0639,0.510844 -3.32049,11.7987567 -2.03467,10.3794224 1.83149,2.2378452 2.24075,0.2060792 -0.61243,-3.8690632 2.44392,-7.9384006 1.13489,-2.5339026 4.76594,7.4101413 v 0.00871 l 0.0116,0.01161 1.17262,1.819882 0.61243,-0.371523 0.30187,0.2467145 c -1.14042,0.7497828 -2.04771,1.362157 -2.27558,1.5557523 C 174.38874,4.2270156 163.9429,16.59416 161.4563,19.540281 l -0.14803,0.01741 -18.99121,14.898651 -4.38861,4.609207 -16.32669,9.125532 -1.59929,3.639764 37.69797,-14.907358 5.44803,-1.901153 -0.61533,10.138513 4.81819,9.970167 3.97645,0.35701 5.1781,-0.211884 2.39749,-5.117148 -5.85149,-2.493268 -2.48166,-5.865999 -0.15383,-2.525195 9.30839,-2.667418 -0.58921,0.71402 -1.01008,2.017254 4.64113,11.70007 1.00718,3.631056 13.1136,-0.40345 h 2.82415 v -5.64831 l -6.25493,-3.834233 -4.84141,-0.200274 -1.21035,-2.22043 11.09634,-9.682817 2.21753,-7.262113 -5.45094,-5.744093 1.99694,-1.979521 8.0545,-5.787631 4.7195,-3.4801247 2.97509,0.3860356 1.10586,-3.0592593 2.77481,1.0855436 1.64573,-0.8678544 -3.00411,-3.5352731 -4.62082,0.4818189 -3.98516,0.7227282 c 0.10109,-0.4941797 0.2202,-1.1363972 0.38313,-2.1594771 0.10407,-0.65346545 0.0188,-1.26300058 -0.20317,-1.83149208 l 1.73861,-1.18713192 5.07941,1.92147025 5.00105,-2.31040835 7.67427,0.4615012 2.60066,-1.259695 0.53407,-3.8429405 -4.26091,-1.3322581 -5.50028,-2.7225662 8.04289,-1.561558 2.55422,-3.680399 -3.70652,-3.964847 -11.51431,-0.795291 -1.83439,-0.975248 -3.00992,0.864952 -8.22575,2.571636 -5.28259,8.7743269 -0.71983,2.8793028 c -0.66837,-0.1829064 -1.49033,-0.4037782 -1.7299,-0.4905264 -0.80964,-0.2931692 -6.08634,2.6956473 -11.06732,5.732483 l 1.96501,-1.4019186 -3.25663,-1.6283154 h -0.0435 l -2.21463,-2.4903648 -1.6109,-7.5175345 0.47021,-0.618238 0.54858,0.159639 -0.28445,-0.507941 6.06627,-7.981939 4.29574,-6.260742 0.89397,-2.684834 -2.14786,-1.6109 z m -17.61541,16.434085 0.21189,0.342498 -0.0813,0.02612 z" /><g
              id="g23824"
              inkscape:transform-center-x="0.84676425"
              inkscape:transform-center-y="-1.8078098"
@@ -312,10 +317,11 @@
            cx="84.000664"
            cy="14.493487"
            r="3.2474122" /></g><g
-         id="g38435"><path
+         id="g38435"
+         transform="translate(7.9284341)"><path
            id="rect18341"
            style="fill:#242a7a;fill-opacity:1;stroke:none;stroke-width:0.991054;stroke-linecap:round"
-           d="M 30.035286 7.1261508 L 30.035286 40.748442 L 54.967463 40.748442 L 54.967463 7.1261508 L 30.035286 7.1261508 z M 31.287169 8.753551 L 53.715096 8.753551 L 53.715096 39.121042 L 31.287169 39.121042 L 31.287169 8.753551 z " /><path
+           d="M 30.035286,7.1261508 V 40.748442 H 54.967463 V 7.1261508 Z M 31.287169,8.753551 H 53.715096 V 39.121042 H 31.287169 Z" /><path
            style="fill:#242a7a;fill-opacity:1;stroke:none;stroke-width:0.991054;stroke-linecap:round"
            d="m 31.89643,26.005846 c 0,0 5.08144,-5.215162 6.151216,-5.883773 1.069779,-0.66861 7.755884,2.941887 7.755884,2.941887 l 7.622161,-1.738387 0.534887,17.785041 -22.331594,-0.133721 z"
            id="path26793" /><path
diff --git a/components/bio/BioHeading.vue b/components/bio/BioHeading.vue
index 6505471..819fe7b 100644
--- a/components/bio/BioHeading.vue
+++ b/components/bio/BioHeading.vue
@@ -36,7 +36,7 @@
         >
           Visit my Github
           <template v-slot:suffix>
-            <IconsArrowRight width="22" height="22" fill="currentColor" />
+            <IconsCode width="22" height="22" fill="currentColor" />
           </template>
         </UiActionButton>
       </div>
@@ -52,7 +52,7 @@
 .grid {
   display: grid;
   grid-template-columns: 1fr 2fr;
-  grid-column-gap: 40px;
+  grid-column-gap: 80px;
 
   @include desktop {
     display: flex;
diff --git a/components/bio/BioProjectCard.vue b/components/bio/BioProjectCard.vue
index c93e4c0..a8fc718 100644
--- a/components/bio/BioProjectCard.vue
+++ b/components/bio/BioProjectCard.vue
@@ -21,7 +21,7 @@
 
       <div :class="$style.buttons">
         <UiActionButton :href="source" variant="outline" _target="blank">
-          Source Code
+          Code
 
           <template v-slot:suffix>
             <IconsCode width="22" height="22" fill="currentColor" />
diff --git a/layouts/default.vue b/layouts/default.vue
index a69a96e..7b7ec72 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -95,8 +95,6 @@ export default defineComponent({
   display: flex;
   flex-direction: column;
   height: 100%;
-
-  @include container;
 }
 
 .sidebar {
@@ -170,6 +168,10 @@ export default defineComponent({
 
 .content {
   width: 100%;
-  padding-top: 40px;
+  height: 100%;
+
+  @include tablet {
+    padding-top: 40px;
+  }
 }
 </style>
diff --git a/pages/[...slug].vue b/pages/[...slug].vue
index 648e427..e02f70d 100644
--- a/pages/[...slug].vue
+++ b/pages/[...slug].vue
@@ -1,5 +1,5 @@
 <template>
-  <main>
+  <main :class="$style.content">
     <ContentDoc>
       <template v-slot="{ doc }">
         <h1>{{ doc.title }}</h1>
@@ -28,3 +28,11 @@ export default {
   scrollToTop: true,
 };
 </script>
+
+<style lang="scss" module>
+@import "@/assets/css/mixins";
+
+.content {
+  @include container;
+}
+</style>
diff --git a/pages/bio.vue b/pages/bio.vue
index 873f610..76501ed 100644
--- a/pages/bio.vue
+++ b/pages/bio.vue
@@ -14,7 +14,16 @@
   </article>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts">
+export default {
+  scrollToTop: true,
+  head() {
+    return {
+      title: "About Me",
+    };
+  },
+};
+
 definePageMeta({ layout: "landing" });
 </script>