index_demo_data.js

let demo_data={"title":"GUIDE DEMO","components":{"DB-line0":{"text":"Learn about profiles","gap":"1","thickness":"2","indicator":1,"text_color":"#000000","line_color":"#ff0000"},"DB-line1":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line2":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line3":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line4":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line5":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line6":{"text":"","gap":"1","thickness":"2","indicator":1,"text_color":"#000000","line_color":"#ff0000"},"DB-line7":{"text":"","gap":"1","thickness":"2","indicator":1,"text_color":"#000000","line_color":"#ff0000"},"DB-line8":{"text":"","gap":"1","thickness":"2","indicator":1,"text_color":"#000000","line_color":"#ff0000"},"DB-line9":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line10":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line11":{"text":"","gap":"1","thickness":"2","indicator":1,"text_color":"#000000","line_color":"#ff0000"},"DB-line12":{"text":"","gap":"1","thickness":"2","indicator":1,"text_color":"#000000","line_color":"#ff0000"},"DB-line13":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line14":{"text":"","gap":"1","thickness":"2","indicator":1,"text_color":"#000000","line_color":"#ff0000"},"DB-line15":{"text":"","gap":"1","thickness":"2","indicator":1,"text_color":"#000000","line_color":"#ff0000"},"DB-line16":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line17":{"text":"Learn about lines","gap":"1","thickness":"2","indicator":1,"text_color":"#000000","line_color":"#ff0000"},"DB-line18":{"text":"Learn about pins","gap":"1","thickness":"2","indicator":1,"text_color":"#000000","line_color":"#ff0000"},"DB-line19":{"text":"Thumbnail","gap":"1","thickness":"2","indicator":2,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line20":{"text":"Learn about notes","gap":"1","thickness":"2","indicator":1,"text_color":"#000000","line_color":"#ff0000"},"DB-line21":{"text":"Learn about frames","gap":"1","thickness":"2","indicator":1,"text_color":"#000000","line_color":"#ff0000"},"DB-line22":{"text":"","gap":"1","thickness":"2","indicator":1,"text_color":"#000000","line_color":"#ff0000"},"DB-line23":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line24":{"text":"","gap":"1","thickness":"2","indicator":1,"text_color":"#000000","line_color":"#ff0000"},"DB-line25":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line26":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line27":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line28":{"text":"","gap":"1","thickness":"2","indicator":1,"text_color":"#000000","line_color":"#ff0000"},"DB-line29":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line30":{"text":"","gap":"1","thickness":"2","indicator":1,"text_color":"#000000","line_color":"#ff0000"},"DB-line31":{"text":"","gap":"1","thickness":"2","indicator":1,"text_color":"#000000","line_color":"#ff0000"},"DB-line32":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line33":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line34":{"text":"","gap":"1","thickness":"2","indicator":1,"text_color":"#000000","line_color":"#ff0000"},"DB-line35":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line36":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line37":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line38":{"text":"","gap":"1","thickness":"2","indicator":1,"text_color":"#000000","line_color":"#ff0000"},"DB-line39":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line40":{"text":"","gap":"1","thickness":"2","indicator":1,"text_color":"#000000","line_color":"#ff0000"},"DB-line41":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line42":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line43":{"text":"","gap":"1","thickness":"2","indicator":1,"text_color":"#000000","line_color":"#ff0000"},"DB-line44":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line45":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line46":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line47":{"text":"Let's dive a little deeper shall we?","gap":"2","thickness":"2","indicator":1,"text_color":"#6b6b6b","line_color":"#ff0000"},"DB-line48":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line49":{"text":"","gap":"2","thickness":"2","indicator":1,"text_color":"#6b6b6b","line_color":"#ff0000"},"DB-line50":{"text":"","gap":"2","thickness":"2","indicator":1,"text_color":"#6b6b6b","line_color":"#ff0000"},"DB-line51":{"text":"","gap":"2","thickness":"2","indicator":1,"text_color":"#6b6b6b","line_color":"#ff0000"},"DB-line52":{"text":"","gap":"2","thickness":"2","indicator":1,"text_color":"#6b6b6b","line_color":"#ff0000"},"DB-line53":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line54":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line55":{"text":"This is a default line","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line56":{"text":"Needle","gap":"1","thickness":"2","indicator":1,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line57":{"text":"Location","gap":"1","thickness":"2","indicator":1,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line58":{"text":"You can add text to lines","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line59":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#ff0000"},"DB-line60":{"text":"Lines can't connect to frames","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line61":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#ff0000"},"DB-line62":{"text":"and add color to that text","gap":"1","thickness":"2","indicator":0,"text_color":"#d2ccff","line_color":"#6b6b6b"},"DB-line63":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#ff0000"},"DB-line64":{"text":"You can add arrows to lines","gap":"1","thickness":"2","indicator":2,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line65":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#ff0000"},"DB-line66":{"text":"and reverse arrows too","gap":"1","thickness":"2","indicator":1,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line67":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#ff0000"},"DB-line68":{"text":"you can also","gap":"1","thickness":"3","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line69":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#ff0000"},"DB-line70":{"text":"change the thickness","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line71":{"text":"of lines","gap":"1","thickness":"1","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line72":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#ff0000"},"DB-line73":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#ff0000"},"DB-line74":{"text":"You can also vary","gap":"2","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line75":{"text":"the line gap","gap":"3","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line76":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#ff0000"},"DB-line77":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#ff0000"},"DB-line78":{"text":"you can also add colors to lines","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#ffffff"},"DB-line79":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#ff0000"},"DB-line80":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#99e7fe"},"DB-line81":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#ff0000"},"DB-line82":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#bfffa8"},"DB-line83":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#ff0000"},"DB-line84":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#fcff61"},"DB-line85":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#ff0000"},"DB-line86":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#ffb887"},"DB-line87":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#ff0000"},"DB-line88":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#f9a8ff"},"DB-line89":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#ff0000"},"DB-line90":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#b000b5"},"DB-line91":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#ff0000"},"DB-line92":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#6b6b6b"},"DB-line93":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#ff0000"},"DB-line94":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#000000"},"DB-line95":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#ff0000"},"DB-line96":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#ff0000"},"DB-line97":{"text":"","gap":"1","thickness":"2","indicator":0,"text_color":"#000000","line_color":"#ff0000"},"DB-profile0":{"to":{"DB-note0":"DB-line0","DB-note1":null},"name":"This is a default profile","info":"","images":[],"mode":"textmode","frame":null,"meta":{"height":"416px","boxShadow":"rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px","backgroundColor":"rgb(255, 255, 255)","color":"rgb(54, 54, 54)","width":"320px","left":"-2606.91px","top":"3162px"}},"DB-profile1":{"to":{"DB-note2":"DB-line1"},"name":"Colored text","info":"","images":[],"mode":"textmode","frame":null,"meta":{"height":"296px","boxShadow":"rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px","backgroundColor":"rgb(156, 255, 102)","color":"rgb(176, 0, 181)","width":"344px","left":"-3546.96px","top":"1631.53px"}},"DB-profile2":{"to":{"DB-note2":"DB-line2"},"name":"50% opacity","info":"","images":[],"mode":"textmode","frame":null,"meta":{"height":"312px","boxShadow":"rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px","backgroundColor":"rgba(43, 246, 255, 0.514)","color":"rgb(0, 0, 0)","width":"345px","left":"-4105.74px","top":"2449.04px"}},"DB-profile3":{"to":{"DB-note3":"DB-line3"},"name":"\"Elementary, My Dear User!\"\n\nClick on my picture to investigate further","info":"Pressing on the top left \"T\" will set it into code mode, similar to note\n\n\n<div id=\"cool_sample\"></div><br><br>\n\n\nTo add Images, Press on + \nTo remove/replace Images, Press on -","images":["Images/UnknownHolmes.png"],"mode":"textmode","frame":null,"meta":{"height":"806px","boxShadow":"rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px","backgroundColor":"rgb(255, 255, 255)","color":"rgb(0, 0, 0)","width":"666px","left":"-4451.18px","top":"3192.85px"}},"DB-profile4":{"to":{"DB-note2":"DB-line4","DB-profile5":null},"name":"Shadow","info":"","images":[],"mode":"textmode","frame":null,"meta":{"height":"277px","boxShadow":"rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px","backgroundColor":"rgb(252, 255, 97)","color":"rgb(54, 54, 54)","width":"320px","left":"-4175.06px","top":"1467.47px"}},"DB-profile5":{"to":{"DB-profile4":"DB-line5"},"name":"No Shadow","info":"","images":[],"mode":"textmode","frame":null,"meta":{"height":"299px","boxShadow":"none","backgroundColor":"rgb(252, 255, 97)","color":"rgb(0, 0, 0)","width":"320px","left":"-4447.37px","top":"1813px"}},"DB-profile6":{"to":{"DB-note4":null,"DB-pin0":null,"DB-note5":"DB-line6"},"name":"The outline around items denotes that the items are bounded\n\nThe color of the outline determines which frame they are bound to","info":"","images":[],"mode":"textmode","frame":"DB-frame0","meta":{"height":"545px","boxShadow":"rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px","backgroundColor":"rgb(255, 255, 255)","color":"rgb(54, 54, 54)","width":"342px","left":"-432.438px","top":"7924.94px"}},"DB-note0":{"to":{"DB-note6":"DB-line7","DB-note7":null,"DB-note8":null,"DB-profile0":null,"DB-note9":null,"DB-note10":null},"info":"<u>How do I add Stuff?</u>\n\n<br><br>\n\nAt the bottom right there are 4 buttons-\n\n<br><br>\n\nClick \"<div style=\"background-color:rgb(80 80 80);width:1.5rem;height:1.5rem;display:inline-block;border-radius:0.2rem;transform:translate(0,10%);margin:0 0.2rem\">\n<div class=\"DB-pin_icon\" style=\"\n color:white;\n position:relative;\n top:0;\n left:0;\n transform:translate(-20%,-20%) scale(0.4)\n\"></div>\n</div>\" to add a pin\n\n<br><br>\n\nClick \"<div style=\"background-color:rgb(80 80 80);width:1.5rem;height:1.5rem;display:inline-block;border-radius:0.2rem;transform:translate(0,10%);margin:0 0.2rem\">\n<div class=\"DB-note_icon\" style=\"\n color:white;\n position:relative;\n top:0;\n left:0;\n transform:translate(-10%,-8%) scale(0.4)\n\"></div>\n</div>\" to add a note\n\n<br><br>\n\nClick \"<div style=\"background-color:rgb(80 80 80);width:1.5rem;height:1.5rem;display:inline-block;border-radius:0.2rem;transform:translate(0,10%);margin:0 0.2rem\">\n<div class=\"DB-profile_icon\" style=\"\n color:white;\n position:relative;\n top:0;\n left:0;\n transform:translate(-10%,-8%) scale(0.4)\n\"></div>\n</div>\" to add a profile\n<br><br>\n\nClick \"<div style=\"background-color:rgb(80 80 80);width:1.5rem;height:1.5rem;display:inline-block;border-radius:0.2rem;transform:translate(0,10%);margin:0 0.2rem\">\n<div class=\"DB-frame_icon\" style=\"\n color:white;\n position:relative;\n top:0;\n left:0;\n transform:translate(-10%,-8%) scale(0.4)\n\"></div>\n</div>\" to add a frame\n\n<br><br>\n<br><br>\n\n<center style=\"color:red\">Keep following the red lines to see \nwhat each of them can do!</center>","backcolor":"#ffffff","align":3,"frame":null,"meta":{"height":"386px","width":"447px","left":"-233.688px","top":"3179px"}},"DB-note1":{"to":{"DB-profile0":"DB-line8","DB-note2":null,"DB-note11":"DB-line9","DB-note12":"DB-line10"},"info":"<u>How do I change the text of a profile?</u>\n\n<br><br>\n\nClicking on the \"<div class=\"DB-pencil_icon force_visible\" style=\"\ndisplay: inline-block;\nposition: relative;\ntop: auto;\ntransform: translate(0,-10%) scale(0.8);\nleft: auto;\nheight: 1rem;\nwidth: 1rem;\"></div>\" will \nset the profile to editing & will reveal\nthe text editor\nwhere you can type whatever you desire!","backcolor":"#ffffff","align":3,"frame":null,"meta":{"height":"176px","width":"398px","left":"-2648.37px","top":"2165px"}},"DB-note2":{"to":{"DB-profile1":null,"DB-profile2":null,"DB-note1":"DB-line11","DB-note3":null,"DB-profile4":null},"info":"<u>How do I change the background color of a profile?</u>\n\n<br><br>\n\nIn editing, Profiles will reveal a \"<div class=\"DB-submenu\" style=\"\ndisplay: inline-block;\nposition: relative;\ntop: auto;\ntransform: translate(0,0) scale(0.9);\nleft: auto;\npointer-events:none;\nheight: 1rem;\nwidth:1rem\"></div>\" Sub-menu in the top-left corner.\n\n<br><br>\n\nClicking on it will popup a customization menu where you\ncan edit the following:<br><br>\n\n1. Shadow<br>\n2. Background Color<br>\n3. Text Color<br>\n4. Opacity","backcolor":"#ffffff","align":3,"frame":null,"meta":{"height":"323px","width":"525px","left":"-3632px","top":"2096.61px"}},"DB-note3":{"to":{"DB-note2":"DB-line12","DB-profile3":null},"info":"<u>How do I modify a profile?</u>\n\n<br><br>\n\nClicking on the profile image reveals a \n\"Case File\" popup,<br><br>\n\nHere you can add/remove multiple images \n& write a description in the text editor \nwhich (similar to Notes) has a Text mode (<span style=\"font-family: Georgia;\">T</span>) & Code mode (&#60;/&#62;).","backcolor":"#ffffff","align":3,"frame":null,"meta":{"height":"265px","width":"485px","left":"-3611.31px","top":"3048px"}},"DB-note4":{"to":{"DB-profile6":"DB-line13"},"info":"You can also place bound items outside frames\n","backcolor":"#ffffff","align":1,"frame":"DB-frame0","meta":{"height":"163px","width":"271px","left":"-1205.3px","top":"8792.52px"}},"DB-note5":{"to":{"DB-note13":"DB-line14","DB-profile6":null},"info":"<u>How do I move items along with frame?</u>\n\n<br><br>\n\nTo make an item bound to a frame, Alt+Click \non the move button to drag & drop the item\ninto the desired frame\n<br><br>\n(frames will be highlighted when hovered upon)\n\n<br><br>\n\nTo make an item unbound from a frame, \nCtrl+Alt+Click on the move button\n\n<br><br>\n\nTo move the frame without moving bound items,\nShift+Click & Drag the frame\n\n","backcolor":"#ffffff","align":3,"frame":null,"meta":{"height":"312px","width":"405px","left":"-2118.09px","top":"6733.09px"}},"DB-note6":{"to":{"DB-note14":"DB-line15","DB-note15":null,"DB-note16":"DB-line16","DB-note0":null,"DB-note17":null},"info":"<u>How does the lock work?</u>\n\n\n<br><br>\n\nThe lock has 3 modes & you can click on the lock to toggle between them-\n\n<br><br>\n\n<ol>\n  <li><div class=\"DB-lock_icon hard_unlocked\" style=\"\ndisplay: inline-block;\nposition: relative;\ntop: auto;\ntransform: translate(0,-50%) scale(60%);\nright: auto;\nmargin-right:0.5rem;\nheight: 1rem;\nwidth: 1rem;\n\"></div><span style=\"color:black\">Unlocked:</span>\n<br>\n   <div style=\"margin:0.5rem 0\">Everything is unlocked, you can interact & edit with everything</div>\n  </li>\n\n  <br>\n\n  <li><div class=\"DB-lock_icon hard_locked\" style=\"\ndisplay: inline-block;\nposition: relative;\ntop: auto;\ntransform: translate(0,-50%) scale(60%);\nright: auto;\nmargin-right:0.5rem;\nheight: 1rem;\nwidth: 1rem;\n\"></div><span style=\"color:black\">Locked:</span>\n<br>\n      <div style=\"margin:0.5rem 0\">Everything is locked but you can still see <a>profile</a> details</div>\n  </li>\n\n  <br>\n\n  <li><div class=\"DB-lock_icon hard_super_locked\" style=\"\ndisplay: inline-block;\nposition: relative;\nbackground-color: #afafaf !important;\nborder-radius:50%;\ntop: auto;\nright: auto;\ntransform: translate(0,-50%) scale(60%);\nmargin: -2.5rem -0.4rem -2.5rem -1rem;\nheight: 3rem;\nwidth: 3rem;\n\"></div><span style=\"color:black\">Super Locked:</span><br>\n      <div style=\"margin:0.5rem 0\">Everything is locked, use it to safely navigate without having to \n      fear of accidentally editing anything</div>\n  </li>\n</ol>","backcolor":"#ffffff","align":3,"frame":"DB-frame1","meta":{"height":"368px","width":"688px","left":"-351.592px","top":"585px"}},"DB-note7":{"to":{"DB-note0":"DB-line17","DB-note18":null,"DB-pin1":null,"DB-note19":null},"info":"<u>How to add Lines between 2 profiles?</u>\n\n<br><br>\n\nAll Profiles, Notes & Pins have \"<div class=\"DB-join_btn force_visible\" style=\"\ndisplay: inline-block;\nposition: relative;\ntop: auto;\ntransform: translate(0,10%);\nleft: auto;\nmargin:0 0.2rem;\nheight: 1rem;\nwidth: 1rem;\"></div>\" Join buttons<br>\nat the bottom left corner.\n\n<br><br>\nYou can click to activiate it \"<div class=\"DB-join_btn force_visible\" style=\"\ndisplay: inline-block;\nposition: relative;\ntop: auto;\ntransform: translate(0,25%);\nleft: auto;\nmargin:0 0.3rem;\nheight: 1rem;\ncolor: var(--uni_hover_color);\nborder: solid 0.2rem black;\nborder-radius: 0.3rem;\npadding:0.3rem;\nwidth: 1rem;\"></div>\"\n & click again to deactivate.\n\n<br><br>\n\nIf a Join button is already active and \nyou click on another Join button then \nit will add/remove a line between them.","backcolor":"#ffffff","align":3,"frame":"DB-frame2","meta":{"height":"317px","width":"463px","left":"2222.75px","top":"5009.73px"}},"DB-note8":{"to":{"DB-note0":"DB-line18","DB-pin2":null,"DB-pin3":null,"DB-pin4":"DB-line19","DB-note20":null},"info":"<u>Types of pins?</u>\n\n<br><br>\nThere are 3 types of pins:\n\n<br><br>\n\n1. Thumbnail<br>\n2. Needle<br>\n3. Location\n\n<br><br>\n\nClick on the \"<div class=\"DB-pin_type\" style=\"\ndisplay:inline-block;\nposition:relative;\ntop:0;\nright:0;\nbox-shadow:none;\ntransform: translate(0,10%);\nmargin:0 0.2rem\n\"></div>\" Icon to toggle between them","backcolor":"#ffffff","align":3,"frame":"DB-frame3","meta":{"height":"259px","width":"276px","left":"2158.96px","top":"1157.22px"}},"DB-note9":{"to":{"DB-note0":"DB-line20","DB-note21":null},"info":"This is a default note","backcolor":"#ffffff","align":1,"frame":"DB-frame4","meta":{"height":"216px","width":"245px","left":"2179.3px","top":"3261.84px"}},"DB-note10":{"to":{"DB-note0":"DB-line21","DB-note22":null,"DB-note23":null},"info":"<u>How do I change the background color of a frame?</u>\n\n<br><br>\n\nIn editing, frames will reveal a \"<div class=\"DB-submenu\" style=\"\ndisplay: inline-block;\nposition: relative;\ntop: auto;\ntransform: translate(0,0) scale(0.9);\nleft: auto;\npointer-events:none;\nheight: 1rem;\nwidth:1rem\"></div>\" Sub-menu in the top-left corner.\n\n<br><br>\n\nClicking on it will popup a customization menu where you\ncan change the following:<br><br>\n\n1. text color<br>\n2. frame color<br>\n3. fill color<br>\n4. opacity<br>\n5. background image<br>\n6. background repeat<br>\n7. background repeat width (in pixels)<br>","backcolor":"#ffffff","align":3,"frame":null,"meta":{"height":"361px","width":"579px","left":"-284.695px","top":"5374.7px"}},"DB-note11":{"to":{"DB-note1":null},"info":"Tip\n\nWhen in editing,\nYou can also drag the bottom right corner to resize the note","backcolor":"#ffffff","align":1,"frame":null,"meta":{"height":"210px","width":"223px","left":"-2117.28px","top":"1952.14px"}},"DB-note12":{"to":{"DB-note1":null},"info":"Tip!\n\nPress Shift+Enter to change line while typing.","backcolor":"#ffffff","align":1,"frame":null,"meta":{"height":"190px","width":"221px","left":"-2560.47px","top":"1840px"}},"DB-note13":{"to":{"DB-note23":"DB-line22","DB-note24":"DB-line23","DB-note25":null,"DB-note5":null},"info":"<u>How do I add a custom background image?</u>\n\n<br><br>\n\nWhen in customization menu popup, you can paste the desired link\n","backcolor":"#ffffff","align":3,"frame":null,"meta":{"height":"195px","width":"333px","left":"-2086px","top":"5998.6px"}},"DB-note14":{"to":{"DB-note26":"DB-line24","DB-note6":null},"info":"<u>Getting Started</u>\n<br>\nTo get started, At the top right click on the \"<div class=\"DB-lock_icon\" style=\"\ndisplay: inline-block;\nposition: relative;\ntop: auto;\ntransform: translate(0,35%) scale(60%);\nright: auto;\nmargin:0 -0.5rem;\nheight: 3rem;\nwidth: 3rem;\"></div>\" lock icon once\n\n<br><br>\n\nThis will put you in unlocked mode & allow you to interact & edit the board","backcolor":"#ffffff","align":3,"frame":"DB-frame1","meta":{"height":"203px","width":"685px","left":"-347.592px","top":"230px"}},"DB-note15":{"to":{"DB-note6":"DB-line25","DB-note27":null},"info":"<u>How do I Navigate to the center?</u>\n\n<br><br>\n\nClick \"<div class=\"eg_origin\"></div>\" to move back to the origin.\n\n<br><br>\n\nClick \n\"<div style=\"background-color:rgb(80 80 80);width:min-content;height:min-content;display:inline-block;border-radius:0.2rem;transform:translate(0,10%);margin:0 0.2rem\">\n <div class=\"DB-active_icon\" style=\"\n color:white;\n position:relative;\n top:0;\n left:0;\n transform:translate(0,0) scale(0.5)\"></div>\n</div>\" to move to the currently active join button.\n\n<br><br>\n\n( More about join buttons in \"All about lines\" )\n\n","backcolor":"#ffffff","align":3,"frame":"DB-frame1","meta":{"height":"257px","width":"492px","left":"-1059.56px","top":"648.484px"}},"DB-note16":{"to":{"DB-note6":null,"DB-note28":"DB-line26","DB-note29":null},"info":"<u>How to find any particular thing in this mess?</u>\n\n<br><br>\n\nAt the top right corner of the page is the Catalogue menu \"<div class=\"DB-hamburger\" onclick=\"toggle_ham(event)\" style=\"\n display:inline-block;\n position:relative;\n right: 0;\n top: 0;\n transform: translate(0,35%) scale(0.6);\n margin:-2rem -0.5rem 0 -0.5rem;\n\n\">\n <div class=\"DB-hamline\"></div>\n</div>\"\n\n<br><br>\n\nClicking on it will show you a list of every item,\n\n<br><br>\n \nClicking on the item icon will locate & move\nto the profile location.\n\n<br><br>\n \nClicking on top white icons will filter what profiles\nyou see in the Catalogue.","backcolor":"#ffffff","align":3,"frame":"DB-frame1","meta":{"height":"283px","width":"588px","left":"504.077px","top":"625.769px"}},"DB-note17":{"to":{"DB-note6":"DB-line27"},"info":"<u>How do I move items?</u>\n\n<br><br>\n\nClick on the \"≡\" move button and drag<br>\nthis will change the position of the item\nwhich is being dragged\n\n<br><br>\n\n(Not to be confused with the catalogue menu)","backcolor":"#ffffff","align":3,"frame":"DB-frame1","meta":{"height":"224px","width":"387px","left":"-937.106px","top":"1075.09px"}},"DB-note18":{"to":{"DB-note7":"DB-line28","DB-pin5":null},"info":"<u>How to customize Lines?</u>\n\n<br><br>\n\nWhen one Join button is active, hold select another Join button, that \nwill popup the line customization menu.\n\n<br><br>\n\nWithin it you can customize the following properties\nof a line:\n\n<br><br>\n\n1. Text<br>\n2. Text Color<br>\n3. Line Color<br>\n4. Line Thickness<br>\n5. Line Gap<br>\n6. Line pointing arrow<br>","backcolor":"#ffffff","align":3,"frame":"DB-frame2","meta":{"height":"366px","width":"391px","left":"3079.9px","top":"5564.83px"}},"DB-note19":{"to":{"DB-note7":"DB-line29"},"info":"Hint\n\nIncase having to deselect the join button after making every line gets annoying,\n\nYou can change when to auto deselect active join button\nin the settings","backcolor":"#ffffff","align":1,"frame":"DB-frame2","meta":{"height":"238px","width":"299px","left":"2307.9px","top":"5608.78px"}},"DB-note20":{"to":{"DB-note8":"DB-line30","DB-note30":null},"info":"<u>How do I move a pin?</u>\n\n<br><br>\n\nSimply click & drag the pin","backcolor":"#ffffff","align":3,"frame":"DB-frame3","meta":{"height":"154px","width":"288px","left":"2148.72px","top":"515.577px"}},"DB-note21":{"to":{"DB-note9":"DB-line31","DB-note31":null,"DB-note32":"DB-line32","DB-note33":null},"info":"<u>How to type inside a note?</u>\n\n<br><br>\n\nClicking on the \"<div class=\"DB-pencil_icon force_visible\" style=\"\ndisplay: inline-block;\nposition: relative;\ntop: auto;\ntransform: translate(0,-10%) scale(0.8);\nleft: auto;\nheight: 1rem;\nwidth: 1rem;\"></div>\" will \nset the note to editing & will reveal\nthe text editor\nwhere you can type to your heart's content!","backcolor":"#ffffff","align":3,"frame":"DB-frame4","meta":{"height":"219px","width":"431px","left":"2086.9px","top":"2634.76px"}},"DB-note22":{"to":{"DB-note10":"DB-line33"},"info":"Tip!\n\nIn the Sub-menu popup,\nclick on the frame to toggle between \nborder mode & fill mode","backcolor":"#ffffff","align":1,"frame":null,"meta":{"height":"207px","width":"238px","left":"753px","top":"5450.2px"}},"DB-note23":{"to":{"DB-note10":"DB-line34","DB-note13":null},"info":"Filled frames can even overlap like venn diagrams","backcolor":"#ffffff","align":1,"frame":null,"meta":{"height":"150px","width":"218px","left":"-906.979px","top":"6023.94px"}},"DB-note24":{"to":{"DB-note13":null},"info":"Or perhaps create a map\nand put that location pin to good use","backcolor":"#ffffff","align":1,"frame":null,"meta":{"height":"156px","width":"258px","left":"-2651.65px","top":"5671.11px"}},"DB-note25":{"to":{"DB-note13":"DB-line35"},"info":"You could use it to create a repeating background like this","backcolor":"#ffffff","align":1,"frame":null,"meta":{"height":"151px","width":"286px","left":"-3370.82px","top":"6769.35px"}},"DB-note26":{"to":{"DB-note14":null},"info":"<center>\nHello User!\n\n<br>\n<br>\n\nI see you want to learn about the Virtual Bulletin Board\n\n<br>\n<br>\n\n<span style=\"color:red\">Well then just follow the red lines!</span>\n</center>","backcolor":"#ffffff","align":3,"frame":"DB-frame1","meta":{"height":"220px","width":"295px","left":"-152.326px","top":"-74.86px"}},"DB-note27":{"to":{"DB-note15":"DB-line36"},"info":"Tip\n\nYou can change the \norigin location\nin settings","backcolor":"#ffffff","align":1,"frame":"DB-frame1","meta":{"height":"205px","width":"272px","left":"-954.59px","top":"318.403px"}},"DB-note28":{"to":{"DB-note34":null,"DB-note16":null},"info":"Tip!\n\nShift + Click\nto move profile to the front \n\nCtrl + Click\nto move profile to the back","backcolor":"#ffffff","align":1,"frame":"DB-frame1","meta":{"height":"240px","width":"272px","left":"662.871px","top":"951.608px"}},"DB-note29":{"to":{"DB-note16":"DB-line37"},"info":"Exercise!\n\nThere is a Rogue Note on the loose, track it down from the Catalogue menu and delete it!","backcolor":"#ffffff","align":1,"frame":"DB-frame1","meta":{"height":"202px","width":"276px","left":"664.604px","top":"79px"}},"DB-note30":{"to":{"DB-note20":"DB-line38"},"info":"<u>How do I remove a pin?</u>\n<br><br>\n\nClick on the pin, then on \"<div class=\"DB-pin_delete\" style=\"\ndisplay:inline-flex;\nposition:relative;\ntop:0;\nleft:0;\nbox-shadow:none;\nfont-weight: normal;\ntransform: translate(0,20%);\nmargin:0 0.2rem\n\"></div>\"\n\n<br><br>\n\nThis will ask for confirmation before permanently removing the pin.","backcolor":"#ffffff","align":3,"frame":"DB-frame3","meta":{"height":"200px","width":"357px","left":"2951.89px","top":"494.749px"}},"DB-note31":{"to":{"DB-note21":"DB-line39"},"info":"Tip!\n\nPress Shift+Enter to change line while typing.","backcolor":"#ffffff","align":1,"frame":"DB-frame4","meta":{"height":"175px","width":"273px","left":"2168.66px","top":"2328.69px"}},"DB-note32":{"to":{"DB-note21":null},"info":"Tip\n\nWhen in editing,\nYou can also drag the bottom right corner to resize the note","backcolor":"#ffffff","align":1,"frame":"DB-frame4","meta":{"height":"196px","width":"282px","left":"2618.71px","top":"2410.54px"}},"DB-note33":{"to":{"DB-note21":"DB-line40","DB-note35":"DB-line41","DB-note36":null},"info":"<u>How to change the background color of a note?</u>\n\n<br><br>\n\nIn editing, Notes will reveal a \"<div style=\"\ndisplay: inline-block;\nborder:gray solid 1px;\nheight: 1rem;\nposition:relative;\ntransform:translate(0,30%);\nmargin:0 0.3rem;\nwidth:1rem\"></div>\" Color picker in the top-left corner.\n\n<br><br>\n\nClicking on it will toggle between colors,<br>\nHolding it will allow you to select a custom color.","backcolor":"#ffffff","align":3,"frame":"DB-frame4","meta":{"height":"220px","width":"448px","left":"3265.4px","top":"2634.73px"}},"DB-note34":{"to":{"DB-note28":"DB-line42"},"info":"My content is getting blocked,\n\nShift + Click my \"≡\" to see hint below\n\nHint!\nIt also works for edit button & catalogue icons","backcolor":"#ffffff","align":1,"frame":"DB-frame1","meta":{"height":"240px","width":"272px","left":"329.484px","top":"1244.91px"}},"DB-note35":{"to":{"DB-note33":null},"info":"Wonderful!","backcolor":"#ffd600","align":1,"frame":"DB-frame4","meta":{"height":"240px","width":"272px","left":"3355.02px","top":"2211.77px"}},"DB-note36":{"to":{"DB-note33":"DB-line43","DB-note37":null,"DB-note38":null,"DB-note39":null,"DB-note40":null},"info":"<u/>How do I align text & write code in a note?</u>\n\n<br><br>\n\nIn edit, at the bottom center, There is a button which \ntoggles the note between 4 modes, Namely:\n\n<br>\n\n1.<div class=\"DB-note_text_align DB-align_center\" style=\"\ndisplay:inline-block;\nposition:relative;\ntransform:translate(-15%,35%)\"></div>Center\n<br> \n\n2. <div class=\"DB-note_text_align\" style=\"\ndisplay:inline-block;\nposition:relative;\npadding-right:0;\ntransform:translate(-25%,35%)\"></div>Left\n<br>\n\n3. <div class=\"DB-note_text_align DB-align_right\" style=\"\ndisplay:inline-block;\nposition:relative;\npadding-left:0;\ntransform:translate(-30%,35%)\"></div>Right\n<br>\n\n4. <div class=\"DB-note_text_align DB-align_html\" style=\"\ndisplay:inline-block;\nposition:relative;\npadding-left:0;\ntransform:translate(-30%,35%)\"></div>Code<br>","backcolor":"#ffffff","align":3,"frame":"DB-frame4","meta":{"height":"315px","width":"445px","left":"3273.36px","top":"3241.83px"}},"DB-note37":{"to":{"DB-note36":"DB-line44"},"info":"Text is center aligned!","backcolor":"#ffffff","align":1,"frame":"DB-frame4","meta":{"height":"120px","width":"427px","left":"2684.65px","top":"3169.69px"}},"DB-note38":{"to":{"DB-note36":"DB-line45"},"info":"Text is Left aligned!","backcolor":"#ffffff","align":1,"frame":"DB-frame4","meta":{"height":"120px","width":"426px","left":"2685.17px","top":"3341.27px"}},"DB-note39":{"to":{"DB-note36":"DB-line46"},"info":"Text is Right Aligned!","backcolor":"#ffffff","align":2,"frame":"DB-frame4","meta":{"height":"120px","width":"425px","left":"2685.53px","top":"3508.69px"}},"DB-note40":{"to":{"DB-note36":"DB-line47","DB-note41":null,"DB-note42":"DB-line48"},"info":"<u>Warning!</u>\n<br>\nCode mode is <span class=\"warning\">Extremely</span> powerful & is recommended that you learn Html, Css & (a little bit of) Javascript before using this mode.\n\n<br><br>\n\nThis mode directly inserts the code you type into the note itself!\n<br><br>\nThis means you have complete flexibility to add & integrate your own creations as well, Virutally anything is possible,  Sky is the limit!\n<br><br>\nHere's a sample:\n<br><br>\n\n\n<div id=\"cool_sample\"></div>","backcolor":"#ffffff","align":3,"frame":null,"meta":{"height":"376px","width":"480px","left":"6401px","top":"3216.75px"}},"DB-note41":{"to":{"DB-note40":"DB-line49","DB-note43":null,"DB-note44":null,"DB-note45":null,"DB-note46":null},"info":"You can even embed Stuff!","backcolor":"#ffffff","align":1,"frame":null,"meta":{"height":"120px","width":"270px","left":"7371.84px","top":"3345.06px"}},"DB-note42":{"to":{"DB-note40":null},"info":"In the settings, there is an option called 'Custom Css' where you can add your own styles.\n\n\nThat's where the style for this cool gradient is too!","backcolor":"#ffffff","align":1,"frame":null,"meta":{"height":"219px","width":"333px","left":"6915.85px","top":"2718.3px"}},"DB-note43":{"to":{"DB-note41":"DB-line50"},"info":"<iframe style=\"pointer-events:all\"src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d118788.11230605155!2d2.283113372174037!3d48.86066562615384!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e1f06e2b70f%3A0x40b82c3688c9460!2sParis%2C%20France!5e0!3m2!1sen!2sin!4v1661025023316!5m2!1sen!2sin\" width=\"500\" height=\"300\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"></iframe>","backcolor":"#ffffff","align":3,"frame":null,"meta":{"height":"407px","width":"576px","left":"8111.15px","top":"2532.36px"}},"DB-note44":{"to":{"DB-note41":"DB-line51"},"info":"<iframe style=\"pointer-events:all\" width=\"560\" height=\"315\" src=\"https://www.youtube-nocookie.com/embed/KIAZWfSmNOU\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>","backcolor":"#ffffff","align":3,"frame":null,"meta":{"height":"418px","width":"631px","left":"8250.02px","top":"3194px"}},"DB-note45":{"to":{"DB-note41":"DB-line52"},"info":"<iframe seamless=\"seamless\" allowtransparency=\"true\" allowfullscreen=\"true\" frameborder=\"0\" style=\"pointer-events:all;width: 100%;height: 100%;border: 0px;\" src=\"https://www.gamezop.com/g/NyM_JGWcx?id=zv1Y2I8P\"> </iframe>","backcolor":"#ffffff","align":3,"frame":null,"meta":{"height":"573px","width":"527px","left":"8118.92px","top":"3762.65px"}},"DB-note46":{"to":{"DB-note41":"DB-line53"},"info":"Hint!\n\nBe sure to add \n\nstyle=\"pointer-events:all\" \n\nto allow for interaction with the iframe element","backcolor":"#ffffff","align":1,"frame":null,"meta":{"height":"243px","width":"273px","left":"6971.77px","top":"3822.4px"}},"DB-note47":{"to":{},"info":"I'm blocking the view","backcolor":"#ffffff","align":1,"frame":"DB-frame1","meta":{"height":"120px","width":"272px","left":"424.208px","top":"1458.04px"}},"DB-note48":{"to":{},"info":"Rogue Note","backcolor":"#ffffff","align":1,"frame":null,"meta":{"height":"120px","width":"272px","left":"8882.55px","top":"12039px"}},"DB-note49":{"to":{},"info":"Colorful!","backcolor":"#00ffee","align":1,"frame":"DB-frame4","meta":{"height":"240px","width":"272px","left":"3128.77px","top":"2305.39px"}},"DB-note50":{"to":{},"info":"Delightful!","backcolor":"#9cff66","align":1,"frame":"DB-frame4","meta":{"height":"240px","width":"272px","left":"3661.46px","top":"2349.86px"}},"DB-note51":{"to":{},"info":"Hint!\n\nClicking on the lock icon\ndisables whichever join button is currently active","backcolor":"#ffffff","align":1,"frame":"DB-frame2","meta":{"height":"178px","width":"292px","left":"2550.16px","top":"4892.52px"}},"DB-pin0":{"to":{"DB-profile6":"DB-line54"},"type":"DB-pin_thumb","frame":"DB-frame5","meta":{"left":"543.316px","top":"8180.97px"}},"DB-pin1":{"to":{"DB-note7":"DB-line55","DB-pin6":null},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"3834.79px","top":"5155.56px"}},"DB-pin2":{"to":{"DB-note8":"DB-line56"},"type":"DB-pin_needle","frame":"DB-frame3","meta":{"left":"2852.91px","top":"1495.91px"}},"DB-pin3":{"to":{"DB-note8":"DB-line57"},"type":"DB-pin_location","frame":"DB-frame3","meta":{"left":"2849.03px","top":"1270.78px"}},"DB-pin4":{"to":{"DB-note8":null},"type":"DB-pin_thumb","frame":"DB-frame3","meta":{"left":"2839.17px","top":"1019px"}},"DB-pin5":{"to":{"DB-pin7":"DB-line58","DB-note18":"DB-line59","DB-pin8":null},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"3256.61px","top":"6468.63px"}},"DB-pin6":{"to":{"DB-pin1":"DB-line60"},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"3839.32px","top":"6154px"}},"DB-pin7":{"to":{"DB-pin5":null},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"4282.66px","top":"6468.74px"}},"DB-pin8":{"to":{"DB-pin9":null,"DB-pin5":"DB-line61","DB-pin10":null},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"3256.61px","top":"6595.15px"}},"DB-pin9":{"to":{"DB-pin8":"DB-line62"},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"4282.43px","top":"6595.84px"}},"DB-pin10":{"to":{"DB-pin11":null,"DB-pin8":"DB-line63","DB-pin12":null},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"3257.61px","top":"6717.15px"}},"DB-pin11":{"to":{"DB-pin10":"DB-line64"},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"2245.35px","top":"6713.65px"}},"DB-pin12":{"to":{"DB-pin13":null,"DB-pin10":"DB-line65","DB-pin14":null},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"3257.11px","top":"6832.8px"}},"DB-pin13":{"to":{"DB-pin12":"DB-line66"},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"2247.12px","top":"6830.15px"}},"DB-pin14":{"to":{"DB-pin15":null,"DB-pin12":"DB-line67","DB-pin16":null},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"3257.11px","top":"6940.13px"}},"DB-pin15":{"to":{"DB-pin14":"DB-line68"},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"4295.71px","top":"6942.74px"}},"DB-pin16":{"to":{"DB-pin17":null,"DB-pin14":"DB-line69","DB-pin18":null},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"3257.18px","top":"7058.13px"}},"DB-pin17":{"to":{"DB-pin16":"DB-line70"},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"4298.19px","top":"7058.42px"}},"DB-pin18":{"to":{"DB-pin19":"DB-line71","DB-pin16":"DB-line72","DB-pin20":null},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"3257.18px","top":"7167.13px"}},"DB-pin19":{"to":{"DB-pin18":null},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"4299.52px","top":"7166.74px"}},"DB-pin20":{"to":{"DB-pin21":null,"DB-pin18":"DB-line73","DB-pin22":null},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"3257.3px","top":"7278.92px"}},"DB-pin21":{"to":{"DB-pin20":"DB-line74"},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"2253.19px","top":"7277.13px"}},"DB-pin22":{"to":{"DB-pin23":"DB-line75","DB-pin20":"DB-line76","DB-pin24":null},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"3257.31px","top":"7395.13px"}},"DB-pin23":{"to":{"DB-pin22":null},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"2253.35px","top":"7395.74px"}},"DB-pin24":{"to":{"DB-pin25":null,"DB-pin22":"DB-line77","DB-pin26":null},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"3258.78px","top":"7499.13px"}},"DB-pin25":{"to":{"DB-pin24":"DB-line78"},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"4299.71px","top":"7501.13px"}},"DB-pin26":{"to":{"DB-pin27":null,"DB-pin28":null,"DB-pin24":"DB-line79"},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"3258.86px","top":"7595.74px"}},"DB-pin27":{"to":{"DB-pin26":"DB-line80"},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"4301.4px","top":"7595.74px"}},"DB-pin28":{"to":{"DB-pin29":null,"DB-pin26":"DB-line81","DB-pin30":null},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"3258.11px","top":"7684.34px"}},"DB-pin29":{"to":{"DB-pin28":"DB-line82"},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"4300.71px","top":"7686.74px"}},"DB-pin30":{"to":{"DB-pin31":null,"DB-pin28":"DB-line83","DB-pin32":null},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"3258.15px","top":"7782.13px"}},"DB-pin31":{"to":{"DB-pin30":"DB-line84"},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"4301px","top":"7784.13px"}},"DB-pin32":{"to":{"DB-pin33":null,"DB-pin30":"DB-line85","DB-pin34":null},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"3258.15px","top":"7877.15px"}},"DB-pin33":{"to":{"DB-pin32":"DB-line86"},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"4302.16px","top":"7877.88px"}},"DB-pin34":{"to":{"DB-pin35":null,"DB-pin32":"DB-line87","DB-pin36":null},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"3258.15px","top":"7979.15px"}},"DB-pin35":{"to":{"DB-pin34":"DB-line88"},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"4301.4px","top":"7982.93px"}},"DB-pin36":{"to":{"DB-pin37":null,"DB-pin34":"DB-line89","DB-pin38":null},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"3257.04px","top":"8083.19px"}},"DB-pin37":{"to":{"DB-pin36":"DB-line90"},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"4302.18px","top":"8084.19px"}},"DB-pin38":{"to":{"DB-pin40":null,"DB-pin36":"DB-line91","DB-pin41":null},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"3257.5px","top":"8190.27px"}},"DB-pin39":{"to":{},"type":"DB-pin_needle","frame":"DB-frame1","meta":{"left":"-24.4443px","top":"-62.8335px"}},"DB-pin40":{"to":{"DB-pin38":"DB-line92"},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"4301.73px","top":"8192.15px"}},"DB-pin41":{"to":{"DB-pin42":null,"DB-pin38":"DB-line93"},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"3258.39px","top":"8291.15px"}},"DB-pin42":{"to":{"DB-pin41":"DB-line94"},"type":"DB-pin_thumb","frame":"DB-frame2","meta":{"left":"4300.91px","top":"8293.44px"}},"DB-pin43":{"to":{"DB-pin44":"DB-line95","DB-pin45":"DB-line96"},"type":"DB-pin_needle","frame":"DB-frame6","meta":{"left":"-3395.81px","top":"6193.49px"}},"DB-pin44":{"to":{"DB-pin43":null,"DB-pin45":null},"type":"DB-pin_needle","frame":"DB-frame6","meta":{"left":"-3278.38px","top":"5901.59px"}},"DB-pin45":{"to":{"DB-pin43":null,"DB-pin44":"DB-line97"},"type":"DB-pin_needle","frame":"DB-frame6","meta":{"left":"-2845.86px","top":"6021.86px"}},"DB-pin46":{"to":{},"type":"DB-pin_location","frame":"DB-frame6","meta":{"left":"-3169.1px","top":"6048.33px"}},"DB-pin47":{"to":{},"type":"DB-pin_location","frame":"DB-frame6","meta":{"left":"-4127.95px","top":"6183.01px"}},"DB-pin48":{"to":{},"type":"DB-pin_location","frame":"DB-frame6","meta":{"left":"-3872.33px","top":"5619.95px"}},"DB-frame0":{"name":"Move  me around!","mode":0,"img":"none","img_repeat":"no-repeat","img_size":"100%","img_opacity":"1","frame":null,"inside":["DB-frame5","DB-note4","DB-profile6"],"meta":{"color":"rgb(0, 0, 0)","backgroundColor":"rgba(0, 0, 0, 0)","borderColor":"rgb(153, 231, 254)","height":"1007px","width":"1828px","left":"-916.986px","top":"7737.3px"}},"DB-frame1":{"name":"All about the Basics","mode":0,"img":"none","img_repeat":"no-repeat","img_size":"100%","img_opacity":"1","frame":null,"inside":["DB-note26","DB-note14","DB-note6","DB-note15","DB-note27","DB-note16","DB-note28","DB-note34","DB-note47","DB-note29","DB-pin39","DB-note17"],"meta":{"color":"rgb(0, 0, 0)","backgroundColor":"","borderColor":"rgb(54, 54, 54)","height":"1727px","width":"2302px","left":"-1154.39px","top":"-138px"}},"DB-frame2":{"name":"All about lines","mode":0,"img":"none","img_repeat":"no-repeat","img_size":"100%","img_opacity":"1","frame":null,"inside":["DB-note18","DB-pin6","DB-pin5","DB-pin8","DB-pin10","DB-pin12","DB-pin14","DB-pin16","DB-pin18","DB-pin20","DB-pin22","DB-pin26","DB-pin28","DB-pin30","DB-pin32","DB-pin34","DB-pin36","DB-pin38","DB-pin24","DB-pin41","DB-pin11","DB-pin13","DB-pin21","DB-pin23","DB-pin7","DB-frame7","DB-pin9","DB-pin15","DB-pin17","DB-pin19","DB-pin27","DB-pin29","DB-pin31","DB-pin33","DB-pin35","DB-pin37","DB-pin40","DB-pin25","DB-pin42","DB-note19","DB-pin1","DB-note7","DB-note51"],"meta":{"color":"rgb(0, 0, 0)","backgroundColor":"","borderColor":"rgb(54, 54, 54)","height":"3599px","width":"2446px","left":"1997.57px","top":"4834px"}},"DB-frame3":{"name":"All About Pins","mode":0,"img":"none","img_repeat":"no-repeat","img_size":"100%","img_opacity":"1","frame":null,"inside":["DB-note8","DB-note20","DB-note30","DB-pin3","DB-pin2","DB-pin4"],"meta":{"color":"rgb(0, 0, 0)","backgroundColor":"","borderColor":"rgb(54, 54, 54)","height":"1231px","width":"1462px","left":"1977.7px","top":"346.212px"}},"DB-frame4":{"name":"All About Notes","mode":0,"img":"none","img_repeat":"no-repeat","img_size":"100%","img_opacity":"1","frame":null,"inside":["DB-note9","DB-note21","DB-note31","DB-note32","DB-note33","DB-note35","DB-note50","DB-note49","DB-note36","DB-note37","DB-note38","DB-note39"],"meta":{"color":"rgb(0, 0, 0)","backgroundColor":"","borderColor":"rgb(54, 54, 54)","height":"1843px","width":"2041px","left":"1975px","top":"2059.58px"}},"DB-frame5":{"name":"You can also recusrively add bound items","mode":0,"img":"none","img_repeat":"no-repeat","img_size":"100%","img_opacity":"1","frame":"DB-frame0","inside":["DB-pin0"],"meta":{"color":"rgb(0, 0, 0)","backgroundColor":"rgba(0, 0, 0, 0)","borderColor":"rgb(176, 0, 181)","height":"358px","width":"412px","left":"355.443px","top":"8008.49px"}},"DB-frame6":{"name":"","mode":0,"img":"url(\"Images/Map.png\")","img_repeat":"no-repeat","img_size":"100%","img_opacity":"1","frame":null,"inside":["DB-pin48","DB-pin47","DB-pin44","DB-pin46","DB-pin43","DB-pin45"],"meta":{"color":"rgb(0, 0, 0)","backgroundColor":"rgba(0, 0, 0, 0)","borderColor":"rgb(54, 54, 54)","height":"1196px","width":"1763px","left":"-4323.56px","top":"5396.27px"}},"DB-frame7":{"name":" ","mode":0,"img":"none","img_repeat":"no-repeat","img_size":"100%","img_opacity":"1","frame":"DB-frame2","inside":[],"meta":{"color":"rgb(0, 0, 0)","backgroundColor":"","borderColor":"rgb(54, 54, 54)","height":"198px","width":"208px","left":"3750.88px","top":"6074px"}},"DB-frame8":{"name":"All About Profiles","mode":0,"img":"none","img_repeat":"no-repeat","img_size":"100%","img_opacity":"1","frame":null,"inside":[],"meta":{"color":"rgb(0, 0, 0)","backgroundColor":"","borderColor":"rgb(54, 54, 54)","height":"2983px","width":"2874px","left":"-4697.71px","top":"1306.23px"}},"DB-frame9":{"name":"All About Frames","mode":0,"img":"none","img_repeat":"no-repeat","img_size":"100%","img_opacity":"1","frame":null,"inside":[],"meta":{"color":"rgb(0, 0, 0)","backgroundColor":"","borderColor":"rgb(54, 54, 54)","height":"4518px","width":"5846px","left":"-4481.61px","top":"4832px"}},"DB-frame10":{"name":"This is a default frame","mode":0,"img":"none","img_repeat":"no-repeat","img_size":"100%","img_opacity":"1","frame":null,"inside":[],"meta":{"color":"rgb(0, 0, 0)","backgroundColor":"","borderColor":"rgb(54, 54, 54)","height":"372px","width":"396px","left":"674.002px","top":"5369.4px"}},"DB-frame11":{"name":"","mode":1,"img":"none","img_repeat":"no-repeat","img_size":"100%","img_opacity":"1","frame":null,"inside":[],"meta":{"color":"rgb(0, 0, 0)","backgroundColor":"rgb(252, 255, 97)","borderColor":"rgba(0, 0, 0, 0)","height":"1195px","width":"988px","left":"-1603.38px","top":"5042.38px"}},"DB-frame12":{"name":"","mode":1,"img":"none","img_repeat":"no-repeat","img_size":"100%","img_opacity":"1","frame":null,"inside":[],"meta":{"color":"rgb(0, 0, 0)","backgroundColor":"rgb(153, 231, 254)","borderColor":"rgba(0, 0, 0, 0)","height":"1325px","width":"2062px","left":"-966.366px","top":"5974.77px"}},"DB-frame13":{"name":"","mode":1,"img":"url(\"Images/LeavesDemo.jpg\")","img_repeat":"repeat","img_size":"500px","img_opacity":"1","frame":null,"inside":[],"meta":{"color":"rgb(0, 0, 0)","backgroundColor":"rgb(54, 54, 54)","borderColor":"rgba(0, 0, 0, 0)","height":"2263px","width":"2023px","left":"-4294.69px","top":"6815.46px"}},"DB-frame14":{"name":"For Nerds","mode":0,"img":"none","img_repeat":"no-repeat","img_size":"100%","img_opacity":"1","frame":null,"inside":[],"meta":{"color":"rgb(0, 0, 0)","backgroundColor":"","borderColor":"rgb(54, 54, 54)","height":"2282px","width":"2798px","left":"6209.4px","top":"2292px"}}},"custom_css":".force_visible{ visibility: visible !important }\n\n.warning{ color:red}\n\n.hard_unlocked{\n  background-color: transparent !important;\n}\n\n.hard_unlocked,\n.hard_unlocked::before {\n    border-color: var(--lock_color) !important;\n}\n\n.hard_unlocked::after {\n    background-color: var(--lock_color) !important;\n}\n\n.hard_locked{\n  background-color: transparent !important;\n}\n\n.hard_locked,\n.hard_locked::before {\n    border-color: var(--locked_color) !important;\n}\n\n.hard_locked::after {\n    background-color: var(--locked_color) !important;\n}\n\n\n.hard_super_locked,\n.hard_super_locked::before {\n    border-color: var(--locked_color) !important;\n}\n\n.hard_super_locked::after {\n    background-color: var(--locked_color) !important;\n}\n\n\n#cool_sample {\n  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);\n  background-size: 400% 400%;\n  animation: cool_gradient 5s infinite;\n  height: 3rem;\n  width: 10rem;\n  display: flex;\n  justify-content:center;\n  align-items:center;\n  border-radius:0.3rem;\n  margin: 1rem auto 0 auto;\n}\n\n#cool_sample::before {\n  content: \"Kinda Cool, right?\";\n  display: block;\n  font-family:Arial;\n  color: white;\n}\n\n@keyframes cool_gradient {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n.eg_origin{\n transform:translate(0,-5%);\n width:1.7rem;\n height:1.7rem;\n background-color:rgb(80 80 80);\n border-radius:0.2rem;\n display:inline-flex;\n justify-content:center;\n align-items:center;\n margin:0 0.1rem;\n}\n.eg_origin::before{\n content:\"\";\n display:block;\n height:0.5rem;\n width:0.5rem;\n border:solid 0.15rem white;\n\n border-radius:50%;\n}","frame_outline":0,"deselect_join":1}