slidev-theme-frankfurt 1.0.6 → 1.0.8

package/README.md

@@ -1,62 +1,58 @@
-# slidev-theme-frankfurt
-
-[![NPM version](https://img.shields.io/npm/v/slidev-theme-frankfurt?color=3AB9D4&label=)](https://www.npmjs.com/package/slidev-theme-frankfurt)
-
-A theme for [Slidev](https://github.com/slidevjs/slidev), inspired by the Frankfurt theme in [Beamer](https://github.com/josephwright/beamer), well-suited for academic talks.
-
-<!--
-  Learn more about how to write a theme:
-  https://sli.dev/themes/write-a-theme.html
---->
-
-<!--
-  run `npm run dev` to check out the slides for more details of how to start writing a theme
--->
-
-![](screenshots/01.png)
-
-## Install
-
-Add the following frontmatter to your `slides.md`. Start Slidev then it will prompt you to install the theme automatically.
-
-```yaml
----
-theme: frankfurt
-infoLine: true # on by default, can be turned off
-author: 'Your name here' # shows in infoLine
-title: 'Title' # shows in infoLine
-date: '2023/01/01' # shows in infoLine, defaults to the current date
----
-```
-
-Learn more about [how to use a theme](https://sli.dev/themes/use).
-
-## Using sections
-
-The main feature of Frankfurt theme is the section and progress indicators on top. To divide your slides into sections, add the following frontmatter to the first page of each section:
-
-```yaml
----
-section: 'Section title'
----
-```
-
-## Components
-
-This theme provides the following component:
-
-```html
-<Item title="Title of your thing">
-	Create a box for definitions, lemmas, theorems, etc.
-</Item>
-```
-
-![](screenshots/06.png)
-
-## Contributing
-
-- `npm install`
-- `npm run dev` to start theme preview of `example.md`
-- Edit the `example.md` and style to see the changes
-- `npm run export` to generate the preview PDF
-- `npm run screenshot` to generate the preview PNG
+# slidev-theme-frankfurt
+
+[![NPM version](https://img.shields.io/npm/v/slidev-theme-frankfurt?color=3AB9D4&label=)](https://www.npmjs.com/package/slidev-theme-frankfurt)
+
+A theme for [Slidev](https://github.com/slidevjs/slidev),
+inspired by the Frankfurt theme in [Beamer](https://github.com/josephwright/beamer),
+well-suited for academic talks.
+
+![](screenshots/01.png)
+
+## Install
+
+Add the following frontmatter to your `slides.md`.
+Start Slidev and then it will prompt you to install the theme automatically.
+
+```yaml
+---
+theme: frankfurt
+infoLine: true # on by default, can be turned off
+author: 'Your name here' # shows in infoLine
+title: 'Title' # shows in infoLine
+date: '2023/01/01' # shows in infoLine, defaults to the current date
+---
+```
+
+Learn more about [how to use a theme](https://sli.dev/guide/theme-addon#use-theme).
+
+## Using sections
+
+The main feature of Frankfurt theme is the section and progress indicators on top.
+To divide your slides into sections,
+add the following frontmatter to the first page of each section:
+
+```yaml
+---
+section: 'Section title'
+---
+```
+
+## Components
+
+This theme provides the following component:
+
+```html
+<Item title="Title of your thing">
+	Create a box for definitions, lemmas, theorems, etc.
+</Item>
+```
+
+![](screenshots/06.png)
+
+## Contributing
+
+- `npm install`
+- `npm run dev` to start theme preview of `example.md`
+- Edit the `example.md` and style to see the changes
+- `npm run export` to generate the preview PDF
+- `npm run screenshot` to generate the preview PNG

package/components/Frankfurt.vue

@@ -14,6 +14,7 @@
 
 <script setup lang="ts">
 	import { computed } from "vue";
+	import Link from "@slidev/client/builtin/Link.vue";
 
 	import type { SlideInfoBase } from "@slidev/types";
 

package/components/InfoLine.vue

@@ -1,17 +1,21 @@
-<template>
-	<footer class="absolute bottom-0 left-0 right-0 flex text-center text-white">
-		<div class="flex-1 p-1" style="background:#191959">
-			{{ $slidev.configs.author || "Unknown author" }}
-		</div>
-		<div class="flex-1 p-1" style="background:#262686">
-			{{ $slidev.configs.title || "Unknown title" }}
-		</div>
-		<div class="flex-1 p-1" style="background:#3333B3">
-			<div class="float-right">
-				{{ $slidev.nav.currentPage }} /
-				<SlidesTotal />
-			</div>
-			{{ $slidev.configs.date || new Date().toLocaleDateString() }}
-		</div>
-	</footer>
-</template>
+<template>
+	<footer class="absolute bottom-0 left-0 right-0 flex text-center text-white">
+		<div class="flex-1 p-1" style="background:#191959">
+			{{ $slidev.configs.author || "Unknown author" }}
+		</div>
+		<div class="flex-1 p-1" style="background:#262686">
+			{{ $slidev.configs.title || "Unknown title" }}
+		</div>
+		<div class="flex-1 p-1" style="background:#3333B3">
+			<div class="float-right">
+				{{ $slidev.nav.currentPage }} /
+				<SlidesTotal />
+			</div>
+			{{ $slidev.configs.date || new Date().toLocaleDateString() }}
+		</div>
+	</footer>
+</template>
+
+<script setup lang="ts">
+import SlidesTotal from "@slidev/client/builtin/SlidesTotal.vue";
+</script>

package/dist/404.html

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Slidev Theme Frankfurt - Slidev</title>
+<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;400;600&family=Fira+Code:wght@200;400;600&display=swap" type="text/css">
+<link rel="icon" href="https://cdn.jsdelivr.net/gh/slidevjs/slidev/assets/favicon.png">
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta property="slidev:version" content="52.1.0">
+<meta name="author" content="&quot;Mu-Tsun Tsai&quot;">
+<meta property="og:title" content="Slidev Theme Frankfurt - Slidev">  <script type="module" crossorigin src="/assets/index-DaRmNRXa.js"></script>
+  <link rel="modulepreload" crossorigin href="/assets/modules/vue-CBHG3zdT.js">
+  <link rel="modulepreload" crossorigin href="/assets/modules/shiki-Bxaic-fK.js">
+  <link rel="stylesheet" crossorigin href="/assets/modules/shiki-CozCpemh.css">
+  <link rel="stylesheet" crossorigin href="/assets/index-D2qMEBj2.css">
+</head>
+<body>
+<div id="app"></div>
+<div id="mermaid-rendering-container"></div>
+</body>
+</html>

package/dist/_redirects

@@ -0,0 +1 @@
+/*    /index.html   200

package/dist/assets/404-CSY2lefO.css

@@ -0,0 +1 @@
+.page-link[data-v-aa1d4bb4]{border-radius:.25rem;background-color:#9ca3af1a;padding:.5rem 1rem}.page-link[data-v-aa1d4bb4]:hover{background-color:#9ca3af33}

package/dist/assets/DrawingControls-Cxk9a9ub.css

@@ -0,0 +1 @@
+.v-popper--theme-menu .v-popper__arrow-inner{border-color:#9ca3af33}

package/dist/assets/Item.vue_vue_type_script_setup_true_lang-COdxJ-m0.js

@@ -0,0 +1 @@
+import{d as s,f as t,o,i as a,g as r,t as n,j as i}from"./modules/vue-CBHG3zdT.js";import{u as l}from"./slidev/context-DiLr5EZn.js";const m={class:"item"},d={key:0},f=s({__name:"Item",props:{title:{}},setup(p){return l(),(e,c)=>(o(),t("div",m,[e.title?(o(),t("header",d,n(e.title),1)):a("v-if",!0),r("main",null,[i(e.$slots,"default")])]))}});export{f as _};

package/dist/assets/NoteDisplay-C6cwRJ-1.css

@@ -0,0 +1 @@
+.range[data-v-eff83cec]{-webkit-appearance:none;appearance:none;background:transparent}.range[data-v-eff83cec]::-webkit-slider-thumb{-webkit-appearance:none;height:100%;width:var(--thumb-width, .5rem)}.range[data-v-eff83cec]::-moz-range-thumb{height:100%;width:var(--thumb-width, .5rem)}.slidev-note :first-child{margin-top:0}

package/dist/assets/SlideWrapper-BiNX6YyC.css

@@ -0,0 +1 @@
+.slidev-slide-container[data-v-c77eb94b]{position:relative;width:100%;height:100%;overflow:hidden}.slidev-slide-content[data-v-c77eb94b]{position:absolute;left:50%;top:50%;overflow:hidden;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity))}.dark .slidev-slide-content[data-v-c77eb94b]{--un-bg-opacity:1;background-color:rgb(18 18 18 / var(--un-bg-opacity))}.disable-view-transition[data-v-25bfd839] *{view-transition-name:none!important}.slidev-page[data-v-25bfd839]{position:absolute;inset:0}

package/dist/assets/entry-n0PX6IZB.css

@@ -0,0 +1 @@
+.page-link[data-v-91994604]{height:10rem;min-width:10rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border-radius:.25rem;background-color:#9ca3af1a;padding:1rem}.page-link[data-v-91994604]:hover{background-color:#9ca3af33}.page-link>svg[data-v-91994604]{font-size:3em;opacity:.5}