mp 0.1.0 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ff079cf7563dddd6684f0a4b88d59adba0e0a7290c505f45687566c5bc13af9a
-  data.tar.gz: 8178770f3b19a573736ffc24e20534221170dfe7d7429c65edd5bc619bac3b1d
+  metadata.gz: 34fc0a2942d59611b53629311f2696063e7c780f5d5a23f295961806f13898da
+  data.tar.gz: bbf907d4146120f4438f9e260a402dc7fca7fd7a8e3e366ef987cd6655fea2d0
 SHA512:
-  metadata.gz: 50c91001bcbd108799a7e752910e5b7bab6badcd530a8357b07860bf22f5484a190c509cafc05ebc2b243a0755a9a329e8bf9f1d7d4986902cbfe8269d59448c
-  data.tar.gz: e252cc2177716ade059b52fd4846228c41c1f3b1598db1683005a6d3f580946012514deac78d3dbdfd3bbcc2890d14638949475b1a95f881bdcae59ce5f705e9
+  metadata.gz: 999b1907304af0e73c5520565a1e4cc20d68beb94f54ca4509589b9978c1e6ad75839ed5b21100bbee4ffbb8504fdd7137550bfce94ba3779472518004bae851
+  data.tar.gz: 9b86c3d9a52300db5b225fde23b43e94e4d5e108b02c07c6ca3ecf3bc0e83fc885e1527331fb936fb135a2425b0511e68ef9c0667429cbe9355a8a215fe408f3

data/README.md

@@ -32,6 +32,8 @@ Markdown や CSS を保存すると自動で再読み込みします。このと
 | `## 見出し` | 通常のスライド 1 枚。見出しがページタイトルになる |
 | `---` | タイトルなしの続きスライド |
 
+見出しだけで本文がないスライドは、タイトルを画面の中央に置きます。左に寄せるには `<!-- _class: left -->` を書きます。
+
 ## ターミナルの埋め込み
 
 ````markdown
@@ -88,7 +90,7 @@ style: |
 <!-- _backgroundColor: black --> このスライドだけに適用(先頭に _)
 ```
 
-使えるディレクティブは `paginate` `header` `footer` `class` `color` `backgroundColor` `backgroundImage` `backgroundPosition` `backgroundRepeat` `backgroundSize` です。クラスには `lead`(中央寄せ)、`invert`(配色反転)、`columns`(2 列)があります。
+使えるディレクティブは `paginate` `header` `footer` `class` `color` `backgroundColor` `backgroundImage` `backgroundPosition` `backgroundRepeat` `backgroundSize` です。クラスには `lead`(中央寄せ)、`left`(左寄せ)、`invert`(配色反転)、`columns`(2 列)があります。
 
 **画像**
 

data/lib/mp/deck.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-require "cgi"
+require "cgi/escape"
 require "shellwords"
 require "yaml"
 require_relative "slide_renderer"

data/lib/mp/slide_renderer.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-require "cgi"
+require "cgi/escape"
 require "kramdown"
 require "kramdown-parser-gfm"
 require "rouge"
@@ -43,6 +43,7 @@ module Mp
       document = Kramdown::Document.new(source, KRAMDOWN)
       @source_lines = source.split("\n", -1)
       transform(document.root)
+      @title_only = title_only?(document.root)
       html = scope_styles(restore_tokens(document.to_html))
       html = html.sub(/<h([12])>/, '<h\1 class="fit">') if @chunk.fit
 
@@ -59,6 +60,14 @@ module Mp
       element.children.each { convert_image(_1) if _1.type == :img }
     end
 
+    # 背景画像はここまでに取り除かれ、ノートは kramdown に渡していない
+    def title_only?(root)
+      return false if @chunk.kind == :continuation
+
+      content = root.children.reject { _1.type == :blank || (_1.type == :html_element && _1.value == "style") }
+      content.length == 1 && content.first.type == :header
+    end
+
     def background_only?(element)
       return false unless element.type == :p
 
@@ -135,7 +144,8 @@ module Mp
 
     def classes
       kind = { cover: "cover", continuation: "continuation" }[@chunk.kind]
-      ["slide", kind, *Array(@directives["class"]).flat_map { _1.to_s.split }].compact.join(" ")
+      title_only = "title-only" if @title_only
+      ["slide", kind, *Array(@directives["class"]).flat_map { _1.to_s.split }, title_only].compact.join(" ")
     end
 
     def style

data/lib/mp/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Mp
-  VERSION = "0.1.0"
+  VERSION = "0.1.1"
 end

data/public/style.css

@@ -20,6 +20,16 @@ section.slide.active { visibility: visible; }
 section.slide.cover, section.slide.lead { justify-content: center; }
 section.slide.lead { text-align: center; align-items: center; }
 
+/* 見出しだけのスライドは自動で中央に置く */
+section.slide.title-only { justify-content: center; align-items: center; text-align: center; }
+section.slide.title-only > :is(h1, h2) { margin: 0; padding: 0; border: 0; }
+
+/* 左寄せ: <!-- _class: left --> */
+section.slide.left { align-items: stretch; text-align: left; }
+
+/* 中央寄せでも横幅いっぱいを基準に拡大する */
+section.slide > .fit { align-self: stretch; }
+
 /* 見出しの下を 2 列にする: <!-- _class: columns --> */
 section.slide.columns {
   display: grid;
@@ -41,6 +51,7 @@ section.slide > header, section.slide > footer, section.slide > .page-number {
   left: var(--pad);
   right: var(--pad);
   z-index: 2;
+  text-align: left; /* 中央寄せのスライドでも位置を変えない */
   font-size: 18px;
   opacity: .65;
 }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: mp
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.1
 platform: ruby
 authors:
 - takkanm
@@ -224,7 +224,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 4.0.3
+rubygems_version: 4.0.24
 specification_version: 4
 summary: Markdown を全画面プレゼンテーションにするツール(ターミナル / Web 埋め込み対応)
 test_files: []