First specs

docs/intro.md

@@ -4,7 +4,7 @@ sidebar_position: 1
 
 # Tutorial Intro
 
-Let's discover **Docusaurus in less than 5 minutes**.
+Let's discover **Piper in less than 5 minutes**.
 
 ## Getting Started
 

docusaurus.config.ts

@@ -40,7 +40,7 @@ const config: Config = {
           // Please change this to your repo.
           // Remove this to remove the "edit this page" links.
           editUrl:
-            'https://huggingface.co/spaces/PiperMy/Academy/tree/main',
+            'https://huggingface.co/spaces/PiperMy/Academy/blob/main/',
         },
         blog: {
           showReadingTime: true,
@@ -51,7 +51,7 @@ const config: Config = {
           // Please change this to your repo.
           // Remove this to remove the "edit this page" links.
           editUrl:
-            'https://huggingface.co/spaces/PiperMy/Academy/tree/main',
+            'https://huggingface.co/spaces/PiperMy/Academy/blob/main/',
           // Useful options to enforce blogging best practices
           onInlineTags: 'warn',
           onInlineAuthors: 'warn',
@@ -65,7 +65,9 @@ const config: Config = {
   ],
 
   themeConfig: {
-    // Replace with your project's social card
+    typography: {
+      fontFamily: 'JetBrains Mono, monospace',
+    },
     image: 'img/docusaurus-social-card.jpg',
     navbar: {
       title: 'Piper.My',
@@ -78,7 +80,7 @@ const config: Config = {
           type: 'docSidebar',
           sidebarId: 'tutorialSidebar',
           position: 'left',
-          label: 'Tutorial',
+          label: 'Tutorials',
         },
         {to: '/blog', label: 'Blog', position: 'left'},
         {

package-lock.json

@@ -10,6 +10,7 @@
       "dependencies": {
         "@docusaurus/core": "3.7.0",
         "@docusaurus/preset-classic": "3.7.0",
+        "@fontsource/jetbrains-mono": "^5.2.5",
         "@mdx-js/react": "^3.0.0",
         "clsx": "^2.0.0",
         "prism-react-renderer": "^2.3.0",
@@ -3808,6 +3809,15 @@
         "node": ">=18.0"
       }
     },
+    "node_modules/@fontsource/jetbrains-mono": {
+      "version": "5.2.5",
+      "resolved": "https://registry.npmjs.org/@fontsource/jetbrains-mono/-/jetbrains-mono-5.2.5.tgz",
+      "integrity": "sha512-TPZ9b/uq38RMdrlZZkl0RwN8Ju9JxuqMETrw76pUQFbGtE1QbwQaNsLlnUrACNNBNbd0NZRXiJJSkC8ajPgbew==",
+      "license": "OFL-1.1",
+      "funding": {
+        "url": "https://github.com/sponsors/ayuhito"
+      }
+    },
     "node_modules/@hapi/hoek": {
       "version": "9.3.0",
       "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz",

package.json

@@ -17,6 +17,7 @@
   "dependencies": {
     "@docusaurus/core": "3.7.0",
     "@docusaurus/preset-classic": "3.7.0",
+    "@fontsource/jetbrains-mono": "^5.2.5",
     "@mdx-js/react": "^3.0.0",
     "clsx": "^2.0.0",
     "prism-react-renderer": "^2.3.0",

src/css/custom.css

@@ -5,6 +5,8 @@
  */
 
 /* You can override the default Infima variables here. */
+@import '@fontsource/jetbrains-mono';
+
 :root {
   --ifm-color-primary: #5468ff;
   --ifm-color-primary-dark: #1b2caa;;
@@ -15,6 +17,7 @@
   --ifm-color-primary-lightest: #3cad6e;
   --ifm-code-font-size: 95%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
+  --ifm-font-family-base: 'JetBrains Mono', monospace;
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */