From 4ae616147539596e6dc1808d6f2a4236b7a34716 Mon Sep 17 00:00:00 2001
From: 273* <keita.y310@icloud.com>
Date: Sun, 26 Jul 2026 17:23:42 +0900
Subject: [PATCH 1/4] feat: add footer

---
 273Do-theme/components/Footer.vue | 12 ++++++++++++
 273Do-theme/layouts/default.vue   |  8 ++++++++
 273Do-theme/layouts/intro.vue     |  1 +
 slides.md                         | 16 ++++++++++++++++
 4 files changed, 37 insertions(+)
 create mode 100644 273Do-theme/components/Footer.vue
 create mode 100644 273Do-theme/layouts/default.vue

diff --git a/273Do-theme/components/Footer.vue b/273Do-theme/components/Footer.vue
new file mode 100644
index 0000000..579392e
--- /dev/null
+++ b/273Do-theme/components/Footer.vue
@@ -0,0 +1,12 @@
+<script setup lang="ts">
+import { useNav } from "@slidev/client";
+
+const { currentSlideNo, total } = useNav();
+</script>
+
+<template>
+  <footer class="flex items-center justify-between text-xs" style="color: var(--muted-foreground)">
+    <span>スライド名</span>
+    <span>{{ currentSlideNo }}/{{ total }}</span>
+  </footer>
+</template>
diff --git a/273Do-theme/layouts/default.vue b/273Do-theme/layouts/default.vue
new file mode 100644
index 0000000..00dbab6
--- /dev/null
+++ b/273Do-theme/layouts/default.vue
@@ -0,0 +1,8 @@
+<template>
+  <div class="slidev-layout default flex flex-col h-full p-8">
+    <div class="flex-1">
+      <slot />
+    </div>
+    <Footer />
+  </div>
+</template>
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));
     <div class="my-auto">
       <slot />
     </div>
+    <Footer />
   </div>
 </template>
diff --git a/slides.md b/slides.md
index 5146c88..ee9784f 100644
--- a/slides.md
+++ b/slides.md
@@ -576,6 +576,22 @@ dragPos:
 square: 0,-49,0,0
 ---
 
+dragPos:
+square: 0,-44,0,0
+---
+
+dragPos:
+square: 0,-44,0,0
+---
+
+dragPos:
+square: 0,-44,0,0
+---
+
+dragPos:
+square: 0,-44,0,0
+---
+
 # Draggable Elements
 
 Double-click on the draggable elements to edit their positions.

From 7f78613c488101fc3c59ff68394f214c0629d5f7 Mon Sep 17 00:00:00 2001
From: 273* <keita.y310@icloud.com>
Date: Sun, 26 Jul 2026 17:33:40 +0900
Subject: [PATCH 2/4] feat: reset page

