update summary and add bluesky

btholt · Oct 23, 2024 · 1139c34 · 1139c34
1 parent 131a8f5
commit 1139c34
Show file tree

Hide file tree

Showing 10 changed files with 276 additions and 691 deletions.
diff --git a/components/bluesky.js b/components/bluesky.js
@@ -0,0 +1,15 @@
+export default function BlueskyLogo() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 -3.268 64 68.414"
+      width="38"
+      height="auto"
+    >
+      <path
+        fill="var(--footer-icons)"
+        d="M13.873 3.805C21.21 9.332 29.103 20.537 32 26.55v15.882c0-.338-.13.044-.41.867-1.512 4.456-7.418 21.847-20.923 7.944-7.111-7.32-3.819-14.64 9.125-16.85-7.405 1.264-15.73-.825-18.014-9.015C1.12 23.022 0 8.51 0 6.55 0-3.268 8.579-.182 13.873 3.805zm36.254 0C42.79 9.332 34.897 20.537 32 26.55v15.882c0-.338.13.044.41.867 1.512 4.456 7.418 21.847 20.923 7.944 7.111-7.32 3.819-14.64-9.125-16.85 7.405 1.264 15.73-.825 18.014-9.015C62.88 23.022 64 8.51 64 6.55c0-9.818-8.578-6.732-13.873-2.745z"
+      />
+    </svg>
+  );
+}
diff --git a/components/footer.js b/components/footer.js
@@ -2,8 +2,9 @@ import React from "react";
 import Gh from "./github";
 import Tw from "./twitter";
 import Li from "./linkedin";
+import Bs from "./bluesky";
 
-export default function Footer({ twitter, linkedin, github }) {
+export default function Footer({ twitter, linkedin, github, bluesky }) {
   return (
     <footer className="footer">
       <ul className="socials">
@@ -14,6 +15,13 @@ export default function Footer({ twitter, linkedin, github }) {
             </a>
           </li>
         ) : null}
+        {bluesky ? (
+          <li className="social">
+            <a href={`https://bsky.app/profile/${bluesky}`}>
+              <Bs />
+            </a>
+          </li>
+        ) : null}
         {github ? (
           <li className="social">
             <a href={`https://github.com/${github}`}>

diff --git a/components/layout.js b/components/layout.js
@@ -21,6 +21,7 @@ function Layout({ children }) {
             twitter={courseInfo.social.twitter}
             github={courseInfo.social.github}
             linkedin={courseInfo.social.linkedin}
+            bluesky={courseInfo.social.bluesky}
           />
         </div>
       </HeaderProvider>

diff --git a/components/twitter.js b/components/twitter.js
@@ -1,31 +1,16 @@
 export default function Twitter() {
   return (
     <svg
+      fill="none"
+      height="auto"
+      width="32"
       xmlns="http://www.w3.org/2000/svg"
-      xmlnsXlink="http://www.w3.org/1999/xlink"
-      width="40"
-      height="32"
-      viewBox="0 0 40 32"
+      viewBox="0.254 0.25 500 451.95400000000006"
     >
-      <defs>
-        <clipPath id="clip-twitter-social">
-          <rect width="40" height="32" />
-        </clipPath>
-      </defs>
-      <g id="twitter-social" clipPath="url(#clip-twitter-social)">
-        <g
-          id="Group_269"
-          data-name="Group 269"
-          transform="translate(-230.23 -1140.849)"
-        >
-          <path
-            id="Path_419"
-            data-name="Path 419"
-            d="M266.12,1148.861v1.035a23.092,23.092,0,0,1-1.507,8.1,24.08,24.08,0,0,1-4.475,7.381,22.175,22.175,0,0,1-7.306,5.4,24.129,24.129,0,0,1-10,2.07,23.7,23.7,0,0,1-6.667-.945,22.83,22.83,0,0,1-5.936-2.655q.959.091,1.963.09a16.518,16.518,0,0,0,5.434-.9,17.111,17.111,0,0,0,4.749-2.52,8.275,8.275,0,0,1-4.749-1.643,7.8,7.8,0,0,1-2.877-3.983,8.268,8.268,0,0,0,1.507.135,8.58,8.58,0,0,0,2.146-.27,8.16,8.16,0,0,1-5.685-4.344,8.326,8.326,0,0,1-.89-3.578v-.135a7.775,7.775,0,0,0,3.744,1.035,8.183,8.183,0,0,1-2.671-2.9,7.817,7.817,0,0,1-.982-3.848,7.948,7.948,0,0,1,1.1-4.05,23.53,23.53,0,0,0,16.895,8.46,9.221,9.221,0,0,1-.183-1.845,7.787,7.787,0,0,1,1.1-4.05,8.216,8.216,0,0,1,2.991-2.948,7.991,7.991,0,0,1,4.087-1.1,8.184,8.184,0,0,1,5.982,2.566,16.087,16.087,0,0,0,5.205-1.98,7.784,7.784,0,0,1-1.393,2.588,8.4,8.4,0,0,1-2.215,1.913,16.856,16.856,0,0,0,4.749-1.305A17.032,17.032,0,0,1,266.12,1148.861Z"
-            fill="var(--footer-icons)"
-          />
-        </g>
-      </g>
+      <path
+        d="M394.033.25h76.67L303.202 191.693l197.052 260.511h-154.29L225.118 294.205 86.844 452.204H10.127l179.16-204.77L.254.25H158.46l109.234 144.417zm-26.908 406.063h42.483L135.377 43.73h-45.59z"
+        fill="var(--footer-icons)"
+      />
     </svg>
   );
 }
diff --git a/course.json b/course.json
@@ -1,15 +1,16 @@
 {
   "author": {
     "name": "Brian Holt",
-    "company": "Stripe"
+    "company": "Neon"
   },
   "title": "Next.js Course Starter Kit",
   "subtitle": "for Frontend Masters",
-  "frontendMastersLink": "https://frontendmasters.com/courses/complete-react-v8/",
+  "frontendMastersLink": "https://frontendmasters.com/courses/complete-react-v9/",
   "social": {
     "linkedin": "btholt",
     "github": "btholt",
-    "twitter": "holtbt"
+    "twitter": "holtbt",
+    "bluesky": "brianholt.me"
   },
   "description": "A starter kit for making really amazing courses, optimized for Frontend Masters",
   "keywords": ["your", "Google", "keywords", "here"],

diff --git a/data/course.js b/data/course.js
@@ -14,6 +14,7 @@ const DEFAULT_CONFIG = {
     linkedin: "btholt",
     github: "btholt",
     twitter: "holtbt",
+    bluesky: "brianholt.me",
   },
   productionBaseUrl: "/",
 };