Merge pull request #2 from JustusPlays78/develop

Checkbox + hopyfully final frontend changes + Camelcase
Checkbox + hopyfully final frontend changes
2025-04-29 05:00:30 +00:00 · 2024-12-13 21:41:53 +01:00 · 2024-12-13 21:37:19 +01:00 · 2024-12-13 18:22:13 +01:00 · 2024-12-13 18:21:03 +01:00
18 changed files with 4198 additions and 692 deletions
--- a/.env.example
+++ b/.env.example
@ -0,0 +1,3 @@
+GIT_REPO=https://git.example.de/repo/
+GIT_TOKEN=yoursecretgittoken
+GIT_BRANCH=main
--- a/components/css/main.css
+++ b/components/css/main.css
@ -0,0 +1,8 @@
+input:checked ~ .dot {
+  transform: translateX(100%);
+}
+
+input:not(:checked) ~ .dot {
+  transform: translateX(0);
+  background-color: rgb(156, 163, 175);
+}
--- a/components/html/footer.html
+++ b/components/html/footer.html
@ -0,0 +1,12 @@
+<footer class="footer pt-3 pb-4">
+    <div class="container-fluid">
+        <div class="row align-items-center justify-content-lg-between">
+            <div class="col-lg-6 mb-lg-0 mb-4">
+                <div class="copyright text-center text-sm text-white text-lg-start">
+                    © 2024,
+                    Developed by JulScha
+                </div>
+            </div>
+        </div>
+    </div>
+</footer>
--- a/components/html/header.html
+++ b/components/html/header.html
@ -0,0 +1,10 @@
+<header class="bg-gray-800 text-white shadow-lg">
+    <nav class="container mx-auto flex justify-between items-center py-4 px-6">
+        <h1 class="text-2xl font-bold">Changelog App</h1>
+        <ul class="flex space-x-6">
+            <li><button onclick="ChangeSite(1)" class="hover:underline transition">Home</button></li>
+            <li><button onclick="ChangeSite(2)" class="hover:underline transition">Push</button></li>
+            <li><button onclick="ChangeSite(3)" class="hover:underline transition">Settings</button></li>
+        </ul>
+    </nav>
+</header>
--- a/components/html/home.html
+++ b/components/html/home.html
@ -0,0 +1,67 @@
+<section class="container mx-auto p-6 bg-gray-800 shadow-md rounded-lg mt-6">
+    <div class="space-y-6">
+        <div class="flex space-x-4">
+            <div class="w-full">
+                <label for="homeDayDropdown" class="block text-sm font-medium text-gray-300">Day</label>
+                <select id="homeDayDropdown" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:text-white dark:border-gray-600" style="background-color: #2d3748 !important;" onchange="handleDayChange()">
+                    <option value="">Choose Day</option>
+                </select>
+            </div>
+
+            <div class="w-full">
+                <label for="homeTypeDropdown" class="block text-sm font-medium text-gray-300">Change Type:</label>
+                <select id="homeTypeDropdown" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:text-white dark:border-gray-600" style="background-color: #2d3748 !important;">
+                    <option value="Fix">Fix</option>
+                    <option value="Feat">Feat</option>
+                    <option value="Sonst">Sonst</option>
+                </select>
+            </div>
+        </div>
+
+
+        <div class="flex space-x-4">
+            <div class="w-full">
+                <label for="homeTicketTypeDropdown" class="block text-sm font-medium text-gray-300">Ticket:</label>
+                <select id="homeTicketTypeDropdown" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:text-white dark:border-gray-600" style="background-color: #2d3748 !important;">
+                    <option value="QA">QA</option>
+                    <option value="DEV">DEV</option>
+                    <option value="DEV">GD</option>
+                </select>
+            </div>
+            <div class="w-full">
+                <label for="homeTicketNumberInput" class="block text-sm font-medium text-gray-300">Ticketnumber:</label>
+                <input id="homeTicketNumberInput" type="text" maxlength="7" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:text-white dark:border-gray-600" style="background-color: #2d3748 !important;">
+            </div>
+        </div>
+
+
+        <div class="space-y-6">
+            <div>
+                <label for="homeTicketDescriptionInput" class="block text-sm font-medium text-gray-300">Description:</label>
+                <input id="homeTicketDescriptionInput" type="text" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-800 dark:text-white dark:border-gray-600" style="background-color: #2d3748 !important;">
+            </div>
+        </div>
+
+
+        <div class="text-right">
+            <button id="homeDayChangeAddButton" class="bg-blue-600 text-white px-4 py-2 rounded-md shadow hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-blue-700 dark:hover:bg-blue-600">
+                Add
+            </button>
+        </div>
+    </div>
+</section>
+
+<section class="container mx-auto p-6 bg-gray-800 shadow-md rounded-lg mt-6">
+    <h3 class="text-xl font-bold">Day</h3>
+    <table class="w-full table-auto border-collapse">
+        <thead class="bg-gray-700">
+        <tr>
+            <th class="px-4 py-2 border border-gray-600 text-left text-gray-200">Type</th>
+            <th class="px-4 py-2 border border-gray-600 text-left text-gray-200">Ticket</th>
+            <th class="px-4 py-2 border border-gray-600 text-left text-gray-200">Desciption</th>
+        </tr>
+        </thead>
+        <tbody id="homeDay">
+        </tbody>
+    </table>
+</section>
--- a/components/html/push.html
+++ b/components/html/push.html
@ -0,0 +1,57 @@
+<section class="container mx-auto p-6 bg-gray-800 shadow-md rounded-lg mt-6">
+    <div class="space-y-6">
+        <div class="flex space-x-4">
+            <div class="w-full">
+                <div>
+                    <label for="pushRepoLabel" class="block text-sm font-medium text-gray-300">Repository:</label>
+                    <label id="pushRepoLabel" type="text" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-800 dark:text-white dark:border-gray-600" style="background-color: #2d3748 !important;"></label>
+                </div>
+            </div>
+            <div class="w-full">
+                <div class="space-y-6">
+                    <div>
+                        <label for="pushTokenInput" class="block text-sm font-medium text-gray-300">Git Token:</label>
+                        <label id="pushTokenInput" type="password" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-800 dark:text-white dark:border-gray-600" style="background-color: #2d3748 !important;"></label>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="w-full">
+            <label for="pushTypeDropdown" class="block text-sm font-medium text-gray-300">Git Type:</label>
+            <select id="pushTypeDropdown" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:text-white dark:border-gray-600" style="background-color: #2d3748 !important;">
+                <option value="Fix">GitHub</option>
+                <option value="Feat">GitLab</option>
+                <option value="Sonst">Gitea</option>
+                <option value="Sonst">Sonst (noch nicht implementiert)</option>
+            </select>
+        </div>
+        <div class="flex space-x-4">
+            <div class="w-full">
+                <label for="settingsCheckBoxSaveElse" class="flex items-center cursor-pointer">
+                    <div class="relative">
+                        <input type="checkbox" id="push" class="sr-only">
+                        <div class="block bg-gray-600 w-14 h-8 rounded-full"></div>
+                        <div class="dot absolute left-1 top-1 bg-white w-6 h-6 rounded-full transition"></div>
+                    </div>
+                    <label class="ml-3 block text-sm font-medium text-gray-300">Save Else</label>
+                </label>
+            </div>
+            <div class="w-full">
+                <label for="settingsCheckBoxSaveElse" class="flex items-center cursor-pointer">
+                    <div class="relative">
+                        <input type="checkbox" id="settingsCheckBoxSaveElse" class="sr-only">
+                        <div class="block bg-gray-600 w-14 h-8 rounded-full"></div>
+                        <div class="dot absolute left-1 top-1 bg-white w-6 h-6 rounded-full transition"></div>
+                    </div>
+                    <label class="ml-3 block text-sm font-medium text-gray-300">Save Else</label>
+                </label>
+            </div>
+        </div>
+
+        <div class="text-right">
+            <button id="push-save-button" class="bg-blue-600 text-white px-4 py-2 rounded-md shadow hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-blue-700 dark:hover:bg-blue-600">
+                Save Settings
+            </button>
+        </div>
+    </div>
+</section>
--- a/components/html/settings.html
+++ b/components/html/settings.html
@ -0,0 +1,84 @@
+<section class="container mx-auto p-6 bg-gray-800 shadow-md rounded-lg mt-6">
+    <h3 class="text-xl font-bold">Profile Settings</h3>
+    <div class="space-y-6">
+        <div class="flex space-x-4">
+            <div class="w-full">
+                <label for="settingsProfileDirselectbutton" class="block text-sm font-medium text-gray-300">Profile Name:</label>
+                <label id="settingsProfileDirselectprofilename" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500" style="background-color: #2d3748 !important;">Kein Profil</label>
+                <input id="settingsProfileDirselectprofilenameInput" type="text" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500" style="background-color: #2d3748 !important; display: none"/>
+            </div>
+            <div class="w-full">
+                <label for="settingsProfileDirselectbutton" class="block text-sm font-medium text-gray-300">Select Profile</label>
+                <button id="settingsProfileDirselectbutton" class="bg-blue-600 text-white px-4 py-2 rounded-md shadow hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500">Select Directory</button>
+            </div>
+        </div>
+        <div class="w-full">
+            <label id="settingsProfileDirselectPath" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500" style="background-color: #2d3748 !important;">Kein Verzeichnis</label>
+        </div>
+        <div class="flex space-x-4">
+            <div class="w-full">
+                <label for="settingsCheckBoxSaveGitSettings" class="flex items-center cursor-pointer">
+                    <div class="relative">
+                        <input type="checkbox" id="settingsCheckBoxSaveGitSettings" class="sr-only">
+                        <div class="block bg-gray-600 w-14 h-8 rounded-full"></div>
+                        <div class="dot absolute left-1 top-1 bg-white w-6 h-6 rounded-full transition"></div>
+                    </div>
+                    <label class="ml-3 block text-sm font-medium text-gray-300">Save Git Settings</label>
+                </label>
+            </div>
+            <div class="w-full">
+                <label for="settingsCheckBoxSaveElse" class="flex items-center cursor-pointer">
+                    <div class="relative">
+                        <input type="checkbox" id="settingsCheckBoxSaveElse" class="sr-only">
+                        <div class="block bg-gray-600 w-14 h-8 rounded-full"></div>
+                        <div class="dot absolute left-1 top-1 bg-white w-6 h-6 rounded-full transition"></div>
+                    </div>
+                    <label class="ml-3 block text-sm font-medium text-gray-300">Save Else</label>
+                </label>
+            </div>
+        </div>
+
+        <div class="text-right">
+            <button id="settings-profile-edit-button" class="bg-blue-600 text-white px-4 py-2 rounded-md shadow hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500">
+                Edit Profile
+            </button>
+            <button id="settings-profile-save-button" class="bg-blue-600 text-white px-4 py-2 rounded-md shadow hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500">
+                Save Profile
+            </button>
+        </div>
+    </div>
+</section>
+<section class="container mx-auto p-6 bg-gray-800 shadow-md rounded-lg mt-6">
+    <h3 class="text-xl font-bold">Git Settings</h3>
+    <div class="space-y-6">
+        <div class="w-full">
+            <div>
+                <label for="settings-repo-input" class="block text-sm font-medium text-gray-300">Repository Link:</label>
+                <input id="settings-repo-input" type="text" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500" style="background-color: #2d3748 !important;">
+            </div>
+        </div>
+        <div class="w-full">
+            <div class="space-y-6">
+                <div>
+                    <label for="settings-token-input" class="block text-sm font-medium text-gray-300">Git Token:</label>
+                    <input id="settings-token-input" type="password" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500" style="background-color: #2d3748 !important;">
+                </div>
+            </div>
+        </div>
+        <div class="w-full">
+            <label for="settings-type-dropdown" class="block text-sm font-medium text-gray-300">Git Type:</label>
+            <select id="settings-type-dropdown" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500" style="background-color: #2d3748 !important;">
+                <option value="Fix">GitHub</option>
+                <option value="Feat">GitLab</option>
+                <option value="Sonst">Gitea</option>
+                <option value="Sonst">Sonst (noch nicht implementiert)</option>
+            </select>
+        </div>
+
+        <div class="text-right">
+            <button id="settings-save-button" class="bg-blue-600 text-white px-4 py-2 rounded-md shadow hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-blue-700 dark:hover:bg-blue-600">
+                Save Settings
+            </button>
+        </div>
+    </div>
+</section>
--- a/components/js/frontend_handle.js
+++ b/components/js/frontend_handle.js
@ -0,0 +1,52 @@
+const HomeType= {
+    Home: 1,
+    Push: 2,
+    Settings: 3
+}
+
+function handleDayChange() {
+    selectedDay = document.getElementById('day-dropdown').value;
+    console.log('Selected day:', selectedDay);
+}
+
+function handleAdd() {
+    if (!day || !type || !role || !shortInput || !longInput) {
+        alert('Please fill in all fields!');
+        return;
+    }
+
+    day = document.getElementById('day-dropdown').value;
+    type = document.getElementById('type-dropdown').value;
+    role = document.getElementById('role-dropdown').value;
+    shortInput = document.getElementById('short-input').value;
+    longInput = document.getElementById('long-input').value;
+
+    newRow.innerHTML = `
+            <td class="px-4 py-2 border border-gray-300 dark:text-gray-200">${type}</td>
+            <td class="px-4 py-2 border border-gray-300 dark:text-gray-200">${role}</td>
+            <td class="px-4 py-2 border border-gray-300 dark:text-gray-200">${shortInput}</td>
+        `;
+
+    tableBody.appendChild(newRow);
+
+    console.log('Added task:', { day, type, role, shortInput, longInput });
+}
+
+function ChangeSite(mimetype){
+    console.log(mimetype);
+    if (mimetype === HomeType.Home){
+        homeDiv.style.display = 'block';
+        pushDiv.style.display = 'none';
+        settingsDiv.style.display = 'none';
+    } else if (mimetype === HomeType.Push){
+        homeDiv.style.display = 'none';
+        pushDiv.style.display = 'block';
+        settingsDiv.style.display = 'none';
+    } else if (mimetype === HomeType.Settings){
+        homeDiv.style.display = 'none';
+        pushDiv.style.display = 'none';
+        settingsDiv.style.display = 'block';
+    }
+}
+
+
--- a/components/js/http_elements.js
+++ b/components/js/http_elements.js
@ -0,0 +1,19 @@
+let day = document.getElementById('day-dropdown').value;
+let type = document.getElementById('type-dropdown').value;
+let role = document.getElementById('role-dropdown').value;
+let shortInput = document.getElementById('short-input').value;
+let longInput = document.getElementById('long-input').value;
+
+let day = document.getElementById('day-dropdown').value;
+let type = document.getElementById('type-dropdown').value;
+let role = document.getElementById('role-dropdown').value;
+let shortInput = document.getElementById('short-input').value;
+let longInput = document.getElementById('long-input').value;
+
+let tableBody = document.getElementById('task-table-body');
+let newRow = document.createElement('tr');
+let selectedDay = document.getElementById('day-dropdown').value;
+
+const homeDiv = document.getElementById('homeDiv');
+const pushDiv = document.getElementById('pushDiv');
+const settingsDiv = document.getElementById('settingsDiv');
--- a/components/js/preload.js
+++ b/components/js/preload.js
@ -1,11 +1,10 @@
-const { contextBridge, ipcRenderer } = require('electron')
+const { contextBridge } = require('electron')
+

 contextBridge.exposeInMainWorld('versions', {
    node: () => process.versions.node,
    chrome: () => process.versions.chrome,
    electron: () => process.versions.electron,
-    ping: () => ipcRenderer.invoke('ping')
-    // we can also expose variables, not just functions
 })

 window.addEventListener('DOMContentLoaded', () => {
--- a/components/js/renderer.js
+++ b/components/js/renderer.js
--- a/components/js/repoDatabase.js
+++ b/components/js/repoDatabase.js
@ -0,0 +1,30 @@
+const fetch = require('node-fetch');
+require('dotenv').config();
+
+const GIT_REPO = process.env.GIT_REPO; // z.B. https://your-git-server.com/api/v4/projects/PROJECT_ID/repository/files
+const GIT_TOKEN = process.env.GIT_TOKEN;
+const GIT_BRANCH = process.env.GIT_BRANCH; // z.B. 'main'
+
+async function fetchRepositoryFiles() {
+    try {
+        const response = await fetch(`${GIT_REPO}?ref=${GIT_BRANCH}`, { // Hier wird der Branch angegeben
+            method: 'GET',
+            headers: {
+                'Authorization': `Bearer ${GIT_TOKEN}`, // Möglicherweise 'Bearer' anstelle von 'token'
+                'Accept': 'application/json' // Möglicherweise 'application/json' anstelle von 'application/vnd.github.v3+json'
+            }
+        });
+
+        if (!response.ok) {
+            throw new Error(`HTTP error! Status: ${response.status}`);
+        }
+
+        const files = await response.json();
+        return files.map(file => file.name); // Gibt nur die Dateinamen zurück
+    } catch (error) {
+        console.error('Error fetching repository files:', error);
+        return [];
+    }
+}
+
+module.exports = { fetchRepositoryFiles };
--- a/index.html
+++ b/index.html
@ -3,125 +3,33 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Task Management</title>
-    <!--<link href="./main.css" rel="stylesheet">-->
+    <title>Changelog App</title>
    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
-    <script defer src="renderer.js"></script>
+    <link href="./components/css/main.css" rel="stylesheet">
+    <script defer src="components/js/renderer.js"></script>
 </head>
-<body class="bg-gray-900 text-gray-100 dark:bg-gray-900 dark:text-gray-100">
-<header class="bg-blue-600 text-white shadow-lg dark:bg-blue-800 dark:text-gray-200">
-    <nav class="container mx-auto flex justify-between items-center py-4 px-6">
-        <h1 class="text-2xl font-bold">Task Manager</h1>
-        <ul class="flex space-x-6">
-            <li><a href="#" class="hover:underline transition">Home</a></li>
-            <li><a href="#" class="hover:underline transition">Tasks</a></li>
-            <li><a href="#" class="hover:underline transition">Settings</a></li>
-        </ul>
-    </nav>
-</header>
-
-<section class="container mx-auto p-6 bg-gray-800 shadow-md rounded-lg mt-6">
-    <div class="space-y-6">
-        <div class="flex space-x-4">
-            <div class="w-full">
-                <label for="day-dropdown" class="block text-sm font-medium text-gray-300">Day</label>
-                <select id="day-dropdown" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:text-white dark:border-gray-600" style="background-color: #2d3748 !important;" onchange="handleDayChange()">
-                    <option value="">Choose Day</option>
-                </select>
-            </div>
-
-            <div class="w-full">
-                <label for="type-dropdown" class="block text-sm font-medium text-gray-300">Change Type:</label>
-                <select id="type-dropdown" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:text-white dark:border-gray-600" style="background-color: #2d3748 !important;">
-                    <option value="Fix">Fix</option>
-                    <option value="Feat">Feat</option>
-                    <option value="Sonst">Sonst</option>
-                </select>
-            </div>
-        </div>
-
-
-        <div class="flex space-x-4">
-            <div class="w-full">
-                <label for="role-dropdown" class="block text-sm font-medium text-gray-300">Ticket:</label>
-                <select id="role-dropdown" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:text-white dark:border-gray-600" style="background-color: #2d3748 !important;">
-                    <option value="QA">QA</option>
-                    <option value="DEV">DEV</option>
-                    <option value="DEV">GD</option>
-                </select>
-            </div>
-            <div class="w-full">
-                <label for="short-input" class="block text-sm font-medium text-gray-300">Ticketnumber:</label>
-                <input id="short-input" type="text" maxlength="7" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:text-white dark:border-gray-600" style="background-color: #2d3748 !important;">
-            </div>
-        </div>
-
-
-        <div class="space-y-6">
-            <div>
-                <label for="long-input" class="block text-sm font-medium text-gray-300">Description:</label>
-                <input id="long-input" type="text" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-800 dark:text-white dark:border-gray-600" style="background-color: #2d3748 !important;">
-            </div>
-        </div>
-
-
-        <div class="text-right">
-            <button id="add-button" class="bg-blue-600 text-white px-4 py-2 rounded-md shadow hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-blue-700 dark:hover:bg-blue-600">
-                Add
-            </button>
-        </div>
-    </div>
-</section>
-
-<section class="container mx-auto p-6 bg-gray-800 shadow-md rounded-lg mt-6">
-    <h3 class="text-xl font-bold">Day</h3>
-    <table class="w-full table-auto border-collapse">
-        <thead class="bg-gray-700">
-        <tr>
-            <th class="px-4 py-2 border border-gray-600 text-left text-gray-200">Type</th>
-            <th class="px-4 py-2 border border-gray-600 text-left text-gray-200">Role</th>
-            <th class="px-4 py-2 border border-gray-600 text-left text-gray-200">Short Input</th>
-        </tr>
-        </thead>
-        <tbody id="task-table-body">
-        <!-- Dynamically populated rows -->
-        </tbody>
-    </table>
-</section>
-
-<script>
-    // JavaScript Logic
-
-    function handleDayChange() {
-        const selectedDay = document.getElementById('day-dropdown').value;
-        console.log('Selected day:', selectedDay);
-    }
-
-    function handleAdd() {
-        const day = document.getElementById('day-dropdown').value;
-        const type = document.getElementById('type-dropdown').value;
-        const role = document.getElementById('role-dropdown').value;
-        const shortInput = document.getElementById('short-input').value;
-        const longInput = document.getElementById('long-input').value;
-
-        if (!day || !type || !role || !shortInput || !longInput) {
-            alert('Please fill in all fields!');
-            return;
-        }
-
-        const tableBody = document.getElementById('task-table-body');
-        const newRow = document.createElement('tr');
-
-        newRow.innerHTML = `
-            <td class="px-4 py-2 border border-gray-300 dark:text-gray-200">${type}</td>
-            <td class="px-4 py-2 border border-gray-300 dark:text-gray-200">${role}</td>
-            <td class="px-4 py-2 border border-gray-300 dark:text-gray-200">${shortInput}</td>
-        `;
-
-        tableBody.appendChild(newRow);
-
-        console.log('Added task:', { day, type, role, shortInput, longInput });
-    }
+<script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
+        crossorigin="anonymous">
 </script>
+<script>
+    $(function () {
+        $("#header").load("./components/html/header.html");
+        $("#homeDiv").load("./components/html/home.html");
+        $("#pushDiv").load("./components/html/push.html");
+        $("#settingsDiv").load("./components/html/settings.html");
+        $("#footer").load("./components/html/footer.html");
+    });
+</script>
+
+<body class="bg-gray-900 text-gray-100">
+    <div id="header"></div>
+
+    <div id="homeDiv"></div>
+    <div id="pushDiv" style="display: none;"></div>
+    <div id="settingsDiv" style="display: none;"></div>
+
+    <!--Footer-->
+    <div id="footer"></div>
+    <script src="components/js/frontend_handle.js"></script>
 </body>
 </html>
--- a/main.css
+++ b/main.css
@ -1,559 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-*, ::before, ::after {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}
-
-::backdrop {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}
-
-/*
-! tailwindcss v3.4.16 | MIT License | https://tailwindcss.com
-*/
-
-/*
-1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
-2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
-*/
-
-*,
-::before,
-::after {
-  box-sizing: border-box;
-  /* 1 */
-  border-width: 0;
-  /* 2 */
-  border-style: solid;
-  /* 2 */
-  border-color: #e5e7eb;
-  /* 2 */
-}
-
-::before,
-::after {
-  --tw-content: '';
-}
-
-/*
-1. Use a consistent sensible line-height in all browsers.
-2. Prevent adjustments of font size after orientation changes in iOS.
-3. Use a more readable tab size.
-4. Use the user's configured `sans` font-family by default.
-5. Use the user's configured `sans` font-feature-settings by default.
-6. Use the user's configured `sans` font-variation-settings by default.
-7. Disable tap highlights on iOS
-*/
-
-html,
-:host {
-  line-height: 1.5;
-  /* 1 */
-  -webkit-text-size-adjust: 100%;
-  /* 2 */
-  -moz-tab-size: 4;
-  /* 3 */
-  -o-tab-size: 4;
-     tab-size: 4;
-  /* 3 */
-  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  /* 4 */
-  font-feature-settings: normal;
-  /* 5 */
-  font-variation-settings: normal;
-  /* 6 */
-  -webkit-tap-highlight-color: transparent;
-  /* 7 */
-}
-
-/*
-1. Remove the margin in all browsers.
-2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
-*/
-
-body {
-  margin: 0;
-  /* 1 */
-  line-height: inherit;
-  /* 2 */
-}
-
-/*
-1. Add the correct height in Firefox.
-2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-3. Ensure horizontal rules are visible by default.
-*/
-
-hr {
-  height: 0;
-  /* 1 */
-  color: inherit;
-  /* 2 */
-  border-top-width: 1px;
-  /* 3 */
-}
-
-/*
-Add the correct text decoration in Chrome, Edge, and Safari.
-*/
-
-abbr:where([title]) {
-  -webkit-text-decoration: underline dotted;
-          text-decoration: underline dotted;
-}
-
-/*
-Remove the default font size and weight for headings.
-*/
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-
-/*
-Reset links to optimize for opt-in styling instead of opt-out.
-*/
-
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-
-/*
-Add the correct font weight in Edge and Safari.
-*/
-
-b,
-strong {
-  font-weight: bolder;
-}
-
-/*
-1. Use the user's configured `mono` font-family by default.
-2. Use the user's configured `mono` font-feature-settings by default.
-3. Use the user's configured `mono` font-variation-settings by default.
-4. Correct the odd `em` font sizing in all browsers.
-*/
-
-code,
-kbd,
-samp,
-pre {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-  /* 1 */
-  font-feature-settings: normal;
-  /* 2 */
-  font-variation-settings: normal;
-  /* 3 */
-  font-size: 1em;
-  /* 4 */
-}
-
-/*
-Add the correct font size in all browsers.
-*/
-
-small {
-  font-size: 80%;
-}
-
-/*
-Prevent `sub` and `sup` elements from affecting the line height in all browsers.
-*/
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-/*
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-3. Remove gaps between table borders by default.
-*/
-
-table {
-  text-indent: 0;
-  /* 1 */
-  border-color: inherit;
-  /* 2 */
-  border-collapse: collapse;
-  /* 3 */
-}
-
-/*
-1. Change the font styles in all browsers.
-2. Remove the margin in Firefox and Safari.
-3. Remove default padding in all browsers.
-*/
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit;
-  /* 1 */
-  font-feature-settings: inherit;
-  /* 1 */
-  font-variation-settings: inherit;
-  /* 1 */
-  font-size: 100%;
-  /* 1 */
-  font-weight: inherit;
-  /* 1 */
-  line-height: inherit;
-  /* 1 */
-  letter-spacing: inherit;
-  /* 1 */
-  color: inherit;
-  /* 1 */
-  margin: 0;
-  /* 2 */
-  padding: 0;
-  /* 3 */
-}
-
-/*
-Remove the inheritance of text transform in Edge and Firefox.
-*/
-
-button,
-select {
-  text-transform: none;
-}
-
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Remove default button styles.
-*/
-
-button,
-input:where([type='button']),
-input:where([type='reset']),
-input:where([type='submit']) {
-  -webkit-appearance: button;
-  /* 1 */
-  background-color: transparent;
-  /* 2 */
-  background-image: none;
-  /* 2 */
-}
-
-/*
-Use the modern Firefox focus style for all focusable elements.
-*/
-
-:-moz-focusring {
-  outline: auto;
-}
-
-/*
-Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
-*/
-
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-
-/*
-Add the correct vertical alignment in Chrome and Firefox.
-*/
-
-progress {
-  vertical-align: baseline;
-}
-
-/*
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
-
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
-}
-
-/*
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
-
-[type='search'] {
-  -webkit-appearance: textfield;
-  /* 1 */
-  outline-offset: -2px;
-  /* 2 */
-}
-
-/*
-Remove the inner padding in Chrome and Safari on macOS.
-*/
-
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to `inherit` in Safari.
-*/
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  /* 1 */
-  font: inherit;
-  /* 2 */
-}
-
-/*
-Add the correct display in Chrome and Safari.
-*/
-
-summary {
-  display: list-item;
-}
-
-/*
-Removes the default spacing and border for appropriate elements.
-*/
-
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
-  margin: 0;
-}
-
-fieldset {
-  margin: 0;
-  padding: 0;
-}
-
-legend {
-  padding: 0;
-}
-
-ol,
-ul,
-menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-/*
-Reset default styling for dialogs.
-*/
-
-dialog {
-  padding: 0;
-}
-
-/*
-Prevent resizing textareas horizontally by default.
-*/
-
-textarea {
-  resize: vertical;
-}
-
-/*
-1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
-2. Set the default placeholder color to the user's configured gray 400 color.
-*/
-
-input::-moz-placeholder, textarea::-moz-placeholder {
-  opacity: 1;
-  /* 1 */
-  color: #9ca3af;
-  /* 2 */
-}
-
-input::placeholder,
-textarea::placeholder {
-  opacity: 1;
-  /* 1 */
-  color: #9ca3af;
-  /* 2 */
-}
-
-/*
-Set the default cursor for buttons.
-*/
-
-button,
-[role="button"] {
-  cursor: pointer;
-}
-
-/*
-Make sure disabled buttons don't get the pointer cursor.
-*/
-
-:disabled {
-  cursor: default;
-}
-
-/*
-1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
-2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
-   This can trigger a poorly considered lint error in some tools but is included by design.
-*/
-
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: block;
-  /* 1 */
-  vertical-align: middle;
-  /* 2 */
-}
-
-/*
-Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
-*/
-
-img,
-video {
-  max-width: 100%;
-  height: auto;
-}
-
-/* Make elements with the HTML hidden attribute stay hidden by default */
-
-[hidden]:where(:not([hidden="until-found"])) {
-  display: none;
-}
--- a/main.js
+++ b/main.js
@ -1,8 +1,10 @@
-const { app, BrowserWindow } = require('electron/main')
+const { app, BrowserWindow, Menu } = require('electron/main')
+const {fetchRepositoryFiles} = require("./components/js/repoDatabase.js");
+//Menu.setApplicationMenu(false); // Top Bar

 let progressInterval

