1+ <!DOCTYPE html>
2+ < html lang ="en ">
3+ < head >
4+ < meta charset ="UTF-8 " />
5+ < title > JabMap</ title >
6+ < style >
7+ html , body {
8+ height : 100% ;
9+ margin : 0 ;
10+ }
11+
12+ body {
13+ display : flex;
14+ flex-direction : column;
15+ }
16+
17+ nav .navbar {
18+ flex-shrink : 0 ;
19+ }
20+
21+ # jsmind_container {
22+ flex-grow : 1 ;
23+ overflow : auto;
24+ }
25+ </ style >
26+ < script type ="module " crossorigin src ="./assets/index-DZ0Gqmz-.js "> </ script >
27+ < link rel ="stylesheet " crossorigin href ="./assets/index-ypVMgytT.css ">
28+ </ head >
29+ < body >
30+ <!--Navbar with Buttons-->
31+ < nav class ="navbar bg-body-tertiary position-relative ">
32+ < div class ="container-fluid ">
33+
34+ < div >
35+ <!--Jabmap-->
36+ < a class ="navbar-brand " href ="# "> JabMap</ a >
37+
38+ <!--Save and Load Buttons-->
39+ < button id = "saveBtn " class ="btn btn-light me-2 " type ="button " data-bs-toggle ="tooltip " title ="Save ">
40+ < i class ="bi bi-save "> </ i > Save
41+ </ button >
42+ < button id = "openBtn " class ="btn btn-light me-2 " type ="button " data-bs-toggle ="tooltip " title ="Open ">
43+ < i class ="bi bi-folder2-open "> </ i > Open
44+ </ button >
45+ </ div >
46+
47+ <!--Editor buttons-->
48+ < div class ="position-absolute top-50 start-50 translate-middle d-flex justify-content-center ">
49+ <!--Button class explanation: class = "btn colortheme margin to the right (me-2)"-->
50+ <!--undo Button-->
51+ < button id = "undoBtn " class ="btn btn-secondary me-2 " type ="button " data-bs-toggle ="tooltip " title ="Undo ">
52+ < i class ="bi bi-arrow-counterclockwise "> </ i >
53+ </ button >
54+ <!--redo Button-->
55+ < button id = "redoBtn " class ="btn btn-secondary me-2 " type ="button " data-bs-toggle ="tooltip " title ="Redo ">
56+ < i class ="bi bi-arrow-clockwise "> </ i >
57+ </ button >
58+ <!--new topic (sibling node) Button-->
59+ < button id = "newSiblingBtn " class ="btn btn-secondary me-2 " type ="button " data-bs-toggle ="tooltip " title ="New sibling node ">
60+ < i class ="bi bi-node-plus-fill "> </ i >
61+ </ button >
62+ <!--new subtopic (child node) button (Icon rotated 90 degrees)-->
63+ < button id = "newChildBtn " class ="btn btn-secondary me-2 " type ="button " data-bs-toggle ="tooltip " title ="New child node ">
64+ < i class ="bi bi-diagram-2-fill " style ="transform: rotate(-90deg); display: inline-block; "> </ i >
65+ </ button >
66+ <!--tags button-->
67+ < button id = "tagsBtn " class ="btn btn-secondary " type ="button " data-bs-toggle ="tooltip " title ="Tags ">
68+ < i class ="bi bi-tags "> </ i >
69+ </ button >
70+ </ div >
71+ </ div >
72+ </ nav >
73+ < div id ="jsmind_container " style ="width:100%;height:100vh;background:#f4f4f4; "> </ div >
74+ </ body >
75+ </ html >
0 commit comments