Skip to content

ekino/slidev-theme-ekino

Repository files navigation

slidev-theme-ekino

This is a Slidev theme following the guidelines of ekino's "Identity" guide.

This is basically a copy of ekino's Powerpoint template, but for Slidev.

Contributions are welcome ! 🤓

NPM

Usage

  1. Create a Slidev project following the docs.

  2. Install the @ekino/slidev-theme-ekino dependency:

pnpm install @ekino/slidev-theme-ekino
  1. Use it as your theme in slides.md:
---
theme: "@ekino/slidev-theme-ekino"
# ...
---

Available layouts

layout: default

The default layout of any Slidev slide.

layout: cover

The default layout of the first slide.

The layout accepts an optional ::logo:: slot. If not provided, the default ekino logo will be displayed.

---
layout: cover
---

# ekino - Slidev template

_Create Slidev presentations using ekino's visual identity_

::logo::

<img width="100px" src="https://sli.dev/logo.svg" />

layout: title

The layout for almost all-yellow slides with bold centered title.

layout: two-cols

A layout with two columns, providing two optional ::left:: and ::right:: slots.

---
layout: two-cols
---

# This takes the full width

::left::

## Left

This shows on the left

::right::

## Right

This shows on the right

layout: thank_you

The layout to end your presentation.

This layout provides an optional ::speaker:: slot, located at the bottom right of the slide.

You can use the <SpeakerCard> component to fill it.

---
layout: thank_you
---

::speaker::

<SpeakerCard name="Maxime Dubourg" title="Ingénieur Front-end Sénior">
  <p>📬 [email protected]</p>
  <p>📞 +33 1 23 45 67 89</p>
</SpeakerCard>

Available components

<SpeakerCard>

A component to display a speaker's name, title and contact information. Useful for cover slide for example. Also particularly well-suited for the speaker slot in the thank_you layout.

<SpeakerCard name="Maxime Dubourg" title="Ingénieur Front-end Sénior">
  <p>📬 [email protected]</p>
  <p>📞 +33 1 23 45 67 89</p>
</SpeakerCard>

Contributing

Thank you for considering contributing to this project!

To begin, just clone the project locally. Once you're set and ready to merge your changes, create a new Pull Request targeting the master branch for review.

Publishing a new version to npm registry

  1. Bump the version field in package.json

  2. Commit the changes and push it to master

  3. Run pnpm publish