chore: update site layout and styles

assets/css/scss/components/_author-card.scss

@@ -0,0 +1,51 @@
+.author-card-item {
+  margin-bottom: 2rem;
+  border: 1px solid #eee;
+  padding: 1rem;
+  display: flex;
+  align-items: center;
+
+  .author-card-image {
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+    padding-right: 1rem;
+
+    img {
+      border-radius: 50%;
+      width: 100%;
+      height: auto;
+      display: block;
+    }
+  }
+
+  .author-card-info {
+    flex: 0 0 66.666667%;
+    max-width: 66.666667%;
+    padding-left: 1rem;
+
+    .author-card-name {
+      font-size: 1.25rem;
+      font-weight: bold;
+      margin-bottom: 0.5rem;
+    }
+
+    .author-card-title {
+      font-size: 0.9rem;
+      color: #666;
+      margin-bottom: 1rem;
+    }
+
+    .author-card-buttons {
+      .author-button-link {
+        display: inline-flex;
+        align-items: center;
+        color: #007bff;
+        text-decoration: none;
+
+        svg {
+          margin-left: 0.5rem;
+        }
+      }
+    }
+  }
+}

assets/css/scss/theme.scss

@@ -57,6 +57,7 @@
 @import "components/preloader";
 @import "components/section";
 @import "components/_ez-toc";
+@import "components/author-card";
 
 
 //
@@ -98,4 +99,4 @@ figure.wp-block-image {
     margin: auto;
     display: block;
   }   
-}
+}