---
 components/Counter.vue   |  37 ---
 pages/imported-slides.md |  27 --
 slides.md                | 669 +--------------------------------------
 snippets/external.ts     |  12 -
 4 files changed, 3 insertions(+), 742 deletions(-)
 delete mode 100644 components/Counter.vue
 delete mode 100644 pages/imported-slides.md
 delete mode 100644 snippets/external.ts

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 @@
-<script setup lang="ts">
-import { ref } from "vue";
-
-const props = defineProps({
-  count: {
-    default: 0,
-  },
-});
-
-const counter = ref(props.count);
-</script>
-
-<template>
-  <div flex="~" w="min" border="~ main rounded-md">
-    <button
-      border="r main"
-      p="2"
-      font="mono"
-      outline="!none"
-      hover:bg="gray-400 opacity-20"
-      @click="counter -= 1"
-    >
-      -
-    </button>
-    <span m="auto" p="2">{{ counter }}</span>
-    <button
-      border="l main"
-      p="2"
-      font="mono"
-      outline="!none"
-      hover:bg="gray-400 opacity-20"
-      @click="counter += 1"
-    >
-      +
-    </button>
-  </div>
-</template>
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
-```
-
-<br>
-
-#### `subpage.md`
-
-```markdown
-# Page 2
-
-Page 2 from another file.
-```
-
-[Learn more](https://sli.dev/guide/syntax.html#importing-slides)
diff --git a/slides.md b/slides.md
index ee9784f..e67605c 100644
--- a/slides.md
+++ b/slides.md
@@ -1,676 +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
 ---
 
-# Welcome to Slidev
-
-Presentation slides for developers
-
-<div @click="$slidev.nav.next" class="mt-12 py-1" hover:bg="white op-10">
-  Press Space for next page <carbon:arrow-right />
-</div>
-
-<div class="abs-br m-6 text-xl">
-  <button @click="$slidev.nav.openInEditor()" title="Open in Editor" class="slidev-icon-btn">
-    <carbon:edit />
-  </button>
-  <a href="https://github.com/slidevjs/slidev" target="_blank" class="slidev-icon-btn">
-    <carbon:logo-github />
-  </a>
-</div>
-
-<!--
-The last comment block of each slide will be treated as slide notes. It will be visible and editable in Presenter Mode along with the slide. [Read more in the docs](https://sli.dev/guide/syntax.html#notes)
--->
-
----
-
-transition: fade-out
----
-
-# 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
-<br>
-
-<br>
-
-Read more about [Why Slidev?](https://sli.dev/guide/why)
-
-<!--
-You can have `style` tag in markdown to override the style for the current page.
-Learn more: https://sli.dev/features/slide-scope-style
--->
-
-<style>
-h1 {
-  background-color: #2B90B6;
-  background-image: linear-gradient(45deg, #4EC5D4 10%, #146b8c 20%);
-  background-size: 100%;
-  -webkit-background-clip: text;
-  -moz-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  -moz-text-fill-color: transparent;
-}
-</style>
-
-<!--
-Here is another comment.
--->
+# タイトル
 
 ---
 
-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
-
-|                                                    |                             |
-| -------------------------------------------------- | --------------------------- |
-| <kbd>right</kbd> / <kbd>space</kbd>                | next animation or slide     |
-| <kbd>left</kbd> / <kbd>shift</kbd><kbd>space</kbd> | previous animation or slide |
-| <kbd>up</kbd>                                      | previous slide              |
-| <kbd>down</kbd>                                    | next slide                  |
-
-<!-- https://sli.dev/guide/animations.html#click-animation -->
-
-<img
-  v-click
-  class="absolute -bottom-9 -left-7 w-80 opacity-50"
-  src="https://sli.dev/assets/arrow-bottom-left.svg"
-  alt=""
-/>
-<p v-after class="absolute bottom-23 left-45 opacity-30 transform -rotate-10">Here!</p>
-
----
-
-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
-<Toc minDepth="1" maxDepth="1" />
-```
-
-The title will be inferred from your slide content, or you can override it with `title` and `level` in your frontmatter.
-
-::right::
-
-<Toc text-sm minDepth="1" maxDepth="2" />
-
----
-
-layout: image-right
-image: https://cover.sli.dev
----
-
-# Code
-
-Use code snippets and get the highlighting directly, and even types hover!
-
-```ts [filename-example.ts] {all|4|6|6-7|9|all} twoslash
-// TwoSlash enables TypeScript hover information
-// and errors in markdown code blocks
-// More at https://shiki.style/packages/twoslash
-import { computed, ref } from "vue";
-
-const count = ref(0);
-const doubled = computed(() => count.value * 2);
-
-doubled.value = 2;
-```
-
-<arrow v-click="[4, 5]" x1="350" y1="310" x2="195" y2="342" color="#953" width="2" arrowSize="1" />
-
-<!-- This allow you to embed external code blocks -->
-
-<<< @/snippets/external.ts#snippet
-
-<!-- Footer -->
-
-[Learn more](https://sli.dev/features/line-highlighting)
-
-<!-- Inline style -->
-<style>
-.footnotes-sep {
-  @apply mt-5 opacity-10;
-}
-.footnotes {
-  @apply text-sm opacity-75;
-}
-.footnote-backref {
-  display: none;
-}
-</style>
-
-<!--
-Notes can also sync with clicks
-
-[click] This will be highlighted after the first click
-
-[click] Highlighted with `count = ref(0)`
-
-[click:3] Last click (skip two clicks)
--->
-
----
-
-level: 2
----
-
-# Shiki Magic Move
-
-Powered by [shiki-magic-move](https://shiki-magic-move.netlify.app/), Slidev supports animations across multiple code snippets.
-
-Add multiple code blocks and wrap them with <code>````md magic-move</code> (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
-<!-- step 4 -->
-<script setup>
-const author = {
-  name: "John Doe",
-  books: ["Vue 2 - Advanced Guide", "Vue 3 - Basic Guide", "Vue 4 - The Mystery"],
-};
-</script>
-```
-````
-
----
-
-# Components
-
-<div grid="~ cols-2 gap-4">
-<div>
-
-You can use Vue components directly inside your slides.
-
-We have provided a few built-in components like `<Tweet/>`, `<BlueSky/>`, and `<Youtube/>` that you can use directly. And adding your custom components is also super easy.
-
-```html
-<Counter :count="10" />
-```
-
-<!-- ./components/Counter.vue -->
-<Counter :count="10" m="t-4" />
-
-Check out [the guides](https://sli.dev/builtin/components.html) for more.
-
-</div>
-<div>
-
-```html
-<Tweet id="1390115482657726468" />
-```
-
-<Tweet id="1390115482657726468" scale="0.65" />
-
-</div>
-</div>
-
-<!--
-Presenter note with **bold**, *italic*, and ~~striked~~ text.
-
-Also, HTML elements are valid:
-<div class="flex w-full">
-  <span style="flex-grow: 1;">Left content</span>
-  <span>Right content</span>
-</div>
--->
-
----
-
-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:
-
-<div grid="~ cols-2 gap-2" m="t-2">
-
-```yaml
----
-theme: default
----
-```
-
-```yaml
----
-theme: seriph
----
-```
-
-<img border="rounded" src="https://github.com/slidevjs/themes/blob/main/screenshots/theme-default/01.png?raw=true" alt="">
-
-<img border="rounded" src="https://github.com/slidevjs/themes/blob/main/screenshots/theme-seriph/01.png?raw=true" alt="">
-
-</div>
-
-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.
-
-<div v-click>
-
-This shows up when you press <kbd>space</kbd> or <kbd>right</kbd>, or click outside the slide on the right.
-
-```html
-<div v-click>This shows up when you trigger a click animation.</div>
-```
-
-</div>
-
-<p v-click>
-You can also add modifiers to change the animation:
-</p>
-
-<div class="grid gap-3 mt-4 text-sm" style="grid-template-columns: repeat(3, 1fr) 1.5fr 1fr">
-  <div v-after.up class="p-3 rounded border border-primary/20 bg-primary/10">
-    <div class="font-mono text-xs opacity-60 mb-1">v-click.up</div>
-    <div>Slide from bottom</div>
-  </div>
-  <div v-click.fade-in class="p-3 rounded border border-primary/30 bg-primary/15">
-    <div class="font-mono text-xs opacity-60 mb-1">v-click.fade-in</div>
-    <div>Fade in</div>
-  </div>
-  <div v-click.fade class="p-3 rounded border border-primary/40 bg-primary/20">
-    <div class="font-mono text-xs opacity-60 mb-1">v-click.fade</div>
-    <div>Dim (0.5 opacity)</div>
-  </div>
-  <div v-click.fade.right.scale class="p-3 rounded border border-primary/50 bg-primary/25">
-    <div class="font-mono text-xs opacity-60 mb-1">v-click.fade.right.scale</div>
-    <div>Composed</div>
-  </div>
-  <div v-click.none class="p-3 rounded border border-primary/60 bg-primary/30">
-    <div class="font-mono text-xs opacity-60 mb-1">v-click.none</div>
-    <div>No transition</div>
-  </div>
-</div>
-
-<v-click>
-
-The <span v-mark.red="7"><code>v-mark</code> directive</span>
-also allows you to add
-<span v-mark.circle.orange="8">inline marks</span>
-, powered by [Rough Notation](https://roughnotation.com/):
-
-```html
-<span v-mark.underline.orange>inline markers</span>
-```
-
-</v-click>
-
-<div v-click mt-12>
-
-[Learn more](https://sli.dev/guide/animations#click-animation)
-
-</div>
-
----
-
-# Motions
-
-Motion animations are powered by [@vueuse/motion](https://motion.vueuse.org/), triggered by `v-motion` directive.
-
-```html
-<div v-motion :initial="{ x: -80 }" :enter="{ x: 0 }" :click-3="{ x: 80 }" :leave="{ x: 1000 }">
-  Slidev
-</div>
-```
-
-<div class="w-60 relative">
-  <div class="relative w-40 h-40">
-    <img
-      v-motion
-      :initial="{ x: 800, y: -100, scale: 1.5, rotate: -50 }"
-      :enter="final"
-      class="absolute inset-0"
-      src="https://sli.dev/logo-square.png"
-      alt=""
-    />
-    <img
-      v-motion
-      :initial="{ y: 500, x: -100, scale: 2 }"
-      :enter="final"
-      class="absolute inset-0"
-      src="https://sli.dev/logo-circle.png"
-      alt=""
-    />
-    <img
-      v-motion
-      :initial="{ x: 600, y: 400, scale: 2, rotate: 100 }"
-      :enter="final"
-      class="absolute inset-0"
-      src="https://sli.dev/logo-triangle.png"
-      alt=""
-    />
-  </div>
-
-  <div
-    class="text-5xl absolute top-14 left-40 text-[#2B90B6] -z-1"
-    v-motion
-    :initial="{ x: -80, opacity: 0}"
-    :enter="{ x: 0, opacity: 1, transition: { delay: 2000, duration: 1000 } }">
-    Slidev
-  </div>
-</div>
-
-<!-- vue script setup scripts can be directly used in markdown, and will only affects current page -->
-<script setup lang="ts">
-const final = {
-  x: 0,
-  y: 0,
-  rotate: 0,
-  scale: 1,
-  transition: {
-    type: 'spring',
-    damping: 10,
-    stiffness: 20,
-    mass: 2
-  }
-}
-</script>
-
-<div
-  v-motion
-  :initial="{ x:35, y: 30, opacity: 0}"
-  :enter="{ y: 0, opacity: 1, transition: { delay: 3500 } }">
-
-[Learn more](https://sli.dev/guide/animations.html#motion)
-
-</div>
-
----
-
-# $\LaTeX$
-
-$\LaTeX$ is supported out-of-box. Powered by [$\KaTeX$](https://katex.org/).
-
-<div h-3 />
-
-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.
-
-<div class="grid grid-cols-4 gap-5 pt-4 -mb-6">
-
-```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<br/>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
-```
-
-</div>
-
-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
----
-
-dragPos:
-square: 0,-44,0,0
----
-
-dragPos:
-square: 0,-44,0,0
----
-
-dragPos:
-square: 0,-44,0,0
----
-
-dragPos:
-square: 0,-44,0,0
----
-
-# Draggable Elements
-
-Double-click on the draggable elements to edit their positions.
-
-<br>
-
-###### Directive Usage
-
-```md
-<img v-drag="'square'" src="https://sli.dev/logo.png">
-```
-
-<br>
-
-###### Component Usage
-
-```md
-<v-drag text-3xl>
-  <div class="i-carbon:arrow-up" />
-  Use the `v-drag` component to have a draggable container!
-</v-drag>
-```
-
-<v-drag pos="663,206,261,_,-15">
-  <div text-center text-3xl border border-main rounded>
-    Double-click me!
-  </div>
-</v-drag>
-
-<img v-drag="'square'" src="https://sli.dev/logo.png">
-
-###### Draggable Arrow
-
-```md
-<v-drag-arrow two-way />
-```
-
-<v-drag-arrow pos="67,452,253,46" two-way op70 />
-
----
-
-src: ./pages/imported-slides.md
-hide: false
----
-
----
-
-# Monaco Editor
-
-Slidev provides built-in Monaco Editor support.
-
-Add `{monaco}` to the code block to turn it into an editor:
-
-```ts {monaco}
-import { ref } from "vue";
-import { emptyArray } from "./external";
-
-const arr = ref(emptyArray(10));
-```
-
-Use `{monaco-run}` to create an editor that can execute the code directly in the slide:
-
-```ts {monaco-run}
-import { version } from "vue";
-import { emptyArray, sayHello } from "./external";
-
-sayHello();
-console.log(`vue ${version}`);
-console.log(emptyArray<number>(10).reduce((fib) => [...fib, fib.at(-1)! + fib.at(-2)!], [1, 1]));
-```
-
----
-
-layout: center
-class: text-center
----
-
-# Learn More
-
-[Documentation](https://sli.dev) · [GitHub](https://github.com/slidevjs/slidev) · [Showcases](https://sli.dev/resources/showcases)
-
-<PoweredBySlidev mt-10 />
+# スライド 2
diff --git a/snippets/external.ts b/snippets/external.ts
deleted file mode 100644
index 4f243d0..0000000
--- a/snippets/external.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable no-console */
-
-// #region snippet
-// Inside ./snippets/external.ts
-export function emptyArray<T>(length: number) {
-  return Array.from<T>({ length });
-}
-// #endregion snippet
-
-export function sayHello() {
-  console.log("Hello from snippets/external.ts");
-}

From 91c96ca285bc2c92affcfbe1f31345db3b52e15c Mon Sep 17 00:00:00 2001
From: 273* <keita.y310@icloud.com>
Date: Sun, 26 Jul 2026 18:35:43 +0900
Subject: [PATCH 3/4] feat: add cover

---
 273Do-theme/components/Header.vue |  5 +++++
 273Do-theme/layouts/cover.vue     | 33 +++++++++++++++++++------------
 273Do-theme/styles/layout.css     |  1 +
 pages/01-cover.md                 |  1 +
 public/imgs/273do-logo.svg        | 12 +++++++++++
 5 files changed, 39 insertions(+), 13 deletions(-)
 create mode 100644 273Do-theme/components/Header.vue
 create mode 100644 pages/01-cover.md
 create mode 100644 public/imgs/273do-logo.svg

diff --git a/273Do-theme/components/Header.vue b/273Do-theme/components/Header.vue
new file mode 100644
index 0000000..e8b3a1b
--- /dev/null
+++ b/273Do-theme/components/Header.vue
@@ -0,0 +1,5 @@
+<template>
+  <footer class="flex items-center justify-between text-xs">
+    <span>YYYY-MM-DD</span>
+  </footer>
+</template>
diff --git a/273Do-theme/layouts/cover.vue b/273Do-theme/layouts/cover.vue
index d32cde9..bd1d23a 100644
--- a/273Do-theme/layouts/cover.vue
+++ b/273Do-theme/layouts/cover.vue
@@ -1,21 +1,28 @@
 <script setup lang="ts">
-import { handleBackground } from "../layoutHelper";
-import { computed } from "vue";
+import Header from "../components/Header.vue";
 
-const props = defineProps({
-  background: {
-    type: String,
-    default: undefined,
-  },
-});
-
-const style = computed(() => handleBackground(props.background));
+const titleSplit: string[] = ["ここに", "スライドタイトルを", "記述する"];
 </script>
 
 <template>
-  <div class="slidev-layout cover" :style="style">
-    <div class="my-auto w-full">
-      <slot />
+  <div class="slidev-layout cover flex flex-col h-full p-12">
+    <Header />
+    <div class="flex-1 flex flex-col justify-center">
+      <span
+        v-for="(word, index) in titleSplit"
+        :key="index"
+        class="inline-block w-fit text-6xl leading-tight"
+        bg="[var(--primary)]"
+        text="[color:var(--primary-foreground)]"
+        >{{ word }}</span
+      >
+      <div class="flex w-full items-center justify-between">
+        <div class="flex flex-col mt-4">
+          <span>Event Title Here</span>
+          <span>Sub Title Here</span>
+        </div>
+        <img src="/imgs/273do-logo.svg" class="w-20 mt-4" />
+      </div>
     </div>
   </div>
 </template>
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/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/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 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1920" height="1080">
+<path d="M0 0 C5.69547216 5.18944722 8.90003533 11.18947426 11.81640625 18.2578125 C12.15800781 19.07507813 12.49960938 19.89234375 12.8515625 20.734375 C20.31303892 42.59823613 12.3522173 69.15545096 2.91064453 89.17871094 C-5.23196825 105.32301513 -17.1578422 119.99368725 -28.2421875 134.17578125 C-48.79423832 160.55830963 -63.12881023 187.47381848 -70.18359375 220.2578125 C-41.16816891 202.54709864 -13.45575343 180.9791798 7.6171875 154.02734375 C10.41119092 150.50878527 13.35871252 147.13893674 16.31640625 143.7578125 C20.08428734 139.44247536 23.79069506 135.100168 27.37890625 130.6328125 C32.57156902 124.23674066 38.14123104 118.22457616 43.81640625 112.2578125 C44.54947998 111.48171631 44.54947998 111.48171631 45.29736328 110.68994141 C62.0529106 93.04927992 83.56411572 75.89501827 108.9375 74.95703125 C110.70958133 74.94264535 112.48177838 74.93883069 114.25390625 74.9453125 C115.13111328 74.92919922 116.00832031 74.91308594 116.91210938 74.89648438 C128.97118032 74.88759781 139.46178555 79.19447963 148.44140625 87.2578125 C158.66310829 98.18195378 163.46421422 111.76414295 163.09375 126.5234375 C161.83319721 143.49651447 152.82204199 157.81378027 140.69140625 169.3828125 C131.9638294 176.73468655 122.40361556 181.34976631 111.69140625 185.0078125 C110.52303223 185.41205444 110.52303223 185.41205444 109.33105469 185.82446289 C93.74736071 190.8463222 77.78548941 192.84546757 61.50372314 193.72677612 C58.54889958 193.88715502 55.5956037 194.06544531 52.64208984 194.24829102 C48.75957556 194.48779445 44.87683769 194.7223168 40.99365234 194.95068359 C1.43563006 197.28555289 -32.89885957 204.95841932 -68.18359375 223.2578125 C-41.280031 240.81476966 -12.26622172 246.59498346 19.46875 246.21484375 C20.3885112 246.20470245 21.3082724 246.19456116 22.25590515 246.18411255 C26.03543341 246.13885806 29.81451342 246.08993871 33.59350586 246.01098633 C58.51717678 245.51866159 84.91380419 250.53015495 103.87890625 268.19140625 C117.4345818 282.6489715 122.61510382 297.46447952 122.18359375 316.91796875 C121.46214397 331.34952269 114.4454736 344.17046205 104.12890625 354.1328125 C90.86417279 364.69206567 74.53522255 368.59312277 57.81640625 367.2578125 C38.66696671 364.68995626 23.69510287 357.50138233 9.81640625 344.2578125 C9.20023438 343.72800781 8.5840625 343.19820312 7.94921875 342.65234375 C-3.81767526 332.1055194 -9.20083009 315.77791616 -14.26953125 301.31640625 C-25.37171489 269.73302175 -39.83077742 243.76688036 -70.18359375 227.2578125 C-76.2295793 233.30379805 -74.51684708 256.54744231 -74.55859375 265.0703125 C-74.31079205 290.81224785 -66.66895131 314.16737054 -57.41040039 337.8918457 C-53.2343958 348.65126595 -50.05890043 359.2236663 -48.99609375 370.7578125 C-48.91713867 371.57604492 -48.83818359 372.39427734 -48.75683594 373.23730469 C-46.68594214 395.94541722 -50.05485725 417.4537013 -64.24609375 435.9453125 C-75.72872185 449.39639113 -90.03396881 456.88724869 -107.6015625 458.4765625 C-121.27916061 459.01206389 -134.07618823 454.85476304 -144.43359375 446.0078125 C-153.66456036 437.25430968 -159.83466551 426.07975798 -160.421875 413.2109375 C-161.33817129 374.96374856 -140.17247476 344.60153594 -117.80957031 315.46777344 C-99.35117497 291.41144124 -75.18359375 259.11657743 -75.18359375 227.2578125 C-85.85816356 233.84471314 -96.35303328 240.44487798 -106.18359375 248.2578125 C-107.07949219 248.96164062 -107.97539063 249.66546875 -108.8984375 250.390625 C-124.87462437 263.18074304 -140.51663312 277.65086066 -153.1796875 293.75 C-155.25617524 296.34864548 -157.4399743 298.80253084 -159.68359375 301.2578125 C-162.76013047 304.63242198 -165.69477592 308.07597114 -168.55859375 311.6328125 C-172.29175557 316.24705272 -176.20197049 320.6404027 -180.23999023 324.9855957 C-182.77193482 327.71015448 -185.23112652 330.47095985 -187.62109375 333.3203125 C-201.97583326 349.79408499 -220.29888225 362.78506898 -241.18359375 369.2578125 C-242.31667969 369.6290625 -242.31667969 369.6290625 -243.47265625 370.0078125 C-254.41616929 373.05002462 -267.64355559 372.30897525 -278.18359375 368.2578125 C-278.88613281 367.99097656 -279.58867188 367.72414063 -280.3125 367.44921875 C-292.89900583 361.9072152 -300.13410386 350.5014285 -305.45703125 338.328125 C-310.06343565 325.20234901 -307.28166711 310.78484478 -301.96875 298.43359375 C-298.05678627 290.48493701 -292.36985838 284.4708575 -286.18359375 278.2578125 C-285.54808594 277.5875 -284.91257812 276.9171875 -284.2578125 276.2265625 C-261.11297755 253.64623572 -220.91814031 253.16845412 -190.94140625 251.83203125 C-130.07623715 249.81078207 -130.07623715 249.81078207 -77.18359375 223.2578125 C-95.56024983 212.85320513 -114.18797231 205.27865229 -135.18359375 202.2578125 C-135.88242676 202.15251221 -136.58125977 202.04721191 -137.30126953 201.9387207 C-147.21090528 200.69220531 -157.31994989 201.22564103 -167.28515625 201.35375977 C-176.5534531 201.46488832 -185.70690838 201.3970624 -194.9296875 200.38671875 C-195.99110962 200.27095238 -195.99110962 200.27095238 -197.07397461 200.15284729 C-214.89812663 197.9670136 -234.11025481 190.77285939 -247.18359375 178.2578125 C-247.94929688 177.54367187 -248.715 176.82953125 -249.50390625 176.09375 C-260.72305049 164.72248177 -266.97966367 149.18475167 -267.18359375 133.2578125 C-266.35846027 119.97927562 -262.13951899 108.86571282 -254.18359375 98.2578125 C-253.75691406 97.65453125 -253.33023437 97.05125 -252.890625 96.4296875 C-244.46076889 85.45356987 -230.36008855 79.48129737 -216.93359375 77.4453125 C-215.69609375 77.3834375 -214.45859375 77.3215625 -213.18359375 77.2578125 C-212.405 77.20753906 -211.62640625 77.15726562 -210.82421875 77.10546875 C-191.77554613 76.40100601 -172.4571344 82.98031851 -158.12109375 95.5078125 C-156.4587994 97.07385506 -154.81275243 98.65732701 -153.18359375 100.2578125 C-152.02150391 101.38316406 -152.02150391 101.38316406 -150.8359375 102.53125 C-138.72428322 115.03762371 -133.83486423 131.13978635 -128.62109375 147.3203125 C-123.08946717 164.42080964 -117.62123117 180.07342538 -106.18359375 194.2578125 C-105.50683594 195.09957031 -104.83007812 195.94132813 -104.1328125 196.80859375 C-95.77918865 206.62830149 -85.41631774 214.02022762 -74.18359375 220.2578125 C-69.44870842 200.46715376 -68.65341304 179.59473297 -71.37109375 159.4453125 C-71.47188232 158.6713916 -71.5726709 157.8974707 -71.67651367 157.10009766 C-74.03841134 141.71356699 -79.95299457 127.05112075 -85.60229492 112.63549805 C-91.00824328 98.7886558 -95.66851332 84.23806835 -96.18359375 69.2578125 C-96.22226563 68.31566895 -96.22226563 68.31566895 -96.26171875 67.35449219 C-97.12539236 43.74381483 -91.84266462 22.09258113 -75.33984375 4.3203125 C-54.59806598 -15.51964885 -22.63443956 -18.05896251 0 0 Z " fill="#010101" transform="translate(1667.18359375,230.7421875)"/>
+<path d="M0 0 C3.09329934 0.00314803 6.18562737 -0.02034868 9.27880859 -0.0456543 C55.31863487 -0.19278441 100.11904035 13.4213851 133.99365234 45.44067383 C156.04128411 68.19824722 166.04957913 97.64796064 165.91748047 128.99780273 C164.92296717 173.09909198 133.60165213 208.24439139 103.49365234 237.31567383 C101.62139807 239.04194336 99.72317605 240.71746232 97.78271484 242.36645508 C95.92457705 243.948726 94.09244684 245.55157023 92.26708984 247.17114258 C83.72122619 254.72225571 74.89373961 261.77530402 65.76660156 268.60913086 C63.42918469 270.3640765 61.10328104 272.13347046 58.77880859 273.90551758 C41.11883569 287.32419028 22.84664561 299.81136103 4.36865234 312.06958008 C-10.66987593 322.05886937 -25.50691755 332.35470553 -39.77197266 343.42504883 C-44.43314932 347.04121142 -49.12631571 350.61535144 -53.81884766 354.19067383 C-54.72546143 354.88153076 -55.6320752 355.5723877 -56.56616211 356.28417969 C-62.59024618 360.86956375 -68.63728806 365.42293258 -74.70019531 369.95678711 C-81.5695513 375.09970389 -88.37723317 380.32242535 -95.18896484 385.54125977 C-107.14337721 394.69472258 -119.13279908 403.79788734 -131.19482422 412.80908203 C-136.70378515 416.93536983 -142.15089975 421.13329382 -147.56884766 425.37817383 C-154.41517207 430.74166766 -161.37381811 435.92912519 -168.39453125 441.06152344 C-174.66898497 445.66283238 -180.8201097 450.40695277 -186.94555664 455.20410156 C-192.42822219 459.49313072 -197.97079448 463.69294035 -203.54931641 467.85620117 C-208.28815686 471.39514292 -212.99888097 474.96874571 -217.69384766 478.56567383 C-218.72529907 479.35566772 -218.72529907 479.35566772 -219.77758789 480.16162109 C-221.2290526 481.27345532 -222.68046693 482.3853553 -224.13183594 483.49731445 C-228.62857117 486.94083533 -233.1291196 490.37933873 -237.63134766 493.81567383 C-238.50815186 494.48630859 -239.38495605 495.15694336 -240.28833008 495.84790039 C-241.54480347 496.80647949 -241.54480347 496.80647949 -242.82666016 497.78442383 C-243.56158691 498.34581055 -244.29651367 498.90719727 -245.05371094 499.4855957 C-248.16930019 501.81034755 -251.34309366 504.05620669 -254.50634766 506.31567383 C-140.98634766 506.64567383 -27.46634766 506.97567383 89.49365234 507.31567383 C91.14365234 499.06567383 92.79365234 490.81567383 94.49365234 482.31567383 C95.90387938 475.95365483 97.32920637 469.59937161 98.80615234 463.25317383 C99.16911546 461.68098502 99.53174537 460.10871925 99.89404297 458.53637695 C100.75679401 454.79525635 101.62386036 451.05516342 102.49365234 447.31567383 C103.48365234 447.31567383 104.47365234 447.31567383 105.49365234 447.31567383 C104.09744021 456.37717473 102.25605075 465.30363285 100.25317383 474.24804688 C99.92911909 475.70624544 99.60533546 477.16450428 99.28179932 478.62281799 C98.41091691 482.5442107 97.53601819 486.46469661 96.66013598 490.38497519 C95.92808231 493.66332828 95.19807045 496.94213464 94.46805817 500.2209428 C92.74777452 507.9474172 91.02425919 515.67316562 89.29858398 523.3984375 C87.5175313 531.37184062 85.74154077 539.34635921 83.9680571 547.32144898 C82.44289822 554.17915254 80.91488088 561.03621464 79.38448769 567.89275199 C78.47131417 571.98406108 77.55918801 576.07559637 76.64971733 580.16773033 C75.79693416 584.00412384 74.94058712 587.83970419 74.0814209 591.67467308 C73.76609576 593.08496197 73.45204476 594.49553641 73.13932991 595.9064064 C72.7140461 597.82420189 72.28379879 599.74089473 71.85325623 601.65751648 C71.61342231 602.73241176 71.37358839 603.80730703 71.12648678 604.91477489 C70.49365234 607.31567383 70.49365234 607.31567383 69.49365234 608.31567383 C67.50244337 608.41347279 65.50769967 608.43938641 63.51409054 608.43872166 C61.55169395 608.44170823 61.55169395 608.44170823 59.54965299 608.44475514 C58.07875103 608.44190154 56.60784925 608.43895593 55.13694763 608.43592834 C53.58928426 608.43636391 52.04162096 608.43723855 50.49395806 608.43851751 C46.2206179 608.44076535 41.94730256 608.43673727 37.67396557 608.43173945 C33.07339483 608.42743925 28.4728256 608.42888107 23.87225342 608.42964172 C15.89464928 608.43016723 7.9170533 608.42701762 -0.06054878 608.42140388 C-11.59496195 608.41329252 -23.12937117 608.41067404 -34.66378688 608.40941589 C-53.37555091 608.4072248 -72.0873106 608.40056316 -90.79907227 608.39111328 C-108.98071267 608.38194065 -127.16235189 608.37485909 -145.34399414 608.37060547 C-146.46385476 608.37034275 -147.58371538 608.37008002 -148.73751117 608.36980934 C-154.35526724 608.36850434 -159.97302333 608.36724062 -165.59077942 608.36599743 C-212.22930518 608.35562303 -258.86782619 608.33800316 -305.50634766 608.31567383 C-305.76202648 599.21438265 -305.95706177 590.11433983 -306.07628155 581.01023197 C-306.13352501 576.78189199 -306.2110527 572.55602057 -306.33618164 568.32910156 C-306.45634591 564.24398815 -306.52159886 560.1612366 -306.54999733 556.0744915 C-306.5702125 554.52133435 -306.60969517 552.96829651 -306.66937828 551.41615486 C-307.11684888 539.28873468 -307.11684888 539.28873468 -303.13452148 534.40989685 C-300.35866816 532.1135951 -297.57806634 530.1906284 -294.50634766 528.31567383 C-293.07314354 527.27419042 -291.64657602 526.22337083 -290.23291016 525.15551758 C-288.86771134 524.18526538 -287.50047521 523.21787424 -286.13134766 522.25317383 C-279.32363396 517.39882631 -272.63855375 512.40693532 -266.00634766 507.31567383 C-258.86383802 501.83619435 -251.64754074 496.48984414 -244.32373047 491.25585938 C-237.45487664 486.32599093 -230.75005354 481.19097273 -224.04150391 476.04614258 C-218.72951092 471.98172254 -213.36526463 468.02543661 -207.89208984 464.18212891 C-202.49249418 460.36334633 -197.25447054 456.33898727 -192.00634766 452.31567383 C-185.71026237 447.48897195 -179.38531221 442.74158114 -172.89306641 438.18286133 C-167.49320023 434.36375223 -162.25479709 430.33923761 -157.00634766 426.31567383 C-150.71026237 421.48897195 -144.38531221 416.74158114 -137.89306641 412.18286133 C-132.49320023 408.36375223 -127.25479709 404.33923761 -122.00634766 400.31567383 C-116.23435269 395.89074983 -110.45849463 391.49587638 -104.50634766 387.31567383 C-98.48957371 383.069386 -92.61401803 378.65366078 -86.75634766 374.19067383 C-85.89267578 373.53325195 -85.02900391 372.87583008 -84.13916016 372.19848633 C-68.7280612 360.41630058 -54.04352359 348.21599308 -40.50634766 334.31567383 C-37.99900951 331.79273793 -35.47791335 329.28801501 -32.92822266 326.80786133 C-26.63422818 320.6426913 -20.98514376 314.22766494 -15.50634766 307.31567383 C-14.59709278 306.21749155 -13.68552444 305.12122171 -12.77197266 304.02661133 C-4.19450301 293.66576435 3.24802904 282.63824069 10.49365234 271.31567383 C10.92274902 270.64568359 11.3518457 269.97569336 11.79394531 269.28540039 C14.48986526 265.03296817 17.03102882 260.70694406 19.49365234 256.31567383 C19.94417969 255.51564941 20.39470703 254.715625 20.85888672 253.89135742 C52.41485095 197.23597304 63.68242394 133.0515328 46.27441406 70.0065918 C39.98386447 48.32602969 27.66001716 29.62701377 8.16552734 17.91723633 C-1.27629953 12.75862231 -12.74830921 9.72680906 -23.50634766 9.31567383 C-24.60462891 9.26411133 -25.70291016 9.21254883 -26.83447266 9.15942383 C-78.23563684 7.91081255 -123.09815388 33.79342648 -159.41259766 68.05786133 C-166.87571814 75.24645121 -173.40419255 82.94622505 -179.50634766 91.31567383 C-179.92625977 91.89124023 -180.34617187 92.46680664 -180.77880859 93.05981445 C-194.55157852 112.21912438 -211.75363486 140.60979258 -210.50634766 165.31567383 C-209.92240234 164.40688477 -209.92240234 164.40688477 -209.32666016 163.47973633 C-197.67442407 146.02823067 -181.42980883 135.07469984 -160.85351562 130.71264648 C-143.32846146 127.74866291 -125.23670704 131.41338854 -110.50634766 141.31567383 C-98.00024746 150.88010778 -91.62798501 161.94203699 -88.97119141 177.43676758 C-86.98583769 195.71571384 -90.97527178 213.81406318 -102.50634766 228.31567383 C-103.22822266 229.32629883 -103.95009766 230.33692383 -104.69384766 231.37817383 C-116.00998377 244.39542844 -132.63787176 250.2540893 -149.38916016 251.63598633 C-167.59592657 252.17043153 -184.08290969 246.69879067 -198.02978516 234.74145508 C-201.8638309 230.98602541 -204.76071441 226.90932946 -207.50634766 222.31567383 C-207.89306641 221.70594727 -208.27978516 221.0962207 -208.67822266 220.46801758 C-219.84864299 200.91978199 -217.51534082 173.40669031 -212.50634766 152.31567383 C-212.34005859 151.58767578 -212.17376953 150.85967773 -212.00244141 150.10961914 C-202.77140397 110.63838683 -177.02112449 75.18247371 -145.50634766 50.31567383 C-144.53052734 49.52290039 -143.55470703 48.73012695 -142.54931641 47.91333008 C-115.37148272 26.27362099 -82.18453288 11.74330504 -48.31884766 4.56567383 C-47.38210205 4.3669165 -46.44535645 4.16815918 -45.48022461 3.96337891 C-30.25546614 0.89845859 -15.4949794 -0.0328232 0 0 Z M-212.50634766 167.31567383 C-211.50634766 169.31567383 -211.50634766 169.31567383 -211.50634766 169.31567383 Z " fill="#010101" transform="translate(367.50634765625,244.684326171875)"/>
+<path d="M0 0 C21.15549064 19.95807262 29.3666556 44.92399664 31.02734375 73.36328125 C31.84650919 110.73770449 14.59976937 143.90900378 -10.5859375 170.515625 C-13.95356938 173.96502032 -17.41004994 177.1263959 -21.16015625 180.15234375 C-22.1759375 180.9825 -23.19171875 181.81265625 -24.23828125 182.66796875 C-69.91866669 219.57222283 -126.89807524 234.51267533 -184.34228516 240.7668457 C-187.2326442 241.0738826 -187.2326442 241.0738826 -190.16015625 242.15234375 C-189.42829102 242.21703857 -188.69642578 242.2817334 -187.94238281 242.34838867 C-133.93090162 247.23829974 -75.11265971 258.34666542 -38.08984375 301.66796875 C-14.18955501 332.43838097 -8.77483077 372.01529924 -12.6640625 409.93359375 C-16.14324082 436.7888319 -28.43194447 462.12342884 -45.16015625 483.15234375 C-45.60085449 483.70873535 -46.04155273 484.26512695 -46.49560547 484.83837891 C-57.04129437 498.01951249 -68.87298513 509.82334247 -82.44091797 519.87744141 C-84.10986947 521.11505355 -85.76193178 522.37288194 -87.4140625 523.6328125 C-129.85328827 555.47329853 -186.75411827 575.11193191 -239.828125 575.35546875 C-240.82483719 575.36116882 -241.82154938 575.3668689 -242.84846497 575.3727417 C-244.95194458 575.38213466 -247.05543853 575.38870279 -249.15893555 575.39257812 C-252.29438886 575.40218062 -255.42915592 575.43321651 -258.56445312 575.46484375 C-305.57971199 575.71186641 -350.30549348 562.69774336 -384.53515625 529.33984375 C-406.06856192 507.51717429 -418.62158712 477.09384435 -419.53515625 446.52734375 C-419.05938073 429.59406033 -414.89510355 415.40233585 -404.16015625 402.15234375 C-403.63808594 401.50265625 -403.11601563 400.85296875 -402.578125 400.18359375 C-395.54949084 392.35422912 -384.31241777 386.59453787 -374.16015625 384.15234375 C-373.10828125 383.88164063 -373.10828125 383.88164063 -372.03515625 383.60546875 C-355.73065572 381.03573769 -339.36636972 382.77948602 -325.62109375 392.3125 C-324.80898438 392.91964844 -323.996875 393.52679687 -323.16015625 394.15234375 C-322.06574219 394.95478516 -322.06574219 394.95478516 -320.94921875 395.7734375 C-310.37795971 404.21829386 -304.87608359 416.94294082 -303.16015625 430.15234375 C-302.53751751 440.06939175 -302.47974609 449.7935865 -306.16015625 459.15234375 C-306.46566406 459.96574219 -306.77117187 460.77914063 -307.0859375 461.6171875 C-313.30788539 475.93898028 -325.84021448 485.36474223 -339.97265625 491.02734375 C-355.50772181 496.85540561 -373.09758443 495.2207807 -388.21875 488.8671875 C-399.19003138 483.28039315 -407.74468949 475.64042763 -414.16015625 465.15234375 C-409.37898092 489.14731065 -399.21260828 507.66914627 -382.16015625 525.15234375 C-381.46792969 525.91804687 -380.77570312 526.68375 -380.0625 527.47265625 C-362.17467403 546.70465411 -336.09879911 558.47643968 -311.03515625 564.90234375 C-309.87318726 565.20072144 -309.87318726 565.20072144 -308.68774414 565.50512695 C-295.63131415 568.66978727 -282.77842401 569.53015021 -269.41015625 569.46484375 C-268.61579163 569.4626886 -267.821427 569.46053345 -267.00299072 569.45831299 C-255.51478746 569.40827751 -244.30756725 569.21143939 -233.16015625 566.15234375 C-232.07758545 565.86230469 -232.07758545 565.86230469 -230.97314453 565.56640625 C-209.56317946 559.61842882 -192.23983081 548.32687107 -176.16015625 533.15234375 C-175.4228125 532.47945312 -174.68546875 531.8065625 -173.92578125 531.11328125 C-156.40931788 514.52854466 -144.4207356 491.55078998 -136.16015625 469.15234375 C-135.85770996 468.33813965 -135.55526367 467.52393555 -135.24365234 466.68505859 C-129.28249917 450.27042722 -126.01172528 433.33005897 -123.16015625 416.15234375 C-123.01175293 415.26514648 -122.86334961 414.37794922 -122.71044922 413.46386719 C-116.916172 376.81564241 -119.45324545 332.94825608 -135.16015625 299.15234375 C-135.44729492 298.53166016 -135.73443359 297.91097656 -136.03027344 297.27148438 C-146.30692619 275.47387064 -163.77941041 259.93332922 -186.3203125 251.32763672 C-203.16192371 245.52400527 -221.46212495 243.95178753 -239.16015625 243.15234375 C-239.16015625 242.16234375 -239.16015625 241.17234375 -239.16015625 240.15234375 C-237.93683594 240.11496094 -236.71351563 240.07757812 -235.453125 240.0390625 C-203.26658328 238.86582986 -172.70248572 231.79455866 -147.16015625 211.15234375 C-146.59329102 210.69682129 -146.02642578 210.24129883 -145.44238281 209.77197266 C-111.97461854 182.65089646 -92.56565472 143.66382947 -83.16015625 102.15234375 C-82.94842773 101.26836914 -82.73669922 100.38439453 -82.51855469 99.47363281 C-79.49756542 86.59971816 -78.77397309 73.94622948 -78.72265625 60.77734375 C-78.71639221 60.02756256 -78.71012817 59.27778137 -78.70367432 58.50527954 C-78.57579304 34.33207357 -83.46764839 6.51565221 -100.6262207 -11.64575195 C-112.1858166 -23.11229727 -127.12814484 -29.52652328 -143.16015625 -31.84765625 C-143.86398437 -31.95851562 -144.5678125 -32.069375 -145.29296875 -32.18359375 C-186.10712386 -37.44534894 -227.40621816 -21.83713945 -259.54833984 2.68847656 C-276.38190651 15.82009049 -291.92921807 32.62229314 -299.16015625 53.15234375 C-299.16015625 54.14234375 -299.16015625 55.13234375 -299.16015625 56.15234375 C-298.40992188 55.35570312 -297.6596875 54.5590625 -296.88671875 53.73828125 C-285.22023911 41.56314464 -271.13229827 32.54214998 -253.71875 31.94921875 C-235.29401645 31.66493087 -220.09891547 34.7286349 -206.34375 47.93359375 C-205.62316406 48.66578125 -204.90257812 49.39796875 -204.16015625 50.15234375 C-203.57363281 50.74015625 -202.98710938 51.32796875 -202.3828125 51.93359375 C-191.36774558 63.81753363 -190.59164923 77.88368254 -190.84765625 93.26171875 C-191.25579065 104.01606031 -194.43454199 112.69461074 -201.16015625 121.15234375 C-201.74667969 121.91289062 -202.33320312 122.6734375 -202.9375 123.45703125 C-211.57368276 133.94760908 -223.93421037 140.30689077 -237.16015625 143.15234375 C-256.48508453 144.6609658 -272.99631208 141.8498584 -288.28515625 129.15234375 C-297.6397784 120.27439025 -303.2640777 109.6847789 -306.16015625 97.15234375 C-306.3509375 96.39824219 -306.54171875 95.64414062 -306.73828125 94.8671875 C-310.33578681 71.71657302 -303.88334168 48.71053191 -290.42382812 29.85644531 C-286.6107623 24.71440523 -282.46490367 19.88599483 -278.16015625 15.15234375 C-277.3815625 14.28996094 -276.60296875 13.42757812 -275.80078125 12.5390625 C-214.34298439 -52.11536474 -89.82927218 -59.174358 0 0 Z M-302.16015625 59.15234375 C-301.16015625 61.15234375 -301.16015625 61.15234375 -301.16015625 61.15234375 Z " fill="#010101" transform="translate(1305.16015625,285.84765625)"/>
+<path d="M0 0 C126.06 0 252.12 0 382 0 C379.32930218 4.67372119 377.35460355 8.01744244 374 11.9375 C370.28969638 16.38018003 366.76371991 20.91614594 363.3125 25.5625 C357.19887707 33.78107152 350.91319504 41.85878628 344.61035156 49.93261719 C340.71397669 54.93481586 336.86037495 59.97000814 333 65 C331.33390746 67.16710848 329.66693223 69.33353739 328 71.5 C327.16275248 72.58853556 326.32551287 73.67707721 325.48828125 74.765625 C323.86133583 76.88071753 322.2336002 78.99519452 320.60546875 81.109375 C315.8924 87.23103457 311.19125402 93.36160412 306.5 99.5 C301.01437558 106.67781092 295.51203249 113.84245047 290 121 C288.33304708 123.16644651 286.66652587 125.33322497 285 127.5 C284.16667453 128.58333938 283.3333412 129.66667272 282.5 130.75 C282.0875 131.28625 281.675 131.8225 281.25 132.375 C277.5 137.25 277.5 137.25 276.25073242 138.87402344 C275.41492624 139.96058779 274.57915165 141.04717645 273.7434082 142.13378906 C271.69816364 144.79288548 269.65230009 147.4514994 267.60546875 150.109375 C262.32880588 156.96306958 257.06912969 163.82952999 251.81713867 170.70214844 C247.75360902 176.01824632 243.67605552 181.32330452 239.59375 186.625 C236.55392367 190.57677422 233.52726485 194.53860018 230.5 198.5 C225.01440437 205.6778328 219.51203238 212.84245061 214 220 C212.33304708 222.16644651 210.66652587 224.33322497 209 226.5 C208.16667453 227.58333938 207.3333412 228.66667272 206.5 229.75 C206.0875 230.28625 205.675 230.8225 205.25 231.375 C204 233 202.75 234.625 201.5 236.25 C201.08782227 236.78584717 200.67564453 237.32169434 200.25097656 237.8737793 C199.4144509 238.96123001 198.57786197 240.04863207 197.74121094 241.13598633 C195.70620712 243.78093787 193.67243467 246.42681112 191.640625 249.07421875 C186.1819482 256.18298576 180.68784519 263.26343622 175.18164062 270.33544922 C170.09539103 276.87075302 165.04107694 283.42979639 160 290 C152.04475292 300.36833869 144.03710964 310.69499309 136 321 C135.50854492 321.63083496 135.01708984 322.26166992 134.51074219 322.91162109 C129.20824582 329.71345683 123.83290566 336.44712901 118.375 343.125 C113.07336628 349.62472127 107.94786784 356.22573799 103 363 C102.52095215 363.65162109 102.0419043 364.30324219 101.54833984 364.97460938 C71.82386847 402.67370323 71.82386847 402.67370323 62 448 C64.73428765 463.83129571 75.08457 472.91160569 87.0703125 482.58984375 C103.21237633 495.86938159 117.15852738 510.27293398 119.30371094 532.08862305 C119.4353864 535.19066917 119.46790201 538.27037574 119.4375 541.375 C119.42614014 543.01408325 119.42614014 543.01408325 119.41455078 544.6862793 C119.24380625 553.07457164 118.26308156 560.19919564 115 568 C114.38125 569.52560547 114.38125 569.52560547 113.75 571.08203125 C106.28335215 587.60623203 93.70962793 598.26063515 77.14453125 605.02734375 C68.61287884 607.66632692 60.46758046 608.33960006 51.5625 608.3125 C49.97985352 608.33666992 49.97985352 608.33666992 48.36523438 608.36132812 C32.34770066 608.37118507 17.63801144 602.34666226 6.0625 591.32128906 C-7.71222791 577.46234067 -12.07494712 558.50516777 -12.375 539.5 C-12.22211927 493.11598685 19.83828625 451.29286176 48 417 C49.01895118 415.74537771 50.03710865 414.4901106 51.0546875 413.234375 C53.85706126 409.77698069 56.66475413 406.32396499 59.47509766 402.87304688 C60.80098576 401.24445041 62.12524635 399.61452922 63.44921875 397.984375 C67.8746989 392.54985359 72.37007541 387.18047919 76.91015625 381.84179688 C79.8600541 378.36719731 82.7568272 374.85524306 85.625 371.3125 C89.19815632 366.91917078 92.9362423 362.7157897 96.75 358.53125 C99.07862053 355.9115519 101.29562947 353.2248469 103.5 350.5 C106.4081338 346.9052235 109.38541332 343.41739372 112.5 340 C116.36533345 335.75348314 120.01398246 331.3698689 123.625 326.90625 C126.16665273 323.79606968 128.7660466 320.74107786 131.375 317.6875 C135.62151016 312.7016949 139.70955323 307.61224176 143.73168945 302.44433594 C147.28088616 297.89102827 150.90847506 293.40696967 154.5625 288.9375 C159.26297246 283.17830697 163.85405394 277.35595829 168.36328125 271.4453125 C170.84297534 268.19553299 173.3548695 264.9715183 175.86987305 261.74902344 C186.8761047 247.64561463 197.71800421 233.41722655 208.42895508 219.08837891 C213.19860888 212.71552712 218.03164381 206.39147125 222.86279297 200.06518555 C227.48471773 194.00639013 232.06494701 187.91795055 236.625 181.8125 C241.97981272 174.64656252 247.42463552 167.55857124 252.9375 160.51367188 C256.73012 155.65894627 260.44871736 150.75576031 264.125 145.8125 C268.5052398 139.92789141 273.01643024 134.16714679 277.62133789 128.45703125 C283.56230186 121.08461623 289.31906143 113.57458477 295 106 C191.05 105.67 87.1 105.34 -20 105 C-20.66 108.96 -21.32 112.92 -22 117 C-22.83650003 120.90146521 -23.6960435 124.78693833 -24.6015625 128.671875 C-24.8428891 129.72030579 -25.0842157 130.76873657 -25.33285522 131.84893799 C-26.09351772 135.15008437 -26.85916445 138.45005033 -27.625 141.75 C-28.14616555 144.00773584 -28.6670018 146.26554772 -29.1875 148.5234375 C-30.45453377 154.01650845 -31.72564565 159.50862303 -33 165 C-33.99 165 -34.98 165 -36 165 C-34.71178568 156.83247659 -33.16309107 148.7585167 -31.38964844 140.68334961 C-31.00864738 138.93161186 -31.00864738 138.93161186 -30.61994934 137.14448547 C-29.92966898 133.97359263 -29.23680844 130.80327772 -28.54271603 127.63321757 C-27.80808554 124.27509955 -27.07676375 120.91626093 -26.34503174 117.55751038 C-25.11297456 111.90437251 -23.87878665 106.25170347 -22.64306641 100.59936523 C-20.92192458 92.72662811 -19.20470095 84.85304031 -17.48825407 76.97927845 C-16.13360668 70.76595635 -14.77778374 64.55289068 -13.421875 58.33984375 C-13.14192436 57.05692884 -12.86197372 55.77401394 -12.57353973 54.45222282 C-10.98386184 47.1699614 -9.39060479 39.8884984 -7.79197693 32.60819626 C-7.24563165 30.1190821 -6.70011975 27.62978493 -6.1552887 25.1403389 C-5.32662676 21.35670814 -4.49434656 17.57389041 -3.66113281 13.79125977 C-3.28153475 12.05413302 -3.28153475 12.05413302 -2.89426804 10.2819128 C-2.66000736 9.22200917 -2.42574669 8.16210554 -2.18438721 7.07008362 C-1.87650206 5.66917654 -1.87650206 5.66917654 -1.562397 4.2399683 C-1 2 -1 2 0 0 Z " fill="#010101" transform="translate(618,253)"/>
+<path d="M0 0 C0.99 0.495 0.99 0.495 2 1 C2 1.66 2 2.32 2 3 C-0.20450023 4.414783 -2.40736128 5.71762921 -4.6875 7 C-28.21606367 20.69335605 -48.4079295 40.40533683 -59.02734375 65.79296875 C-60 68 -60 68 -62 71 C-62.66 71 -63.32 71 -64 71 C-54.8976601 40.65886701 -29.55991968 17.54652987 -3.109375 1.5859375 C-2.08328125 1.06257813 -1.0571875 0.53921875 0 0 Z " fill="#303030" transform="translate(1066,271)"/>
+<path d="M0 0 C0 4.01790925 -1.48957468 5.14589301 -4 8.25 C-7.63467139 12.8954714 -10.67719704 17.66253297 -13.4375 22.875 C-13.76685547 23.4927832 -14.09621094 24.11056641 -14.43554688 24.74707031 C-16.33104941 28.40946613 -17.80017085 32.0568429 -19 36 C-19.99 36 -20.98 36 -22 36 C-17.95951791 22.53172636 -11.49581122 8.60691585 0 0 Z " fill="#252525" transform="translate(1024,306)"/>
+<path d="M0 0 C0.66 0.33 1.32 0.66 2 1 C2 1.66 2 2.32 2 3 C0.54735962 3.8638129 -0.9123163 4.71580454 -2.375 5.5625 C-3.59316406 6.27599609 -3.59316406 6.27599609 -4.8359375 7.00390625 C-5.55007813 7.33261719 -6.26421875 7.66132813 -7 8 C-7.66 7.67 -8.32 7.34 -9 7 C-6.25604436 4.05278838 -3.61662784 1.80831392 0 0 Z " fill="#272727" transform="translate(1066,271)"/>
+<path d="M0 0 C0 3.54016293 -0.73358567 4.41055605 -2.8125 7.1875 C-3.33457031 7.90292969 -3.85664062 8.61835938 -4.39453125 9.35546875 C-4.92433594 9.89816406 -5.45414063 10.44085938 -6 11 C-6.99 11 -7.98 11 -9 11 C-7.44095325 7.17324889 -4.96833913 4.81992217 -2 2 C-1.34 1.34 -0.68 0.68 0 0 Z " fill="#232323" transform="translate(1024,306)"/>
+<path d="M0 0 C0.33 0.66 0.66 1.32 1 2 C-0.28062485 3.7074998 -1.61767557 5.37373596 -3 7 C-3.66 7 -4.32 7 -5 7 C-3.75023244 3.34683329 -3.32901247 2.21934164 0 0 Z " fill="#3C3C3C" transform="translate(1016,316)"/>
+</svg>

From 4fa94cce08293424aae5535092e722adcebeb020 Mon Sep 17 00:00:00 2001
From: 273* <keita.y310@icloud.com>
Date: Sun, 26 Jul 2026 18:41:40 +0900
Subject: [PATCH 4/4] feat: add default slide settings

---
 273Do-theme/components/Footer.vue | 2 +-
 273Do-theme/layouts/cover.vue     | 8 +++++---
 273Do-theme/layouts/default.vue   | 2 +-
 pages/02-slide.md                 | 1 +
 slides.md                         | 8 ++++----
 5 files changed, 12 insertions(+), 9 deletions(-)
 create mode 100644 pages/02-slide.md

diff --git a/273Do-theme/components/Footer.vue b/273Do-theme/components/Footer.vue
index 579392e..ccc163b 100644
--- a/273Do-theme/components/Footer.vue
+++ b/273Do-theme/components/Footer.vue
@@ -5,7 +5,7 @@ const { currentSlideNo, total } = useNav();
 </script>
 
 <template>
-  <footer class="flex items-center justify-between text-xs" style="color: var(--muted-foreground)">
+  <footer class="flex items-center justify-between text-xs" text="[color:var(--muted-foreground)]">
     <span>スライド名</span>
     <span>{{ currentSlideNo }}/{{ total }}</span>
   </footer>
diff --git a/273Do-theme/layouts/cover.vue b/273Do-theme/layouts/cover.vue
index bd1d23a..3822155 100644
--- a/273Do-theme/layouts/cover.vue
+++ b/273Do-theme/layouts/cover.vue
@@ -2,10 +2,12 @@
 import Header from "../components/Header.vue";
 
 const titleSplit: string[] = ["ここに", "スライドタイトルを", "記述する"];
+const eventTitle = "Event Title Here";
+const eventSubTitle = "Sub Title Here";
 </script>
 
 <template>
-  <div class="slidev-layout cover flex flex-col h-full p-12">
+  <div class="slidev-layout flex flex-col h-full p-12">
     <Header />
     <div class="flex-1 flex flex-col justify-center">
       <span
@@ -18,8 +20,8 @@ const titleSplit: string[] = ["ここに", "スライドタイトルを", "記
       >
       <div class="flex w-full items-center justify-between">
         <div class="flex flex-col mt-4">
-          <span>Event Title Here</span>
-          <span>Sub Title Here</span>
+          <span>{{ eventTitle }}</span>
+          <span>{{ eventSubTitle }}</span>
         </div>
         <img src="/imgs/273do-logo.svg" class="w-20 mt-4" />
       </div>
diff --git a/273Do-theme/layouts/default.vue b/273Do-theme/layouts/default.vue
index 00dbab6..4472567 100644
--- a/273Do-theme/layouts/default.vue
+++ b/273Do-theme/layouts/default.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="slidev-layout default flex flex-col h-full p-8">
+  <div class="slidev-layout flex flex-col h-full p-12">
     <div class="flex-1">
       <slot />
     </div>
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/slides.md b/slides.md
index e67605c..9dd235b 100644
--- a/slides.md
+++ b/slides.md
@@ -3,11 +3,11 @@ theme: ./273Do-theme
 title: Slide Title
 drawings:
   persist: false
-transition: slide-left
+transition: view-transition
+src: ./pages/01-cover.md
 ---
 
-# タイトル
-
 ---
 
-# スライド 2
+src: ./pages/02-slide.md
+---