diff options
| -rw-r--r-- | js/inknswitch/index.html | 6 | ||||
| -rw-r--r-- | js/inknswitch/ink.js | 4 |
2 files changed, 5 insertions, 5 deletions
diff --git a/js/inknswitch/index.html b/js/inknswitch/index.html index 4fa3356..030735f 100644 --- a/js/inknswitch/index.html +++ b/js/inknswitch/index.html @@ -27,7 +27,7 @@ margin: 0 auto; display: block; } - /* + #toggleButton { border: 1px solid black; background-color: transparent; @@ -40,11 +40,11 @@ #toggleButton:hover { cursor: pointer; } - */ + </style> </head> <body> - <!-- <button id="toggleButton">Toggle</button> --> + <button id="toggleButton">Toggle</button> <textarea id="noteArea" rows="10" cols="30" placeholder="This is a modal note taking tool. With it, you can type text that'll be saved to the browser, and you can draw images that'll also be saved to the browser. You are in typing mode right now. To toggle between modes tap cmd or ctrl + d. When in drawing mode, tap c to clear the canvas, tap s to save the contents of the canvas to a png."></textarea> <canvas id="drawingArea" width="500" height="500"></canvas> <script src="ink.js"></script> diff --git a/js/inknswitch/ink.js b/js/inknswitch/ink.js index 73f16e5..110a052 100644 --- a/js/inknswitch/ink.js +++ b/js/inknswitch/ink.js @@ -121,7 +121,7 @@ const toggle = () => { } }; -/* + const toggleButton = document.getElementById('toggleButton'); toggleButton.style.pointerEvents = 'auto'; toggleButton.addEventListener('click', toggleMode); @@ -130,7 +130,7 @@ toggleButton.addEventListener('touchend', toggleMode); function toggleMode() { toggle(); } -*/ + document.addEventListener('keydown', (e) => { // Cmd or Ctrl and D key to toggle modes |