add default memo

src/js/globals.js

@@ -1,2 +1,15 @@
 export const MARGIN = 48;
 export const GRID_SIZE = 10;
+
+export const DEFAULT_MEMO = {
+    id: "9346dc6c-f982-48ce-9e21-f6a334b367b3",
+    text: `Manifest is an incredibly simple grid-based pinboard for note taking.\n\nCreate as many notes as you want, and they will snap to the grid set by your current window size. All notes can be be moved, resized and deleted.\n\nYour browser's local storage is also utilized to save notes between session.\n\nManifest is free and completely open-source. Licensed under the GNU General Public License v2.0.\n\nIf you find a bug or have a suggestion feel free to file an issue on Github.\n\nhttps://github.com/jonathontoon/manifest/issues`,
+    position: {
+        top: 50,
+        left: 50
+    },
+    size: {
+        width: 411,
+        height: 312
+    }
+};

src/js/index.js

@@ -1,4 +1,4 @@
-import { GRID_SIZE, MARGIN } from "./globals";
+import { GRID_SIZE, MARGIN, DEFAULT_MEMO } from "./globals";
 import { snapToGrid, confirm, uuidv4, getLocalStorageItem, setLocalStorageItem } from "./utils";
 
 import "../sass/index.scss";
@@ -376,6 +376,13 @@ function onLoad() {
   const memos = getLocalStorageItem("manifest_memos");
   if (!memos) {
     setLocalStorageItem("manifest_memos", {});
+
+    const memo = createMemo(DEFAULT_MEMO.id, DEFAULT_MEMO.text, DEFAULT_MEMO.position, DEFAULT_MEMO.size);
+    board.appendChild(memo);
+
+    const memos = getLocalStorageItem("manifest_memos");
+    memos[DEFAULT_MEMO.id] = { text: DEFAULT_MEMO.text, position: DEFAULT_MEMO.position, size: DEFAULT_MEMO.size };
+    setLocalStorageItem("manifest_memos", memos);
   } else {
     Object.keys(memos).forEach(function (key) {
       const memo = createMemo(key, memos[key].text, memos[key].position, memos[key].size);

src/js/utils.js

@@ -19,4 +19,4 @@ export function uuidv4() {
     var r = Math.random() * 16 | 0; var v = c === "x" ? r : (r & 0x3 | 0x8);
     return v.toString(16);
   });
-};
+};