From 855346107e7aeb35d56561e30a10445f63dd8f9c Mon Sep 17 00:00:00 2001 From: reachableceo Date: Sun, 6 Sep 2026 15:28:30 -0500 Subject: [PATCH] Seed: Grav pages content for performance.knownelement.com (#826) https://projects.knownelement.com/issues/826#note-12 --- .crush/active-ticket | 1 + 01.home/default.md | 63 +++++ 02.typography/default.md | 176 +++++++++++++ LICENSE | 235 ++++++++++++++++++ README.md | 33 +++ performance/page.md | 34 +++ .../reports/report-amt-power-telemetry.md | 90 +++++++ .../reports/report-moonlight-desktop.md | 73 ++++++ 8 files changed, 705 insertions(+) create mode 100644 .crush/active-ticket create mode 100644 01.home/default.md create mode 100644 02.typography/default.md create mode 100644 LICENSE create mode 100644 README.md create mode 100644 performance/page.md create mode 100644 performance/reports/report-amt-power-telemetry.md create mode 100644 performance/reports/report-moonlight-desktop.md diff --git a/.crush/active-ticket b/.crush/active-ticket new file mode 100644 index 0000000..0e839d4 --- /dev/null +++ b/.crush/active-ticket @@ -0,0 +1 @@ +#826 diff --git a/01.home/default.md b/01.home/default.md new file mode 100644 index 0000000..19f7261 --- /dev/null +++ b/01.home/default.md @@ -0,0 +1,63 @@ +--- +title: Home +body_classes: title-center title-h1h2 +--- + +# Say Hello to Grav 2.0! +## installation successful... + +Congratulations! You have installed the **Base Grav 2.0 Package** that provides a **simple page** and the new default **Quark 2** theme to get you started — built on [Blades CSS](https://blades.ninja/) (the actively maintained successor to Pico CSS), Font Awesome 7, and a refined typographic system with light/dark/auto appearance. + +> [!WARNING] +> If you see a **404 Error** when you click `Typography` in the menu, please refer to the [troubleshooting guide](http://learn.getgrav.org/troubleshooting/page-not-found). + +### Find out all about Grav + +* Learn about **Grav** by checking out our dedicated [Learn Grav](https://learn.getgrav.org) site. +* Download **plugins**, **themes**, and Grav **skeleton** packages from the [Grav Downloads](https://getgrav.org/downloads) page. +* Follow the [Grav Development Blog](https://getgrav.org/blog) to keep up with the latest happenings in the Grav-verse. +* Browse the source on [GitHub](https://github.com/getgrav/grav) and file issues or pull requests there. + +> [!TIP] +> If you want a more **full-featured** base install, check out the [**Skeleton** packages available in the downloads](https://getgrav.org/downloads) — several have already been updated for Grav 2.0. + +### Edit this Page + +To edit this page, navigate to the folder you installed **Grav** into, and browse to the `user/pages/01.home` folder. Open `default.md` in your [editor of choice](https://learn.getgrav.org/basics/requirements). You'll see the content of this page written in [Markdown format](https://learn.getgrav.org/content/markdown). + +### Create a New Page + +Creating a new page is a simple affair in **Grav**. Follow these steps: + +1. Navigate to your pages folder — `user/pages/` — and create a new folder. In this example, we'll use [explicit default ordering](https://learn.getgrav.org/content/content-pages) and call the folder `03.mypage`. +2. Launch your text editor and paste in the following sample content: + + --- + title: My New Page + --- + # My New Page! + + This is the body of **my new page** and I can easily use _Markdown_ syntax here. + +3. Save this file in `user/pages/03.mypage/` as `default.md`. That tells **Grav** to render the page using the **default** template from Quark 2. +4. Reload your browser to see your new page appear in the menu. + +> [!NOTE] +> The page will automatically show up in the menu after the **Typography** item. If you want a different label, add `menu: My Page` between the dashes in the front matter — this is the YAML header block, where all per-page options are configured. + +### What's new in Grav 2.0 + +Grav 2.0 is the biggest release in the project's history — a modernized core, a rebuilt admin, a fresh default theme, and an updated dependency stack. Most of what you already know still works, but everything underneath has been sharpened. + +* **PHP 8.3+** baseline, with a modernized core and typed internals throughout. +* **Symfony 7 + Twig 3** dependency stack, bringing the latest framework improvements and long-term support. +* **Quark 2** as the default theme — [Blades CSS](https://blades.ninja/), Font Awesome 7, auto/light/dark mode with `localStorage` persistence, locally-hosted Cal Sans + Inter fonts, and a refined Cal.com-inspired design system. +* **Admin 2.0** — a fully API-powered SPA interface that's dramatically faster, more responsive, and decoupled from page renders. Navigation, form saves, and media operations no longer trigger full reloads. +* **Public REST API** — the same endpoints that power Admin 2.0 are available to your own tools and integrations. +* **GitHub Markdown Alerts** — the legacy `markdown-notices` plugin has been replaced by `github-markdown-alerts`, using the familiar `> [!NOTE]` / `[!TIP]` / `[!IMPORTANT]` / `[!WARNING]` / `[!CAUTION]` syntax. +* **Refined caching and asset pipeline** — cleaner invalidation, faster cold starts, and smarter dependency fingerprinting. +* **Hardened security defaults** — tightened CSP headers, modern session handling, and improved input sanitization across core plugins. +* **Better developer ergonomics** — stricter type hints, cleaner event signatures, and clearer deprecation paths. + +> [!IMPORTANT] +> Upgrading from Grav 1.x requires a migration. Follow the step-by-step guide at [getgrav.org/migrate-to-2](https://getgrav.org/migrate-to-2) — it covers pre-flight checks, the migration itself, and what to verify afterward. diff --git a/02.typography/default.md b/02.typography/default.md new file mode 100644 index 0000000..12614ca --- /dev/null +++ b/02.typography/default.md @@ -0,0 +1,176 @@ +--- +title: Typography +--- + +> [!NOTE] +> Quark 2 is Grav 2.0's default theme. It uses [Blades CSS](https://blades.ninja/) (the actively maintained successor to Pico CSS) as a classless foundation, layered with a Cal.com-inspired design system. Full Blades capabilities are documented in the [Official Blades CSS Docs](https://blades.ninja/#docs). + +The [Quark 2 theme](https://github.com/getgrav/grav-theme-quark2) is Grav's new default, replacing the long-serving Quark (1.x) theme. It pairs a pure-grayscale palette with **Cal Sans** for display and **Inter** for body text (both hosted locally), Font Awesome 7 icons, and auto/light/dark appearance that persists in the user's browser. The layout system is CSS Grid + modern custom properties rather than a framework grid. + +### Headings + +Quark 2 uses **Cal Sans** for display headings and treats `h1` / `h2` distinctly — `h1` sits at a lighter display weight while `h2` is bolder and gains a small accent bar to mark section breaks. `h6` is rendered as an uppercase eyebrow label. + +# H1 Heading — airy, display weight + +## H2 Heading — confident, with accent bar + +### H3 Heading — workhorse section heading + +#### H4 Heading + +##### H5 Heading + +###### H6 Heading — uppercase eyebrow + +```markdown +# H1 Heading +## H2 Heading +### H3 Heading +#### H4 Heading +##### H5 Heading +###### H6 Heading +``` + +### Paragraphs + +Body copy is set in **Inter** at 16px with a 1.7 line-height and subtle tracking. Links adopt the theme's **accent color** — by default a restrained charcoal, but configurable to any hex via `Themes → Quark 2 → Accent Color`. + +Lorem ipsum dolor sit amet, consectetur [adipiscing elit. Praesent risus leo, dictum in vehicula sit amet](#), feugiat tempus tellus. Duis quis sodales risus. Etiam euismod ornare consequat. + +Climb leg rub face on everything give attitude nap all day for under the bed. Chase mice attack feet but rub face on everything hopped up on goofballs. + +### Markdown Semantic Text Elements + +**Bold** `**Bold**` + +_Italic_ `_Italic_` + +~~Deleted~~ `~~Deleted~~` + +`Inline Code` `` `Inline Code` `` + +### HTML Semantic Text Elements + +I18N `` + +Citation `` + +Ctrl + S `` + +TextSuperscripted `` + +TextSubscripted `` + +Underlined `` + +Highlighted `` + + `