master @ 21 LINES
[ HISTORY ] [ UP ]
┌─ ASTRO ────────────────────────────────────────────────────────────────────┐
│ --- │
│ import Pre from "../Pre/Pre.astro"; │
│ import Frame from "../Frame/Frame.astro"; │
│ import { rule } from "../../lib/ascii"; │
│ import { FRAME_W, MOBILE_FRAME_W } from "../../lib/config"; │
│ import { GIT_LEFT, REPO_KEY, headerGap, type Props } from "./GitHeader"; │
│ import "./GitHeader.scss"; │
│ │
│ const { name, slug } = Astro.props as Props; │
│ const variants: [string, number][] = [ │
│ ["frame-wide", FRAME_W], │
│ ["frame-narrow", MOBILE_FRAME_W], │
│ ]; │
│ --- │
│ <nav class="git-header" aria-label="Repository"> │
│ {variants.map(([cls, w]) => ( │
│ <Pre class={cls}><a class="git-link strong" href="/git/">{GIT_LEFT}</a>{header │
│ Gap(name, w)}{REPO_KEY}<a class="git-link" href={`/git/${slug}/`}>{name.toUpperCas │
│ e()}</a></Pre> │
│ ))} │
│ <Frame build={(w) => rule(w)} /> │
│ </nav> │
└────────────────────────────────────────────────────────────────────────────────────┘
┌─ ASTRO ──────────────────────────────┐
│ --- │
│ import Pre from "../Pre/Pre.astro"; │
│ import Frame from "../Frame/Frame.astro"; │
│ import { rule } from "../../lib/ascii"; │
│ import { FRAME_W, MOBILE_FRAME_W } from "../ │
│ ../lib/config"; │
│ import { GIT_LEFT, REPO_KEY, headerGap, type │
│ Props } from "./GitHeader"; │
│ import "./GitHeader.scss"; │
│ │
│ const { name, slug } = Astro.props as Props; │
│ const variants: [string, number][] = [ │
│ ["frame-wide", FRAME_W], │
│ ["frame-narrow", MOBILE_FRAME_W], │
│ ]; │
│ --- │
│ <nav class="git-header" aria-label="Reposito │
│ ry"> │
│ {variants.map(([cls, w]) => ( │
│ <Pre class={cls}><a class="git-link stro │
│ ng" href="/git/">{GIT_LEFT}</a>{headerGap(na │
│ me, w)}{REPO_KEY}<a class="git-link" href={` │
│ /git/${slug}/`}>{name.toUpperCase()}</a></Pr │
│ e> │
│ ))} │
│ <Frame build={(w) => rule(w)} /> │
│ </nav> │
└──────────────────────────────────────────────┘
──────────────────────────────────────────────────────────────────────────────────────
OOKNET
────────────────────────────────────────────────
OOKNET