Update generic pages

astro.config.mjs

@@ -1,54 +1,52 @@
 // @ts-check
-import { defineConfig } from 'astro/config';
-import starlight from '@astrojs/starlight';
+import { defineConfig } from "astro/config";
+import starlight from "@astrojs/starlight";
 
 // https://astro.build/config
 export default defineConfig({
-  site: 'https://onhive.io',
-  integrations: [starlight({
-    title: 'OnHive.io',
-    logo: {
-      src: './src/assets/hive.svg'
-    },
-    social: {
-      email: 'mailto:[email protected]',
-      github: 'https://github.com/instytutfi'
-    },
-    sidebar: [{
-      label: '[home] Home',
-      link: '/'
-    }, {
-      label: '[list] Features',
-      link: '/features/'
-    }, {
-      label: '[box] Guides',
-      autogenerate: {
-        directory: 'guides'
-      }
-    }, {
-      label: '[book] Reference',
-      autogenerate: {
-        directory: 'reference'
-      }
-    }],
-    components: {
-      ThemeProvider: './src/components/ThemeProvider.astro',
-      ThemeSelect: './src/components/ThemeSelect.astro',
-      SiteTitle: './src/components/SiteTitle.astro',
-      Sidebar: './src/components/Sidebar.astro',
-      Pagination: './src/components/Pagination.astro',
-      Hero: './src/components/Hero.astro',
-      Head: './src/components/Head.astro',
-      PageTitle: './src/components/PageTitle.astro'
-    },
-    customCss: [
-      './src/styles/theme.css'
-    ],
-    expressiveCode: {
-      themes: ['github-dark']
-    },
-    pagination: false,
-    lastUpdated: true
-  })],
+  site: "https://onhive.io",
+  integrations: [
+    starlight({
+      title: "OnHive.io",
+      logo: {
+        src: "./src/assets/hive.svg"
+      },
+      social: {
+        github: "https://github.com/instytutfi/onhive.io"
+      },
+      sidebar: [
+        {
+          label: "[home] Home",
+          link: "/"
+        },
+        {
+          label: "[rocket] Get Started",
+          link: "/get-started/"
+        },
+        {
+          label: "[book] Hive Coding School",
+          autogenerate: {
+            directory: "school"
+          }
+        }
+      ],
+      components: {
+        ThemeProvider: "./src/components/ThemeProvider.astro",
+        ThemeSelect: "./src/components/ThemeSelect.astro",
+        SiteTitle: "./src/components/SiteTitle.astro",
+        Sidebar: "./src/components/Sidebar.astro",
+        Pagination: "./src/components/Pagination.astro",
+        Hero: "./src/components/Hero.astro",
+        Head: "./src/components/Head.astro",
+        PageTitle: "./src/components/PageTitle.astro"
+      },
+      customCss: ["./src/styles/theme.css"],
+      expressiveCode: {
+        themes: ["github-dark"]
+      },
+      pagination: false,
+      lastUpdated: true
+    })
+  ],
   output: "static"
 });

src/components/Hero.astro

@@ -117,6 +117,7 @@ const titleHTML = title.split(" ").map((titlePart: string) => {
   }
 
   .tagline {
+    max-width: 500px;
     font-size: clamp(
       var(--sl-text-base),
       calc(0.0625rem + 2vw),

src/components/Pagination.astro

@@ -40,10 +40,9 @@ const isRtl = dir === "rtl";
     >
   </div>
   <div class="social-footer-icons">
-    <a
-      href="https://github.com/louisescher/starlight-ion-theme"
-      aria-label="GitHub Icon"><Icon name="github" size="1.25rem" /></a
-    >
+    <a href="https://github.com/instytutfi/onhive.io" aria-label="GitHub Icon">
+      <Icon name="github" size="1.25rem" />
+    </a>
   </div>
 </div>