Slidev Theme - NMT (Unofficial)

A Slidev theme based on the The unnamed - VS Code theme by Elio Struyf.

This (unofficial) theme is for use IT lecturers at North Metropolitan TAFE.

We are restricting the customisation ability, but welcome feedback.

Latest Update

• Add Announcement component (Skip to Components section)
• Tidy up errors in ReadMe.md
• Minor fixes to heading styles

Usage

Add the following front-matter to your slides.md.

Start Slidev then it will prompt you to install the theme automatically.

---
theme: nmt
---

Layouts

The theme currently has the following layouts:

• about-me
• center
• cover
• default
• end
• grid
• section
• two-cols
• two-cols-2-1
• and the ones from Slidev itself

Cover

Usage

---
layout: cover
---

About me

Usage

---
layout: about-me

helloMsg: Your Presenter
name: Adrian Gould
position: left
company: "North Metropolitan TAFE"
jobRole: "ASL | HelpDesk Admin | ScreenCraft Admin"
subjects: "SaaS, API Dev, IoT"
msTeams: "Teams: [email protected]"
website: "https://northmetrotafe.wa.edu.au"
github: "https://github.com/adygcode"
imageSrc: /ajg-designer.png
---

Center

Usage

---
layout: center
---

Section

Usage

---
layout: section
---

Two columns

Usage

---
layout: two-cols
---

# Left

This shows on the left

::right::

# Right

This shows on the right

Two columns 2-1

Usage

---
layout: two-cols-2-1
---

# Left

This shows on the left

::right::

# Right

This shows on the right

Default

Usage

---
layout: default
---

Components

Announcement component

A small component to add an announcement to a page.

TODO: Move this component into a separate repository

Used in the form:

<Announcement type="default" title="Default Note" inline compact >
    Just something to think about
</Announcement>

• Types:

  • type="type_identifier"
  • where type_identifier is one of:
    • brainstorm
    • duration
    • idea
    • default
    • info
    • important
    • priority
    • warning
    • error

• Options:

  • compact or compact="true|false"
    • a smaller sized version (optional, default false)
  • title="..."
    • title text (...) shown before the slot content (optional)
  • inline or inline="true|false"
    • allow multiple announcements on a line (optional, default false)
  • width="fit|full"
    • resizes to full width or fit to content (optional, default fit)

Icon Override

It is possible to override the icons:

<Announcement type="info" title="Heads up">
    Custom icon via slot
    <template #icon>
        <i class="i-fa7-solid-user-ninja h-5 w-5 mt-0.5"></i>
    </template>
</Announcement>