https://caed2eb5.hugo-theme-liquid-demo.pages.dev/tags/responsive/A privacy-safe demo of Hugo Theme Liquid for layout, typography, and progressive glass surfaces.Hugo -- gohugo.iozh-CNhttps://caed2eb5.hugo-theme-liquid-demo.pages.dev/posts/image-rendering-showcase/Sun, 23 Aug 2026 00:00:00 +0000https://caed2eb5.hugo-theme-liquid-demo.pages.dev/posts/image-rendering-showcase/Why Local Assets Matter These images live in static/images/test-assets/, so this page is deterministic even when a preview is rendered offline. Their colors are intentionally quiet, while their dimensions make it easy to inspect max-width, intrinsic sizing, aspect ratio, and mobile overflow. Landscape Image The landscape has a 1200×675 view box. Its caption is supplied by the alt text above, which should remain useful to a screen reader without being repeated visually by accident. https://caed2eb5.hugo-theme-liquid-demo.pages.dev/posts/table-rendering-showcase/Fri, 21 Aug 2026 00:00:00 +0000https://caed2eb5.hugo-theme-liquid-demo.pages.dev/posts/table-rendering-showcase/Small Table Feature Status Notes Typography Ready Uses real prose Taxonomy Ready Shared terms are intentional Pagination Ready Six cards per page Medium Table The medium table has enough columns to test a normal desktop layout without becoming an artificial spreadsheet. Component Owner Input Output Mobile behavior Review date Risk Article card Theme Front matter Linked preview Stack content 2026-08-21 Low TOC Browser Headings Anchored links Collapse or scroll 2026-08-22 Medium Code block Goldmark Fence language Highlighted code Local scroll 2026-08-23 Medium Taxonomy Hugo Tags and categories Term pages Wrap links 2026-08-24 Low RSS Hugo Published pages XML feed N/A 2026-08-25 Low Wide Table This table intentionally has twelve columns. On a small viewport, the table itself may scroll horizontally, but it should not push the entire page beyond the viewport. https://caed2eb5.hugo-theme-liquid-demo.pages.dev/posts/table-of-contents-stress-test/Mon, 17 Aug 2026 00:00:00 +0000https://caed2eb5.hugo-theme-liquid-demo.pages.dev/posts/table-of-contents-stress-test/Section 1: Orientation Section 1.1: What This Fixture Measures The heading tree is intentionally uneven so that indentation and active-link behavior can be inspected without relying on a perfectly regular outline. Section 1.2: The First Long Heading for a Narrow Panel This heading is long enough to wrap in a compact table-of-contents column. Section 2: Architecture Section 2.1: A Small Structural Decision Every level should remain identifiable even when the text is short. https://caed2eb5.hugo-theme-liquid-demo.pages.dev/posts/content-edge-cases/Thu, 13 Aug 2026 00:00:00 +0000https://caed2eb5.hugo-theme-liquid-demo.pages.dev/posts/content-edge-cases/Very Long Word ThisIsAnExtremelyLongUnbrokenStringDesignedToTestWhetherTheThemeCanPreventHorizontalPageOverflowOnVerySmallMobileDevicesWithoutDestroyingTheEntireLayout The string above has no natural break opportunities. The page should remain usable, and any wrapping strategy should preserve the fact that it is one token. Long URL Here is a long URL text for checking link boundaries: https://example.com/documentation/typography/responsive-layout/overflow-testing/very-long-resource-name-that-needs-a-safe-break-point. Long Inline Code The following token is intentionally too long for a narrow phone: someExtremelyLongFunctionNameWithManyArgumentsAndNoNaturalLineBreakOpportunities({primaryColor: "#d97b5f", secondaryColor: "#c8dbd4", enableLiquidGlass: true, preserveWhitespace: false}). A Heading That Is More Than One Hundred Characters Long and Should Wrap Without Creating a Horizontal Scrollbar for the Entire Article Only a short sentence follows this heading. That combination helps reveal whether heading margins and line-height remain proportional when a title occupies several lines.