diff --git a/.github/workflows/ci.yaml b/.github/workflows/ci.yaml new file mode 100644 index 0000000..9637f93 --- /dev/null +++ b/.github/workflows/ci.yaml @@ -0,0 +1,23 @@ +name: ci +on: + push: + branches: [main] + pull_request: + branches: [main] +permissions: {} + +jobs: + ci: + runs-on: ubuntu-24.04 + steps: + - name: Checkout + uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2 + - name: Setup Deno + uses: denoland/setup-deno@667a34cdef165d8d2b2e98dde39547c9daac7282 # v2.0.4 + with: + cache: true + + - name: Format + run: deno fmt --check + - name: Build + run: deno task build diff --git a/.gitignore b/.gitignore index 3c3629e..f06235c 100644 --- a/.gitignore +++ b/.gitignore @@ -1 +1,2 @@ node_modules +dist diff --git a/README.md b/README.md index 98f5fbd..6e34289 100644 --- a/README.md +++ b/README.md @@ -1,12 +1,13 @@ # slidev-theme-soba + ![slidev theme soba](https://github.com/ryuapp/slidev-theme-soba/assets/114303361/46e242d1-9740-4dd7-92c0-7a5f73ed49dd) [![NPM version](https://img.shields.io/npm/v/slidev-theme-soba?color=3AB9D4&label=)](https://www.npmjs.com/package/slidev-theme-soba) -日本語向けのシンプルな [Slidev](https://github.com/slidevjs/slidev) のテーマです。 +日本語向けのシンプルな [Slidev](https://github.com/slidevjs/slidev) のテーマです。\ A simple [Slidev](https://github.com/slidevjs/slidev) theme for Japanese. -> **Note** +> **Note**\ > This theme is designed for Japanese, but can be used in other languages. Live demo: [here](https://slidev-theme-soba.ryu.app) diff --git a/deno.json b/deno.jsonc similarity index 61% rename from deno.json rename to deno.jsonc index e915e82..5ea6f09 100644 --- a/deno.json +++ b/deno.jsonc @@ -1,9 +1,15 @@ { + "minimumDependencyAge": "P2D", "tasks": { "slidev": "slidev", "build": "slidev build example.md", "dev": "slidev example.md --open", "export": "slidev export example.md", "screenshot": "slidev export example.md --format png" - } + }, + "fmt": { + "exclude": ["example.md"], + "proseWrap": "preserve" + }, + "nodeModulesDir": "auto" } diff --git a/setup/shiki.ts b/setup/shiki.ts index 3a7d579..4dff0bd 100644 --- a/setup/shiki.ts +++ b/setup/shiki.ts @@ -1,10 +1,10 @@ -import type { ShikiSetupReturn } from '@slidev/types' -import { defineShikiSetup } from '@slidev/types' +import type { ShikiSetupReturn } from "@slidev/types"; +import { defineShikiSetup } from "@slidev/types"; export default defineShikiSetup((): ShikiSetupReturn => { return { themes: { - light: 'github-dark', + light: "github-dark", }, - } -}) \ No newline at end of file + }; +}); diff --git a/styles/index.ts b/styles/index.ts index 06cc31b..0906279 100644 --- a/styles/index.ts +++ b/styles/index.ts @@ -1,3 +1,3 @@ // inherit from base layouts, remove it to get full customizations -import '@slidev/client/styles/layouts-base.css' -import './layout.css' +import "@slidev/client/styles/layouts-base.css"; +import "./layout.css"; diff --git a/styles/layout.css b/styles/layout.css index db00a7b..eba7392 100644 --- a/styles/layout.css +++ b/styles/layout.css @@ -4,23 +4,22 @@ } code, -.slidev-code-copy - { +.slidev-code-copy { @apply text-zinc-300; } -.slidev-layout{ - h1,h2,h3,h4,h5,h6,p,ul{ +.slidev-layout { + h1, h2, h3, h4, h5, h6, p, ul { @apply text-zinc-700; } - h1,h2,h3,h4,h5,h6{ - @apply font-medium + h1, h2, h3, h4, h5, h6 { + @apply font-medium; } } -.slidev-layout blockquote{ +.slidev-layout blockquote { p { - @apply text-zinc-400 + @apply text-zinc-400; } } @@ -31,7 +30,7 @@ code, h2 { @apply mb-2; } - p{ + p { @apply text-xl; } } @@ -40,7 +39,6 @@ code, .slidev-layout.intro { @apply h-full grid text-center; - h1 { @apply text-6xl leading-20; } @@ -67,13 +65,12 @@ code, h1 + p { @apply -mt-2 ml-4 text-zinc-600; } - } .slidev-layout.center { @apply h-full grid text-center; - h1,h2,h3,h4,h5,h6{ + h1, h2, h3, h4, h5, h6 { @apply font-bold; } h1 { @@ -101,7 +98,7 @@ code, .slidev-layout.quote { @apply grid h-full text-center; - + h1 { @apply text-5xl; } @@ -109,7 +106,7 @@ code, @apply mt-2; } blockquote { - @apply before:content-['“'] after:content-["”"] w-fit mx-auto text-zinc-900 bg-zinc-200 border-0 grid text-left; + @apply before:content-["“"] after:content-["”"] w-fit mx-auto text-zinc-900 bg-zinc-200 border-0 grid text-left; } blockquote:before, blockquote:after { @apply text-5xl font-bold text-zinc-600 justify-self-end font-serif; @@ -120,13 +117,13 @@ code, blockquote:after { @apply justify-self-end pt-4 h-10; } - blockquote p{ + blockquote p { @apply text-zinc-900 bg-zinc-200 border-0 text-xl px-6; } - blockquote p + footer{ + blockquote p + footer { @apply mt-2; } - blockquote footer{ + blockquote footer { @apply text-right text-zinc-600 text-lg px-6; } } @@ -148,4 +145,4 @@ code, p + h2, ul + h2, table + h2 { @apply mt-10; } -} \ No newline at end of file +}