diff --git a/README.md b/README.md index f134271..ab6356c 100644 --- a/README.md +++ b/README.md @@ -48,6 +48,10 @@ Accord's Library v3.0 (shorten to AL3.0) follows the Metamodernist Web model des 2. Imply the visitor’s preferences using Accept-Language HTTP header 3. Consider the language-specific URL 4. If all fail, fallback to default language (English) + - The CJK languages (Chinese, Japanese, Korean) all uses Chinese ideographs. Some of these ideographs are drawn different in their respective languages, despite being encoded under the same Unicode character. In order to display the character correctly, a different font must be used depending on the content's language. Here are the fonts used: + - `Noto Sans JP` and `Noto Serif JP` for Japanese content + - `Noto Sans SC` and `Noto Serif SC` for Simplified Chinese content + - `Noto Sans` and `Noto Serif` for everything else. - Fast diff --git a/TODO.md b/TODO.md index 3e7de78..648850a 100644 --- a/TODO.md +++ b/TODO.md @@ -9,9 +9,7 @@ ## Short term - [Feat] 404, 500 pages -- [Feat] Add languages to collectibles and pages previews - [Feat] [RichTextContent] Handle relationship -- [Bugs] Vollkorn doesn't support many languages - [Feat] [Timeline] Improve layout/spacing on mobile - [Feat] Display if a content has a source language - [Feat] [JSLess] Display if a content is available in more than one language diff --git a/package.json b/package.json index 9f57233..6cb3471 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "v3.accords-library.com", - "version": "3.0.0-beta.1", + "version": "3.0.0-beta.2", "scripts": { "dev": "astro dev", "start": "astro dev", diff --git a/src/components/AppLayout/components/AppLayoutTitle.astro b/src/components/AppLayout/components/AppLayoutTitle.astro index c715427..e33cc16 100644 --- a/src/components/AppLayout/components/AppLayoutTitle.astro +++ b/src/components/AppLayout/components/AppLayoutTitle.astro @@ -35,6 +35,10 @@ const { title, subtitle, pretitle, lang } = Astro.props; h1 { line-height: 0.9; + /* Using z-index so that the title isn't below the description's backdrop filter */ + position: relative; + z-index: 1; + & > #pretitle { font-weight: 450; margin-bottom: 0.4em;