// ==UserScript==
// @name         menu
// @description  digdig thing (useless)
// @version      1
// @author       delta-1
// @match        *://digdig.io/
// @license MIT
// @grant        none
// @namespace https://greasyfork.org/users/843887
// @downloadURL https://update.greasyfork.cloud/scripts/436717/menu.user.js
// @updateURL https://update.greasyfork.cloud/scripts/436717/menu.meta.js
// ==/UserScript==




'use strict';
const HTML = `
<table style="width:100%" class="greenthing">
 
 
 <tr>
 
   <td><b style="text-shadow:1px 1px 0 #444">digdig.io menu thing?</td>
   <td>




   <a>diep.io hybrid and slave my first image!!!!!</a>
     <img src="https://share.sketchpad.app/21/5be-db3a-ac1934.png" alt="diep cool pic". style="width:200px;height:100px;">








 


</div>






   


</tr>
</table>
   `
const styles = `
 
 
 
 
.greenthing {border: 1px solid green;
 padding-left:10px;
 padding-right:10px;
 border-collapse: collapse;
 overflow-y:auto;
 word-wrap:break-all;
}
div#greenthing > table, th, td {
 }
div#greenthing > button {
   font-family: inherit;
   font-size: 1em;
}
 }
 
`
const menuStyles = {
   position: "absolute",
   top: "25%",
   width:"50vw",
   height:"60vh",
   left: "25%",
   display: "none",
   "background-color": "rgba(0, 80, 89, 1)",
   "font-family":'"Montserrat","Verdana"'
}
 
// <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
const menu = document.createElement("div")
for (var prop in menuStyles) {
   menu.style[prop] = menuStyles[prop]
}
menu.innerHTML = HTML
menu.id = "dt-menu"
const styleElement = document.createElement("style")
const font = document.createElement("link")
font.rel = "stylesheet"
font.href = "https://fonts.googleapis.com/css?family=Montserrat"
styleElement.innerHTML = styles
document.head.appendChild(styleElement)
document.head.appendChild(font)
document.body.appendChild(menu)
const myEvent = function(event) {
switch (event.key) {
   case "Escape":
       if (menu.style.display == "none") {
           menu.style.display = "block"
           console.log("Menu Enabled!")
       }
       else {
           menu.style.display = "none"
           console.log("Menu Disabled!")
       }
       break
 
   }
}
window.addEventListener("keydown",myEvent)
console.log("digdig menu loaded!")