-function createWindow () {
+async function createWindow () {
    const win = new BrowserWindow({
        width: 1000,
        height: 800
@ -10,8 +12,11 @@ function createWindow () {

    win.loadFile('index.html')

-    const INCREMENT = 0.03
-    const INTERVAL_DELAY = 100 // ms
+    const fileTitles = await fetchRepositoryFiles();
+    console.log(fileTitles);
+
+    /*const INCREMENT = 0.03
+    const INTERVAL_DELAY = 100

    let c = 0
    progressInterval = setInterval(() => {
@ -22,7 +27,7 @@ function createWindow () {
        } else {
            c = (-INCREMENT * 5)
        }
-    }, INTERVAL_DELAY)
+    }, INTERVAL_DELAY)*/
 }

 app.whenReady().then(createWindow)
--- a/package-lock.json
+++ b/package-lock.json
@ -9,7 +9,13 @@
      "version": "1.0.0",
      "license": "MIT",
      "dependencies": {
+        "@octokit/rest": "^21.0.2",
+        "axios": "^1.7.9",
+        "date-fns": "^4.1.0",
+        "dotenv": "^16.4.7",
        "electron-squirrel-startup": "^1.0.1",
+        "marked": "^15.0.3",
+        "node-fetch": "^2.7.0",
        "postcss": "^8.4.49"
      },
      "devDependencies": {
@ -1799,6 +1805,159 @@
        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
      }
    },
+    "node_modules/@octokit/auth-token": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/@octokit/auth-token/-/auth-token-5.1.1.tgz",
+      "integrity": "sha512-rh3G3wDO8J9wSjfI436JUKzHIxq8NaiL0tVeB2aXmG6p/9859aUOAjA9pmSPNGGZxfwmaJ9ozOJImuNVJdpvbA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/@octokit/core": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/@octokit/core/-/core-6.1.2.tgz",
+      "integrity": "sha512-hEb7Ma4cGJGEUNOAVmyfdB/3WirWMg5hDuNFVejGEDFqupeOysLc2sG6HJxY2etBp5YQu5Wtxwi020jS9xlUwg==",
+      "license": "MIT",
+      "dependencies": {
+        "@octokit/auth-token": "^5.0.0",
+        "@octokit/graphql": "^8.0.0",
+        "@octokit/request": "^9.0.0",
+        "@octokit/request-error": "^6.0.1",
+        "@octokit/types": "^13.0.0",
+        "before-after-hook": "^3.0.2",
+        "universal-user-agent": "^7.0.0"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/@octokit/endpoint": {
+      "version": "10.1.1",
+      "resolved": "https://registry.npmjs.org/@octokit/endpoint/-/endpoint-10.1.1.tgz",
+      "integrity": "sha512-JYjh5rMOwXMJyUpj028cu0Gbp7qe/ihxfJMLc8VZBMMqSwLgOxDI1911gV4Enl1QSavAQNJcwmwBF9M0VvLh6Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@octokit/types": "^13.0.0",
+        "universal-user-agent": "^7.0.2"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/@octokit/graphql": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@octokit/graphql/-/graphql-8.1.1.tgz",
+      "integrity": "sha512-ukiRmuHTi6ebQx/HFRCXKbDlOh/7xEV6QUXaE7MJEKGNAncGI/STSbOkl12qVXZrfZdpXctx5O9X1AIaebiDBg==",
+      "license": "MIT",
+      "dependencies": {
+        "@octokit/request": "^9.0.0",
+        "@octokit/types": "^13.0.0",
+        "universal-user-agent": "^7.0.0"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/@octokit/openapi-types": {
+      "version": "22.2.0",
+      "resolved": "https://registry.npmjs.org/@octokit/openapi-types/-/openapi-types-22.2.0.tgz",
+      "integrity": "sha512-QBhVjcUa9W7Wwhm6DBFu6ZZ+1/t/oYxqc2tp81Pi41YNuJinbFRx8B133qVOrAaBbF7D/m0Et6f9/pZt9Rc+tg==",
+      "license": "MIT"
+    },
+    "node_modules/@octokit/plugin-paginate-rest": {
+      "version": "11.3.6",
+      "resolved": "https://registry.npmjs.org/@octokit/plugin-paginate-rest/-/plugin-paginate-rest-11.3.6.tgz",
+      "integrity": "sha512-zcvqqf/+TicbTCa/Z+3w4eBJcAxCFymtc0UAIsR3dEVoNilWld4oXdscQ3laXamTszUZdusw97K8+DrbFiOwjw==",
+      "license": "MIT",
+      "dependencies": {
+        "@octokit/types": "^13.6.2"
+      },
+      "engines": {
+        "node": ">= 18"
+      },
+      "peerDependencies": {
+        "@octokit/core": ">=6"
+      }
+    },
+    "node_modules/@octokit/plugin-request-log": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/@octokit/plugin-request-log/-/plugin-request-log-5.3.1.tgz",
+      "integrity": "sha512-n/lNeCtq+9ofhC15xzmJCNKP2BWTv8Ih2TTy+jatNCCq/gQP/V7rK3fjIfuz0pDWDALO/o/4QY4hyOF6TQQFUw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 18"
+      },
+      "peerDependencies": {
+        "@octokit/core": ">=6"
+      }
+    },
+    "node_modules/@octokit/plugin-rest-endpoint-methods": {
+      "version": "13.2.6",
+      "resolved": "https://registry.npmjs.org/@octokit/plugin-rest-endpoint-methods/-/plugin-rest-endpoint-methods-13.2.6.tgz",
+      "integrity": "sha512-wMsdyHMjSfKjGINkdGKki06VEkgdEldIGstIEyGX0wbYHGByOwN/KiM+hAAlUwAtPkP3gvXtVQA9L3ITdV2tVw==",
+      "license": "MIT",
+      "dependencies": {
+        "@octokit/types": "^13.6.1"
+      },
+      "engines": {
+        "node": ">= 18"
+      },
+      "peerDependencies": {
+        "@octokit/core": ">=6"
+      }
+    },
+    "node_modules/@octokit/request": {
+      "version": "9.1.3",
+      "resolved": "https://registry.npmjs.org/@octokit/request/-/request-9.1.3.tgz",
+      "integrity": "sha512-V+TFhu5fdF3K58rs1pGUJIDH5RZLbZm5BI+MNF+6o/ssFNT4vWlCh/tVpF3NxGtP15HUxTTMUbsG5llAuU2CZA==",
+      "license": "MIT",
+      "dependencies": {
+        "@octokit/endpoint": "^10.0.0",
+        "@octokit/request-error": "^6.0.1",
+        "@octokit/types": "^13.1.0",
+        "universal-user-agent": "^7.0.2"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/@octokit/request-error": {
+      "version": "6.1.5",
+      "resolved": "https://registry.npmjs.org/@octokit/request-error/-/request-error-6.1.5.tgz",
+      "integrity": "sha512-IlBTfGX8Yn/oFPMwSfvugfncK2EwRLjzbrpifNaMY8o/HTEAFqCA1FZxjD9cWvSKBHgrIhc4CSBIzMxiLsbzFQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@octokit/types": "^13.0.0"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/@octokit/rest": {
+      "version": "21.0.2",
+      "resolved": "https://registry.npmjs.org/@octokit/rest/-/rest-21.0.2.tgz",
+      "integrity": "sha512-+CiLisCoyWmYicH25y1cDfCrv41kRSvTq6pPWtRroRJzhsCZWZyCqGyI8foJT5LmScADSwRAnr/xo+eewL04wQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@octokit/core": "^6.1.2",
+        "@octokit/plugin-paginate-rest": "^11.0.0",
+        "@octokit/plugin-request-log": "^5.3.1",
+        "@octokit/plugin-rest-endpoint-methods": "^13.0.0"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/@octokit/types": {
+      "version": "13.6.2",
+      "resolved": "https://registry.npmjs.org/@octokit/types/-/types-13.6.2.tgz",
+      "integrity": "sha512-WpbZfZUcZU77DrSW4wbsSgTPfKcp286q3ItaIgvSbBpZJlu6mnYXAkjZz6LVZPXkEvLIM8McanyZejKTYUHipA==",
+      "license": "MIT",
+      "dependencies": {
+        "@octokit/openapi-types": "^22.2.0"
+      }
+    },
    "node_modules/@pkgjs/parseargs": {
      "version": "0.11.0",
      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
@ -2162,6 +2321,12 @@
        "node": "*"
      }
    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "license": "MIT"
+    },
    "node_modules/at-least-node": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz",
@ -2220,6 +2385,17 @@
        "postcss": "^8.1.0"
      }
    },
