feat(icon): added code for generating 4-hypercube graph

Author: steadyfall

hypercube/generate.py

@@ -0,0 +1,27 @@
+import networkx as nx
+import matplotlib.pyplot as plt
+
+
+G = nx.hypercube_graph(4)
+pos = nx.spring_layout(G)                   # (spring layout works well for hypercubes)
+fig, ax = plt.subplots(figsize=(8, 8))      # transparent background
+
+nx.draw(
+    G, pos, with_labels=False, 
+    node_size=500, node_color="#00FFFF",    # Cyan nodes (good contrast in both modes)
+    edge_color="#333333",                   # Dark gray edges (works in both modes)
+    width=4,                                # Make edges extra bold
+    ax=ax
+)
+ax.set_axis_off()
+
+# 4_hypercube_graph_square_bold_edges_contrast
+plt.savefig(
+    "icon.png", 
+    format="png", 
+    transparent=True, 
+    bbox_inches='tight', 
+    pad_inches=0
+)
+
+plt.show()

hypercube/requirements.txt

@@ -0,0 +1,2 @@
+matplotlib==3.9.2
+networkx==3.3

src/components/About.tsx

@@ -38,18 +38,23 @@ const About = () => {
             </div>
             <p>
               For those of you curious, the favicon is a <Highlight text="4-hypercube graph" color="cyan" /> made via Python, using NetworkX and Matplotlib.
-              Check <LinkWithArrow
+              Check the <LinkWithArrow
                 href="/icon.ico" target="_blank"
                 className="mr-1 hover:underline hover:underline-offset-2 text-orange-500"
               >
-                it
+                image
               </LinkWithArrow>
-              out and learn <LinkWithArrow
+              out, learn <LinkWithArrow
                 href="https://en.wikipedia.org/wiki/Hypercube_graph" target="_blank"
                 className="mr-1 hover:underline hover:underline-offset-2 text-blue-violet-500"
               >
                 more
-              </LinkWithArrow>.
+              </LinkWithArrow> about hypercube graphs & here is the <LinkWithArrow
+                href="https://github.com/steadyfall/steadyfall.github.io/blob/main/hypercube/generate.py" target="_blank"
+                className="mr-1 hover:underline hover:underline-offset-2 dark:text-firefly-500 text-firefly-600"
+              >
+                code
+              </LinkWithArrow> to generate it yourself.
             </p>
           </div>
         </BlurFade>