started-new-blog

src/assets/scss/_variables.scss

@@ -3,7 +3,7 @@
 
 $color-base: hsl(0, 0%, 13%);
 $color-primary: hsl(220, 100%, 68%);
-$color-secondary: hsl(31, 92%, 62%);
+$color-secondary: hsl(220, 100%, 68%);
 
 $color-white: hsl(0, 0%, 100%);
 $color-gray: color.adjust($color-base, $lightness: 40%);
@@ -27,10 +27,11 @@ $typographic-leading: math.round(16 * math.div($typographic-root-font-size, 100)
 $button-height: 35px;
 $button-border-radius: 20px;
 
-$layout-post-single-width: 945px;
+$layout-post-single-width: 1100px;
 $layout-post-width: $layout-post-single-width - 305px;
 
-$layout-width: 1070px;
+// $layout-width: 1070px;
+$layout-width: 1300px;
 $layout-breakpoint-sm: 685px;
 $layout-breakpoint-md: 960px;
 $layout-breakpoint-lg: 1100px;

src/components/Post/Author/Author.tsx

@@ -1,7 +1,6 @@
 import React from "react";
 
 import { useSiteMetadata } from "@/hooks";
-import { getContactHref } from "@/utils";
 
 import * as styles from "./Author.module.scss";
 
@@ -11,14 +10,8 @@ const Author = () => {
   return (
     <div className={styles.author}>
       <p className={styles.bio}>
-        {author.bio}
-        <a
-          className={styles.twitter}
-          href={getContactHref("twitter", author.contacts.twitter)}
-          rel="noopener noreferrer"
-          target="_blank"
-        >
-          <strong>{author.name}</strong> on Twitter
+        Written by: <a href ="/pages/about">
+          <strong>{author.name}</strong>
         </a>
       </p>
     </div>

src/components/Sidebar/Sidebar.module.scss

@@ -39,7 +39,9 @@
 
 @include breakpoint-md {
   .sidebar {
-    lost-column: 1/3;
+    lost-column: 1/4;
+    // TODO: column to 1/4?
+    // lost-column: 1/3;?
 
     .inner {
       @include padding-equal(1.5);

src/utils/get-contact-href.ts

@@ -14,7 +14,7 @@ const getContactHref = (name: string, contact: string) => {
     facebook: `https://www.facebook.com/${contact}`,
     instagram: `https://www.instagram.com/${contact}`,
     linkedin: `https://www.linkedin.com/in/${contact}`,
-    youtube: `https://www.youtube.com/channel/${contact}`,
+    youtube: `https://www.youtube.com/c/${contact}`,
   };
 
   return hrefs[name] ?? contact;