UI reorganized and options (#257)

* added readme pt-pt

* ui reorganized, keybinds, foodbar, panorama, etc

lib/menus/components/common.js

@@ -0,0 +1,65 @@
+import { css } from 'lit'
+
+const commonCss = css`
+  .dirt-bg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    background: url('textures/1.17.1/gui/options_background.png'), rgba(0, 0, 0, 0.75);
+    background-size: 16px;
+    background-repeat: repeat;
+    width: 100%;
+    height: 100%;
+    transform-origin: top left;
+    transform: scale(2);
+    background-blend-mode: overlay;
+  }
+
+  .bg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    background: rgba(0, 0, 0, 0.75);
+    width: 100%;
+    height: 100%;
+  }
+
+  .title {
+    position: absolute;
+    top: 0;
+    left: 50%;
+    transform: translate(-50%);
+    font-size: 10px;
+    color: white;
+    text-align: center;
+    text-shadow: 1px 1px #222;
+  }
+
+  .text {
+    color: white;
+    font-size: 10px;
+    text-shadow: 1px 1px #222;
+  }
+`
+
+/**
+ * @param {string} url
+ */
+function openURL (url) {
+  window.open(url, '_blank', 'noopener,noreferrer')
+}
+
+/**
+ * @param {HTMLElement} prev
+ * @param {HTMLElement} next
+ */
+function displayScreen (prev, next) {
+  prev.style.display = 'none'
+  next.style.display = 'block'
+}
+
+export {
+  commonCss,
+  openURL,
+  displayScreen
+}