diff --git a/README.md b/README.md
index 9800647..13df944 100644
--- a/README.md
+++ b/README.md
@@ -1,49 +1,56 @@
-# markdown-to-ppt
+# markdown to ppt
-English | [简体中文](./README_zh.md)
+一个 markdown 在线制作精美 PPT 在线工具
-A markdown online production exquisite PPT online tool
+## 使用方法
-## Usage
+鼠标放在屏幕左上角，展示配置按钮，点开即可使用
-Place the mouse in the upper left corner of the screen to display the configuration button. Click it to use it
+## 特点
-## Features
+1. 完全使用 Markdown 语法，制作 PPT 极致便捷
+2. 各种主题和精美特效，使用极其方便
+3. 支持图片上传
+4. 支持远程拉取 Markdown 线上文件
+5. 支持本地存储
+6. 开箱即用，无需注册，无后端，无隐私泄漏
+7. 支持移动端、下载 PDF、旁白模式等
-1. Completely using Markdown syntax, making PPT extremely convenient
+## 说明
-Various themes and exquisite special effects, extremely convenient to use
+- 一个#表示一级标题，同时其下的内容表示左右分页里一页的内容
+- 两个#表示二级标题，同时其下的内容表示左右分页里一页的内容
+- 三个#表示三级标题，同时其下的内容表示上下分页里一页的内容
+- 如想使用特殊效果，可参考范例
-3. Support for image uploading
+ - 如代码后的 `[7-9|10-12|12-15]`表示代码可按行分段亮亮展示
+ - 标题下的`` 表示当前页面如果切到下一页，相同的部分会有过渡动画，不同的部分会展示。总之可出现很棒的效果
+ - 文字后的``表示给当前元素添加 class，`fragment`这个 class 能让元素一步一步展示，而不是一次性展示
+ - 如果想给元素添加样式，可以举一反三如``
+ - 标题下的`` 可让当前页面两栏展示
+ - `*内容*` 会让内容文字更小。 也可以用`内容`
+ - 预置了一些常用的颜色标签，如``、``、``、``等
-4. Support remote pull of Markdown online files
+## 获取用户信息
-5. Support for local storage
+本网站不会获取用户的个人信息。
-6. Out of the box, no registration required, no backend, no privacy disclosure
+## 利用用户信息
-7. Support mobile terminal, download PDF, narration mode, etc
+本网站不使用使用者的个人信息。
-## Description
+## 用户信息的第三方提供
-- A # represents the first level title, and the content below it represents the content of one page in the left and right pages
+本网站不会向第三方提供使用者的个人信息。
-- The two #'s represent the secondary title, while the content below represents the content of one page in the left and right pages
+## 使用工具
-- The three #'s represent three-level titles, while the content below represents the content of one page in the upper and lower pages
+本网站使用 Google Analytics（Google Inc.）作为分析工具，Google Analytics 可能会自动获取使用者的信息。关于获取的信息、使用目的、向第三方提供等，请根据分析经营者的隐私政策进行确认。
-- For special effects, please refer to examples
+## 联系信息
- - For example, the '[7-9 | 10-12 | 12-15]' after the code indicates that the code can be highlighted by line segments
+如果有什么不明白的地方请咨询。
- - The '` Indicates that if the current page is switched to the next page, the same part will have a transition animation, and different parts will be displayed. In short, it can produce great results
+## 联系方式
- - The `` Indicates that a class is added to the current element, and the 'fragment' class enables the element to be displayed step by step instead of being displayed at once
-
- - If you want to add a style to an element, you can draw inferences from one example, such as'`
-
- - The '` Allows the current page to be displayed in two columns
-
- - '* Content *' will make the content text smaller. You can also use 'content`
-
- - Some commonly used color labels are preset, such as'','','', and''
+个人博客：https://seiri-blog.github.io/
diff --git a/README_zh.md b/README_zh.md
deleted file mode 100644
index c8840c2..0000000
--- a/README_zh.md
+++ /dev/null
@@ -1,32 +0,0 @@
-# markdown-to-ppt
-
-[English](./README.md) | 简体中文
-
-一个markdown在线制作精美PPT在线工具
-
-## 使用方法
-鼠标放在屏幕左上角，展示配置按钮，点开即可使用
-
-## 特点
-
-1. 完全使用Markdown语法，制作PPT极致便捷
-2. 各种主题和精美特效，使用极其方便
-3. 支持图片上传
-4. 支持远程拉取Markdown线上文件
-5. 支持本地存储
-6. 开箱即用，无需注册，无后端，无隐私泄漏
-7. 支持移动端、下载PDF、旁白模式等
-
-## 说明
-
-- 一个#表示一级标题，同时其下的内容表示左右分页里一页的内容
-- 两个#表示二级标题，同时其下的内容表示左右分页里一页的内容
-- 三个#表示三级标题，同时其下的内容表示上下分页里一页的内容
-- 如想使用特殊效果，可参考范例
- - 如代码后的 `[7-9|10-12|12-15]`表示代码可按行分段亮亮展示
- - 标题下的`` 表示当前页面如果切到下一页，相同的部分会有过渡动画，不同的部分会展示。总之可出现很棒的效果
- - 文字后的``表示给当前元素添加class，`fragment`这个class能让元素一步一步展示，而不是一次性展示
- - 如果想给元素添加样式，可以举一反三如``
- - 标题下的`` 可让当前页面两栏展示
- - `*内容*` 会让内容文字更小。 也可以用`内容`
- - 预置了一些常用的颜色标签，如``、``、``、``等
diff --git a/assets/index-af677569.js b/assets/index-50efbbdb.js
similarity index 99%
rename from assets/index-af677569.js
rename to assets/index-50efbbdb.js
index 75e8aec..66c7534 100644
--- a/assets/index-af677569.js
+++ b/assets/index-50efbbdb.js
@@ -1092,21 +1092,23 @@ ${i[n]}
-
+
+
diff --git a/print/paper.css b/print/paper.css
index 27d19dd..9391f3c 100644
--- a/print/paper.css
+++ b/print/paper.css
@@ -5,82 +5,103 @@
Feel free (nay, compelled) to edit, append, and
manipulate this file as you see fit. */
-
@media print {
-
- /* SECTION 1: Set default width, margin, float, and
+ /* SECTION 1: Set default width, margin, float, and
background. This prevents elements from extending
beyond the edge of the printed page, and prevents
unnecessary background images from printing */
- html {
- background: #fff;
- width: auto;
- height: auto;
- overflow: visible;
- }
- body {
- background: #fff;
- font-size: 20pt;
- width: auto;
- height: auto;
- border: 0;
- margin: 0 5%;
- padding: 0;
- overflow: visible;
- float: none !important;
- }
-
- /* SECTION 2: Remove any elements not needed in print.
+ html {
+ background: #fff;
+ width: auto;
+ height: auto;
+ overflow: visible;
+ }
+ body {
+ background: #fff;
+ font-size: 20pt;
+ width: auto;
+ height: auto;
+ border: 0;
+ margin: 0 5%;
+ padding: 0;
+ overflow: visible;
+ float: none !important;
+ }
+
+ /* SECTION 2: Remove any elements not needed in print.
This would include navigation, ads, sidebars, etc. */
- .nestedarrow,
- .controls,
- .fork-reveal,
- .share-reveal,
- .state-background,
- .reveal .progress,
- .reveal .backgrounds,
- .reveal .slide-number {
- display: none !important;
- }
-
- /* SECTION 3: Set body font face, size, and color.
+ .nestedarrow,
+ .controls,
+ .fork-reveal,
+ .share-reveal,
+ .state-background,
+ .reveal .progress,
+ .reveal .backgrounds,
+ .reveal .slide-number {
+ display: none !important;
+ }
+
+ /* SECTION 3: Set body font face, size, and color.
Consider using a serif font for readability. */
- body, p, td, li, div {
- font-size: 20pt!important;
- font-family: Georgia, "Times New Roman", Times, serif !important;
- color: #000;
- }
-
- /* SECTION 4: Set heading font face, sizes, and color.
+ body,
+ p,
+ td,
+ li,
+ div {
+ font-size: 20pt !important;
+ font-family: Georgia, "Times New Roman", Times, serif !important;
+ color: #000;
+ }
+
+ /* SECTION 4: Set heading font face, sizes, and color.
Differentiate your headings from your body text.
Perhaps use a large sans-serif for distinction. */
- h1,h2,h3,h4,h5,h6 {
- color: #000!important;
- height: auto;
- line-height: normal;
- font-family: Georgia, "Times New Roman", Times, serif !important;
- text-shadow: 0 0 0 #000 !important;
- text-align: left;
- letter-spacing: normal;
- }
- /* Need to reduce the size of the fonts for printing */
- h1 { font-size: 28pt !important; }
- h2 { font-size: 24pt !important; }
- h3 { font-size: 22pt !important; }
- h4 { font-size: 22pt !important; font-variant: small-caps; }
- h5 { font-size: 21pt !important; }
- h6 { font-size: 20pt !important; font-style: italic; }
-
- /* SECTION 5: Make hyperlinks more usable.
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
+ color: #000 !important;
+ height: auto;
+ line-height: normal;
+ font-family: Georgia, "Times New Roman", Times, serif !important;
+ text-shadow: 0 0 0 #000 !important;
+ text-align: left;
+ letter-spacing: normal;
+ }
+ /* Need to reduce the size of the fonts for printing */
+ h1 {
+ font-size: 28pt !important;
+ }
+ h2 {
+ font-size: 24pt !important;
+ }
+ h3 {
+ font-size: 22pt !important;
+ }
+ h4 {
+ font-size: 22pt !important;
+ font-variant: small-caps;
+ }
+ h5 {
+ font-size: 21pt !important;
+ }
+ h6 {
+ font-size: 20pt !important;
+ font-style: italic;
+ }
+
+ /* SECTION 5: Make hyperlinks more usable.
Ensure links are underlined, and consider appending
the URL to the end of the link for usability. */
- a:link,
- a:visited {
- color: #000 !important;
- font-weight: bold;
- text-decoration: underline;
- }
- /*
+ a:link,
+ a:visited {
+ color: #000 !important;
+ font-weight: bold;
+ text-decoration: underline;
+ }
+ /*
.reveal a:link:after,
.reveal a:visited:after {
content: " (" attr(href) ") ";
@@ -89,115 +110,116 @@
}
*/
-
- /* SECTION 6: more reveal.js specific additions by @skypanther */
- ul, ol, div, p {
- visibility: visible;
- position: static;
- width: auto;
- height: auto;
- display: block;
- overflow: visible;
- margin: 0;
- text-align: left !important;
- }
- .reveal pre,
- .reveal table {
- margin-left: 0;
- margin-right: 0;
- }
- .reveal pre code {
- padding: 20px;
- border: 1px solid #ddd;
- }
- .reveal blockquote {
- margin: 20px 0;
- }
- .reveal .slides {
- position: static !important;
- width: auto !important;
- height: auto !important;
-
- left: 0 !important;
- top: 0 !important;
- margin-left: 0 !important;
- margin-top: 0 !important;
- padding: 0 !important;
- zoom: 1 !important;
-
- overflow: visible !important;
- display: block !important;
-
- text-align: left !important;
- -webkit-perspective: none;
- -moz-perspective: none;
- -ms-perspective: none;
- perspective: none;
-
- -webkit-perspective-origin: 50% 50%;
- -moz-perspective-origin: 50% 50%;
- -ms-perspective-origin: 50% 50%;
- perspective-origin: 50% 50%;
- }
- .reveal .slides section {
- visibility: visible !important;
- position: static !important;
- width: auto !important;
- height: auto !important;
- display: block !important;
- overflow: visible !important;
-
- left: 0 !important;
- top: 0 !important;
- margin-left: 0 !important;
- margin-top: 0 !important;
- padding: 60px 20px !important;
- z-index: auto !important;
-
- opacity: 1 !important;
-
- page-break-after: always !important;
-
- -webkit-transform-style: flat !important;
- -moz-transform-style: flat !important;
- -ms-transform-style: flat !important;
- transform-style: flat !important;
-
- -webkit-transform: none !important;
- -moz-transform: none !important;
- -ms-transform: none !important;
- transform: none !important;
-
- -webkit-transition: none !important;
- -moz-transition: none !important;
- -ms-transition: none !important;
- transition: none !important;
- }
- .reveal .slides section.stack {
- padding: 0 !important;
- }
- .reveal section:last-of-type {
- page-break-after: avoid !important;
- }
- .reveal section .fragment {
- opacity: 1 !important;
- visibility: visible !important;
-
- -webkit-transform: none !important;
- -moz-transform: none !important;
- -ms-transform: none !important;
- transform: none !important;
- }
- .reveal section img {
- display: block;
- margin: 15px 0px;
- background: rgba(255,255,255,1);
- border: 1px solid #666;
- box-shadow: none;
- }
-
- .reveal section small {
- font-size: 0.8em;
- }
-
+ /* SECTION 6: more reveal.js specific additions by @skypanther */
+ ul,
+ ol,
+ div,
+ p {
+ visibility: visible;
+ position: static;
+ width: auto;
+ height: auto;
+ display: block;
+ overflow: visible;
+ margin: 0;
+ text-align: left !important;
+ }
+ .reveal pre,
+ .reveal table {
+ margin-left: 0;
+ margin-right: 0;
+ }
+ .reveal pre code {
+ padding: 20px;
+ border: 1px solid #ddd;
+ }
+ .reveal blockquote {
+ margin: 20px 0;
+ }
+ .reveal .slides {
+ position: static !important;
+ width: auto !important;
+ height: auto !important;
+
+ left: 0 !important;
+ top: 0 !important;
+ margin-left: 0 !important;
+ margin-top: 0 !important;
+ padding: 0 !important;
+ zoom: 1 !important;
+
+ overflow: visible !important;
+ display: block !important;
+
+ text-align: left !important;
+ -webkit-perspective: none;
+ -moz-perspective: none;
+ -ms-perspective: none;
+ perspective: none;
+
+ -webkit-perspective-origin: 50% 50%;
+ -moz-perspective-origin: 50% 50%;
+ -ms-perspective-origin: 50% 50%;
+ perspective-origin: 50% 50%;
+ }
+ .reveal .slides section {
+ visibility: visible !important;
+ position: static !important;
+ width: auto !important;
+ height: auto !important;
+ display: block !important;
+ overflow: visible !important;
+
+ left: 0 !important;
+ top: 0 !important;
+ margin-left: 0 !important;
+ margin-top: 0 !important;
+ padding: 60px 20px !important;
+ z-index: auto !important;
+
+ opacity: 1 !important;
+
+ page-break-after: always !important;
+
+ -webkit-transform-style: flat !important;
+ -moz-transform-style: flat !important;
+ -ms-transform-style: flat !important;
+ transform-style: flat !important;
+
+ -webkit-transform: none !important;
+ -moz-transform: none !important;
+ -ms-transform: none !important;
+ transform: none !important;
+
+ -webkit-transition: none !important;
+ -moz-transition: none !important;
+ -ms-transition: none !important;
+ transition: none !important;
+ }
+ .reveal .slides section.stack {
+ padding: 0 !important;
+ }
+ .reveal section:last-of-type {
+ page-break-after: avoid !important;
+ }
+ .reveal section .fragment {
+ opacity: 1 !important;
+ visibility: visible !important;
+
+ -webkit-transform: none !important;
+ -moz-transform: none !important;
+ -ms-transform: none !important;
+ transform: none !important;
+ }
+ .reveal section img {
+ display: block;
+ margin: 15px 0px;
+ background: rgba(255, 255, 255, 1);
+ border: 1px solid #666;
+ box-shadow: none;
+ }
+
+ .reveal section small {
+ font-size: 0.8em;
+ }
}
diff --git a/print/pdf.css b/print/pdf.css
index 752d955..da4cfb0 100644
--- a/print/pdf.css
+++ b/print/pdf.css
@@ -6,21 +6,21 @@
*/
* {
- -webkit-print-color-adjust: exact;
+ -webkit-print-color-adjust: exact;
}
body {
- margin: 0 auto !important;
- border: 0;
- padding: 0;
- float: none !important;
- overflow: visible;
+ margin: 0 auto !important;
+ border: 0;
+ padding: 0;
+ float: none !important;
+ overflow: visible;
}
html {
- width: 100%;
- height: 100%;
- overflow: visible;
+ width: 100%;
+ height: 100%;
+ overflow: visible;
}
/* Remove any elements not needed in print. */
@@ -32,133 +32,141 @@ html {
.fork-reveal,
.share-reveal,
.state-background {
- display: none !important;
+ display: none !important;
}
-h1, h2, h3, h4, h5, h6 {
- text-shadow: 0 0 0 #000 !important;
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ text-shadow: 0 0 0 #000 !important;
}
.reveal pre code {
- overflow: hidden !important;
- font-family: Courier, 'Courier New', monospace !important;
-}
-
-ul, ol, div, p {
- visibility: visible;
- position: static;
- width: auto;
- height: auto;
- display: block;
- overflow: visible;
- margin: auto;
+ overflow: hidden !important;
+ font-family: Courier, "Courier New", monospace !important;
+}
+
+ul,
+ol,
+div,
+p {
+ visibility: visible;
+ position: static;
+ width: auto;
+ height: auto;
+ display: block;
+ overflow: visible;
+ margin: auto;
}
.reveal {
- width: auto !important;
- height: auto !important;
- overflow: hidden !important;
+ width: auto !important;
+ height: auto !important;
+ overflow: hidden !important;
}
.reveal .slides {
- position: static;
- width: 100% !important;
- height: auto !important;
- zoom: 1 !important;
+ position: static;
+ width: 100% !important;
+ height: auto !important;
+ zoom: 1 !important;
- left: auto;
- top: auto;
- margin: 0 !important;
- padding: 0 !important;
+ left: auto;
+ top: auto;
+ margin: 0 !important;
+ padding: 0 !important;
- overflow: visible;
- display: block;
+ overflow: visible;
+ display: block;
- perspective: none;
- perspective-origin: 50% 50%;
+ perspective: none;
+ perspective-origin: 50% 50%;
}
.reveal .slides .pdf-page {
- position: relative;
- overflow: hidden;
- z-index: 1;
+ position: relative;
+ overflow: hidden;
+ z-index: 1;
- page-break-after: always;
+ page-break-after: always;
}
.reveal .slides section {
- visibility: visible !important;
- display: block !important;
- position: absolute !important;
+ visibility: visible !important;
+ display: block !important;
+ position: absolute !important;
- margin: 0 !important;
- padding: 0 !important;
- box-sizing: border-box !important;
- min-height: 1px;
+ margin: 0 !important;
+ padding: 0 !important;
+ box-sizing: border-box !important;
+ min-height: 1px;
- opacity: 1 !important;
+ opacity: 1 !important;
- transform-style: flat !important;
- transform: none !important;
+ transform-style: flat !important;
+ transform: none !important;
}
.reveal section.stack {
- position: relative !important;
- margin: 0 !important;
- padding: 0 !important;
- page-break-after: avoid !important;
- height: auto !important;
- min-height: auto !important;
+ position: relative !important;
+ margin: 0 !important;
+ padding: 0 !important;
+ page-break-after: avoid !important;
+ height: auto !important;
+ min-height: auto !important;
}
.reveal img {
- box-shadow: none;
+ box-shadow: none;
}
.reveal .roll {
- overflow: visible;
- line-height: 1em;
+ overflow: visible;
+ line-height: 1em;
}
/* Slide backgrounds are placed inside of their slide when exporting to PDF */
.reveal .slide-background {
- display: block !important;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- z-index: auto !important;
+ display: block !important;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: auto !important;
}
/* Display slide speaker notes when 'showNotes' is enabled */
.reveal.show-notes {
- max-width: none;
- max-height: none;
+ max-width: none;
+ max-height: none;
}
.reveal .speaker-notes-pdf {
- display: block;
- width: 100%;
- height: auto;
- max-height: none;
- top: auto;
- right: auto;
- bottom: auto;
- left: auto;
- z-index: 100;
+ display: block;
+ width: 100%;
+ height: auto;
+ max-height: none;
+ top: auto;
+ right: auto;
+ bottom: auto;
+ left: auto;
+ z-index: 100;
}
/* Layout option which makes notes appear on a separate page */
.reveal .speaker-notes-pdf[data-layout="separate-page"] {
- position: relative;
- color: inherit;
- background-color: transparent;
- padding: 20px;
- page-break-after: always;
- border: 0;
+ position: relative;
+ color: inherit;
+ background-color: transparent;
+ padding: 20px;
+ page-break-after: always;
+ border: 0;
}
/* Display slide numbers when 'slideNumber' is enabled */
.reveal .slide-number-pdf {
- display: block;
- position: absolute;
- font-size: 14px;
+ display: block;
+ position: absolute;
+ font-size: 14px;
}