Pick any line to see why it is the way it is: the commit, the pull request and issue it came from, and what the agent was thinking.
| The docs' top bar is the app's: 4rem tall with a line under it, above the section tabs | 1 | --- |
| The docs read as sections, each with its own short sidebar. The tabs under the header are Get started, Chat and agents, Code, Projects, Workspaces, Self-hosting and API reference, each holding some of the sidebar's groups (tabs.ts), where Documentation held all of them in one long list; the API's groups are told apart by their pages, since a tag can share a guide group's name. A page's title is larger, with its section above it in lavender; sidebar groups are headed in the page's ink rather than small capitals, and the current page is a lavender pill. Links are the text's own colour on a lavender underline, On this page runs on a rail that marks the heading being read, and link cards turn toward the accent under the pointer. The header's right side is g1t.sh, Source and a Sign up button, then one theme button that moves between Auto, Light and Dark, in place of the full theme select; the phone menu keeps the select, and the two stay in step. | 2 | // The header's right side: g1t.sh, its source, and signing up. |
| Merge branch 'main' of github.com:flagon-io/g1t | 3 | // g1t's social accounts live in g1t.sh's footer, not here. |
| The docs read as sections, each with its own short sidebar. The tabs under the header are Get started, Chat and agents, Code, Projects, Workspaces, Self-hosting and API reference, each holding some of the sidebar's groups (tabs.ts), where Documentation held all of them in one long list; the API's groups are told apart by their pages, since a tag can share a guide group's name. A page's title is larger, with its section above it in lavender; sidebar groups are headed in the page's ink rather than small capitals, and the current page is a lavender pill. Links are the text's own colour on a lavender underline, On this page runs on a rail that marks the heading being read, and link cards turn toward the accent under the pointer. The header's right side is g1t.sh, Source and a Sign up button, then one theme button that moves between Auto, Light and Dark, in place of the full theme select; the phone menu keeps the select, and the two stay in step. | 4 | import { ChevronRight } from '@lucide/astro'; |
| The docs' top bar is the app's: 4rem tall with a line under it, above the section tabs | 5 | --- |
| 6 | ||
| 7 | <nav class="g1t-nav" aria-label="g1t"> | |
| 8 | <a href="https://g1t.sh/">g1t.sh</a> | |
| The docs read as sections, each with its own short sidebar. The tabs under the header are Get started, Chat and agents, Code, Projects, Workspaces, Self-hosting and API reference, each holding some of the sidebar's groups (tabs.ts), where Documentation held all of them in one long list; the API's groups are told apart by their pages, since a tag can share a guide group's name. A page's title is larger, with its section above it in lavender; sidebar groups are headed in the page's ink rather than small capitals, and the current page is a lavender pill. Links are the text's own colour on a lavender underline, On this page runs on a rail that marks the heading being read, and link cards turn toward the accent under the pointer. The header's right side is g1t.sh, Source and a Sign up button, then one theme button that moves between Auto, Light and Dark, in place of the full theme select; the phone menu keeps the select, and the two stay in step. | 9 | <a href="https://g1t.sh/flagon-io/g1t">Source</a> |
| 10 | <a href="https://g1t.sh/register" class="g1t-nav-cta">Sign up<ChevronRight /></a> | |
| The docs' top bar is the app's: 4rem tall with a line under it, above the section tabs | 11 | </nav> |
| 12 | ||
| 13 | <style> | |
| 14 | .g1t-nav { | |
| 15 | display: flex; | |
| 16 | align-items: center; | |
| 17 | gap: 0.25rem; | |
| 18 | } | |
| Merge site-audit: SEO routes, analytics with consent first in Europe, security page, founder and X account, docs header; the tour opens on the pull request and leads with Code, on the real shell, with Agents and Docs working today | 19 | /* nav.g1t-nav: the menu's own link rule must not win where these sit |
| 20 | at the foot of the phone menu. */ | |
| 21 | nav.g1t-nav a { | |
| 22 | display: inline-flex; | |
| 23 | align-items: center; | |
| 24 | height: 2rem; | |
| The docs read as sections, each with its own short sidebar. The tabs under the header are Get started, Chat and agents, Code, Projects, Workspaces, Self-hosting and API reference, each holding some of the sidebar's groups (tabs.ts), where Documentation held all of them in one long list; the API's groups are told apart by their pages, since a tag can share a guide group's name. A page's title is larger, with its section above it in lavender; sidebar groups are headed in the page's ink rather than small capitals, and the current page is a lavender pill. Links are the text's own colour on a lavender underline, On this page runs on a rail that marks the heading being read, and link cards turn toward the accent under the pointer. The header's right side is g1t.sh, Source and a Sign up button, then one theme button that moves between Auto, Light and Dark, in place of the full theme select; the phone menu keeps the select, and the two stay in step. | 25 | border-radius: 0.5rem; |
| Merge site-audit: SEO routes, analytics with consent first in Europe, security page, founder and X account, docs header; the tour opens on the pull request and leads with Code, on the real shell, with Agents and Docs working today | 26 | padding: 0 0.6rem; |
| The docs read as sections, each with its own short sidebar. The tabs under the header are Get started, Chat and agents, Code, Projects, Workspaces, Self-hosting and API reference, each holding some of the sidebar's groups (tabs.ts), where Documentation held all of them in one long list; the API's groups are told apart by their pages, since a tag can share a guide group's name. A page's title is larger, with its section above it in lavender; sidebar groups are headed in the page's ink rather than small capitals, and the current page is a lavender pill. Links are the text's own colour on a lavender underline, On this page runs on a rail that marks the heading being read, and link cards turn toward the accent under the pointer. The header's right side is g1t.sh, Source and a Sign up button, then one theme button that moves between Auto, Light and Dark, in place of the full theme select; the phone menu keeps the select, and the two stay in step. | 27 | font-size: 0.875rem; |
| 28 | font-weight: 500; | |
| Merge site-audit: SEO routes, analytics with consent first in Europe, security page, founder and X account, docs header; the tour opens on the pull request and leads with Code, on the real shell, with Agents and Docs working today | 29 | white-space: nowrap; |
| The docs' top bar is the app's: 4rem tall with a line under it, above the section tabs | 30 | color: var(--g1t-muted); |
| 31 | text-decoration: none; | |
| 32 | transition: color 0.15s, background 0.15s; | |
| 33 | } | |
| Merge site-audit: SEO routes, analytics with consent first in Europe, security page, founder and X account, docs header; the tour opens on the pull request and leads with Code, on the real shell, with Agents and Docs working today | 34 | nav.g1t-nav a:hover { |
| The docs' top bar is the app's: 4rem tall with a line under it, above the section tabs | 35 | background: var(--g1t-raised); |
| 36 | color: var(--g1t-fg); | |
| 37 | } | |
| The docs read as sections, each with its own short sidebar. The tabs under the header are Get started, Chat and agents, Code, Projects, Workspaces, Self-hosting and API reference, each holding some of the sidebar's groups (tabs.ts), where Documentation held all of them in one long list; the API's groups are told apart by their pages, since a tag can share a guide group's name. A page's title is larger, with its section above it in lavender; sidebar groups are headed in the page's ink rather than small capitals, and the current page is a lavender pill. Links are the text's own colour on a lavender underline, On this page runs on a rail that marks the heading being read, and link cards turn toward the accent under the pointer. The header's right side is g1t.sh, Source and a Sign up button, then one theme button that moves between Auto, Light and Dark, in place of the full theme select; the phone menu keeps the select, and the two stay in step. | 38 | /* The one call to action: a raised button, its chevron nudging on hover. */ |
| Merge site-audit: SEO routes, analytics with consent first in Europe, security page, founder and X account, docs header; the tour opens on the pull request and leads with Code, on the real shell, with Agents and Docs working today | 39 | nav.g1t-nav .g1t-nav-cta { |
| The docs read as sections, each with its own short sidebar. The tabs under the header are Get started, Chat and agents, Code, Projects, Workspaces, Self-hosting and API reference, each holding some of the sidebar's groups (tabs.ts), where Documentation held all of them in one long list; the API's groups are told apart by their pages, since a tag can share a guide group's name. A page's title is larger, with its section above it in lavender; sidebar groups are headed in the page's ink rather than small capitals, and the current page is a lavender pill. Links are the text's own colour on a lavender underline, On this page runs on a rail that marks the heading being read, and link cards turn toward the accent under the pointer. The header's right side is g1t.sh, Source and a Sign up button, then one theme button that moves between Auto, Light and Dark, in place of the full theme select; the phone menu keeps the select, and the two stay in step. | 40 | gap: 0.15rem; |
| 41 | margin-left: 0.35rem; | |
| 42 | padding-inline: 0.75rem 0.5rem; | |
| 43 | background: var(--g1t-raised); | |
| 44 | box-shadow: inset 0 0 0 1px var(--g1t-line-strong); | |
| 45 | color: var(--g1t-fg); | |
| 46 | font-weight: 600; | |
| The docs' top bar is the app's: 4rem tall with a line under it, above the section tabs | 47 | } |
| Merge site-audit: SEO routes, analytics with consent first in Europe, security page, founder and X account, docs header; the tour opens on the pull request and leads with Code, on the real shell, with Agents and Docs working today | 48 | nav.g1t-nav .g1t-nav-cta:hover { |
| The docs read as sections, each with its own short sidebar. The tabs under the header are Get started, Chat and agents, Code, Projects, Workspaces, Self-hosting and API reference, each holding some of the sidebar's groups (tabs.ts), where Documentation held all of them in one long list; the API's groups are told apart by their pages, since a tag can share a guide group's name. A page's title is larger, with its section above it in lavender; sidebar groups are headed in the page's ink rather than small capitals, and the current page is a lavender pill. Links are the text's own colour on a lavender underline, On this page runs on a rail that marks the heading being read, and link cards turn toward the accent under the pointer. The header's right side is g1t.sh, Source and a Sign up button, then one theme button that moves between Auto, Light and Dark, in place of the full theme select; the phone menu keeps the select, and the two stay in step. | 49 | background: color-mix(in srgb, var(--g1t-accent) 12%, var(--g1t-raised)); |
| 50 | box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--g1t-accent) 50%, var(--g1t-line-strong)); | |
| 51 | color: var(--g1t-fg); | |
| The docs' top bar is the app's: 4rem tall with a line under it, above the section tabs | 52 | } |
| The docs read as sections, each with its own short sidebar. The tabs under the header are Get started, Chat and agents, Code, Projects, Workspaces, Self-hosting and API reference, each holding some of the sidebar's groups (tabs.ts), where Documentation held all of them in one long list; the API's groups are told apart by their pages, since a tag can share a guide group's name. A page's title is larger, with its section above it in lavender; sidebar groups are headed in the page's ink rather than small capitals, and the current page is a lavender pill. Links are the text's own colour on a lavender underline, On this page runs on a rail that marks the heading being read, and link cards turn toward the accent under the pointer. The header's right side is g1t.sh, Source and a Sign up button, then one theme button that moves between Auto, Light and Dark, in place of the full theme select; the phone menu keeps the select, and the two stay in step. | 53 | .g1t-nav-cta :global(svg) { |
| 54 | width: 0.875rem; | |
| 55 | height: 0.875rem; | |
| 56 | color: var(--g1t-muted); | |
| 57 | transition: transform 0.15s, color 0.15s; | |
| The docs' top bar is the app's: 4rem tall with a line under it, above the section tabs | 58 | } |
| The docs read as sections, each with its own short sidebar. The tabs under the header are Get started, Chat and agents, Code, Projects, Workspaces, Self-hosting and API reference, each holding some of the sidebar's groups (tabs.ts), where Documentation held all of them in one long list; the API's groups are told apart by their pages, since a tag can share a guide group's name. A page's title is larger, with its section above it in lavender; sidebar groups are headed in the page's ink rather than small capitals, and the current page is a lavender pill. Links are the text's own colour on a lavender underline, On this page runs on a rail that marks the heading being read, and link cards turn toward the accent under the pointer. The header's right side is g1t.sh, Source and a Sign up button, then one theme button that moves between Auto, Light and Dark, in place of the full theme select; the phone menu keeps the select, and the two stay in step. | 59 | .g1t-nav-cta:hover :global(svg) { |
| 60 | transform: translateX(2px); | |
| 61 | color: var(--g1t-accent); | |
| The docs' top bar is the app's: 4rem tall with a line under it, above the section tabs | 62 | } |
| The docs read as sections, each with its own short sidebar. The tabs under the header are Get started, Chat and agents, Code, Projects, Workspaces, Self-hosting and API reference, each holding some of the sidebar's groups (tabs.ts), where Documentation held all of them in one long list; the API's groups are told apart by their pages, since a tag can share a guide group's name. A page's title is larger, with its section above it in lavender; sidebar groups are headed in the page's ink rather than small capitals, and the current page is a lavender pill. Links are the text's own colour on a lavender underline, On this page runs on a rail that marks the heading being read, and link cards turn toward the accent under the pointer. The header's right side is g1t.sh, Source and a Sign up button, then one theme button that moves between Auto, Light and Dark, in place of the full theme select; the phone menu keeps the select, and the two stay in step. | 63 | /* Tablets and phones: in the header only Sign up stays (the menu keeps |
| 64 | the rest). */ | |
| Merge site-audit: SEO routes, analytics with consent first in Europe, security page, founder and X account, docs header; the tour opens on the pull request and leads with Code, on the real shell, with Agents and Docs working today | 65 | @media (max-width: 49.99rem) { |
| The docs read as sections, each with its own short sidebar. The tabs under the header are Get started, Chat and agents, Code, Projects, Workspaces, Self-hosting and API reference, each holding some of the sidebar's groups (tabs.ts), where Documentation held all of them in one long list; the API's groups are told apart by their pages, since a tag can share a guide group's name. A page's title is larger, with its section above it in lavender; sidebar groups are headed in the page's ink rather than small capitals, and the current page is a lavender pill. Links are the text's own colour on a lavender underline, On this page runs on a rail that marks the heading being read, and link cards turn toward the accent under the pointer. The header's right side is g1t.sh, Source and a Sign up button, then one theme button that moves between Auto, Light and Dark, in place of the full theme select; the phone menu keeps the select, and the two stay in step. | 66 | :global(.g1t-header) nav.g1t-nav a:not(.g1t-nav-cta) { |
| Merge site-audit: SEO routes, analytics with consent first in Europe, security page, founder and X account, docs header; the tour opens on the pull request and leads with Code, on the real shell, with Agents and Docs working today | 67 | display: none; |
| 68 | } | |
| 69 | :global(.sidebar-content) nav.g1t-nav a { | |
| 70 | height: 2.5rem; | |
| 71 | } | |
| 72 | } | |
| 73 | /* Phones: Sign up leaves the header for the menu, where it has room. */ | |
| 74 | @media (max-width: 44.99rem) { | |
| 75 | :global(.g1t-header) .g1t-nav { | |
| 76 | gap: 0; | |
| 77 | } | |
| 78 | :global(.g1t-header) nav.g1t-nav .g1t-nav-cta { | |
| The docs' top bar is the app's: 4rem tall with a line under it, above the section tabs | 79 | display: none; |
| 80 | } | |
| 81 | } | |
| 82 | </style> |
This file's history is long; its oldest lines are credited to the oldest commit read.