refactor: migrate components to TypeScript, remove unused Docusaurus assets and blog configuration, and add new design file.

Author: marcofarina

.gitignore

@@ -1,12 +1,41 @@
 # macOS
 .DS_Store
+.AppleDouble
+.LSOverride
 
 # Windows
 Thumbs.db
+ehthumbs.db
+Desktop.ini
 
 # Docusaurus
 .docusaurus
-node_modules
+node_modules/
+build/
+.cache/
 
 # IDE
 .idea
+.vscode/
+*.swp
+*.swo
+*~
+
+# Logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# Environment
+.env
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# Testing
+coverage/
+
+# Misc
+*.log

blog/authors.yml

@@ -138,10 +138,6 @@ const config: Config = {
         {
           title: 'More',
           items: [
-            /*            {
-                          label: 'Blog',
-                          to: '/blog',
-                        },*/
             {
               label: 'GitHub',
               href: 'https://github.com/marcofarina/',

blog/tags.yml

@@ -1,6 +1,6 @@
 {
   "name": "python-doesnt-byte",
-  "version": "0.0.0",
+  "version": "0.1.0",
   "private": true,
   "scripts": {
     "docusaurus": "docusaurus",
@@ -63,6 +63,6 @@
     ]
   },
   "engines": {
-    "node": ">=18.0"
+    "node": ">=20.0"
   }
 }

static/img/python.afdesign design/python.afdesignstatic/img/python.afdesign renamed to design/python.afdesign

@@ -0,0 +1,17 @@
+import React from 'react';
+
+import styles from './styles.module.css';
+
+interface SectionProps {
+    children: React.ReactNode;
+}
+
+function Section({ children }: SectionProps) {
+    return (
+        <div className={styles.wrapper}>
+            <div className={styles.container}>{children}</div>
+        </div>
+    );
+}
+
+export default Section;

docusaurus.config.ts

@@ -0,0 +1,23 @@
+import Heading from '@theme/Heading';
+
+import styles from './styles.module.css';
+
+interface SectionTitleProps {
+    title: string;
+    description: React.ReactNode;
+}
+
+function SectionTitle({ title, description }: SectionTitleProps) {
+    return (
+        <div className={styles.container}>
+            <Heading as="h1" className={styles.title}>
+                {title}
+            </Heading>
+            <Heading as="h3" className={styles.description}>
+                {description}
+            </Heading>
+        </div>
+    );
+}
+
+export default SectionTitle;