added aiton logo to toolbar

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "ation",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
 		"name": "ation",
-		"version": "0.1.0",
+		"version": "0.2.0",
 		"description": "a simple presentation software",
 		"main": "main.js",
 		"scripts": {
@@ -35,7 +35,16 @@
 								"dmg"
 						],
 						"icon": "assets/app.icns",
-						"darkModeSupport": true
+						"darkModeSupport": true,
+						"fileAssociations": [
+								{
+										"ext": [
+												"md"
+										],
+										"description": "Markdown files",
+										"role": "Viewer"
+								}
+						]
 				},
 				"dmg": {
 						"background": "assets/dmg_background.png",

src/ui/src/assets/css/_toolbar.scss

@@ -23,4 +23,10 @@
 			margin: 0;
 		}
 	}
+
+	> svg {
+		max-height: 90%;
+		width: auto;
+		margin: 0 2rem;
+	}
 }

src/ui/src/assets/images/logo_ation.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 128 128" style="enable-background:new 0 0 128 128;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+</style>
+<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="63.7328" y1="126.4761" x2="63.7328" y2="1.0838">
+	<stop  offset="0" style="stop-color:#FFFFFF;stop-opacity:0.5"/>
+	<stop  offset="0.3394" style="stop-color:#FFFFFF"/>
+</linearGradient>
+<path class="st0" d="M112.3,21H78.7l-4-20H52.8l-4,20H15.2c-4.5,0-8.1,3.6-8.1,8.1v56.6c0,4.5,3.6,8.1,8.1,8.1h15H34l-6.6,32.6h19.4
+	l5.1-28h23.5l5.1,28h19.4l-6.6-32.6h3.8h15c4.5,0,8.1-3.6,8.1-8.1V29.1C120.4,24.7,116.7,21,112.3,21z M54.9,82.1L62,42.9
+	c0.2-1.6,0.5-3.2,0.8-4.9c0.3-1.6,0.6-3.3,0.9-4.9c0.3,1.6,0.7,3.2,0.9,4.9c0.3,1.6,0.5,3.3,0.8,4.9l7.2,39.2H54.9z M15.2,85.8V29.1
+	h31.9L35.6,85.8H15.2z M112.3,85.8H91.8L80.3,29.1h31.9V85.8z"/>
+</svg>

src/ui/src/components/Toolbar.js

@@ -5,6 +5,8 @@ import {Folder2Open, Cast, InfoCircle} from "react-bootstrap-icons";
 import SlideContext from "../shared/SlideContext";
 import Mode         from "../models/Mode";
 
+import {ReactComponent as Logo} from "../assets/images/logo_ation.svg";
+
 const Toolbar = ({openFile, setShowTips}) => {
 	const {setMode, setSlide} = useContext(SlideContext);
 
@@ -16,8 +18,9 @@ const Toolbar = ({openFile, setShowTips}) => {
 
 	return (
 		<nav className="toolbar">
-			<button onClick={openFile} title="Open file [Ctrl+O]"><Folder2Open /></button>	
+			<button onClick={openFile} title="Open file [⌘+O]"><Folder2Open /></button>	
 			<button onClick={present} title="Start presentation [F5]"><Cast /></button>	
+			<Logo />
 			<button onClick={() => setShowTips(true)} title="Show tips [TAB]"><InfoCircle /></button>	
 		</nav>
 	);