+    "node_modules/axios": {
+      "version": "1.7.9",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.9.tgz",
+      "integrity": "sha512-LhLcE7Hbiryz8oMDdDptSrWowmB4Bl6RCt6sIJKpRB4XtVf0iEgewX3au/pJqm+Py1kCASkb/FFKjxQaLtxJvw==",
+      "license": "MIT",
+      "dependencies": {
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
    "node_modules/balanced-match": {
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@ -2248,6 +2424,12 @@
      ],
      "license": "MIT"
    },
+    "node_modules/before-after-hook": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/before-after-hook/-/before-after-hook-3.0.2.tgz",
+      "integrity": "sha512-Nik3Sc0ncrMK4UUdXQmAnRtzmNQTAAXmXIopizwZ1W1t8QmfJj+zL4OA2I7XPTPW5z5TDqv4hRo/JzouDJnX3A==",
+      "license": "Apache-2.0"
+    },
    "node_modules/binary-extensions": {
      "version": "2.3.0",
      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
@ -2833,6 +3015,18 @@
      "dev": true,
      "license": "MIT"
    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
    "node_modules/commander": {
      "version": "4.1.1",
      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
@ -2919,6 +3113,16 @@
        "node": ">=4"
      }
    },
+    "node_modules/date-fns": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-4.1.0.tgz",
+      "integrity": "sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/kossnocorp"
+      }
+    },
    "node_modules/debug": {
      "version": "4.4.0",
      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
@ -3027,6 +3231,15 @@
        "url": "https://github.com/sponsors/ljharb"
      }
    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
    "node_modules/detect-libc": {
      "version": "2.0.3",
      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz",
@ -3094,6 +3307,18 @@
      "dev": true,
      "license": "MIT"
    },
