Merge pull request #270 from 1chooo/chore/update-footer-posts-banner

Chore/update footer posts banner

Author: 1chooo

apps/docs/pages/code-walkthrough.mdx

@@ -41,28 +41,30 @@ import { FileTree } from 'nextra/components'
 
 ## Code Counter with Complexity Calculations by [`scc`](https://github.com/boyter/scc) 
 
-Last updated: August, 28, 2024 in [`a2614ed`](https://github.com/1chooo/1chooo.com/commit/a2614ed29c7608fffa651f98b02e7eff82704377)
+Last updated: September, 14, 2024 in [`88cf09c`](https://github.com/1chooo/1chooo.com/commit/88cf09c3f291bef202d08a16712a6eae3922cfc7)
 
 ```py
 ───────────────────────────────────────────────────────────────────────────────
 Language                 Files     Lines   Blanks  Comments     Code Complexity
 ───────────────────────────────────────────────────────────────────────────────
-TypeScript                  62      2516      281        31     2204        159
-CSS                         11      2434      458       241     1735          0
-Markdown                     5       471      145         0      326          0
-JSON                         4       120        0         0      120          0
-JavaScript                   3        42        4         3       35          0
+TypeScript                  78      3482      416       192     2874        223
+JSON                        16       370        0         0      370          0
+CSS                         13      2637      491       270     1876          0
+JavaScript                   9       196       16        31      149          0
+Markdown                     9       805      237         0      568          0
+MDX                          8       618      155         0      463          0
+TypeScript Typings           5        61        6         6       49          3
+Handlebars                   1         8        0         0        8          0
 License                      1        21        4         0       17          0
-TypeScript Typings           1         5        1         4        0          0
-YAML                         1        14        1         4        9          0
+YAML                         1        36        3         4       29          0
 ───────────────────────────────────────────────────────────────────────────────
-Total                       88      5623      894       283     4446        159
+Total                      141      8234     1328       503     6403        226
 ───────────────────────────────────────────────────────────────────────────────
-Estimated Cost to Develop (organic) $129,408
-Estimated Schedule Effort (organic) 6.32 months
-Estimated People Required (organic) 1.82
+Estimated Cost to Develop (organic) $189,800
+Estimated Schedule Effort (organic) 7.31 months
+Estimated People Required (organic) 2.31
 ───────────────────────────────────────────────────────────────────────────────
-Processed 144774 bytes, 0.145 megabytes (SI)
+Processed 219960 bytes, 0.220 megabytes (SI)
 ───────────────────────────────────────────────────────────────────────────────
 ```
 

apps/web/package.json

@@ -65,14 +65,11 @@
     "@testing-library/jest-dom": "^6.5.0",
     "@testing-library/react": "^16.0.1",
     "@types/react-syntax-highlighter": "^15.5.13",
-    "autoprefixer": "^10.4.20",
     "eslint": "9.10.0",
     "eslint-config-next": "14.2.7",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "postcss": "^8.4.45",
     "sass": "^1.77.8",
-    "sass-loader": "^16.0.1",
-    "tailwindcss": "^3.4.11"
+    "sass-loader": "^16.0.1"
   }
-}
+}

apps/web/postcss.config.mjs

@@ -1,37 +1,3 @@
-/* @tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-:root {
-  --foreground-rgb: 0, 0, 0;
-  --background-start-rgb: 214, 219, 220;
-  --background-end-rgb: 255, 255, 255;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --foreground-rgb: 255, 255, 255;
-    --background-start-rgb: 0, 0, 0;
-    --background-end-rgb: 0, 0, 0;
-  }
-}
-
-body {
-  color: rgb(var(--foreground-rgb));
-  background: linear-gradient(
-      to bottom,
-      transparent,
-      rgb(var(--background-end-rgb))
-    )
-    rgb(var(--background-start-rgb));
-}
-
-@layer utilities {
-  .text-balance {
-    text-wrap: balance;
-  }
-} */
-
 /*-----------------------------------*\
   #copyright 2024 @1chooo
 \*-----------------------------------*/
