Placed title above description

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
 

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

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",

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;