+    "node_modules/dotenv": {
+      "version": "16.4.7",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.7.tgz",
+      "integrity": "sha512-47qPchRCykZC03FhkYAhrvwU4xDBFIj1QPqaarj6mdM/hgUzfPHcpkHJOn3mJAufFeeAxAzeGsr5X0M4k6fLZQ==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://dotenvx.com"
+      }
+    },
    "node_modules/eastasianwidth": {
      "version": "0.2.0",
      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
@ -3802,7 +4027,6 @@
      "version": "0.1.13",
      "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz",
      "integrity": "sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==",
-      "dev": true,
      "license": "MIT",
      "optional": true,
      "dependencies": {
@ -4220,6 +4444,26 @@
        "node": ">= 10.0.0"
      }
    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.9",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz",
+      "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
    "node_modules/foreground-child": {
      "version": "3.3.0",
      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz",
@ -4237,6 +4481,20 @@
        "url": "https://github.com/sponsors/isaacs"
      }
    },
+    "node_modules/form-data": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.1.tgz",
+      "integrity": "sha512-tzN8e4TX8+kkxGPK8D5u0FNmjPUjw3lwC9lSLxxoB/+GtsJG91CO8bSWy73APlgAZzZbXEYZJuxjkHH2w+Ezhw==",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
    "node_modules/fraction.js": {
      "version": "4.3.7",
      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
@ -4768,7 +5026,6 @@
      "version": "0.6.3",
      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-      "dev": true,
      "license": "MIT",
      "optional": true,
      "dependencies": {
@ -5305,6 +5562,18 @@
        "node": ">=6"
      }
    },
