-{"name": "aoyama", "name#zh": "\u9752\u5c71", "name#ja": "\u9752\u5c71", "description": "A typlog theme that mimics magazine. It provides extra exposure for your featured articles/episodes and is best suited for showcasing posts with covers.", "repo": "jessuni/typlog-aoyama", "version": "1.0.1", "author": "Jessie Ji", "tags": ["blog", "podcast"], "images": ["https://user-images.githubusercontent.com/290496/161203111-d93435a0-c69d-4ed2-a810-f39f3550353e.jpg"], "messages": {"subscribe": "Subscribe", "subscribe#zh": "\u8ba2\u9605", "subscribe#ja": "\u30e1\u30eb\u30de\u30ac\u767b\u9332", "subscribe#zh-hans": "\u8ba2\u9605", "subscribe#zh-hant": "\u8a02\u95b1", "more": "more", "more#zh": "\u66f4\u591a", "more#ja": "\u8a18\u4e8b\u4e00\u89a7", "more#zh-hans": "\u66f4\u591a", "more#zh-hant": "\u66f4\u591a", "older_posts": "older", "older_posts#zh": "\u66f4\u65e7", "older_posts#ja": "\u904e\u53bb", "older_posts#zh-hans": "\u66f4\u65e7", "older_posts#zh-hant": "\u66f4\u820a", "newer_posts": "newer", "newer_posts#zh": "\u66f4\u65b0", "newer_posts#ja": "\u65b0\u3057\u3044", "newer_posts#zh-hans": "\u66f4\u65b0", "newer_posts#zh-hant": "\u66f4\u65b0"}, "id": "aoyama", "avatar": "https://avatars.githubusercontent.com/u/41285428?v=4", "stars": 3, "readme": "<div id=\"readme\" class=\"md\" data-path=\"README.md\"><article class=\"markdown-body entry-content container-lg\" itemprop=\"text\"><h1 dir=\"auto\">typlog-aoyama</h1>\n<h2 dir=\"auto\">Theme Aoyama</h2>\n<p dir=\"auto\">A typlog theme that mimics magazine. It provides extra exposure for your featured articles/episodes and is best suited for showcasing posts with covers.</p>\n<h2 dir=\"auto\">Features</h2>\n<ul dir=\"auto\">\n<li><g-emoji class=\"g-emoji\" alias=\"scroll\" fallback-src=\"https://github.githubassets.com/images/icons/emoji/unicode/1f4dc.png\">\ud83d\udcdc</g-emoji> One-page scroll</li>\n<li><g-emoji class=\"g-emoji\" alias=\"pushpin\" fallback-src=\"https://github.githubassets.com/images/icons/emoji/unicode/1f4cc.png\">\ud83d\udccc</g-emoji> <a href=\"#featured-posts\">Featured posts</a></li>\n<li><g-emoji class=\"g-emoji\" alias=\"first_quarter_moon\" fallback-src=\"https://github.githubassets.com/images/icons/emoji/unicode/1f313.png\">\ud83c\udf13</g-emoji> <a href=\"#dark-mode\">Dark mode</a></li>\n<li><g-emoji class=\"g-emoji\" alias=\"movie_camera\" fallback-src=\"https://github.githubassets.com/images/icons/emoji/unicode/1f3a5.png\">\ud83c\udfa5</g-emoji> <a href=\"#motion-background-beta\">Motion background</a></li>\n<li><g-emoji class=\"g-emoji\" alias=\"video_game\" fallback-src=\"https://github.githubassets.com/images/icons/emoji/unicode/1f3ae.png\">\ud83c\udfae</g-emoji> <a href=\"#interactive-cover\">Interactive cover</a></li>\n</ul>\n<h3 dir=\"auto\">Featured posts</h3>\n<p dir=\"auto\">Feature your posts in landscape/portrait layout.</p>\n<p dir=\"auto\"><a href=\"https://user-images.githubusercontent.com/41285428/168575596-f78d7985-a3fe-438e-a637-e4efa28bc48f.png\" rel=\"nofollow\"><img src=\"https://user-images.githubusercontent.com/41285428/168575596-f78d7985-a3fe-438e-a637-e4efa28bc48f.png\" alt=\"horizontal layout\" width=\"400\" style=\"max-width: 100%;\"></a>\n<a href=\"https://user-images.githubusercontent.com/41285428/168575684-72b134fa-bdff-4630-a965-4b2d38003bb5.png\" rel=\"nofollow\"><img src=\"https://user-images.githubusercontent.com/41285428/168575684-72b134fa-bdff-4630-a965-4b2d38003bb5.png\" alt=\"vertical layout\" width=\"400\" style=\"max-width: 100%;\"></a></p>\n<p dir=\"auto\">The layout is automatically set based on the width/height ratio of the cover image of the post.</p>\n<p dir=\"auto\">To add posts to the featured section, visit post editing page in the admin portal and turn on the 'featured' toggle.</p>\n<h3 dir=\"auto\">Interactive Cover</h3>\n<p dir=\"auto\">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.</p>\n<p dir=\"auto\">Note: In the light appearance, <code>Primary Color</code> (Settings -> Themes and Design -> Color) will be applied to texts while in the dark <code>Secondary Color</code>.</p>\n<p dir=\"auto\"><a href=\"https://user-images.githubusercontent.com/41285428/207257319-ce9797af-54a9-41ee-b2e4-da584b9bc8e1.png\" rel=\"nofollow\"><img src=\"https://user-images.githubusercontent.com/41285428/207257319-ce9797af-54a9-41ee-b2e4-da584b9bc8e1.png\" alt=\"interactive cover\" width=\"400\" style=\"max-width: 100%;\"></a>\n<a href=\"https://user-images.githubusercontent.com/41285428/207257150-a6af21f1-cf78-4ac2-b432-b0ff186f216d.png\" rel=\"nofollow\"><img src=\"https://user-images.githubusercontent.com/41285428/207257150-a6af21f1-cf78-4ac2-b432-b0ff186f216d.png\" alt=\"host infomation\" width=\"400\" style=\"max-width: 100%;\"></a></p>\n<h3 dir=\"auto\">Dark mode</h3>\n<p dir=\"auto\"><a href=\"https://user-images.githubusercontent.com/41285428/168568931-89273359-1c2b-448b-aae9-8155ca1b6631.png\" rel=\"nofollow\"><img src=\"https://user-images.githubusercontent.com/41285428/168568931-89273359-1c2b-448b-aae9-8155ca1b6631.png\" alt=\"dark mode\" width=\"400\" style=\"max-width: 100%;\"></a><a href=\"https://user-images.githubusercontent.com/41285428/168569283-632044e9-cfb2-4fe9-bfb4-d4fe80c9ca99.png\" rel=\"nofollow\"><img src=\"https://user-images.githubusercontent.com/41285428/168569283-632044e9-cfb2-4fe9-bfb4-d4fe80c9ca99.png\" alt=\"light mode\" width=\"400\" style=\"max-width: 100%;\"></a></p>\n<p dir=\"auto\">Note: In the light mode, <code>Primary Color</code> will be used as the theme color while in the dark mode <code>Secondary Color</code>.</p>\n<h3 dir=\"auto\">Motion background (beta)</h3>\n<p dir=\"auto\">This theme supports video cover in the landing page. To add a video as the motion background, create a JSON file in <code>Assets</code> in your admin portal:</p>\n<p dir=\"auto\">Title: <code>Aoyama Config</code></p>\n<p dir=\"auto\">Slug: <code>_config/aoyama</code></p>\n<p dir=\"auto\">Type: <code>raw</code></p>\n<p dir=\"auto\">Mime type: <code>application/json</code></p>\n<p dir=\"auto\">Content:</p>\n<div class=\"highlight highlight-source-json notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"{\n "video_cover": {\n "src": "https://...",\n "poster": "https://...",\n "type": "video/mp4"\n }\n}\"><pre>{\n <span class=\"pl-ent\">\"video_cover\"</span>: {\n <span class=\"pl-ent\">\"src\"</span>: <span class=\"pl-s\"><span class=\"pl-pds\">\"</span>https://...<span class=\"pl-pds\">\"</span></span>,\n <span class=\"pl-ent\">\"poster\"</span>: <span class=\"pl-s\"><span class=\"pl-pds\">\"</span>https://...<span class=\"pl-pds\">\"</span></span>,\n <span class=\"pl-ent\">\"type\"</span>: <span class=\"pl-s\"><span class=\"pl-pds\">\"</span>video/mp4<span class=\"pl-pds\">\"</span></span>\n }\n}</pre></div>\n<p dir=\"auto\"><code>src</code>: the video source url</p>\n<p dir=\"auto\"><code>poster</code>: the source url of the video cover image. It also works as a fallback if the video fails to load.</p>\n<p dir=\"auto\"><code>type</code>: MIME type of the video, full list of supported MIME types <a href=\"https://www.iana.org/assignments/media-types/media-types.xhtml#video\" rel=\"nofollow\">here</a></p>\n<h2 dir=\"auto\">Author</h2>\n<p dir=\"auto\">Jessie Ji(<a href=\"https://jessieji.com\" rel=\"nofollow\">https://jessieji.com</a>) from the Typlog dev team</p>\n</article></div>"}
0 commit comments