Add several recipes (#519)

The added recipes are as follows:
- Mastodeck (fixes https://github.com/ferdium/ferdium-app/issues/959)
- Microsoft Planner (fixes https://github.com/ferdium/ferdium-app/issues/955)
- Alibaba Chat (fixes https://github.com/ferdium/ferdium-app/issues/1376)
- Fiverr (step forward in https://github.com/ferdium/ferdium-app/issues/1377 - missing unread logic)
- Draw.io (fixes https://github.com/ferdium/ferdium-app/issues/1429)
- Canva (fixes https://github.com/ferdium/ferdium-app/issues/1447)
- Penpot (fixes https://github.com/ferdium/ferdium-app/issues/1469)
- HackerNews (fixes https://github.com/ferdium/ferdium-app/issues/1505)
- Google Maps (fixes https://github.com/ferdium/ferdium-app/issues/1513)
- Patreon (fixes https://github.com/ferdium/ferdium-app/issues/1524)
- Fandom (fixes https://github.com/ferdium/ferdium-app/issues/1540)
- Romeo (fixes https://github.com/ferdium/ferdium-app/issues/1553)
- Infomaniak Kdrive (fixes https://github.com/ferdium/ferdium-app/issues/1559)
- Notion Calendar (fixes https://github.com/ferdium/ferdium-app/issues/1599)
- Superlist (fixes https://github.com/ferdium/ferdium-app/issues/1601)
- Purelymail (fixes https://github.com/ferdium/ferdium-app/issues/1624)
- SOGo (fixes https://github.com/ferdium/ferdium-app/issues/1472)

4 files changed, 42 insertions, 0 deletions

diff --git a/recipes/penpot/icon.svg b/recipes/penpot/icon.svg
new file mode 100644
index 0000000..d51af20
--- /dev/null
+++ b/recipes/penpot/icon.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 28.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+         viewBox="0 0 341.93 341.93" style="enable-background:new 0 0 341.93 341.93;" xml:space="preserve">
+<path color-rendering="auto" image-rendering="auto" shape-rendering="auto" text-rendering="auto" d="M109.05,0L73.09,50.64v28.63
+        L41.81,94.15l-0.28-0.13v186.76l121.99,57.63l7.45,3.52l7.46-3.52l121.99-57.63V94.02l-0.23,0.11l-31.3-14.89v-28.6l-1.1-1.54
+        L232.92,0l-35.96,50.64v0.05L170.8,13.84l-25.96,36.57l-0.93-1.31L109.05,0z M115.41,29.42L129.32,49H88.78l13.74-19.35
+        L115.41,29.42z M239.28,29.42L253.19,49h-40.54l13.74-19.35L239.28,29.42z M177.16,43.26l13.91,19.58h-40.53l13.74-19.36
+        L177.16,43.26z M84.94,58.87h19.22v64.74l-19.22-9.08V58.87z M114.03,58.87h19.13v78.43l-19.13-9.04V58.87z M208.81,58.87h19.22
+        v69.33l-19.22,9.08V58.87z M237.9,58.87h19.13v55.63l-19.13,9.04V58.87z M146.69,72.72h19.23v80.07l-19.23-9.08V72.72z
+         M175.79,72.72h19.13v71.14l-19.13,9.04V72.72z M268.88,93.99l16.93,6.92l-16.93,8V93.99z M73.09,94.02v14.92l-16.92-8L73.09,94.02z
+         M56.43,117.55l107.08,50.59v153.78L56.43,271.33L56.43,117.55z M285.5,117.55v153.78l-107.08,50.58V168.13L285.5,117.55z"/>
+<script  id="bw-fido2-page-script" xmlns=""></script>
+</svg>
diff --git a/recipes/penpot/index.js b/recipes/penpot/index.js
new file mode 100644
index 0000000..dd41f72
--- /dev/null
+++ b/recipes/penpot/index.js
@@ -0,0 +1 @@
+module.exports = Ferdium => Ferdium;
diff --git a/recipes/penpot/package.json b/recipes/penpot/package.json
new file mode 100644
index 0000000..980a4fd
--- /dev/null
+++ b/recipes/penpot/package.json
@@ -0,0 +1,11 @@
+{
+  "id": "penpot",
+  "name": "Penpot",
+  "version": "1.0.0",
+  "license": "MIT",
+  "config": {
+    "serviceURL": "https://design.penpot.app/",
+    "hasHostedOption": true,
+    "hasCustomUrl": true
+  }
+}
diff --git a/recipes/penpot/webview.js b/recipes/penpot/webview.js
new file mode 100644
index 0000000..2a81dec
--- /dev/null
+++ b/recipes/penpot/webview.js
@@ -0,0 +1,16 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
+  // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};