Add roadmap

eaglerforge · Sep 21, 2024 · 1b3b384 · 1b3b384
1 parent 45283aa
commit 1b3b384
Show file tree

Hide file tree

Showing 4 changed files with 117 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -121,6 +121,10 @@ <h6>
           have a naming convention similar to
           <code>EaglercraftX_1.8_Offline_en_US.html</code>)
         </details>
+        <details>
+          <summary>Roadmap?</summary>
+          <a href="/roadmap/index.html">roadmap.</a>
+        </details>
         <details>
           <summary>How does this tool work?</summary>
           The injector works by analysing your uploaded file for patterns that

diff --git a/roadmap/index.html b/roadmap/index.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>EF Injector Roadmap</title>
+    <link rel="stylesheet" href="roadmap.css" />
+  </head>
+  <body>
+    <h1>EaglerForgeInjector Roadmap</h1>
+
+    <div id="todolist">
+      Add makeItemStack to LCI  [done]
+      Fix blocklook.js  [todo]
+      Fix setblocktest.js   [done]
+      Add custom ModAPI thread class to stop stack implosions   [todo]
+    </div>
+
+    <script src="roadmap.js"></script>
+  </body>
+</html>
diff --git a/roadmap/roadmap.css b/roadmap/roadmap.css
@@ -0,0 +1,61 @@
+html,
+body {
+  background-color: black;
+  color: white;
+  font-family: sans-serif;
+  overflow-x: hidden;
+}
+html {
+    padding: 0;
+    margin: 0;
+    width: 100vw;
+    height: 100vh;
+}
+body {
+  padding: 0.2rem;
+}
+* {
+  margin: 0;
+  padding: 0;
+}
+span {
+  text-align: left;
+  padding: 6px;
+  border-radius: 1rem;
+  background-color: rgba(125, 125, 125, 0.2);
+  margin-top: 1rem;
+  display: block;
+}
+summary {
+  background-color: rgba(255, 255, 255, 0.1);
+  padding: 4px;
+  border-radius: 0.6rem;
+  cursor: pointer;
+  padding-left: 8px;
+}
+span summary span {
+  width: 13.5px;
+  height: 13.5px;
+  display: inline-block;
+  float: right;
+  position: relative;
+  top: -19.5px;
+  right: -4px;
+  background-color: red;
+  border-radius: 9px;
+}
+span.working summary span {
+  background-color: rgb(255, 102, 0);
+}
+span.done summary span {
+  background-color: greenyellow;
+}
+#todolist {
+  width: calc(50vw - 0.6rem);
+  margin-right: 0.2rem;
+}
+@media only screen and (max-width: 600px) {
+  #todolist {
+    width: calc(100vw - 0.6rem);
+  }
+}
diff --git a/roadmap/roadmap.js b/roadmap/roadmap.js
@@ -0,0 +1,31 @@
+var todolist = document.querySelector("#todolist");
+function getValue(a) {
+    if (a.includes("wip")) {
+        return 1;
+    }
+    if (a.includes("done")) {
+        return 2;
+    }
+    return 0;
+}
+var map = {
+    wip: "working",
+    done: "done"
+}
+var list = todolist.innerText.split("]").filter(x => x.length !== 0);
+
+list.sort((a, b) => {
+    return getValue(a) - getValue(b);
+});
+todolist.innerHTML = "";
+list.forEach(a => {
+    var x = a.split("[");
+    var d = document.createElement("span");
+    var s = document.createElement("summary");
+    d.appendChild(s);
+    s.innerText = x[0].trim();
+    var z = document.createElement("span");
+    d.classList.add(map[x[1].toLowerCase().trim()] || "todo");
+    s.appendChild(z);
+    todolist.appendChild(d);
+});