-
diff --git a/273Do-theme/styles/layout.css b/273Do-theme/styles/layout.css
index 99fe75d..73884f5 100644
--- a/273Do-theme/styles/layout.css
+++ b/273Do-theme/styles/layout.css
@@ -16,6 +16,7 @@
h1,
h2,
h3,
+ .cover-title,
.slidev-code-block-title {
width: fit-content;
background-color: var(--primary);
diff --git a/components/Counter.vue b/components/Counter.vue
deleted file mode 100644
index faab413..0000000
--- a/components/Counter.vue
+++ /dev/null
@@ -1,37 +0,0 @@
-
-
-
-
+
diff --git a/273Do-theme/layouts/default.vue b/273Do-theme/layouts/default.vue
new file mode 100644
index 0000000..4472567
--- /dev/null
+++ b/273Do-theme/layouts/default.vue
@@ -0,0 +1,8 @@
+
+
+
diff --git a/273Do-theme/layouts/intro.vue b/273Do-theme/layouts/intro.vue
index faab623..acc20fd 100644
--- a/273Do-theme/layouts/intro.vue
+++ b/273Do-theme/layouts/intro.vue
@@ -17,5 +17,6 @@ const style = computed(() => handleBackground(props.background));
+ {{ word }}
+
+ 
+
+ {{ eventTitle }}
+ {{ eventSubTitle }}
+
+
+
-
- {{ counter }}
-
-
-
diff --git a/pages/01-cover.md b/pages/01-cover.md
new file mode 100644
index 0000000..1365d40
--- /dev/null
+++ b/pages/01-cover.md
@@ -0,0 +1 @@
+
diff --git a/pages/02-slide.md b/pages/02-slide.md
new file mode 100644
index 0000000..9f6957d
--- /dev/null
+++ b/pages/02-slide.md
@@ -0,0 +1 @@
+# スライド 2
diff --git a/pages/imported-slides.md b/pages/imported-slides.md
deleted file mode 100644
index 3fff217..0000000
--- a/pages/imported-slides.md
+++ /dev/null
@@ -1,27 +0,0 @@
-# Imported Slides
-
-You can split your slides.md into multiple files and organize them as you want using the `src` attribute.
-
-#### `slides.md`
-
-```markdown
-# Page 1
-
-Page 2 from main entry.
-
----
-
-## src: ./subpage.md
-```
-
-- -#### `subpage.md` - -```markdown -# Page 2 - -Page 2 from another file. -``` - -[Learn more](https://sli.dev/guide/syntax.html#importing-slides) diff --git a/public/imgs/273do-logo.svg b/public/imgs/273do-logo.svg new file mode 100644 index 0000000..d45d2e7 --- /dev/null +++ b/public/imgs/273do-logo.svg @@ -0,0 +1,12 @@ + + diff --git a/slides.md b/slides.md index 5146c88..9dd235b 100644 --- a/slides.md +++ b/slides.md @@ -1,660 +1,13 @@ --- theme: ./273Do-theme -# random image from a curated Unsplash collection by Anthony -# like them? see https://unsplash.com/collections/94734566/slidev -background: https://cover.sli.dev -# some information about your slides (markdown enabled) -title: Welcome to Slidev -info: | - ## Slidev Starter Template - Presentation slides for developers. - - Learn more at [Sli.dev](https://sli.dev) -# apply UnoCSS classes to the current slide -class: text-center -# https://sli.dev/features/drawing +title: Slide Title drawings: persist: false -# slide transition: https://sli.dev/guide/animations.html#slide-transitions -transition: slide-left -# enable Comark Syntax: https://comark.dev/syntax/markdown -comark: true -# duration of the presentation -duration: 35min +transition: view-transition +src: ./pages/01-cover.md --- -# Welcome to Slidev - -Presentation slides for developers - -
- Press Space for next page
-
-
-
-
-
-
-
-
---
-transition: fade-out
+src: ./pages/02-slide.md
---
-
-# What is Slidev?
-
-Slidev is a slides maker and presenter designed for developers, consist of the following features
-
-- 📝 **Text-based** - focus on the content with Markdown, and then style them later
-- 🎨 **Themable** - themes can be shared and re-used as npm packages
-- 🧑💻 **Developer Friendly** - code highlighting, live coding with autocompletion
-- 🤹 **Interactive** - embed Vue components to enhance your expressions
-- 🎥 **Recording** - built-in recording and camera view
-- 📤 **Portable** - export to PDF, PPTX, PNGs, or even a hostable SPA
-- 🛠 **Hackable** - virtually anything that's possible on a webpage is possible in Slidev
-- -
- -Read more about [Why Slidev?](https://sli.dev/guide/why) - - - - - - - ---- - -transition: slide-up -level: 2 ---- - -# Navigation - -Hover on the bottom-left corner to see the navigation's controls panel, [learn more](https://sli.dev/guide/ui#navigation-bar) - -## Keyboard Shortcuts - -| | | -| -------------------------------------------------- | --------------------------- | -| right / space | next animation or slide | -| left / shiftspace | previous animation or slide | -| up | previous slide | -| down | next slide | - - - -
-Here!
- ---- - -layout: two-cols -layoutClass: gap-16 ---- - -# Table of contents - -You can use the `Toc` component to generate a table of contents for your slides: - -```html -````md magic-move (four backticks) to enable the magic move. For example:
-
-````md magic-move {lines: true}
-```ts {*|2|*}
-// step 1
-const author = reactive({
- name: "John Doe",
- books: ["Vue 2 - Advanced Guide", "Vue 3 - Basic Guide", "Vue 4 - The Mystery"],
-});
-```
-
-```ts {*|1-2|3-4|3-4,8}
-// step 2
-export default {
- data() {
- return {
- author: {
- name: "John Doe",
- books: ["Vue 2 - Advanced Guide", "Vue 3 - Basic Guide", "Vue 4 - The Mystery"],
- },
- };
- },
-};
-```
-
-```ts
-// step 3
-export default {
- data: () => ({
- author: {
- name: "John Doe",
- books: ["Vue 2 - Advanced Guide", "Vue 3 - Basic Guide", "Vue 4 - The Mystery"],
- },
- }),
-};
-```
-
-Non-code blocks are ignored.
-
-```vue
-
-
-```
-````
-
----
-
-# Components
-
-
-
-
-
-
----
-
-class: px-20
----
-
-# Themes
-
-Slidev comes with powerful theming support. Themes can provide styles, layouts, components, or even configurations for tools. Switching between themes by just **one edit** in your frontmatter:
-
-
-
-You can use Vue components directly inside your slides.
-
-We have provided a few built-in components like `
-
-
-```html
-
-
-
-```yaml
----
-theme: default
----
-```
-
-```yaml
----
-theme: seriph
----
-```
-
-
-
-
-
-
-
-Read more about [How to use a theme](https://sli.dev/guide/theme-addon#use-theme) and
-check out the [Awesome Themes Gallery](https://sli.dev/resources/theme-gallery).
-
----
-
-# Clicks Animations
-
-You can add `v-click` to elements to add a click animation.
-
-
-
-
-
-
-
-This shows up when you press space or right, or click outside the slide on the right.
-
-```html
-
-
-This shows up when you trigger a click animation.
-```
-
--You can also add modifiers to change the animation: -
- -
-
-
-
-
- v-click.up
- Slide from bottom
-
-
- v-click.fade-in
- Fade in
-
-
- v-click.fade
- Dim (0.5 opacity)
-
-
- v-click.fade.right.scale
- Composed
-
-
-v-click.none
- No transition
- v-mark directive
-also allows you to add
-inline marks
-, powered by [Rough Notation](https://roughnotation.com/):
-
-```html
-inline markers
-```
-
-
-
-[Learn more](https://sli.dev/guide/animations#click-animation)
-
-
-
----
-
-# Motions
-
-Motion animations are powered by [@vueuse/motion](https://motion.vueuse.org/), triggered by `v-motion` directive.
-
-```html
-
- Slidev
-
-```
-
-
-
-
-
-
-
-
- 
- 
- 
-
-
-
-
-
-
- Slidev
-
-
-
-[Learn more](https://sli.dev/guide/animations.html#motion)
-
-
-
----
-
-# $\LaTeX$
-
-$\LaTeX$ is supported out-of-box. Powered by [$\KaTeX$](https://katex.org/).
-
-
-
-Inline $\sqrt{3x-1}+(1+x)^2$
-
-Block
-
-$$ {1|3|all}
-\begin{aligned}
-\nabla \cdot \vec{E} &= \frac{\rho}{\varepsilon_0} \\
-\nabla \cdot \vec{B} &= 0 \\
-\nabla \times \vec{E} &= -\frac{\partial\vec{B}}{\partial t} \\
-\nabla \times \vec{B} &= \mu_0\vec{J} + \mu_0\varepsilon_0\frac{\partial\vec{E}}{\partial t}
-\end{aligned}
-$$
-
-[Learn more](https://sli.dev/features/latex)
-
----
-
-# Diagrams
-
-You can create diagrams / graphs from textual descriptions, directly in your Markdown.
-
-
-
-```mermaid {scale: 0.5, alt: 'A simple sequence diagram'}
-sequenceDiagram
- Alice->John: Hello John, how are you?
- Note over Alice,John: A typical interaction
-```
-
-```mermaid {theme: 'neutral', scale: 0.8}
-graph TD
-B[Text] --> C{Decision}
-C -->|One| D[Result 1]
-C -->|Two| E[Result 2]
-```
-
-```mermaid
-mindmap
- root((mindmap))
- Origins
- Long history
- ::icon(fa fa-book)
- Popularisation
- British popular psychology author Tony Buzan
- Research
- On effectiveness
and features - On Automatic creation - Uses - Creative techniques - Strategic planning - Argument mapping - Tools - Pen and paper - Mermaid -``` - -```plantuml {scale: 0.7} -@startuml - -package "Some Group" { - HTTP - [First Component] - [Another Component] -} - -node "Other Groups" { - FTP - [Second Component] - [First Component] --> FTP -} - -cloud { - [Example 1] -} - -database "MySql" { - folder "This is my folder" { - [Folder 3] - } - frame "Foo" { - [Frame 4] - } -} - -[Another Component] --> [Example 1] -[Example 1] --> [Folder 3] -[Folder 3] --> [Frame 4] - -@enduml -``` - -
-
-Learn more: [Mermaid Diagrams](https://sli.dev/features/mermaid) and [PlantUML Diagrams](https://sli.dev/features/plantuml)
-
----
-
-foo: bar
-dragPos:
-square: 691,32,167,_,-16
----
-
-dragPos:
-square: 0,-93,0,0
----
-
-dragPos:
-square: 0,-49,0,0
----
-
-# Draggable Elements
-
-Double-click on the draggable elements to edit their positions.
-
-and features - On Automatic creation - Uses - Creative techniques - Strategic planning - Argument mapping - Tools - Pen and paper - Mermaid -``` - -```plantuml {scale: 0.7} -@startuml - -package "Some Group" { - HTTP - [First Component] - [Another Component] -} - -node "Other Groups" { - FTP - [Second Component] - [First Component] --> FTP -} - -cloud { - [Example 1] -} - -database "MySql" { - folder "This is my folder" { - [Folder 3] - } - frame "Foo" { - [Frame 4] - } -} - -[Another Component] --> [Example 1] -[Example 1] --> [Folder 3] -[Folder 3] --> [Frame 4] - -@enduml -``` - -
- -###### Directive Usage - -```md -
-```
-
-- -###### Component Usage - -```md -
- Double-click me!
-
-
-
-###### Draggable Arrow
-
-```md
-