From a0df94842312116deec32c4c80f0a63864c450e6 Mon Sep 17 00:00:00 2001
From: Aneks1 <proames75yt@gmail.com>
Date: Sun, 3 Mar 2024 14:42:31 -0500
Subject: [PATCH] Created public beta

---
 icon.ico                                   | Bin 0 -> 4286 bytes
 notes/NoteSphere/1.ns                      |   1 +
 notes/NoteSphere/2.ns                      |   1 +
 notes/board/1.ns                           |   1 -
 notes/board/2.ns                           |   1 -
 notes/board/3.ns                           |   1 -
 notes/board/4.ns                           |   1 -
 notes/board/5.ns                           |   1 -
 notes/hello aaron/1.ns                     |   1 -
 notes/hello aaron/2.ns                     |   1 -
 notes/hello aaron/3.ns                     |   1 -
 notes/hello aaron/4.ns                     |   1 -
 public/favicon.ico                         | Bin 4286 -> 0 bytes
 public/icon.ico                            | Bin 0 -> 4286 bytes
 public/index.html                          |   2 +-
 src/background.ts                          |   3 +-
 src/components/NotePreview/NotePreview.vue |   6 +-
 src/routes/EditorPage/EditorPage.vue       |  26 +++++----
 src/routes/HomePage/HomePage.vue           |  13 +++--
 src/routes/HomePage/style.css              |  61 +++++++++++++++------
 src/utils/Note.ts                          |   2 +-
 src/utils/router.ts                        |   2 +-
 22 files changed, 79 insertions(+), 47 deletions(-)
 create mode 100644 icon.ico
 create mode 100644 notes/NoteSphere/1.ns
 create mode 100644 notes/NoteSphere/2.ns
 delete mode 100644 notes/board/1.ns
 delete mode 100644 notes/board/2.ns
 delete mode 100644 notes/board/3.ns
 delete mode 100644 notes/board/4.ns
 delete mode 100644 notes/board/5.ns
 delete mode 100644 notes/hello aaron/1.ns
 delete mode 100644 notes/hello aaron/2.ns
 delete mode 100644 notes/hello aaron/3.ns
 delete mode 100644 notes/hello aaron/4.ns
 delete mode 100644 public/favicon.ico
 create mode 100644 public/icon.ico

