Added stylelint, improved code readability, implemented swipe controls

pages/about.vue

@@ -52,9 +52,9 @@ useHead({
     <hr />
     <p>
       Nice to meet you! I'm Andrew, a {{ age }}-year-old guy from Kaluga,
-      Russia. I have been developing software since I was 10 years old, and I
-      have always been interested in technology. I'm a middle-senior C/++
-      developer and a junior full-stack engineer.
+      Russia. I have been developing software since I was 10, and I have always
+      been interested in technology. I'm a middle-senior C/++ developer and a
+      junior full-stack engineer.
       <sup>1</sup>
     </p>
     <p class="font-small">
@@ -75,5 +75,3 @@ useHead({
     </p>
   </section>
 </template>
-
-<style scoped lang="scss"></style>

pages/index.vue

@@ -99,5 +99,3 @@ useHead({
     </p>
   </section>
 </template>
-
-<style scoped lang="scss"></style>

pages/projects.vue

@@ -91,5 +91,3 @@ useHead({
     </p>
   </section>
 </template>
-
-<style scoped lang="scss"></style>

pages/social.vue

@@ -88,7 +88,7 @@ useHead({
 
 <template>
   <section>
-    <h3 class="alex">Social media</h3>
+    <h3 class="alex">Online presence</h3>
     <hr />
     <p>
       <strong>🚧 This page is currently under construction.</strong> Expect a
@@ -97,30 +97,43 @@ useHead({
       I will make sure to sand them down.
     </p>
     <hr />
-    <ul class="list-style-type-none p-0">
-      <li v-for="(page, index) in socials" :key="index">
-        <div class="d-flex flex-row align-items-center gap-1">
-          <ClientOnly>
-            <FontAwesomeIcon :icon="`fa-brands fa-${page.icon}`" fixed-width />
-          </ClientOnly>
-          <a class="link-hi" target="_blank" rel="noopener" :href="page.url">
-            {{ page.name }}
-          </a>
-        </div>
-      </li>
-    </ul>
-    <h3 class="alex">Contact me</h3>
-    <p>
-      Personal:
-      <EMail
-        class="link-hi"
-        address="[email protected]"
-        subject="Hey Enderman!"
-      /><br />
-      Manager: <EMail class="link-hi" address="[email protected]" /><br />
-      Abuse: <EMail class="link-hi" address="[email protected]" />
-    </p>
+    <div class="row">
+      <div class="col-12 col-md-3">
+        <h5 class="alex">Social media</h5>
+        <ul class="list-style-type-none p-0">
+          <li v-for="(page, index) in socials" :key="index">
+            <div class="d-flex flex-row align-items-center gap-1">
+              <ClientOnly>
+                <FontAwesomeIcon
+                  :icon="`fa-brands fa-${page.icon}`"
+                  fixed-width
+                />
+              </ClientOnly>
+              <a
+                class="link-hi"
+                target="_blank"
+                rel="noopener"
+                :href="page.url"
+              >
+                {{ page.name }}
+              </a>
+            </div>
+          </li>
+        </ul>
+      </div>
+      <div class="col-12 col-md-9">
+        <h5 class="alex">Contact me</h5>
+        <p>
+          Personal:
+          <EMail
+            class="link-hi"
+            address="[email protected]"
+            subject="Hey Enderman!"
+          /><br />
+          Manager: <EMail class="link-hi" address="[email protected]" /><br />
+          Abuse: <EMail class="link-hi" address="[email protected]" />
+        </p>
+      </div>
+    </div>
   </section>
 </template>
-
-<style scoped lang="scss"></style>