+    "node_modules/marked": {
+      "version": "15.0.3",
+      "resolved": "https://registry.npmjs.org/marked/-/marked-15.0.3.tgz",
+      "integrity": "sha512-Ai0cepvl2NHnTcO9jYDtcOEtVBNVYR31XnEA3BndO7f5As1wzpcOceSUM8FDkNLJNIODcLpDTWay/qQhqbuMvg==",
+      "license": "MIT",
+      "bin": {
+        "marked": "bin/marked.js"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
    "node_modules/matcher": {
      "version": "3.0.0",
      "resolved": "https://registry.npmjs.org/matcher/-/matcher-3.0.0.tgz",
@ -5358,6 +5627,27 @@
        "node": ">=8.6"
      }
    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
    "node_modules/mimic-fn": {
      "version": "2.1.0",
      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
@ -5696,7 +5986,6 @@
      "version": "2.7.0",
      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
-      "dev": true,
      "license": "MIT",
      "dependencies": {
        "whatwg-url": "^5.0.0"
@ -6522,6 +6811,12 @@
        "node": ">=10"
      }
    },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+      "license": "MIT"
+    },
    "node_modules/pump": {
      "version": "3.0.2",
      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.2.tgz",
@ -7010,7 +7305,6 @@
      "version": "2.1.2",
      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
-      "dev": true,
      "license": "MIT",
      "optional": true
    },
@ -7710,7 +8004,6 @@
      "version": "0.0.3",
      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
-      "dev": true,
      "license": "MIT"
    },
    "node_modules/trim-repeated": {
@ -7790,6 +8083,12 @@
        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
      }
    },