@@ -1077,6 +1043,7 @@ main {
 .select-item button:hover {
   --eerie-black-2: hsl(240, 2%, 20%);
 }
+
 .select-item button a:hover {
   --eerie-black-2: hsl(240, 2%, 20%);
 }
@@ -1877,6 +1844,7 @@ textarea.form-input::-webkit-resizer {
   .filter-item button.active {
     color: var(--orange-yellow-crayola);
   }
+
   .filter-item a:hover {
     color: var(--light-gray-70);
   }

apps/web/public/images/banner/1382-balance-a-binary-search-tree.png

@@ -1,13 +1,28 @@
 import React from "react";
+import Link from "next/link";
+
 import "@/styles/side-bar/footer.css";
 
+// All rights reserved and subject to the Privacy Policy and Terms and Conditions.
 const Footer: React.FC = () => {
   return (
     <footer className="footer">
       <div className="footer-copyright">© 2024 1chooo</div>
       <div className="footer-links">
-        <a href="https://docs.1chooo.com">Docs</a>
-        <a href="https://github.com/1chooo/1chooo.com">Vcard Theme</a>
+        <Link
+          href="https://docs.1chooo.com"
+          target="_blank" 
+          rel="noopener noreferrer"
+        >
+          Docs
+        </Link>
+        <Link
+          href="https://github.com/1chooo/1chooo.com"
+          target="_blank" 
+          rel="noopener noreferrer"
+        >
+          Vcard Theme
+        </Link>
       </div>
     </footer>
   );

apps/web/public/images/banner/1480-running-sum-of-1d-array.png

@@ -12,13 +12,16 @@ tags:
   - Binary Search Tree
   - Binary Tree
 summary: 'Given the `root` of a binary search tree, return a balanced binary search tree with the same node values. If there is more than one answer, return any of them.'
-banner: https://blog.1chooo.com/images/cover/leetcode/1382-balance-a-binary-search-tree.png
+banner: /images/banner/1382-balance-a-binary-search-tree.png
 alt: "LeetCode 1382. Balance a Binary Search Tree - Easy Solution | Go"
 mathjax: true
 ---
 
 Link 👉🏻 [1382. Balance a Binary Search Tree](https://leetcode.com/problems/balance-a-binary-search-tree/)
 
+![LeetCode 1382. Balance a Binary Search Tree - Easy Solution | Go by Hugo](/images/banner/1382-balance-a-binary-search-tree.png)
+
+
 ### Description
 
 Given the `root` of a binary search tree, return a balanced binary search tree with the same node values. If there is more than one answer, return any of them.

apps/web/public/images/banner/1550-three-consecutive-odds.png

@@ -7,14 +7,16 @@ tags:
   - Array
   - Prefix Sum
 summary: 'Given an array `nums`. We define a running sum of an array as `runningSum[i] = sum(nums[0]...nums[i])`. Return the running sum of `nums`.'
-banner: https://blog.1chooo.com/images/cover/leetcode/1480-running-sum-of-1d-array.png
+banner: /images/banner/1480-running-sum-of-1d-array.png
 alt: "💯✅ LeetCode 1480. Running Sum of 1d Array | Go"
 mathjax: true
 ---
 
 Link 👉🏻 [1480. Running Sum of 1d Array](https://leetcode.com/problems/running-sum-of-1d-array)
 
 
+![💯✅ LeetCode 1480. Running Sum of 1d Array | Go by Hugo](/images/banner/1480-running-sum-of-1d-array.png)
+
 ### Description
 
 Given an array `nums`. We define a running sum of an array as `runningSum[i] = sum(nums[0]...nums[i])`.

apps/web/public/images/banner/1791-find-center-of-star-graph.png

@@ -6,14 +6,16 @@ tags:
   - Array
   - Go
 summary: 'Given an integer array arr, return true if there are three consecutive odd numbers in the array. Otherwise, return false.'
-banner: https://blog.1chooo.com/images/cover/leetcode/1550-three-consecutive-odds.png
+banner: /images/banner/1550-three-consecutive-odds.png
 alt: "💯✅ LeetCode 1550. Three Consecutive Odds | Go"
 mathjax: true
 ---
 
 
 Link 👉🏻 [1550. Three Consecutive Odds](https://leetcode.com/problems/three-consecutive-odds)
 
+![💯✅ LeetCode 1550. Three Consecutive Odds | Go by Hugo](/images/banner/1550-three-consecutive-odds.png)
+
 
 ### Description
 

apps/web/public/images/banner/2181-merge-nodes-in-between-zeros.png

@@ -6,13 +6,15 @@ tags:
   - Graph
   - Go
 summary: 'In a star graph, the center node will appear in each of the edges which means every node will contain the center node. So, we just need to find the common node in the first two edges.'
-banner: https://blog.1chooo.com/images/cover/leetcode/1791-find-center-of-star-graph.png
+banner: /images/banner/1791-find-center-of-star-graph.png
 alt: "[O(1) Time and Space] LeetCode 1791. Find Center of Star Graph - Easy Solution | Go"
 mathjax: true
 ---
 
 Link 👉🏻 [1791. Find Center of Star Graph](https://leetcode.com/problems/find-center-of-star-graph/)
 
+![\[O(1) Time and Space\] LeetCode 1791. Find Center of Star Graph - Easy Solution | Go by Hugo](/images/banner/1791-find-center-of-star-graph.png)
+
 ### Description
 
 There is an undirected star graph consisting of `n` nodes labeled from `1` to `n`. A star graph is a graph where there is one center node and exactly `n - 1` edges that connect the center node with every other node.

apps/web/public/images/banner/amazon-linux-2-install-docker.png

@@ -7,13 +7,15 @@ tags:
   - Simulation
   - Go
 summary: "You are given the head of a linked list, which contains a series of integers separated by 0's. The beginning and end of the linked list will have Node.val == 0."
-banner: https://blog.1chooo.com/images/cover/leetcode/2181-merge-nodes-in-between-zeros.png
+banner: /images/banner/2181-merge-nodes-in-between-zeros.png
 alt: "💯✅ LeetCode 2181. Merge Nodes in Between Zeros | Go"
 mathjax: true
 ---
 
 Link 👉🏻 [2181. Merge Nodes in Between Zeros](https://leetcode.com/problems/merge-nodes-in-between-zeros)
 
+![💯✅ LeetCode 2181. Merge Nodes in Between Zeros | Go by Hugo](/images/banner/2181-merge-nodes-in-between-zeros.png)
+
 ## Description
 
 You are given the `head` of a linked list, which contains a series of integers separated by `0`'s. The beginning and end of the linked list will have `Node.val == 0`.

apps/web/src/app/globals.css

@@ -8,12 +8,14 @@ tags:
 - AWS
 - EC2
 - Amazon Linux 2
-banner: https://blog.1chooo.com/images/cover/dev-ops/amazon-linux-2-install-docker.png
+banner: /images/banner/amazon-linux-2-install-docker.png
 alt: "AWS: 如何在 AWS EC2 Amazon Linux 2 上安裝 Docker"
 ---
 
 在我們需要做 DevOps 時，我們常常會需要用到 Containerization 技術，而 Docker 是目前最為廣泛使用的 Containerization 技術之一。同時我們也可能會用到雲端的算力來幫助我們完成這些工作，因此我們今天將會介紹如何在 Amazon Linux 2 上安裝 Docker。
 
+![AWS: 如何在 AWS EC2 Amazon Linux 2 上安裝 Docker](/images/banner/amazon-linux-2-install-docker.png)
+
 ### 連線到 EC2
 
 我們會需要透過 SSH 連線到 EC2，當然我們也可以直接透過 Console 連線到 Shell 來操作，我們將會以 SSH 的方式連線到 EC2 來操作，畢竟可以本地連上去操作會更加順手。
@@ -202,4 +204,4 @@ $ sudo systemctl status docker.service
 ### Reference
 
 - [How to install Docker on Amazon Linux 2](https://www.cyberciti.biz/faq/how-to-install-docker-on-amazon-linux-2/)
-- [How to install Docker on Amazon Linux 2](https://swapnasagarpradhan.medium.com/how-to-install-docker-on-amazon-linux-2-8e5161ac5464)
+- [How to install Docker on Amazon Linux 2](https://swapnasagarpradhan.medium.com/how-to-install-docker-on-amazon-linux-2-8e5161ac5464)