diff --git a/icon.ico b/icon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..2f88a96ac37ac5e564f0f9ba9446c76579ae0cb1
GIT binary patch
literal 4286
zcmc(j$xjqP6vm4s@!&xd6AxVEC`Q~4tO|%RfJhh+P#F*ymQj|dEGmq`KrlvJ0S!o$
zMJ`_W9|->i9DpmF3?~zm^803{COy3kJ(CPgep5ZwQ}w;B_v*cFgh;|)db;4J_;pf<
z(?W=|09~R8us?9%+Nt9~f*sL6f3}YbkP0$D4_E;kU=REYu{YZ^xH0MOUjaQJ1EhlJ
z0v5l(ywptr*<c22fqfv&m~S1H(+vX>n)_f2%z$i=0xVRF-I$xYBn?b}U0|xI@Bh|3
zM13v0_&x#BXali3FrU)S!uc9F&}-OzUuYY_8a&hL^ZWp;fh_71vjg)g?P8p-+v(U{
zn{6_zfwE^E+QnuzXta6XF>BMVdC#z%atGo->1tcrU|5HcKK;!#Ka{Vnez(--mtPy7
zYc=)f^hF>Z=!cMYGFrx3T-s{9NgV2JU`!^{7a{!|v^#3NYL`34<Z`=n0(%iYpdSJR
z_odc`9cbr-^ts2mza#E_5$iZ!{YVa!H9Drhv_W<j*UE?2YXZEu-6B7``?UHzXMUje
zIk2hM|K9RadahN-%FBh)b*0Ea75eNbzj#%aX6DI~^SRQUTP8o=f2!Btgg&*IQ%&>Q
z6mrR%nl2l<am}1jmsbwrzRCEVPQ5n2Gf%2~9<lanEdu^$48#CqU<!U$K+DVq){?mP
zyRuc^E`;<gbd@dCW*v+B{`GS#n&)Drt6Eh<4f>3K`hE!hi^luAj}7CQhrTo#YJt*K
zt*YM<<Cn1>bEstx@@^si3#5yCz=Fz41=3qoEf-oxBIa<QZ@T^*|KZ*fIacM3%4B_i
zgf@NQVErxQ&q>_t{qG?DxCadO$J_VA^Gf;HuBCQ2FwH-_|5)vqYxae8E$Xq#Kc@MY
z@#J@P$lelnOmy9-l^uvn(uaERslGRCPbep-{A;K`!T9&dru=f`{X*M3Z&m|1rtCs~
zF#l)f%DSwZ@*Vc5E*Gi#!y0U;zf0|YIgR@Hwywu9uaWP46`nAxqdIME{iVL?^M{l8
z*Zy{{#TU-|7WqH?{GoXUI+EuvjXu}mNS;4+HYEJ{oBBL(|B8gae*`Uvup!~^U&;o}
zS|t4aQ)`394kz#5-Pr4ge*c#KBzYjj$X_7}{|IsBw-6_`g*dh<M2a8(Iv^s(Lycd>
PT-%tFb5ny_)TH)*5^7IN

literal 0
HcmV?d00001

diff --git a/notes/NoteSphere/1.ns b/notes/NoteSphere/1.ns
new file mode 100644
index 0000000..dc4dea7
--- /dev/null
+++ b/notes/NoteSphere/1.ns
@@ -0,0 +1 @@
+VE9ETw==:|:1:|:LSBidWdmaXghISEhISE=
\ No newline at end of file
diff --git a/notes/NoteSphere/2.ns b/notes/NoteSphere/2.ns
new file mode 100644
index 0000000..d1e3b5e
--- /dev/null
+++ b/notes/NoteSphere/2.ns
@@ -0,0 +1 @@
+UGxhbnM=:|:3:|:LSBzdXBwb3J0IG1hcmtkb3dubm5uISEhISEhCi0gZWFzdGVyIGVnZ3M=
\ No newline at end of file
diff --git a/notes/board/1.ns b/notes/board/1.ns
deleted file mode 100644
index 587bd67..0000000
--- a/notes/board/1.ns
+++ /dev/null
@@ -1 +0,0 @@
-TmV3IE5vdGU=:|:0:|:
\ No newline at end of file
diff --git a/notes/board/2.ns b/notes/board/2.ns
deleted file mode 100644
index 587bd67..0000000
--- a/notes/board/2.ns
+++ /dev/null
@@ -1 +0,0 @@
-TmV3IE5vdGU=:|:0:|:
\ No newline at end of file
diff --git a/notes/board/3.ns b/notes/board/3.ns
deleted file mode 100644
index 587bd67..0000000
--- a/notes/board/3.ns
+++ /dev/null
@@ -1 +0,0 @@
-TmV3IE5vdGU=:|:0:|:
\ No newline at end of file
diff --git a/notes/board/4.ns b/notes/board/4.ns
deleted file mode 100644
index 587bd67..0000000
--- a/notes/board/4.ns
+++ /dev/null
@@ -1 +0,0 @@
-TmV3IE5vdGU=:|:0:|:
\ No newline at end of file
diff --git a/notes/board/5.ns b/notes/board/5.ns
deleted file mode 100644
index 587bd67..0000000
--- a/notes/board/5.ns
+++ /dev/null
@@ -1 +0,0 @@
-TmV3IE5vdGU=:|:0:|:
\ No newline at end of file
diff --git a/notes/hello aaron/1.ns b/notes/hello aaron/1.ns
deleted file mode 100644
index 587bd67..0000000
--- a/notes/hello aaron/1.ns	
+++ /dev/null
@@ -1 +0,0 @@
-TmV3IE5vdGU=:|:0:|:
\ No newline at end of file
diff --git a/notes/hello aaron/2.ns b/notes/hello aaron/2.ns
deleted file mode 100644
index 587bd67..0000000
--- a/notes/hello aaron/2.ns	
+++ /dev/null
@@ -1 +0,0 @@
-TmV3IE5vdGU=:|:0:|:
\ No newline at end of file
diff --git a/notes/hello aaron/3.ns b/notes/hello aaron/3.ns
deleted file mode 100644
index 587bd67..0000000
--- a/notes/hello aaron/3.ns	
+++ /dev/null
@@ -1 +0,0 @@
-TmV3IE5vdGU=:|:0:|:
\ No newline at end of file
diff --git a/notes/hello aaron/4.ns b/notes/hello aaron/4.ns
deleted file mode 100644
index 587bd67..0000000
--- a/notes/hello aaron/4.ns	
+++ /dev/null
@@ -1 +0,0 @@
-TmV3IE5vdGU=:|:0:|:
\ No newline at end of file
diff --git a/public/favicon.ico b/public/favicon.ico
deleted file mode 100644
index df36fcfb72584e00488330b560ebcf34a41c64c2..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4286
zcmds*O-Phc6o&64GDVCEQHxsW(p4>LW*W<827=Unuo8sGpRux(DN@jWP-e29Wl%wj
zY84_aq9}^Am9-cWTD5GGEo#+5Fi2wX_P*bo+xO!)p*7B;iKlbFd(U~_d(U?#hLj56
zPhFkj-|A6~Qk#@g^#D^U0XT1cu=c-vu1+SElX9NR;kzAUV(q0|dl0|%h|dI$%VICy
zJnu2^L*Te9JrJMGh%-P79CL0}dq92RGU6gI{v2~|)p}sG5x0U*z<8U;Ij*hB9z?ei
z@g6Xq-pDoPl=MANPiR7%172VA%r)kev<ISBgE$F{SFy+(=9Z)f)De0Se}ZDZW}Z3B
zElCeVrw;K0Fdl_Cg=gZOFXXc3pL)Q05CAuT+XucQ<8g~3dteP~|7s7c6QYP;fy;mF
zMN;>tV-_5H*QJKFmd;8yA$98zCxBZYXTNZ#QFk2(TX0;Y2dt&WitL#$96|gJY=3xX
zpCoi|YNzgO3R`f@IiEeSmKrPSf#h#Qd<$%Ej^RIeeYfsxhPMOG`S`Pz8q``=511zm
zAm)MX5AV^5xIWPyEu7u>qYs?pn$I4nL9J!=K=SGlKLXpE<5x+2cDTXq?brj?n6sp=
zphe9;_JHf40^9~}9i08r{XM$7HB!`{Ys~TK0kx<}ZQng`UPvH*11|q7&l9?@FQz;8
zx!=3<4seY*%=OlbCbcae?<QnEgvj4i?s}Yk=qA2z`-^*<eK3c)MS4JOdbsTQEOa0)
z0NWqlna2rzs>5^V_}*K>Uo6ZWV8mTyE^B=DKy7-sdLYkR5Z?paTgK-zyIkKjIcpyO
z{+uIt&YSa_$QnN_@t~L014dyK(fOOo+W*MIxbA6Ndgr=Y!f#Tokqv}n<7-9qfHkc3
z=>a|HWqcX8fzQCT=dqVbogRq!-S>H%yA{1w#2Pn;=e>JiEj7Hl;zdt-2f+j2%DeVD
zsW0Ab)ZK@0cIW%W7<X*Er!BfRbvU93$DH%#v6dRt^6HBxz1xBNHx=$&_Gv<&J}Ljk
zJN<Fzx(`Oe@KgQ0F$<14=XV#WK`o#6Ku>z}H{&~yGhn~D;aiP4=;m-HCo`BEI+Kd6
z={Xwx{T<?%b6i9IjI)Ls)S{-*mq<@~R{?$}ZKjf;^k75i_}(2MXt}^SEBVg7AI@28
zo_uPg2V)_e-`2Ois=PYoe%9u*n9({PFR)OnHJPi{dNx>Kx<YG`4QQ>D#iCLfl2<BD
h7L=-;Q>vQGDitKtN>z|-AdCN|$jTFDg0m3O`WLD4_s#$S

diff --git a/public/icon.ico b/public/icon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..2f88a96ac37ac5e564f0f9ba9446c76579ae0cb1
GIT binary patch
literal 4286
zcmc(j$xjqP6vm4s@!&xd6AxVEC`Q~4tO|%RfJhh+P#F*ymQj|dEGmq`KrlvJ0S!o$
zMJ`_W9|->i9DpmF3?~zm^803{COy3kJ(CPgep5ZwQ}w;B_v*cFgh;|)db;4J_;pf<
z(?W=|09~R8us?9%+Nt9~f*sL6f3}YbkP0$D4_E;kU=REYu{YZ^xH0MOUjaQJ1EhlJ
z0v5l(ywptr*<c22fqfv&m~S1H(+vX>n)_f2%z$i=0xVRF-I$xYBn?b}U0|xI@Bh|3
zM13v0_&x#BXali3FrU)S!uc9F&}-OzUuYY_8a&hL^ZWp;fh_71vjg)g?P8p-+v(U{
zn{6_zfwE^E+QnuzXta6XF>BMVdC#z%atGo->1tcrU|5HcKK;!#Ka{Vnez(--mtPy7
zYc=)f^hF>Z=!cMYGFrx3T-s{9NgV2JU`!^{7a{!|v^#3NYL`34<Z`=n0(%iYpdSJR
z_odc`9cbr-^ts2mza#E_5$iZ!{YVa!H9Drhv_W<j*UE?2YXZEu-6B7``?UHzXMUje
zIk2hM|K9RadahN-%FBh)b*0Ea75eNbzj#%aX6DI~^SRQUTP8o=f2!Btgg&*IQ%&>Q
z6mrR%nl2l<am}1jmsbwrzRCEVPQ5n2Gf%2~9<lanEdu^$48#CqU<!U$K+DVq){?mP
zyRuc^E`;<gbd@dCW*v+B{`GS#n&)Drt6Eh<4f>3K`hE!hi^luAj}7CQhrTo#YJt*K
zt*YM<<Cn1>bEstx@@^si3#5yCz=Fz41=3qoEf-oxBIa<QZ@T^*|KZ*fIacM3%4B_i
zgf@NQVErxQ&q>_t{qG?DxCadO$J_VA^Gf;HuBCQ2FwH-_|5)vqYxae8E$Xq#Kc@MY
z@#J@P$lelnOmy9-l^uvn(uaERslGRCPbep-{A;K`!T9&dru=f`{X*M3Z&m|1rtCs~
zF#l)f%DSwZ@*Vc5E*Gi#!y0U;zf0|YIgR@Hwywu9uaWP46`nAxqdIME{iVL?^M{l8
z*Zy{{#TU-|7WqH?{GoXUI+EuvjXu}mNS;4+HYEJ{oBBL(|B8gae*`Uvup!~^U&;o}
zS|t4aQ)`394kz#5-Pr4ge*c#KBzYjj$X_7}{|IsBw-6_`g*dh<M2a8(Iv^s(Lycd>
PT-%tFb5ny_)TH)*5^7IN

literal 0
HcmV?d00001

diff --git a/public/index.html b/public/index.html
index 3e5a139..a1a511b 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <link rel="icon" href="<%= BASE_URL %>icon.ico">
     <title><%= htmlWebpackPlugin.options.title %></title>
   </head>
   <body>
diff --git a/src/background.ts b/src/background.ts
index 25d6c60..e6b9907 100644
--- a/src/background.ts
+++ b/src/background.ts
@@ -19,8 +19,9 @@ async function createWindow() {
         width: 800,
         height: 600,
         frame: false,
-        minWidth: 576,
+        minWidth: 832,
         minHeight: 576,
+        icon: 'icon.ico',
         webPreferences: {
             nodeIntegration: (process.env.ELECTRON_NODE_INTEGRATION as unknown) as boolean,
             contextIsolation: !process.env.ELECTRON_NODE_INTEGRATION,
diff --git a/src/components/NotePreview/NotePreview.vue b/src/components/NotePreview/NotePreview.vue
index 452d887..3ad9f50 100644
--- a/src/components/NotePreview/NotePreview.vue
+++ b/src/components/NotePreview/NotePreview.vue
@@ -1,5 +1,5 @@
 <template>
-    <router-link :to="{ name: 'Editor', params: { id: id } }" class="notePrev" :class="{ 
+    <router-link :to="{ name: 'Editor', params: { board: board, id: id } }" class="notePrev" :class="{ 
         yellow: color == 'yellow',
         aqua: color == 'aqua',
         pink: color == 'pink',
@@ -36,6 +36,10 @@ export default defineComponent({
         id: {
             type: String,
             required: true
+        },
+        board: {
+            type: String,
+            required: true
         }
     },
     data() {
diff --git a/src/routes/EditorPage/EditorPage.vue b/src/routes/EditorPage/EditorPage.vue
index e06a5de..03e2bd9 100644
--- a/src/routes/EditorPage/EditorPage.vue
+++ b/src/routes/EditorPage/EditorPage.vue
@@ -22,6 +22,7 @@
 import { defineComponent } from 'vue'
 import MarkovChain from '../../utils/Markov'
 import * as fs from 'fs'
+import boardManager from '@/utils/BoardManager'
 
 export default defineComponent({
     name: 'EditorPage',
@@ -44,8 +45,14 @@ export default defineComponent({
             this.markov.train(this.content)
         },
         saveNote() {
-            try { fs.writeFileSync(`./notes/${this.id}.ns`, `${this.title}\n${this.color}\n${this.content}`, 'utf-8') }
-            catch { console.log('Error occured.') }
+            try {
+                const note = boardManager.boards.get(this.$route.params.board as string)?.notes.get(this.$route.params.id as string)
+                note!.title = this.title
+                note!.content = this.content
+                note!.color = this.color as 'yellow' | 'aqua' | 'pink' | 'green'
+                note!.save()
+            }
+            catch { console.log('TImed out') }
         },
         autoSave() {
             if(this.saveTimeout != null) clearTimeout(this.saveTimeout)
@@ -61,16 +68,11 @@ export default defineComponent({
         color: function() { this.autoSave() }
     },
     mounted() {
-        const data = fs.readFileSync(`./notes/${this.$route.params.id}`, 'utf-8')
-        const formatted = data.split('\n')
-        const title = formatted[0]
-        const color = formatted[1] as 'yellow' | 'aqua' | 'pink' | 'green'
-        const content = formatted.slice(2, formatted.length).join('\n')
-        
-        this.title = title
-        this.color = color
-        this.content = content
-        this.id = this.$route.params.id as string
+        const noteData = boardManager.boards.get(this.$route.params.board as string)?.notes.get(this.$route.params.id as string)
+        this.title = noteData?.title as string
+        this.color = noteData?.color as 'yellow' | 'aqua' | 'pink' | 'green'
+        this.content = noteData?.content as string
+        this.id = noteData?.id as string
     }
 })
 </script>
diff --git a/src/routes/HomePage/HomePage.vue b/src/routes/HomePage/HomePage.vue
index 328809f..ad7ed7f 100644
--- a/src/routes/HomePage/HomePage.vue
+++ b/src/routes/HomePage/HomePage.vue
@@ -17,8 +17,8 @@
             <span class="genTitle">Board Name:</span>
             <input id="nameInput" type="text" placeholder="New Board" v-model="overlayMenu.boardCreate.name"/>
             <div id="boardCreateMenBtns">
+                <button class="boardCreateMenBtn" @click="cancelBoardCreate()">Cancel</button>
                 <button class="boardCreateMenBtn" datatype="create" @click="createBoard()">Create</button>
-                <button class="boardCreateMenBtn" datatype="cancel">Cancel</button>
             </div>
         </div>
     </div>
@@ -26,8 +26,8 @@
     <div id="homeCont">
         <div id="boardMenu">
             <div id="boardMenHead">
-                <span class="genTitle">My Boards</span>
-                <button @click="showOverlay('boardCreate', true)">+</button>
+                <span class="genSubTitle">My Boards</span>
+                <button id="newBoardBtn" @click="showOverlay('boardCreate', true)">New</button>
             </div>
             <div id="boardMenBtnCont">
                 <button 
@@ -35,7 +35,7 @@
                     v-for="(board, i) in loadedBoards"
                     :key="i"
                     @click="currentBoard = board[0]"
-                    :style="currentBoard == board[0] ? 'background-color: rgba(255, 255, 255, 0.125);' : ''">
+                    :style="currentBoard == board[0] ? 'background-color: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.15);' : ''">
                     {{ board[0] }}
                 </button>
             </div>
@@ -48,6 +48,7 @@
             :description="note.content"
             :color="note.color"
             :id="note.id"
+            :board="currentBoard || ''"
             @contextmenu="toggleContextOverlay('notePreview', true, $event, note.id)"
         />
         <div id="newCont">
@@ -116,6 +117,10 @@ export default defineComponent({
             this.currentBoard = this.overlayMenu.boardCreate.name
             this.overlayMenu.boardCreate.name = ''
         },
+        cancelBoardCreate() {
+            this.showOverlay('boardCreate', false)
+            this.overlayMenu.boardCreate.name = ''
+        },
         createNote() {
             const board = boardManager.boards.get(this.currentBoard!)
             const notes = board?.createNote()
diff --git a/src/routes/HomePage/style.css b/src/routes/HomePage/style.css
index 2a334eb..7c63aed 100644
--- a/src/routes/HomePage/style.css
+++ b/src/routes/HomePage/style.css
@@ -1,3 +1,7 @@
+:root {
+    --base-purple: rgb(173, 74, 219);
+    --hover-purple: rgb(113, 54, 141);
+}
 #navSpace {
     height: 36px;
     width: 100%;
@@ -19,7 +23,7 @@
     box-sizing: border-box;
     padding-top: 5rem;
     padding-bottom: 5rem;
-    gap: 8rem;
+    gap: 1rem;
 }
 #boardMenHead {
     display: flex;
@@ -29,7 +33,7 @@
     height: fit-content;
     width: 100%;
     box-sizing: border-box;
-    padding-left: 1rem; padding-right: 1rem;
+    padding-left: 2rem; padding-right: 2rem;
 }
 .genTitle {
     font-family: 'Inconsolata', monospace;
@@ -39,6 +43,30 @@
     user-select: none;
     color: rgba(255, 255, 255, 0.75);
 }
+.genSubTitle {
+    font-family: 'Inconsolata', monospace;
+    font-size: 18px;
+    box-sizing: border-box;
+    user-select: none;
+    color: rgba(255, 255, 255, 0.5);
+}
+#newBoardBtn {
+    padding: 0.4rem;
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+    background: var(--base-purple);
+    border: none;
+    border-radius: 5px;
+    font-size: 1rem;
+    color: white;
+    font-family: 'Inconsolata', monospace;
+    box-shadow: rgba(0, 0, 0, 0.75) 3px 3px 5px;
+}
+#newBoardBtn:hover {
+    background-color: var(--hover-purple);
+    transition: background 200ms, color 200ms;
+    color: rgba(255, 255, 255, 0.5);
+}
 #boardMenBtnCont {
     height: 100%;
     display: flex;
@@ -154,11 +182,11 @@
 }
 
 #boardCreateMenBtns {
-    height: 44px;
+    height: 38px;
     width: 100%;
     display: flex;
     flex-direction: row;
-    justify-content: space-between;
+    justify-content: flex-end;
     box-sizing: border-box;
     padding-left: 1.5rem;
     padding-right: 1.5rem;
@@ -167,30 +195,29 @@
 .boardCreateMenBtn {
     width: 96px;
     height: 100%;
-    border-radius: 10px;
+    border-radius: 5px;
     border: none;
     font-family: 'Inconsolata', monospace;
     font-size: 16px;
-    font-weight: bold;
-    box-shadow: rgba(0, 0, 0, 0.5) 5px 5px 5px;
+    color: white;
+    background: none;
 }
 
 .boardCreateMenBtn[datatype="create"] {
-    background-color: rgb(70, 255, 70);
-}
-
-.boardCreateMenBtn[datatype="cancel"] {
-    background-color: rgb(255, 70, 70);
+    background-color: var(--base-purple);
+    box-shadow: rgba(0, 0, 0, 0.5) 5px 5px 5px;
 }
 
 .boardCreateMenBtn[datatype="create"]:hover {
-    background-color: rgb(41, 159, 41);
+    background-color: var(--hover-purple);
+    color: rgba(255, 255, 255, 0.5);
+    transition: background 200ms, color 200ms;
+    text-decoration: none;
 }
 
-.boardCreateMenBtn[datatype="cancel"]:hover {
-    background-color: rgb(164, 45, 45);
+.boardCreateMenBtn:hover {
+    text-decoration: underline 1px;
 }
-
 #homeContextOverlay {
     position: fixed;
     width: 100vw;
@@ -238,4 +265,4 @@
 .npmBtn[datatype="delete"]:hover {
     color: white;
     background-color: rgba(255, 54, 54, 0.75);
-}
\ No newline at end of file
+}
diff --git a/src/utils/Note.ts b/src/utils/Note.ts
index b47dc79..d4bc126 100644
--- a/src/utils/Note.ts
+++ b/src/utils/Note.ts
@@ -23,7 +23,7 @@ export default class Note {
         const colorIndex = ['yellow', 'aqua', 'pink', 'green'].indexOf(this.color)
 
         const data = `${title64}:|:${colorIndex}:|:${cont64}`
-        fs.writeFileSync(`${this.parentPath}/${this.id}`, data, 'utf-8')
+        fs.writeFileSync(`${this.parentPath}/${this.id}.ns`, data, 'utf-8')
     }
     constructor(parentPath: string, id: string) {
         this.parentPath = parentPath
diff --git a/src/utils/router.ts b/src/utils/router.ts
index b4056bd..e666153 100644
--- a/src/utils/router.ts
+++ b/src/utils/router.ts
@@ -4,7 +4,7 @@ import EditorPage from '@/routes/EditorPage/EditorPage.vue'
 
 const routes: Array<RouteRecordRaw> = [
     { path: '/', name: 'Home', component: HomePage },
-    { path: '/edit/:id', name: 'Editor', component: EditorPage }
+    { path: '/edit/:board/:id', name: 'Editor', component: EditorPage }
 ]
 
 const router = createRouter({