diff --git a/README.md b/README.md index 20def20..cf94b8a 100644 --- a/README.md +++ b/README.md @@ -1,17 +1,21 @@ # slidev-theme-soba -![slidev theme soba](https://github.com/ryuapp/slidev-theme-soba/assets/114303361/46e242d1-9740-4dd7-92c0-7a5f73ed49dd) - [![License](https://img.shields.io/github/license/ryuapp/slidev-theme-soba?labelColor=171717&color=39b54a&label=License)](https://github.com/ryuapp/slidev-theme-soba/blob/main/LICENSE) [![npm](https://img.shields.io/npm/v/slidev-theme-soba?labelColor=171717&color=39b54a)](https://npmx.dev/package/slidev-theme-soba) -日本語向けのシンプルな [Slidev](https://github.com/slidevjs/slidev) のテーマです。\ A simple [Slidev](https://github.com/slidevjs/slidev) theme for Japanese. > [!NOTE] > This theme is designed for Japanese, but can be used in other languages. -Live demo: [here](https://slidev-theme-soba.ryu.app) +Live demo: [here](https://slidev-theme-soba.ryu.app) +Screenshot example: [here](https://github.com/ryuapp/slidev-theme-soba/tree/main/screenshots) + +## Features + +- Simple and clean design focused on readability and ease of use. +- Text size adjusted for face-to-face use. +- Japanese font support (Noto Sans JP and Poppins) ## Install @@ -36,12 +40,6 @@ This theme provides the following layouts: - Image - End -## Components - -This theme provides the following components: - -🚧Underconstruction🚧 - ## Contributing - `deno install` diff --git a/components/.gitkeep b/components/.gitkeep deleted file mode 100644 index e69de29..0000000 diff --git a/components/Pagination.vue b/components/Pagination.vue index 2d3a463..1b13f47 100644 --- a/components/Pagination.vue +++ b/components/Pagination.vue @@ -6,6 +6,6 @@ " class="font-serif text-lg" > - + {{ $slidev.nav.currentPage }} diff --git a/deno.jsonc b/deno.jsonc index 2d374aa..97f8dfd 100644 --- a/deno.jsonc +++ b/deno.jsonc @@ -7,7 +7,7 @@ "build": "slidev build example.md", "dev": "slidev example.md --open", "export": "slidev export example.md", - "screenshot": "slidev export example.md --format png", + "screenshot": "slidev export example.md --format png --output screenshots", }, "imports": { "oxfmt": "npm:oxfmt@0.48.0", diff --git a/example.md b/example.md index 6694669..18cfdc5 100644 --- a/example.md +++ b/example.md @@ -1,16 +1,16 @@ --- theme: ./ showPageCount: true -disablePageCount: [1, 7, 9, 11] +disablePageCount: [1, 5, 6, 7, 9] themeConfig: primary: "#39b54a" htmlAttrs: lang: "ja" --- -# Slidevテーマ Soba +# Slidevのシンプルなテーマ Soba -日本語向けのシンプルなテーマ +日本語向けのシンプルなSlidevのテーマ --- layout: profile @@ -22,7 +22,7 @@ profileImage: https://img.ryu.app/logo/ryuapp.svg フロントエンド開発者 - [Portfolio](https://ryu.app) -- [GitHub](https://github.com/ryuapp/) +- [GitHub](https://github.com/ryuapp) --- @@ -39,27 +39,22 @@ profileImage: https://img.ryu.app/logo/ryuapp.svg 1. 日本語フォントの使用 - 日本語 ⇒ [Noto Sans JP](https://fonts.google.com/noto/specimen/Noto+Sans+JP) - アルファベットや記号 ⇒ [Poppins](https://fonts.google.com/specimen/Poppins) -2. 文字の大きさ、太さ、間隔 +2. 対面向けに文字の大きさ、太さ、間隔を調整 --- # Slidevとは？ -Slidevはスライド作成ツールであり、開発者向けに設計されたプレゼンテーションツールです -次のような機能を備えています +Slidevはスライド作成ツールであり、開発者向けに設計されたプレゼンテーションツールです。次のような機能を備えています -- 📝 **テキストベース** - マークダウンでコンテンツに集中し、スタイルを整えられる -- 🎨 **テーマの切り替え** - npm を通じてテーマを共有できる -- 🧑‍💻 **開発者フレンドリー** - コードハイライト、オートコンプリートによるライブコーディングができる -- 🤹 **インタラクティブ** - Vue コンポーネントを埋め込んで表現を強化できる -- 🎥 **録画・撮影** - 録画機能とカメラビューがあります -- 📤 **便利** - PDF、PNG、またはホスティング可能な SPA で出力できる -- 🛠 **カスタマイズ** - Webページで出来る事は何でもできる +- 📝 **テキストベース** + - マークダウンでコンテンツに集中し、スタイルを整えられる +- 🧑‍💻 **開発者フレンドリー** + - コードハイライト、オートコンプリートが利用できる +- 📤 **便利** + - PDF、PNG、またはホスティング可能なSPAで出力できる -
-
- -もっと知りたい人は [なぜSlidev？](https://ja.sli.dev/guide/why.html) +もっと知りたい人は [なぜSlidev？](https://ja.sli.dev/guide/why) --- layout: section diff --git a/layouts/cover.vue b/layouts/cover.vue index 67f75a9..d240a91 100644 --- a/layouts/cover.vue +++ b/layouts/cover.vue @@ -1,6 +1,6 @@