Initial commit

.gitignore

@@ -0,0 +1 @@
+/node_modules

README.md

@@ -0,0 +1,19 @@
+# BTCPay Server Slide-Templates
+
+Template for [BTCPay Server](https://btcpayserver.org) presentations, based on [Marp](https://marp.app/).
+
+## Installation
+
+Prerequisite: [Node.js](https://nodejs.org).
+
+```bash
+npm install
+```
+
+For editing you can use [VS Code](https://code.visualstudio.com/) and the [VS Code Marp-Plugin](https://github.com/marp-team/marp-vscode).
+
+## Presentation
+
+```bash
+npm start
+```

marp.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  allowLocalFiles: true,
+  themeSet: "themes",
+  url: process.env.URL,
+};

media/btcpay-logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 105.46 188.47"><defs><style>.cls-1{fill:#cedc21}</style></defs><path class="cls-1" d="M117.24 247.32a11.06 11.06 0 01-11-11.06V69.91a11.06 11.06 0 1122.11 0v166.35a11.06 11.06 0 01-11.11 11.06z" transform="translate(-106.19 -58.85)"/><path d="M117.25 247.32a11.06 11.06 0 01-4.75-21l66.66-31.64-68.47-50.48a11.05 11.05 0 1113.11-17.8l83.35 61.41a11 11 0 01-1.82 18.88L122 246.25a10.94 10.94 0 01-4.75 1.07z" transform="translate(-106.19 -58.85)" fill="#51b13e"/><path class="cls-1" d="M117.25 181.93a11.05 11.05 0 01-6.56-20l68.47-50.45-66.66-31.59a11.05 11.05 0 019.48-20l83.35 39.56a11.05 11.05 0 011.82 18.89l-83.35 61.44a11 11 0 01-6.55 2.15z" transform="translate(-106.19 -58.85)"/><path fill="#1e7a44" d="M22.11 70.86v46.75l31.71-23.36-31.71-23.39z"/><path fill="#fff" d="M0 51.26h22.11v53.89H0z"/><path class="cls-1" d="M128.3 69.91a11.06 11.06 0 10-22.11 0V209h22.11z" transform="translate(-106.19 -58.85)"/></svg>

package.json

@@ -0,0 +1,14 @@
+{
+  "name": "slides",
+  "version": "1.0.0",
+  "description": "Slides",
+  "main": "marp.config.js",
+  "author": "d11n",
+  "license": "MIT",
+  "scripts": {
+    "start": "marp -ps ."
+  },
+  "devDependencies": {
+    "@marp-team/marp-cli": "2.1.2"
+  }
+}

template.md

@@ -0,0 +1,36 @@
+---
+theme: light
+marp: true
+---
+
+![bg left:40% 40%](./media/btcpay-logo.svg)
+
+# **Slide-Template**
+
+Template for [BTCPay Server](https://btcpayserver.org) presentations, based on [Marp](https://marp.app/).
+
+---
+
+# How to write slides
+
+Split pages by horizontal ruler (`---`). It's very simple! :satisfied:
+
+```markdown
+# Intro
+
+foo
+
+---
+
+# Outro
+
+bar
+```
+
+---
+
+# Media
+
+Images and videos can be put in the `media` folder and get referenced like this …
+
+![bg right:40% 40%](./media/btcpay-logo.svg)

themes/dark.css

@@ -0,0 +1,25 @@
+/*
+@theme dark
+*/
+
+@import 'light';
+
+:root {
+  --btcpay-neutral-100: #F0F6FC;
+  --btcpay-neutral-200: #C9D1D9;
+  --btcpay-neutral-300: #B1BAC4;
+  --btcpay-neutral-400: #8B949E;
+  --btcpay-neutral-500: #6E7681;
+  --btcpay-neutral-600: #484F58;
+  --btcpay-neutral-700: #30363D;
+  --btcpay-neutral-800: #21262D;
+  --btcpay-neutral-900: #161B22;
+
+  --color-accent-highlight: #7cc46e;
+  --btcpay-neutral-950: #0D1117;
+  --color-body-text: var(--btcpay-white);
+  --color-body-bg: var(--btcpay-neutral-900);
+  --color-card-bg: var(--btcpay-neutral-950);
+  --color-border-light: var(--btcpay-neutral-800);
+  --color-border-medium: var(--btcpay-neutral-700);
+}

themes/light.css

@@ -0,0 +1,90 @@
+/*
+@theme light
+
+Base: https://github.com/marp-team/marp-core/blob/main/themes/default.scss
+*/
+
+@import 'default';
+
+:root {
+  --btcpay-white: #ffffff;
+  --btcpay-black: #000000;
+
+  --btcpay-neutral-100: #f8f9fa;
+  --btcpay-neutral-200: #e9ecef;
+  --btcpay-neutral-300: #dee2e6;
+  --btcpay-neutral-400: #ced4da;
+  --btcpay-neutral-500: #8f979e;
+  --btcpay-neutral-600: #6c757d;
+  --btcpay-neutral-700: #495057;
+  --btcpay-neutral-800: #343a40;
+  --btcpay-neutral-900: #292929;
+
+  --color-border-light: var(--btcpay-neutral-200);
+  --color-border-medium: var(--btcpay-neutral-300);
+
+  --color-body-text: var(--btcpay-neutral-900);
+  --color-body-bg: var(--btcpay-neutral-100);
+  --color-card-bg: var(--btcpay-white);
+  --color-accent: #51b13e;
+  --color-accent-highlight: #389725;
+  --color-secondary: var(--btcpay-neutral-500);
+}
+
+section {
+  /* Marp overrides */
+  --h1-color: var(--color-accent);
+  --heading-strong-color: var(--color-accent);
+  --paginate-color: var(--color-secondary);
+  --color-border-default: var(--color-border-medium);
+
+  --color-fg-default: var(--color-body-text);
+  --color-fg-muted: var(--color-secondary);
+  --color-fg-subtle: var(--color-secondary);
+  --color-canvas-default: var(--color-body-bg);
+  --color-canvas-subtle: var(--color-card-bg);
+  --color-border-default: var(--color-border-medium);
+  --color-border-muted: var(--color-border-light);
+  --color-neutral-muted: var(--color-border-light);
+  --color-accent-fg: var(--color-accent);
+  --color-accent-emphasis: var(--color-accent);
+
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+  color: var(--color-accent);
+}
+
+a:hover {
+  color: var(--color-accent-highlight);
+}
+
+header,
+footer {
+  color: var(--color-secondary);
+  background-color: var(--color-card-bg);
+  padding: .5rem 78.5px;
+  left: 0;
+  right: 0
+}
+
+header {
+  top: 0
+}
+
+footer {
+  bottom: 0
+}
+
+pre {
+  color: var(--color-body-text);
+  background-color: var(--color-card-bg);
+  border: none;
+}
+
+img {
+  background-color: var(--color-body-bg);
+}