SPECIFICATION.md

Specifications

Z-Index

Z-Index	Entity	Path
2048	noscript	layout.scss>noscript
1031	nprogress { bar, spinner }	/node_modules/nprogress/nprogress.css>#nprogress .bar, /node_modules/nprogress/nprogress.css>#nprogress .spinner
253	header, header2	header.scss>header, header.scss>#header2
252	header bg	header.scss>#header-bg
132	header skip btn	header.scss>.skip-btn
-1	bg	layout.scss>main::before

---

CSS Variables

Name	Description	Usable area
--vh001	viewport height * 0.01 (realtime update)	all
--max-vh001	viewport max height ever * 0.01 (realtime update)	all

---

Fonts

Default font is Zen Kaku Gothic New.
Default font weight is 400.

• Zen Kaku Gothic New
• Poppins
• Josefin Sans

---

Zen Kaku Gothic New

• Regular: 400
• Black: 900

Do not use: 100, 200, 300, 500, 600, 700, 800, normal, bold, lighter, bolder

---

Poppins

• Medium: 500

Must specify the font-weight to 500.
We can use only uppercase letters of HEADER_ITEMS constant.

---

Josefin Sans

• Bold: 700

Must specify the font-weight to 700.
We can use only uppercase letters of HEADER_ITEMS constant.

---

API Endpoints

• Articles (/api/articles)
• Article Thumbnail Image Formats (/api/articles/thumbnail-imgs)

Articles - GET /api/articles

Returns a list of the news articles.

Response Body

ArticleMetadata[] (/src/lib/scripts/types.ts)

• [] (object[]) - The list of articles.
  • redirect (string?) - The article ID to redirect to.
  • published (boolean) - Whether the article is published.
  • indexed (boolean) - Whether the article is indexed.
  • title (string) - The title of the article.
  • slug (object?) - The slug of the article. Its type is an optional string but it always exists.
    • year (number) - The year of the article.
    • month (number) - The month of the article.
    • day (number) - The day of the article.
    • no (number) - The number of the article in the day.
    • text (string?) - The text of the article ID.

Example

[
    {
        "published": true,
        "indexed": true,
        "title": "1名のメンバーが脱退",
        "slug": "20230220"
    },
    {
        "published": true,
        "indexed": true,
        "title": "計5名のメンバーが新たに加入",
        "slug": "2023012102"
    },
    {
        "published": true,
        "indexed": true,
        "title": "Sarf Esports リブランディングのお知らせ",
        "slug": "20230121"
    }
]

---

Article Thumbnail Image Formats - GET /api/articles/thumbnail-imgs

Returns a list of the articles that have their thumbnail images with the image file formats.

Response Body

ArticleThumbnailImgFmts (/src/lib/scripts/types.ts)

• {} (object) - The list of the articles that have their thumbnail images with the image file formats.
  • [slug] (string) - The thumbnail image file format for the article identified by this slug.

Example

{
    "20230825": "jpg",
    "20240819": "webp",
    "2023031502": "png"
}

---