Openstatus www.openstatus.dev

๐Ÿ˜ฑ mono font in docs ๐Ÿ˜‚ (#1368)

* ๐Ÿ˜ฑ

* ๐Ÿค”

* ๐Ÿ˜‚

* mixed inter and mono

* ci: apply automated fixes

* ๐Ÿ”ฅ

* ๐Ÿ”ฅ

* ๐Ÿ”ฅ

* ci: apply automated fixes

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

authored by

Thibault Le Ouay
autofix-ci[bot]
and committed by
GitHub
480dba90 45571966

+58 -6
+6
apps/docs/astro.config.mjs
··· 29 29 favicon: "/favicon.ico", 30 30 social: [ 31 31 { 32 + icon: "external", 33 + href: "https://openstatus.dev", 34 + label: "OpenStatus Website", 35 + }, 36 + { 32 37 icon: "github", 33 38 label: "GitHub", 34 39 href: "https://github.com/openstatusHQ/openstatus", ··· 57 62 // Path to your Tailwind base styles: 58 63 "./src/global.css", 59 64 "./src/custom.css", 65 + "@fontsource-variable/inter", 60 66 ], 61 67 sidebar: [ 62 68 {
+1
apps/docs/package.json
··· 15 15 "@astrojs/sitemap": "3.5.1", 16 16 "@astrojs/starlight": "0.35.2", 17 17 "@astrojs/starlight-tailwind": "4.0.1", 18 + "@fontsource-variable/inter": "5.2.8", 18 19 "@openpanel/astro": "1.0.1", 19 20 "@tailwindcss/vite": "4.1.8", 20 21 "astro": "5.13.7",
apps/docs/public/fonts/CommitMono-400-Italic.otf

This is a binary file and will not be displayed.

apps/docs/public/fonts/CommitMono-400-Regular.otf

This is a binary file and will not be displayed.

apps/docs/public/fonts/CommitMono-700-Italic.otf

This is a binary file and will not be displayed.

apps/docs/public/fonts/CommitMono-700-Regular.otf

This is a binary file and will not be displayed.

+3
apps/docs/src/components/Head.astro
··· 18 18 19 19 <!-- REMINDER: prevent unexpected font flashes for our 'OpenStatus' logo on each page load --> 20 20 <link rel="preload" href="/fonts/CalSans-SemiBold.ttf" as="font" type="font/ttf" crossorigin> 21 + <link rel="preload" href="/fonts/CommitMono-400-Regular.otf" as="font" type="font/otf" crossorigin> 22 + <link rel="preload" href="/fonts/CommitMono-700-Regular.otf" as="font" type="font/otf" crossorigin> 23 + 21 24 <script defer async src="https://buttons.github.io/buttons.js" /> 22 25 23 26 <OpenPanelComponent clientId={NEXT_PUBLIC_OPENPANEL_CLIENT_ID!} trackScreenViews trackOutgoingLinks trackAttributes />
+3 -3
apps/docs/src/components/Hero.astro
··· 11 11 > 12 12 <div class="flex flex-col gap-6"> 13 13 <h1 14 - class="font-cal text-4xl md:text-6xl bg-linear-to-tl from-0% from-[hsl(var(--muted))] to-40% to-[hsl(var(--foreground))] bg-clip-text text-transparent" 14 + class="font-bold text-4xl md:text-6xl" 15 15 data-page-title 16 16 set:html={title} 17 17 /> 18 18 { 19 19 tagline && ( 20 - <p 21 - class="mx-auto max-w-md text-lg text-muted-foreground md:max-w-xl md:text-xl" 20 + <h2 21 + class="mx-auto font-normal max-w-md text-lg text-muted-foreground md:max-w-xl md:text-xl" 22 22 set:html={tagline} 23 23 /> 24 24 )
+1 -1
apps/docs/src/components/SiteTitle.astro
··· 4 4 --- 5 5 6 6 7 - <a href="/" class="flex items-center gap-2 font-cal no-underline text-black dark:text-white text-lg"> 7 + <a href="/" class="flex items-center gap-2 font-bold no-underline text-black dark:text-white text-lg"> 8 8 <Image 9 9 src={logo} 10 10 alt="OpenStatus"
+1 -2
apps/docs/src/content/config.ts
··· 2 2 import { docsLoader } from "@astrojs/starlight/loaders"; 3 3 import { docsSchema } from "@astrojs/starlight/schema"; 4 4 // import { glob } from "astro/loaders"; 5 - import { topicSchema } from "starlight-sidebar-topics/schema"; 6 5 7 6 export const collections = { 8 7 docs: defineCollection({ 9 8 loader: docsLoader(), 10 9 // loader: glob({ pattern: "**/*.mdx", base: "./src/content/docs" }), 11 - schema: docsSchema({ extend: topicSchema }), 10 + schema: docsSchema(), 12 11 }), 13 12 };
+8
apps/docs/src/custom.css
··· 8 8 padding: 0.2em; 9 9 border-radius: 0.25rem; 10 10 } 11 + 12 + :is(h1, h2, h3, h4, h5, h6) { 13 + font-family: "CommitMono", sans-serif; 14 + } 15 + 16 + sl-sidebar-state-persist summary { 17 + font-family: "CommitMono", sans-serif; 18 + }
+27
apps/docs/src/global.css
··· 6 6 7 7 @theme { 8 8 --font-cal: "calsans", "sans-serif"; 9 + --font-mono: 'CommitMono', 'sans-serif'; 10 + --font-sans: 'Inter', 'sans-serif'; 9 11 } 10 12 11 13 @layer base { ··· 15 17 font-weight: 600; 16 18 font-style: normal; 17 19 font-display: swap; 20 + } 21 + @font-face { 22 + font-family: 'CommitMono'; 23 + src: 24 + url('/fonts/CommitMono-400-Regular.otf') format('opentype'); 25 + font-weight: 400; 26 + font-style: normal; 27 + font-display: swap; 28 + } 29 + @font-face { 30 + font-family: 'CommitMono'; 31 + src: 32 + url('/fonts/CommitMono-700-Regular.otf') format('opentype'); 33 + font-weight: 700; 34 + font-style: normal; 35 + font-display: swap; 36 + } 37 + 38 + @font-face { 39 + font-family: 'Inter Variable'; 40 + font-style: normal; 41 + font-display: swap; 42 + font-weight: 100 900; 43 + src: url(@fontsource-variable/inter/files/inter-latin-wght-normal.woff2) format('woff2-variations'); 44 + unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; 18 45 } 19 46 } 20 47
+8
pnpm-lock.yaml
··· 327 327 '@astrojs/starlight-tailwind': 328 328 specifier: 4.0.1 329 329 version: 4.0.1(@astrojs/starlight@0.35.2(astro@5.13.7(@types/node@24.0.8)(encoding@0.1.13)(jiti@2.4.2)(lightningcss@1.30.1)(rollup@4.45.1)(terser@5.43.1)(typescript@5.7.2)(yaml@2.6.1)))(tailwindcss@4.1.8) 330 + '@fontsource-variable/inter': 331 + specifier: 5.2.8 332 + version: 5.2.8 330 333 '@openpanel/astro': 331 334 specifier: 1.0.1 332 335 version: 1.0.1(astro@5.13.7(@types/node@24.0.8)(encoding@0.1.13)(jiti@2.4.2)(lightningcss@1.30.1)(rollup@4.45.1)(terser@5.43.1)(typescript@5.7.2)(yaml@2.6.1)) ··· 3068 3071 3069 3072 '@floating-ui/utils@0.2.8': 3070 3073 resolution: {integrity: sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig==} 3074 + 3075 + '@fontsource-variable/inter@5.2.8': 3076 + resolution: {integrity: sha512-kOfP2D+ykbcX/P3IFnokOhVRNoTozo5/JxhAIVYLpea/UBmCQ/YWPBfWIDuBImXX/15KH+eKh4xpEUyS2sQQGQ==} 3071 3077 3072 3078 '@google-cloud/tasks@4.0.1': 3073 3079 resolution: {integrity: sha512-cluHSN52WgaNoDPVguxCeXZq4rTBHqJntXFB9aI9zG8n8MJukf6V0H7yoAXpKXQxyeXv4LRy108kAgLPgXP3yA==} ··· 13552 13558 '@floating-ui/utils@0.2.10': {} 13553 13559 13554 13560 '@floating-ui/utils@0.2.8': {} 13561 + 13562 + '@fontsource-variable/inter@5.2.8': {} 13555 13563 13556 13564 '@google-cloud/tasks@4.0.1(encoding@0.1.13)': 13557 13565 dependencies: