fix: Using API instead of direct github to bypass restrictions

Author: etherbeing

src/components/react/BlogPage.tsx

@@ -10,7 +10,7 @@ export default function BlogPage() {
     useEffect(() => {
         fetch(`${import.meta.env.PUBLIC_API_URL}/api/gist/${slug}/`).then(async r => {
             setContent(insane(
-                await marked.parse((await r.json())["files"]["content.md"]["content"] || "Not found"),
+                await marked.parse((await r.json())["content"] || "Not found"),
             ));
         }).catch((err) => {
             console.error(err)

src/components/react/BlogPost.tsx

@@ -1,7 +1,6 @@
 import { useEffect, useState } from "react";
 
 export default function Blog() {
-  const URL = "https://api.github.com/users/etherbeing/gists?per_page=15";
   const [posts, setPosts] = useState<
     Array<{
       id: string;
@@ -14,7 +13,7 @@ export default function Blog() {
     "justify-start" | "justify-center"
   >("justify-start");
   useEffect(() => {
-    fetch(URL).then(async (response) => {
+    fetch(`${import.meta.env.PUBLIC_API_URL}/api/gists/`).then(async (response) => {
       if (response.ok) {
         setPosts(await response.json());
         if (posts.length % 3 === 1) {

src/components/react/Projects.tsx

@@ -12,7 +12,7 @@ interface Repo {
 export default function Projects() {
   const [repos, setRepos] = useState<Array<Repo>>([]);
   useEffect(() => {
-    fetch("https://api.github.com/users/etherbeing/repos?per_page=5").then(
+    fetch(`${import.meta.env.PUBLIC_API_URL}/api/projects/`).then(
       async (res) => {
         if (res.ok) setRepos(await res.json())
       },