jessuni / typlog-aoyama

A typlog theme.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

typlog-aoyama

Theme Aoyama

A typlog theme that mimics magazine. It provides extra exposure for your featured articles/episodes and is best suited for showcasing posts with covers.

Features

Featured posts

Feature your posts in landscape/portrait layout.

horizontal layout vertical layout

The layout is automatically set based on the width/height ratio of the cover image of the post.

To add posts to the featured section, visit post editing page in the admin portal and turn on the 'featured' toggle.

Interactive Cover

Episodes will have the player controls inside the episode cover. The controls will adapt to a light/dark appearance based on the lightness of the cover to ensure accessibility.

Note: In the light appearance, Primary Color (Settings -> Themes and Design -> Color) will be applied to texts while in the dark Secondary Color.

interactive cover host infomation

Dark mode

dark modelight mode

Note: In the light mode, Primary Color will be used as the theme color while in the dark mode Secondary Color.

Motion background (beta)

This theme supports video cover in the landing page. To add a video as the motion background, create a JSON file in Assets in your admin portal:

Title: Aoyama Config

Slug: _config/aoyama

Type: raw

Mime type: application/json

Content:

{
  "video_cover": {
    "src": "https://...",
    "poster": "https://...",
    "type": "video/mp4"
  }
}

src: the video source url

poster: the source url of the video cover image. It also works as a fallback if the video fails to load.

type: MIME type of the video, full list of supported MIME types here

Author

Jessie Ji(https://jessieji.com) from the Typlog dev team

About

A typlog theme.


Languages

Language:CSS 66.4%Language:Jinja 23.1%Language:JavaScript 10.4%