Brijesh's Git Server — orchestrator-website @ main

roadmap.html (view raw)

 1
 2
 3
 4
 5
 6
 7
 8
 9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 
<!doctype html>
<html>
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <style>
            @import url("https://fonts.googleapis.com/css2?family=Geist&family=Geist+Mono:wght@300..400&display=swap");
            body {
                font-family: "Geist", serif;
            }
            .monospace {
                font-family: "Geist Mono", monospace;
            }
        </style>
        <script src="https://unpkg.com/@tailwindcss/browser@4"></script>
        <script>
            const changelogData = {
                entries: [
                    {
                        date: "Jan, 2025",
                        content: `<h2 class="text-xl font-medium text-black mb-6">January 2025</h2>
                            <p>Created a microservice for managing browser sessions running on a server, virtual desktop and remote viewing and control.</p>
                            <p class="mt-4">Get control of local browser, this is preferred approach because using a local browser would be better from security and cost perspective.</p>`,
                    },
                    {
                        date: "Q1 2025",
                        content: `<h2 class="text-xl font-medium text-black mb-6">Future Roadmap</h2>
                              <ul class="list-disc pl-5">
                              <li>Fill forms on webpages</li>
                              <li>Click on buttons and links on webpages</li>
                              <li>Recognise need for user taking control for authentication, payments, captcha etc.</li>
                              <li>Cache common actions to speed up the process</li>
                              <li>Desktop application for mac os and linux</li>
                              <li>Show steps taken by AI to complete a task</li>
                              <li>Show cost of task in input and output tokens</li>
                              <li>Allow user to modify behaviour at specific steps</li>
                              </ul>
                              <p class="mt-4">This roadmap outlines our key development priorities for the coming months as we work to enhance platform capabilities and user experience.</p>`,
                    },
                ],
            };
        </script>
    </head>
    <body class="m-5 space-y-2 lg:my-20 lg:max-w-2xl lg:mx-auto">
        <div class="relative">
            <!-- Vertical timeline line -->
            <div
                class="absolute left-[120px] top-0 bottom-0 w-[1px] bg-gray-200"
            ></div>

            <!-- Entries -->
            <div id="entries"></div>
        </div>

        <script>
            const entriesContainer = document.getElementById("entries");

            changelogData.entries.forEach((entry) => {
                const entryHTML = `
                  <div class="relative">
                    <!-- Date -->
                    <div class="sticky top-6 left-0 translate-y-6 mt-5 text-sm text-gray-500 monospace">
                      ${entry.date}
                    </div>

                    <!-- Content -->
                    <div class="ml-[160px] pb-16 text-gray-600">
                      ${entry.content}
                    </div>
                  </div>
                `;

                entriesContainer.insertAdjacentHTML("beforeend", entryHTML);
            });
        </script>
    </body>
</html>