+    "node_modules/universal-user-agent": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/universal-user-agent/-/universal-user-agent-7.0.2.tgz",
+      "integrity": "sha512-0JCqzSKnStlRRQfCdowvqy3cy0Dvtlb8xecj/H8JFZuCze4rwjPZQOgvFvn0Ws/usCHQFGpyr+pB9adaGwXn4Q==",
+      "license": "ISC"
+    },
    "node_modules/universalify": {
      "version": "0.1.2",
      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
@ -7877,14 +8176,12 @@
      "version": "3.0.1",
      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
-      "dev": true,
      "license": "BSD-2-Clause"
    },
    "node_modules/whatwg-url": {
      "version": "5.0.0",
      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
-      "dev": true,
      "license": "MIT",
      "dependencies": {
        "tr46": "~0.0.3",
--- a/package.json
+++ b/package.json
@ -5,7 +5,7 @@
  "main": "main.js",
  "scripts": {
    "start": "electron-forge start",
-    "build:css": "tailwindcss build main.css -o main.css",
+    "build:css": "tailwindcss build components/css/main.css -o main.css",
    "package": "electron-forge package",
    "make": "electron-forge make"
  },
@ -36,7 +36,13 @@
    "tailwindcss": "^3.4.16"
  },
  "dependencies": {
+    "@octokit/rest": "^21.0.2",
+    "axios": "^1.7.9",
+    "date-fns": "^4.1.0",
+    "dotenv": "^16.4.7",
    "electron-squirrel-startup": "^1.0.1",
+    "marked": "^15.0.3",
+    "node-fetch": "^2.7.0",
    "postcss": "^8.4.49"
  }
 }
--- a/yarn.lock
+++ b/yarn.lock
Author	SHA1	Message	Date
Julscha	0898f59972	Merge pull request #2 from JustusPlays78/develop Checkbox + hopyfully final frontend changes + Camelcase	2024-12-13 21:41:53 +01:00
Julscha	83e45fc3e2	Checkbox + hopyfully final frontend changes	2024-12-13 21:37:19 +01:00
Julscha	830a809091	Merge pull request #1 from JustusPlays78/develop feat: adding settings and pushSite, siteswitch via header, basic fron…	2024-12-13 18:22:13 +01:00
Julscha	f16522fd66	feat: adding settings and pushSite, siteswitch via header, basic frontend stuff	2024-12-13 18:21:03 +01:00