Lang fixes

Fixes for custom things and mark as done
Use localstorage rather than cookies
2026-06-12 03:41:39 +02:00 · 2025-09-15 22:47:04 +02:00 · 2025-09-15 22:44:53 +02:00 · 2025-09-15 22:17:50 +02:00 · 2025-09-14 18:17:45 +02:00 · 2025-09-14 18:17:17 +02:00
34 changed files with 2964 additions and 959 deletions
--- a/absences/absences.css
+++ b/absences/absences.css
@@ -139,6 +139,7 @@ body {
 }
 .dropdown-item:hover {
  background:var(--button-secondaryFill);
+  text-decoration:none;
 }
 .kreta-main {
  flex:1;
--- a/absences/absences.js
+++ b/absences/absences.js
@@ -1,11 +1,11 @@
 async function collectAbsencesData() {
  const basicData = {
    schoolInfo: {
-      name: cookieManager.get("schoolName") || "Iskola",
-      id: cookieManager.get("schoolCode") || "",
+      name: await storageManager.get("schoolName", "OM azonosító - Iskola neve"),
+      id: await storageManager.get("schoolCode", ""),
    },
    userData: {
-      name: cookieManager.get("userName") || "Felhasználó",
+      name: await storageManager.get("userName", "Felhasználónév"),
      time:
        document.querySelector(".usermenu_timer")?.textContent?.trim() ||
        "45:00",
@@ -281,7 +281,7 @@ async function transformAbsencesPage() {
  container.className = 'kreta-container';
  const headerDiv = document.createElement('div');
  const parser = new DOMParser();
-  const doc = parser.parseFromString(createTemplate.header(), 'text/html');
+  const doc = parser.parseFromString(await createTemplate.header(), 'text/html');
  const tempDiv = doc.body;
  while (tempDiv.firstChild) {
    headerDiv.appendChild(tempDiv.firstChild);
--- a/dashboard/dashboard.css
+++ b/dashboard/dashboard.css
@@ -219,6 +219,51 @@ h2 {
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
+  max-width: 200px;
+}
+
+/* Mobile view: author below content */
+@media (max-width: 768px) {
+  .news-item .widget-row {
+    flex-direction: column;
+    align-items: stretch;
+  }
+  
+  .news-item .widget-meta {
+    order: 2;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-top: 8px;
+  }
+  
+  .news-item .widget-details {
+    order: 1;
+  }
+  
+  .news-author {
+    align-items: center;
+    text-align: center;
+    max-width: 100%;
+    margin-top: 4px;
+  }
+  
+  .widget-date {
+    order: 1;
+  }
+  
+  .news-author {
+    order: 2;
+  }
+}
+
+/* Desktop view: limit author width and wrap text */
+@media (min-width: 769px) {
+  .news-author {
+    max-width: 180px;
+    white-space: normal;
+    line-height: 1.3;
+  }
 }

 .widget-empty {
@@ -346,6 +391,7 @@ h2 {

 .dropdown-item:hover {
  background-color: var(--accent-15);
+  text-decoration: none;
 }

 .dropdown-item svg {
--- a/dashboard/dashboard.js
+++ b/dashboard/dashboard.js
@@ -292,18 +292,22 @@ class DashboardDataManager {

 class DashboardRenderer {
  constructor(data) {
+    this.baseData = data;
+  }
+
+  async init() {
    this.data = {
-      ...data,
+      ...this.baseData,
      schoolInfo: {
        name:
-          cookieManager.get(COOKIE_KEYS.SCHOOL_NAME) || DEFAULT_VALUES.SCHOOL,
-        id: cookieManager.get(COOKIE_KEYS.SCHOOL_CODE) || "",
+          await storageManager.get("schoolName", "OM azonosító - Iskola neve"),
+        id: await storageManager.get("schoolCode", ""),
      },
      userData: {
-        name: cookieManager.get(COOKIE_KEYS.USER_NAME) || DEFAULT_VALUES.USER,
+        name: await storageManager.get("userName", "Felhasználónév"),
        time:
          document.querySelector(".usermenu_timer")?.textContent?.trim() ||
-          DEFAULT_VALUES.TIMER,
+          "45:00",
      },
    };
    this.schoolNameFull = `${this.data.schoolInfo.id} - ${this.data.schoolInfo.name}`;
@@ -475,14 +479,15 @@ class DashboardRenderer {
    `;
  }

-  render() {
+  async render() {
+    await this.init();
    document.body.innerHTML = '';
    
    const kretaContainer = document.createElement('div');
    kretaContainer.className = 'kreta-container';
    const headerDiv = document.createElement('div');
    const parser = new DOMParser();
-    const headerDoc = parser.parseFromString(createTemplate.header(), 'text/html');
+    const headerDoc = parser.parseFromString(await createTemplate.header(), 'text/html');
    const headerContent = headerDoc.body;
    while (headerContent.firstChild) {
      headerDiv.appendChild(headerContent.firstChild);
@@ -573,7 +578,7 @@ class DashboardApplication {
      const dashboardData = await dataManager.extractAllData();
      
      const renderer = new DashboardRenderer(dashboardData);
-      renderer.render();
+      await renderer.render();
    } catch (error) {
      console.error("Error initializing dashboard:", error);
    }
--- a/global/language.js
+++ b/global/language.js
@@ -6,7 +6,8 @@
    try {
      currentLanguage = language;

-      cookieManager.set("languagePreference", language);
+      await storageManager.set("languagePreference", language);
+
      localStorage.setItem("languagePreference", language);

      await loadTranslations(language);
@@ -82,20 +83,25 @@
  }

  async function initializeLanguage() {
-    const cookieLanguage = cookieManager.get("languagePreference");
-    const localStorageLanguage = localStorage.getItem("languagePreference");
+    try {
+      const storageLanguage = await storageManager.get("languagePreference");
+      const localStorageLanguage = localStorage.getItem("languagePreference");
+      const language = storageLanguage || localStorageLanguage || "hu";

-    const language = cookieLanguage || localStorageLanguage || "hu";
+      await setLanguage(language);
+      loadTranslationsForPage();

-    await setLanguage(language);
-    loadTranslationsForPage();
-
-    if (cookieLanguage !== localStorageLanguage) {
-      if (cookieLanguage) {
-        localStorage.setItem("languagePreference", cookieLanguage);
-      } else if (localStorageLanguage) {
-        cookieManager.set("languagePreference", localStorageLanguage);
+      if (storageLanguage !== localStorageLanguage) {
+        if (storageLanguage) {
+          localStorage.setItem("languagePreference", storageLanguage);
+        } else if (localStorageLanguage) {
+          await storageManager.set("languagePreference", localStorageLanguage);
+        }
      }
+    } catch (error) {
+      console.error("Error initializing language:", error);
+      await setLanguage("hu");
+      loadTranslationsForPage();
    }
  }

@@ -121,8 +127,7 @@
  function loadTranslationsForPage() {
    try {
      applyTranslations();
-      
-      // Figyeljük a DOM változásokat és alkalmazzuk a fordításokat új elemekre
+
      const observer = new MutationObserver((mutations) => {
        mutations.forEach((mutation) => {
          if (mutation.type === 'childList') {
@@ -142,8 +147,7 @@
                    }
                  }
                });
-                
-                // Ha maga az elem is tartalmaz data-i18n attribútumot
+
                if (node.hasAttribute && node.hasAttribute('data-i18n')) {
                  const key = node.getAttribute('data-i18n');
                  const translation = getTranslation(key);
--- a/global/maintenance.js
+++ b/global/maintenance.js
@@ -9,12 +9,7 @@ function checkMaintenancePage() {
  const maintenanceContent = document.querySelector(".login_content");
  const bodyText = document.body ? document.body.textContent : "";

-  const specificMaintenanceMessage =
-    "Kedves Felhasználók! A KRÉTA rendszer jelenleg frissítés alatt van, hamarosan újra elérhetővé válik. Köszönjük türelmüket és megértésüket! KRÉTA Csapat";
-  const hasSpecificMessage =
-    bodyText.includes("Kedves Felhasználók!") &&
-    bodyText.includes("A KRÉTA rendszer jelenleg frissítés alatt van") &&
-    bodyText.includes("KRÉTA Csapat");
+  const hasSpecificMessage = bodyText.includes("A KRÉTA rendszer jelenleg frissítés alatt van");

  const hasGeneralMaintenance =
    maintenanceContent &&
--- a/global/navigation.css
+++ b/global/navigation.css
@@ -146,6 +146,7 @@
  background:var(--hover);
  color:var(--accent-accent);
  border-radius:8px;
+  text-decoration:none;
 }
@keyframes dropdownShow {
  from {
--- a/global/navigation.js
+++ b/global/navigation.js
@@ -11,16 +11,16 @@ const DEFAULT_VALUES = {
  TIMER: "45:00",
 };

-function updateHeaderInfo() {
+async function updateHeaderInfo() {
  const schoolName = document.querySelector(".nav-school-name");
  const userName = document.querySelector(".nav-user-name");
  const logoutTimer = document.querySelector(".nav-logout-timer");

  const userData = {
    schoolName:
-      cookieManager.get(COOKIE_KEYS.SCHOOL_NAME) || DEFAULT_VALUES.SCHOOL,
-    schoolId: cookieManager.get(COOKIE_KEYS.SCHOOL_CODE) || "",
-    name: cookieManager.get(COOKIE_KEYS.USER_NAME) || DEFAULT_VALUES.USER,
+      await storageManager.get("schoolName", DEFAULT_VALUES.SCHOOL),
+    schoolId: await storageManager.get("schoolCode", ""),
+    name: await storageManager.get("userName", DEFAULT_VALUES.USER),
    time:
      document.querySelector(".usermenu_timer")?.textContent?.trim() ||
      DEFAULT_VALUES.TIMER,
@@ -59,8 +59,8 @@ function startLogoutTimer(timeString) {
  setInterval(updateTimer, 1000);
 }

-document.addEventListener("DOMContentLoaded", () => {
-  updateHeaderInfo();
+document.addEventListener("DOMContentLoaded", async () => {
+  await updateHeaderInfo();
 });

 function setupUserDropdown() {
@@ -169,8 +169,8 @@ function setupMobileNavigation() {
  }, 100);
 }

-document.addEventListener("DOMContentLoaded", () => {
-  updateHeaderInfo();
+document.addEventListener("DOMContentLoaded", async () => {
+  await updateHeaderInfo();
  setupUserDropdown();
  setupSettingsButton();
  setupMobileNavigation();
--- a/global/theme.js
+++ b/global/theme.js
@@ -1,10 +1,12 @@
 (() => {
-  function setTheme(theme) {
+  async function setTheme(theme) {
    try {
      const actualTheme = theme === "default" ? "light-blue" : theme;

      document.documentElement.setAttribute("data-theme", actualTheme);
-      cookieManager.set("themePreference", actualTheme);
+
+      await storageManager.set("themePreference", actualTheme);
+
      localStorage.setItem("themePreference", actualTheme);

      chrome.runtime
@@ -104,22 +106,29 @@
    }
  }

-  function initializeTheme() {
-    const cookieTheme = cookieManager.get("themePreference");
-    const localStorageTheme = localStorage.getItem("themePreference");
+  async function initializeTheme() {
+    try {
+      const storageTheme = await storageManager.get("themePreference");
+      const localStorageTheme = localStorage.getItem("themePreference");

-    const theme = cookieTheme || localStorageTheme || "light-green";
+      const theme = storageTheme || localStorageTheme || "light-green";

-    setTheme(theme);
-    setPageTitleAndFavicon();
-    importFonts();
+      await setTheme(theme);
+      setPageTitleAndFavicon();
+      importFonts();

-    if (cookieTheme !== localStorageTheme) {
-      if (cookieTheme) {
-        localStorage.setItem("themePreference", cookieTheme);
-      } else if (localStorageTheme) {
-        cookieManager.set("themePreference", localStorageTheme);
+      if (storageTheme !== localStorageTheme) {
+        if (storageTheme) {
+          localStorage.setItem("themePreference", storageTheme);
+        } else if (localStorageTheme) {
+          await storageManager.set("themePreference", localStorageTheme);
+        }
      }
+    } catch (error) {
+      console.error("Error initializing theme:", error);
+      await setTheme("light-green");
+      setPageTitleAndFavicon();
+      importFonts();
    }
  }

@@ -146,17 +155,21 @@

  let titleCheckTimeout;

-  const observer = new MutationObserver((mutations) => {
+  const observer = new MutationObserver(async (mutations) => {
    const currentTheme = document.documentElement.getAttribute("data-theme");
-    const savedTheme =
-      cookieManager.get("themePreference") ||
-      localStorage.getItem("themePreference");
+    
+    try {
+      const savedTheme = await storageManager.get("themePreference") ||
+        localStorage.getItem("themePreference");

-    if (
-      (!currentTheme && savedTheme) ||
-      (currentTheme !== savedTheme && savedTheme)
-    ) {
-      setTheme(savedTheme);
+      if (
+        (!currentTheme && savedTheme) ||
+        (currentTheme !== savedTheme && savedTheme)
+      ) {
+        await setTheme(savedTheme);
+      }
+    } catch (error) {
+      console.error("Error checking theme in observer:", error);
    }

    const titleChanged = mutations.some(
--- a/grades/grades.css
+++ b/grades/grades.css
@@ -317,6 +317,7 @@ body {
 }
 .dropdown-item:hover {
  background:var(--button-secondaryFill);
+  text-decoration:none;
 }
 .kreta-main {
  flex:1;
--- a/grades/grades.js
+++ b/grades/grades.js
@@ -11,7 +11,7 @@
      window.currentGradesData = gradesData;
      document.body.innerHTML = '';
      const parser = new DOMParser();
-      const doc = parser.parseFromString(generatePageHTML(
+      const doc = parser.parseFromString(await generatePageHTML(
        gradesData,
        studentAverage,
        classAverage,
@@ -61,24 +61,24 @@
      }

      const data = await response.json();
-      return processAPIGradesData(data);
+      return await processAPIGradesData(data);
    } catch (error) {
      console.error("Error fetching grades from API:", error);
-      return extractGradesDataFromDOM();
+      return await extractGradesDataFromDOM();
    }
  }

-  function processAPIGradesData(apiData) {
+  async function processAPIGradesData(apiData) {
    const subjects = [];

    if (!apiData.Data || !Array.isArray(apiData.Data)) {
      return {
        schoolInfo: {
-          id: cookieManager.get("schoolCode") || "",
-          name: cookieManager.get("schoolName") || "Iskola",
+          id: await storageManager.get("schoolCode", ""),
+          name: await storageManager.get("schoolName", "OM azonosító - Iskola neve"),
        },
        userData: {
-          name: cookieManager.get("userName") || "Felhasználó",
+          name: await storageManager.get("userName", "Felhasználónév"),
          time:
            document.querySelector(".usermenu_timer")?.textContent?.trim() ||
            "45:00",
@@ -195,11 +195,11 @@

    return {
      schoolInfo: {
-        id: cookieManager.get("schoolCode") || "",
-        name: cookieManager.get("schoolName") || "Iskola",
+        id: await storageManager.get("schoolCode", ""),
+        name: await storageManager.get("schoolName", "Iskola"),
      },
      userData: {
-        name: cookieManager.get("userName") || "Felhasználó",
+        name: await storageManager.get("userName", "Felhasználó"),
        time:
          document.querySelector(".usermenu_timer")?.textContent?.trim() ||
          "45:00",
@@ -208,7 +208,7 @@
    };
  }

-  function extractGradesDataFromDOM() {
+  async function extractGradesDataFromDOM() {
    const subjects = [];
    const rows = document.querySelectorAll(
      "#Osztalyzatok_7895TanuloErtekelesByTanuloGrid tbody tr",
@@ -293,11 +293,11 @@

    return {
      schoolInfo: {
-        id: cookieManager.get("schoolCode") || "",
-        name: cookieManager.get("schoolName") || "Iskola",
+        id: await storageManager.get("schoolCode", ""),
+        name: await storageManager.get("schoolName", "Iskola"),
      },
      userData: {
-        name: cookieManager.get("userName") || "Felhasználó",
+        name: await storageManager.get("userName", "Felhasználó"),
        time:
          document.querySelector(".usermenu_timer")?.textContent?.trim() ||
          "45:00",
@@ -376,7 +376,7 @@
    return distribution;
  }

-  function generatePageHTML(data, studentAverage, classAverage) {
+  async function generatePageHTML(data, studentAverage, classAverage) {
    const totalGrades = data.subjects.reduce(
      (sum, subject) => sum + subject.grades.length,
      0,
@@ -393,7 +393,7 @@

    return `
      <div class="kreta-container">
-        ${createTemplate.header()}
+        ${await createTemplate.header()}

        <main class="kreta-main">
          <div class="grades-overview">
--- a/homework/homework.css
+++ b/homework/homework.css
@@ -169,6 +169,7 @@ body {

 .dropdown-item:hover {
  background-color: var(--accent-15);
+  text-decoration: none;
 }


--- a/homework/homework.js
+++ b/homework/homework.js
@@ -29,11 +29,11 @@ async function collectHomeworkData() {

  const basicData = {
    schoolInfo: {
-      name: cookieManager.get("schoolName") || "Iskola",
-      id: cookieManager.get("schoolCode") || "",
+      name: await storageManager.get("schoolName", "OM azonosító - Iskola neve"),
+      id: await storageManager.get("schoolCode", ""),
    },
    userData: {
-      name: cookieManager.get("userName") || "Felhasználó",
+      name: await storageManager.get("userName", "Felhasználónév"),
      time:
        document.querySelector(".usermenu_timer")?.textContent?.trim() ||
        "45:00",
@@ -124,7 +124,7 @@ async function transformHomeworkPage() {
  kretaContainer.className = 'kreta-container';
  const headerDiv = document.createElement('div');
  const parser = new DOMParser();
-  const headerDoc = parser.parseFromString(createTemplate.header(), 'text/html');
+  const headerDoc = parser.parseFromString(await createTemplate.header(), 'text/html');
  const headerContent = headerDoc.body;
  while (headerContent.firstChild) {
    headerDiv.appendChild(headerContent.firstChild);
@@ -624,28 +624,28 @@ function updateDateGroupsVisibility() {
  });
 }

-function getHomeworkCompletionStatus(homeworkId) {
-  const completedHomework = cookieManager.get('completedHomework');
+async function getHomeworkCompletionStatus(homeworkId) {
+  const completedHomework = await storageManager.get('completedHomework');
  if (!completedHomework) return false;
  
  try {
    const completedList = JSON.parse(completedHomework);
    return completedList.includes(homeworkId.toString());
  } catch (error) {
-    console.error('Error parsing completed homework cookie:', error);
+    console.error('Error parsing completed homework storage:', error);
    return false;
  }
 }

-function setHomeworkCompletionStatus(homeworkId, isCompleted) {
-  let completedHomework = cookieManager.get('completedHomework');
+async function setHomeworkCompletionStatus(homeworkId, isCompleted) {
+  let completedHomework = await storageManager.get('completedHomework');
  let completedList = [];
  
  if (completedHomework) {
    try {
      completedList = JSON.parse(completedHomework);
    } catch (error) {
-      console.error('Error parsing completed homework cookie:', error);
+      console.error('Error parsing completed homework storage:', error);
      completedList = [];
    }
  }
@@ -660,7 +660,7 @@ function setHomeworkCompletionStatus(homeworkId, isCompleted) {
    completedList = completedList.filter(id => id !== homeworkIdStr);
  }
  
-  cookieManager.set('completedHomework', JSON.stringify(completedList));
+  await storageManager.set('completedHomework', JSON.stringify(completedList));
 }

 function setupHomeworkCheckboxes() {
--- a/i18n/en.json
+++ b/i18n/en.json
@@ -116,7 +116,36 @@
    "thursday": "Thursday",
    "friday": "Friday",
    "found_current_week": "Found current week",
-    "open_homework": "Open homework"
+    "open_homework": "Open homework",
+    "all_day": "All day",
+    "special_day": "Special day",
+    "unknown_subject": "Unknown subject",
+    "lesson_topic": "Lesson topic",
+    "homework_completed": "Completed homework",
+    "homework_mark_completed": "Mark as completed",
+    "homework_mark_uncompleted": "Completed - click to undo",
+    "custom_homework": "Custom homework",
+    "custom_test": "Custom test",
+    "add_homework_test": "Add homework or test",
+    "close": "Close",
+    "add": "Add",
+    "homework_details_loading": "Loading homework details...",
+    "homework_details_error": "Error occurred while loading homework details.",
+    "test_details_loading": "Loading details...",
+    "test_details_error": "Failed to load test details.",
+    "test_details_error_general": "Error occurred while loading test details.",
+    "custom_homework_title": "Custom homework:",
+    "custom_tests_title": "Custom tests:",
+    "delete_homework_confirm": "Are you sure you want to delete this homework?",
+    "delete_test_confirm": "Are you sure you want to delete this test?",
+    "task_label": "Task:",
+    "deadline_label": "Deadline:",
+    "name_label": "Name:",
+    "type_label": "Type:",
+    "announce_date_label": "Announcement date:",
+    "no_name": "No name",
+    "no_type": "No type specified",
+    "no_date": "No date"
  },
  "homework": {
    "title": "Homework",
@@ -350,7 +379,27 @@
    "error_message": "An error occurred during password reset",
    "success_message": "Password reset link sent to your email address",
    "invalid_data": "Invalid data",
-    "invalid_email": "Invalid email address format",
+    "invalid_email": "Invalid email format",
    "recaptcha_required": "Please complete the reCAPTCHA"
+  },
+  "modal": {
+    "add_item_title": "Add new item",
+    "type_label": "Type:",
+    "homework_option": "Homework",
+    "test_option": "Test",
+    "description_label": "Description:",
+    "cancel": "Cancel",
+    "save": "Save"
+  },
+  "grades": {
+    "semester_evaluation": "Semester evaluation"
+  },
+  "search": {
+    "choose_school": "Choose school",
+    "privacy_policy": "Privacy policy"
+  },
+  "icons": {
+    "cancel": "cancel",
+    "pending": "pending"
  }
 }
--- a/i18n/hu.json
+++ b/i18n/hu.json
@@ -75,6 +75,7 @@
    "teacher": "Tanár",
    "average": "Átlag",
    "chart_title": "Jegyek",
+    "semester_evaluation": "Félévi értékelés",
    "semester_evaluations": "Félévi értékelések",
    "year_end_evaluations": "Év végi értékelések",
    "semester_average": "Félévi átlag",
@@ -116,7 +117,36 @@
    "thursday": "Csütörtök",
    "friday": "Péntek",
    "found_current_week": "Megtalált jelenlegi hét",
-    "open_homework": "Ugrás a házi feladatokhoz"
+    "open_homework": "Ugrás a házi feladatokhoz",
+    "all_day": "Egész nap",
+    "special_day": "Különleges nap",
+    "unknown_subject": "Ismeretlen tantárgy",
+    "lesson_topic": "Óra témája",
+    "homework_completed": "Megoldott házi feladat",
+    "homework_mark_completed": "Megoldottként jelöl",
+    "homework_mark_uncompleted": "Megoldva - kattints a visszavonáshoz",
+    "custom_homework": "Saját házi feladat",
+    "custom_test": "Saját számonkérés",
+    "add_homework_test": "Házi feladat vagy számonkérés hozzáadása",
+    "close": "Bezárás",
+    "add": "Hozzáadás",
+    "homework_details_loading": "Házi feladat részletek betöltése...",
+    "homework_details_error": "Hiba történt a házi feladat részletek betöltésekor.",
+    "test_details_loading": "Részletek betöltése...",
+    "test_details_error": "Nem sikerült betölteni a számonkérés részleteit.",
+    "test_details_error_general": "Hiba történt a számonkérés részletek betöltése során.",
+    "custom_homework_title": "Saját házi feladatok:",
+    "custom_tests_title": "Saját számonkérések:",
+    "delete_homework_confirm": "Biztosan törölni szeretnéd ezt a házi feladatot?",
+    "delete_test_confirm": "Biztosan törölni szeretnéd ezt a számonkérést?",
+    "task_label": "Feladat:",
+    "deadline_label": "Határidő:",
+    "name_label": "Megnevezés:",
+    "type_label": "Típus:",
+    "announce_date_label": "Bejelentés dátuma:",
+    "no_name": "Nincs megnevezés",
+    "no_type": "Nincs típus megadva",
+    "no_date": "Nincs dátum"
  },
  "homework": {
    "title": "Házi feladatok",
@@ -307,10 +337,6 @@
    "november": "november",
    "december": "december"
  },
-  "search": {
-    "title": "Válassz iskolát",
-    "select_institution": "Kérjük, válasszon egy intézményt a folytatáshoz!"
-  },
  "roleselect": {
    "student_book": "Ellenőrzőkönyv",
    "student_description": "Jegyek, hiányzások, órarended és egyéb információk megtekintése.",
@@ -352,5 +378,24 @@
    "invalid_data": "Hibás adatok",
    "invalid_email": "Érvénytelen e-mail cím formátum",
    "recaptcha_required": "Kérjük, töltse ki a reCAPTCHA-t"
+  },
+  "modal": {
+    "add_item_title": "Új elem hozzáadása",
+    "type_label": "Típus:",
+    "homework_option": "Házi feladat",
+    "test_option": "Számonkérés",
+    "description_label": "Leírás:",
+    "cancel": "Mégse",
+    "save": "Mentés"
+  },
+  "search": {
+    "choose_school": "Válassz iskolát",
+    "privacy_policy": "Adatkezelési tájékoztató",
+    "title": "Válassz iskolát",
+    "select_institution": "Kérjük, válasszon egy intézményt a folytatáshoz!"
+  },
+  "icons": {
+    "cancel": "cancel",
+    "pending": "pending"
  }
 }
--- a/icons/delete.svg
+++ b/icons/delete.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 24 24"><g fill="none"><path fill="#A7DC22" d="M9 7h9v11a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V7z"/><path stroke="#A7DC22" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7h-2M4 7h2m0 0h12M6 7v11a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7m-9-.5A2.5 2.5 0 0 1 11.5 4h1A2.5 2.5 0 0 1 15 6.5v0"/></g></svg>
--- a/icons/pipa.svg
+++ b/icons/pipa.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 24 24"><g fill="#A7DC22"><path d="M19.707 6.293a1 1 0 0 1 0 1.414l-10 10a1 1 0 0 1-1.414 0l-4-4a1 1 0 1 1 1.414-1.414L9 15.586l9.293-9.293a1 1 0 0 1 1.414 0z"/></g></svg>
--- a/icons/plus.svg
+++ b/icons/plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 24 24"><path fill="none" stroke="#A7DC22" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h7m7 0h-7m0 0V5m0 7v7"/></svg>
--- a/login/login.js
+++ b/login/login.js
@@ -110,9 +110,7 @@ async function transformLoginPage() {
      </div>
    `;

-    // Biztonságos DOM létrehozás innerHTML helyett
    document.body.innerHTML = '';
-    // Biztonságos HTML parsing DOMParser használatával
    const parser = new DOMParser();
    const doc = parser.parseFromString(newHTML, 'text/html');
    const tempDiv = doc.body;
--- a/logout/logout.js
+++ b/logout/logout.js
@@ -1,10 +1,10 @@
 (() => {
-  function transformLogoutPage() {
+  async function transformLogoutPage() {
    const theme =
-      cookieManager.get("themePreference") ||
+      await storageManager.get("themePreference", null) ||
      localStorage.getItem("themePreference") ||
      "light-green";
-    const instituteCode = cookieManager.get("schoolSubdomain");
+    const instituteCode = await storageManager.get("schoolSubdomain", null);
    document.documentElement.setAttribute("data-theme", theme);

    const newHTML = `
@@ -65,8 +65,18 @@
  }

  if (document.readyState === "loading") {
-    document.addEventListener("DOMContentLoaded", transformLogoutPage);
+    document.addEventListener("DOMContentLoaded", () => {
+      setTimeout(() => {
+        if (typeof loadingScreen !== 'undefined') {
+          loadingScreen.hide();
+        }
+      }, 100);
+      transformLogoutPage();
+    });
  } else {
+    if (typeof loadingScreen !== 'undefined') {
+      loadingScreen.hide();
+    }
    transformLogoutPage();
  }
 })();
--- a/manifest.json
+++ b/manifest.json
@@ -1,7 +1,7 @@
 {
  "manifest_version": 3,
  "name": "Firxa",
-  "version": "1.3.1",
+  "version": "1.3.4",
  "description": "KRÉTA webes verziójának újraírása",
  "icons": {
    "128": "images/firka_logo_128.png"
@@ -12,6 +12,12 @@
      "128": "images/firka_logo_128.png"
    }
  },
+  "permissions": [
+    "storage"
+  ],
+  "background": {
+    "service_worker": "tools/background.js"
+  },
  "browser_specific_settings": {
    "gecko": {
      "id": "firxa@zan1456.hu",
@@ -31,7 +37,9 @@
        "icons/*.svg",
        "grades/chart.js",
        "i18n/*.json",
-        "tools/cookieManager.js"
+        "tools/cookieManager.js",
+        "tools/storageManager.js",
+        "tools/storageTest.js"
      ],
      "matches": [
        "<all_urls>"
@@ -58,7 +66,7 @@
        "global/language.js",
        "global/theme.js",
        "tools/loadingScreen.js",
-        "tools/cookieManager.js",
+        "tools/storageManager.js",
        "tools/helper.js",
        "tools/createTemplate.js",
        "global/maintenance.js",
--- a/profile/profile.css
+++ b/profile/profile.css
@@ -1,362 +1,485 @@
-* {
-  box-sizing:border-box;
-  margin:0;
-  padding:0;
+@import url('../global/theme.css');
+
+
+.main-header,
+.main-menu,
+.main-sidebar,
+.content-header,
+.favoriteIconContainer,
+#frissitesDatumDiv,
+#layout_navigationBar,
+.navbar,
+.sidebar-container,
+#sidepanel_tabs,
+.sidepanel-wrapper {
+  display: none !important;
 }
+
+
 body {
-  margin:0;
-  padding:0;
-  color:var(--text-primary);
-  background-color:var(--background) !important;
-  font-family:"Montserrat",serif !important;
-  min-height:100vh;
-  font-size:16px;
+  margin: 0;
+  padding: 0;
+  color: var(--text-primary) !important;
+  background-color: var(--background) !important;
+  font-family: 'Montserrat', sans-serif !important;
+  min-height: 100vh;
+  font-size: 16px;
 }
-.kreta-container {
-  min-height:100vh;
-  display:flex;
-  flex-direction:column;
+
+.page-wrapper {
+  background-color: var(--background) !important;
+  min-height: 100vh;
 }
-.kreta-header {
-  padding:clamp(1rem,3vw,2rem);
-  display:grid;
-  grid-template-columns:minmax(300px,400px) 1fr minmax(200px,300px);
-  align-items:center;
-  gap:1rem;
+
+.main-wrapper {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+  background-color: var(--background) !important;
 }
-.school-info {
-  display:flex;
-  flex-direction:column;
-  gap:0.5rem;
+
+.main-content {
+  flex: 1;
+  padding: 0;
+  background-color: var(--background) !important;
 }
-.logo-text {
-  color:var(--text-primary);
-  font-size:24px;
-  font-weight:600;
-  display:flex;
-  align-items:center;
-  margin:0;
+
+.content-content {
+  background-color: var(--background) !important;
+  min-height: auto !important;
+  padding: 0;
 }
-.logo {
-  width:24px;
-  border-radius:8px;
-  margin-right:8px;
+
+.content-container {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: clamp(1rem, 3vw, 2rem);
+  background-color: var(--background) !important;
 }
-.school-details {
-  color:var(--text-secondary);
-  font-size:14px;
-  white-space:nowrap;
-  overflow:hidden;
-  text-overflow:ellipsis;
-  max-width:300px;
+
+
+.firka-header {
+  padding: clamp(1rem, 3vw, 2rem);
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  background-color: var(--background);
+  border-bottom: 1px solid var(--accent-15);
 }
-.user-profile {
-  position:relative;
-  justify-self:flex-end;
+
+.back-button {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  background: var(--card-card);
+  border: none;
+  border-radius: 12px;
+  padding: 12px 16px;
+  color: var(--text-primary);
+  font-family: 'Montserrat', sans-serif;
+  font-weight: 500;
+  font-size: 14px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  text-decoration: none;
+  box-shadow: 0px 1px var(--shadow-blur, 2px) 0px var(--accent-shadow);
 }
-.user-dropdown-btn {
-  display:flex;
-  align-items:center;
-  gap:1rem;
-  background:none;
-  border:none;
-  cursor:pointer;
-  padding:0.5rem;
-  border-radius:8px;
-  transition:background-color 0.2s;
+
+.back-button:hover {
+  background: var(--button-secondaryFill);
+  transform: translateY(-1px);
+  box-shadow: 0px 2px var(--shadow-blur, 4px) 0px var(--accent-shadow);
 }
-.user-dropdown-btn:hover {
-  background:var(--card-card);
+
+.back-button svg {
+  width: 16px;
+  height: 16px;
+  fill: var(--text-primary);
 }
-.user-info {
-  text-align:right;
+
+.page-title {
+  color: var(--text-primary);
+  font-size: 24px;
+  font-weight: 600;
+  margin: 0;
 }
-.user-dropdown {
-  position:absolute;
-  top:100%;
-  right:0;
-  margin-top:0.5rem;
-  background:var(--card-card);
-  border-radius:12px;
-  box-shadow:0px 1px var(--shadow-blur) 0px var(--accent-shadow);
-  width:200px;
-  display:none;
-  z-index:1000;
+
+
+.k-content {
+  background-color: var(--background) !important;
 }
-.user-dropdown.show {
-  display:block;
-  animation:dropdownShow 0.2s ease;
+
+.k-content h4 {
+  color: var(--text-primary) !important;
+  font-family: 'Montserrat', sans-serif !important;
+  font-size: 28px !important;
+  font-weight: 600 !important;
+  margin: 0 0 2rem 0 !important;
+  text-align: center;
 }
-.dropdown-item {
-  display:flex;
-  align-items:center;
-  gap:0.75rem;
-  padding:0.75rem 1rem;
-  color:var(--text-primary);
-  text-decoration:none;
-  transition:background-color 0.2s;
+
+
+.k-tabstrip-wrapper {
+  background: var(--card-card) !important;
+  border-radius: 24px !important;
+  overflow: hidden;
+  box-shadow: 0px 1px var(--shadow-blur, 2px) 0px var(--accent-shadow);
+  border: none !important;
 }
-.dropdown-item:hover {
-  background:var(--button-secondaryFill);
+
+.k-tabstrip {
+  background: var(--card-card) !important;
+  border: none !important;
 }
-.kreta-main {
-  flex:1;
-  padding:clamp(1rem,3vw,2rem);
-  max-width:800px;
-  margin:0 auto;
-  width:100%;
+
+.k-tabstrip-items {
+  background: var(--card-card) !important;
+  border: none !important;
+  border-radius: 24px 24px 0 0 !important;
+  padding: 0 20px !important;
 }
-.card {
-  background:var(--card-card);
-  border-radius:24px;
-  overflow:hidden;
-  box-shadow:0px 1px var(--shadow-blur) 0px var(--accent-shadow);
+
+.k-tabstrip-items .k-item {
+  background: transparent !important;
+  border: none !important;
+  margin: 0 !important;
+  border-radius: 0 !important;
 }
-.card h2 {
-  font-size:18px;
-  font-weight:600;
-  color:var(--text-primary);
-  padding:1.5rem;
-  padding-bottom:0.5rem;
-  background-color:var(--card-card);
+
+.k-tabstrip-items .k-item .k-link {
+  color: var(--text-secondary) !important;
+  font-family: 'Montserrat', sans-serif !important;
+  font-weight: 500 !important;
+  font-size: 14px !important;
+  padding: 16px 20px !important;
+  border: none !important;
+  background: transparent !important;
+  border-radius: 0 !important;
+  transition: all 0.2s ease !important;
 }
-.profile-tabs {
-  padding:1.5rem;
+
+.k-tabstrip-items .k-item.k-state-active .k-link {
+  color: var(--accent-accent) !important;
+  font-weight: 600 !important;
+  border-bottom: 2px solid var(--accent-accent) !important;
 }
-.tab-headers {
-  display:flex;
-  gap:0.5rem;
-  margin-bottom:1.5rem;
-  border-bottom:1px solid var(--card-translucent);
-  overflow-x:auto;
-  scrollbar-width:none;
+
+.k-tabstrip-items .k-item:hover .k-link {
+  color: var(--text-primary) !important;
 }
-.tab-headers::-webkit-scrollbar {
-  display:none;
+
+
+.k-tabstrip .k-content {
+  background: var(--card-card) !important;
+  border: none !important;
+  padding: 20px !important;
+  border-radius: 0 0 24px 24px !important;
 }
-.tab-header {
-  padding:0.75rem 1rem;
-  background:none;
-  border:none;
-  color:var(--text-secondary);
-  font-weight:500;
-  cursor:pointer;
-  white-space:nowrap;
-  border-bottom:2px solid transparent;
-  font-size:14px;
+
+
+form {
+  background: transparent !important;
 }
-.tab-header.active {
-  color:var(--accent-accent);
-  border-bottom-color:var(--accent-accent);
+
+.container-fluid.details {
+  background: transparent !important;
+  margin-bottom: 2rem;
 }
-.tab-content {
-  display:none;
-  background:var(--button-secondaryFill);
-  border-radius:8px;
-  padding:1.5rem;
+
+.row {
+  margin-bottom: 1rem;
+  align-items: center;
 }
-.tab-content.active {
-  display:block;
+
+.windowInputLabel {
+  color: var(--text-primary) !important;
+  font-family: 'Montserrat', sans-serif !important;
+  font-weight: 500 !important;
+  font-size: 14px !important;
+  margin: 0 !important;
 }
-.form-group {
-  margin-bottom:1rem;
+
+
+input[type="text"],
+input[type="password"],
+input[type="email"],
+select,
+textarea {
+  background: var(--button-secondaryFill) !important;
+  border: 1px solid var(--accent-15) !important;
+  border-radius: 12px !important;
+  padding: 12px 16px !important;
+  color: var(--text-primary) !important;
+  font-family: 'Montserrat', sans-serif !important;
+  font-size: 14px !important;
+  transition: all 0.2s ease !important;
 }
-.form-label {
-  display:block;
-  color:var(--text-secondary);
-  font-size:14px;
-  margin-bottom:0.5rem;
+
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="email"]:focus,
+select:focus,
+textarea:focus {
+  outline: none !important;
+  border-color: var(--accent-accent) !important;
+  box-shadow: 0 0 0 3px var(--accent-15) !important;
 }
-.form-control {
-  width:100%;
-  padding:0.75rem;
-  border:1px solid var(--accent-15);
-  border-radius:8px;
-  background:var(--accent-15);
-  color:var(--text-primary);
-  font-size:14px;
+
+.k-checkbox {
+  appearance: none;
+  width: 20px !important;
+  height: 20px !important;
+  border: 2px solid var(--accent-15) !important;
+  border-radius: 4px !important;
+  background: var(--button-secondaryFill) !important;
+  cursor: pointer !important;
+  position: relative !important;
+  transition: all 0.2s ease !important;
 }
-.form-control:focus {
-  outline:none;
-  border-color:var(--accent-accent);
+
+.k-checkbox:checked {
+  background: var(--accent-accent) !important;
+  border-color: var(--accent-accent) !important;
 }
-.form-text {
-  font-size:12px;
-  color:var(--text-secondary);
-  margin-top:0.25rem;
+
+.k-checkbox:checked::after {
+  content: '✓';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  color: white;
+  font-size: 12px;
+  font-weight: bold;
 }
-.security-content {
-  display:flex;
-  flex-direction:column;
-  gap:1.5rem;
+
+.k-checkbox-label {
+  margin-left: 8px !important;
+  color: var(--text-primary) !important;
+  font-family: 'Montserrat', sans-serif !important;
+  cursor: pointer !important;
 }
-.step-card {
-  background:var(--button-secondaryFill);
-  border-radius:12px;
-  padding:1.5rem;
-  animation:fadeIn 0.3s ease;
+
+.k-button,
+button {
+  background: var(--accent-accent) !important;
+  border: none !important;
+  border-radius: 12px !important;
+  padding: 12px 24px !important;
+  color: white !important;
+  font-family: 'Montserrat', sans-serif !important;
+  font-weight: 600 !important;
+  font-size: 14px !important;
+  cursor: pointer !important;
+  transition: all 0.2s ease !important;
+  box-shadow: 0px 1px var(--shadow-blur, 2px) 0px var(--accent-shadow) !important;
 }
-.step-card h3 {
-  color:var(--text-primary);
-  font-size:16px;
-  font-weight:600;
-  margin-bottom:1rem;
+
+.k-button:hover,
+button:hover {
+  background: var(--accent-secondary) !important;
+  transform: translateY(-1px) !important;
+  box-shadow: 0px 2px var(--shadow-blur, 4px) 0px var(--accent-shadow) !important;
 }
-.step-card p {
-  color:var(--text-secondary);
-  font-size:14px;
-  margin-bottom:1rem;
-  line-height:1.5;
+
+.k-button:active,
+button:active {
+  transform: translateY(0) !important;
 }
-.app-grid {
-  display:grid;
-  grid-template-columns:1fr 1fr;
-  gap:1.5rem;
-  margin-top:1rem;
-}
-.app-section h4 {
-  color:var(--text-primary);
-  font-size:14px;
-  font-weight:600;
-  margin-bottom:0.75rem;
-}
-.app-links {
-  display:flex;
-  flex-direction:column;
-  gap:0.5rem;
-}
-.app-link {
-  display:flex;
-  align-items:center;
-  gap:0.5rem;
-  padding:0.75rem;
-  background:var(--card-card);
-  border-radius:8px;
-  color:var(--text-primary);
-  text-decoration:none;
-  font-size:14px;
-  transition:background-color 0.2s;
-}
-.app-link:hover {
-  background:var(--button-secondaryFill);
-}
-.qr-container {
-  display:flex;
-  flex-direction:column;
-  align-items:center;
-  gap:1rem;
-  margin:1.5rem 0;
-}
-.qr-container img {
-  background:white;
-  padding:1rem;
-  border-radius:8px;
-  max-width:200px;
-}
-.setup-key {
-  display:flex;
-  flex-direction:column;
-  gap:0.5rem;
-  width:100%;
-}
-.key-display {
-  display:flex;
-  align-items:center;
-  gap:0.5rem;
-  background:var(--card-card);
-  padding:0.75rem;
-  border-radius:8px;
-}
-.key-display code {
-  font-family:monospace;
-  color:var(--text-primary);
-  font-size:14px;
-  flex-grow:1;
-  text-align:center;
-}
-.btn-copy {
-  background:none;
-  border:none;
-  color:var(--text-secondary);
-  cursor:pointer;
-  padding:0.25rem;
-  border-radius:4px;
-  transition:all 0.2s;
-}
-.btn-copy:hover {
-  color:var(--text-primary);
-  background:var(--button-secondaryFill);
-}
-.btn-save {
-  padding:0.75rem 1.5rem;
-  background:var(--accent-accent);
-  color:var(--button-secondaryFill);
-  border:none;
-  border-radius:8px;
-  font-weight:500;
-  cursor:pointer;
-  font-size:14px;
-  transition:background-color 0.2s;
-}
-.btn-save:hover {
-  background:var(--accent-secondary);
+
+
+@media (max-width: 768px) {
+  .content-container {
+    padding: 1rem;
+  }
+  
+  .firka-header {
+    padding: 1rem;
+  }
+  
+  .page-title {
+    font-size: 20px;
+  }
+  
+  .k-content h4 {
+    font-size: 24px !important;
+  }
+  
+  .k-tabstrip-items {
+    padding: 0 10px !important;
+  }
+  
+  .k-tabstrip-items .k-item .k-link {
+    padding: 12px 16px !important;
+    font-size: 13px !important;
+  }
 }
+
+
@keyframes fadeIn {
  from {
-  opacity:0;
-  transform:translateY(-10px);
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
 }
-to {
-  opacity:1;
-  transform:translateY(0);
+
+.k-tabstrip-wrapper {
+  animation: fadeIn 0.5s ease forwards;
 }
-}@keyframes dropdownShow {
-  from {
-  opacity:0;
-  transform:translateY(-10px);
+
+
+.k-widget,
+.k-header {
+  background: var(--card-card) !important;
+  color: var(--text-primary) !important;
+  border: none !important;
 }
-to {
-  opacity:1;
-  transform:translateY(0);
+
+.k-state-default {
+  background: transparent !important;
+  border: none !important;
 }
-}@media (max-width:768px) {
-  .kreta-header {
-  grid-template-columns:1fr auto auto;
-  grid-template-areas:"school toggle user"
-      "nav nav nav";
-  padding:1rem;
-  gap:0.5rem;
+
+.k-state-active {
+  background: transparent !important;
 }
-.school-info {
-  grid-area:school;
+
+
+.k-overlay,
+.k-window,
+.k-notification {
+  display: none !important;
 }
-.user-profile {
-  grid-area:user;
+
+
+.main-content .content-content {
+  display: block !important;
 }
-.app-grid {
-  grid-template-columns:1fr;
+
+
+div[style*="display:flex;justify-content:space-between"] {
+  display: flex !important;
+  justify-content: space-between !important;
+  align-items: center !important;
+  margin-top: 2rem !important;
+  padding-top: 2rem !important;
+  border-top: 1px solid var(--accent-15) !important;
 }
-.profile-tabs {
-  padding:1rem;
+
+
+div[style*="display:flex;justify-content:space-between"] label {
+  color: var(--text-secondary) !important;
+  font-size: 12px !important;
+  font-style: italic !important;
+  margin: 0 !important;
 }
-.tab-content {
-  padding:1rem;
+
+.hidden-contact-info {
+  display: none !important;
+  visibility: hidden !important;
 }
-}.material-icons-round {
-  font-size:20px;
-  vertical-align:middle;
+
+.hidden-tab {
+  display: none !important;
 }
-::-webkit-scrollbar {
-  width:8px;
-  height:8px;
+
+#ProfilTab-3 {
+  padding: 20px;
+  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+  min-height: 500px;
 }
-::-webkit-scrollbar-track {
-  background:var(--background);
+
+#ProfilTab-3 .container-fluid {
+  background: white;
+  border-radius: 12px;
+  padding: 30px;
+  margin-top: 20px;
 }
-::-webkit-scrollbar-thumb {
-  background:var(--text-secondary);
-  border-radius:4px;
+
+#ProfilTab-3 h4 {
+  color: #2c3e50;
+  font-weight: 600;
+  margin-bottom: 25px;
+  padding-bottom: 10px;
+  border-bottom: 3px solid #3498db;
+  display: inline-block;
 }
-::-webkit-scrollbar-thumb:hover {
-  background:var(--text-primary);
+
+#ProfilTab-3 .row {
+  margin-bottom: 20px;
+  padding: 15px;
+  background: #f8f9fa;
+  border-radius: 8px;
+  border-left: 4px solid #3498db;
+  transition: all 0.3s ease;
 }
+
+#ProfilTab-3 .row:hover {
+  background: #e3f2fd;
+  transform: translateX(5px);
+  box-shadow: 0 2px 10px rgba(52, 152, 219, 0.2);
+}
+
+#ProfilTab-3 .windowInputLabel {
+  color: #34495e;
+  font-weight: 500;
+  font-size: 14px;
+}
+
+#ProfilTab-3 .k-button {
+  background: linear-gradient(135deg, #3498db, #2980b9);
+  border: none;
+  border-radius: 6px;
+  padding: 10px 20px;
+  color: white;
+  font-weight: 500;
+  transition: all 0.3s ease;
+}
+
+#ProfilTab-3 .k-button:hover {
+  background: linear-gradient(135deg, #2980b9, #1f5f8b);
+  transform: translateY(-2px);
+  box-shadow: 0 4px 15px rgba(52, 152, 219, 0.4);
+}
+
+#ProfilTab-3 .k-input {
+  border: 2px solid #e0e6ed;
+  border-radius: 6px;
+  padding: 10px;
+  transition: border-color 0.3s ease;
+}
+
+#ProfilTab-3 .k-input:focus {
+  border-color: #3498db;
+  box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
+}
+
+#ProfilTab-3 .alert {
+  border-radius: 8px;
+  border: none;
+  padding: 15px;
+  margin: 15px 0;
+}
+
+#ProfilTab-3 .alert-info {
+  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
+  color: #1565c0;
+}
+
+#ProfilTab-3 .alert-success {
+  background: linear-gradient(135deg, #e8f5e8, #c8e6c9);
+  color: #2e7d32;
+}
+
+#ProfilTab-3 .alert-warning {
+  background: linear-gradient(135deg, #fff3e0, #ffcc02);
+  color: #ef6c00;
+}
+
+.details .row {
+  border-bottom: none !important;
+}
--- a/profile/profile.js
+++ b/profile/profile.js
@@ -1,417 +1,228 @@
-(() => {
-  function createSecurityTab() {
-    return `
-        <div class="security-content">
-          <div class="setup-steps">
-            <div class="step-card">
-              <h3>1. lépés: Hitelesítési alkalmazás telepítése</h3>
-              <p>A kétfaktoros hitelesítés használatához telepítsen egy időalapú, egyszer használatos jelszó (TOTP) alkalmazást:</p>
-              
-              <div class="app-grid">
-                <div class="app-section">
-                  <h4>Android</h4>
-                  <div class="app-links">
-                    <a href="https://play.google.com/store/apps/details?id=hu.innobile.niszauth" target="_blank" class="app-link">
-                      <span class="material-icons-round">download</span>
-                      NISZ Hitelesítő
-                    </a>
-                    <a href="https://play.google.com/store/apps/details?id=com.azure.authenticator" target="_blank" class="app-link">
-                      <span class="material-icons-round">download</span>
-                      Microsoft Authenticator
-                    </a>
-                    <a href="https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2" target="_blank" class="app-link">
-                      <span class="material-icons-round">download</span>
-                      Google Authenticator
-                    </a>
-                  </div>
-                </div>
-                
-                <div class="app-section">
-                  <h4>iPhone</h4>
-                  <div class="app-links">
-                    <a href="https://apps.apple.com/hu/app/nisz-hiteles%C3%ADt%C5%91/id1603444961" target="_blank" class="app-link">
-                      <span class="material-icons-round">download</span>
-                      NISZ Hitelesítő
-                    </a>
-                    <a href="https://apps.apple.com/hu/app/microsoft-authenticator/id983156458" target="_blank" class="app-link">
-                      <span class="material-icons-round">download</span>
-                      Microsoft Authenticator
-                    </a>
-                    <a href="https://apps.apple.com/hu/app/google-authenticator/id388497605" target="_blank" class="app-link">
-                      <span class="material-icons-round">download</span>
-                      Google Authenticator
-                    </a>
-                  </div>
-                </div>
-              </div>
-            </div>
-  
-            <div class="step-card">
-              <h3>2. lépés: Kétfaktoros azonosítás beállítása</h3>
-              <div class="setup-form">
-                <div class="form-group">
-                  <button type="button" class="btn-save" id="enable2FA">Kétfaktoros azonosítás bekapcsolása</button>
-                </div>
-                
-                <div id="qrSetup" style="display: none;">
-                  <div class="qr-container">
-                    <img id="qrCode" alt="QR kód" style="display: none;">
-                    <div class="setup-key">
-                      <label class="form-label">Biztonsági kulcs:</label>
-                      <div class="key-display">
-                        <code id="secretKey"></code>
-                        <button type="button" class="btn-copy" id="copyKey">
-                          <span class="material-icons-round">content_copy</span>
-                        </button>
-                      </div>
-                    </div>
-                  </div>
-  
-                  <div class="form-group">
-                    <label class="form-label" for="verificationCode">Ellenőrző kód</label>
-                    <input type="text" class="form-control" id="verificationCode" maxlength="6" placeholder="123456">
-                    <small class="form-text">Adja meg a hitelesítő alkalmazásban megjelenő 6 számjegyű kódot.</small>
-                  </div>
-  
-                  <div class="form-group">
-                    <button type="button" class="btn-save" id="verify2FA">Ellenőrzés és aktiválás</button>
-                  </div>
-                </div>
-              </div>
-            </div>
-  
-            <div class="step-card" id="backupCodes" style="display: none;">
-              <h3>3. lépés: Biztonsági kódok mentése</h3>
-              <p>Az alábbi biztonsági kódokat használhatja bejelentkezéshez, ha nem fér hozzá a hitelesítő alkalmazásához. Minden kód csak egyszer használható.</p>
-              
-              <div class="backup-codes">
-                <pre id="backupCodesList"></pre>
-                <button type="button" class="btn-save" id="downloadCodes">
-                  <span class="material-icons-round">download</span>
-                  Kódok letöltése
-                </button>
-              </div>
-            </div>
-          </div>
-        </div>
-      `;
-  }
+(function() {
+    'use strict';
+    
+    function hideLoadingScreen() {
+        const loadingElement = document.getElementById('KretaProgressBar');
+        if (loadingElement) {
+            loadingElement.style.display = 'none !important';
+            loadingElement.style.visibility = 'hidden';
+            loadingElement.style.opacity = '0';
+            loadingElement.remove();

-  function createContactTab() {
-    return `
-        <div class="contact-form">
-          <div class="form-group">
-            <label class="form-label" for="email">E-mail cím</label>
-            <input type="email" class="form-control" id="email" required>
-            <small class="form-text">Az e-mail cím megadása a jelszó emlékeztető miatt szükséges.</small>
-          </div>
-          <div class="form-group">
-            <label class="form-label" for="phone">Telefonszám</label>
-            <input type="tel" class="form-control" id="phone" placeholder="+36 xx xxx xxxx">
-            <small class="form-text">A telefonszám megadása nem kötelező.</small>
-          </div>
-          <div class="form-group">
-            <button type="button" class="btn-save" id="saveContacts">Mentés</button>
-          </div>
-        </div>
-      `;
-  }
-
-  function createPasswordTab() {
-    return `
-        <div class="password-form">
-          <div class="form-group">
-            <label class="form-label" for="currentPassword">Jelenlegi jelszó</label>
-            <input type="password" class="form-control" id="currentPassword" required>
-          </div>
-          <div class="form-group">
-            <label class="form-label" for="newPassword">Új jelszó</label>
-            <input type="password" class="form-control" id="newPassword" required minlength="8">
-            <small class="form-text">A jelszónak legalább 8 karakter hosszúnak kell lennie.</small>
-          </div>
-          <div class="form-group">
-            <label class="form-label" for="confirmPassword">Új jelszó megerősítése</label>
-            <input type="password" class="form-control" id="confirmPassword" required>
-          </div>
-          <div class="form-group">
-            <button type="button" class="btn-save" id="savePassword">Jelszó módosítása</button>
-          </div>
-        </div>
-      `;
-  }
-
-  function createSettingsTab() {
-    return `
-        <div class="settings-form">
-          <div class="form-group">
-            <label class="form-label">
-              <input type="checkbox" id="hideTips"> 
-              Tippek elrejtése
-            </label>
-            <small class="form-text">A tippek megjelenítésének ki/be kapcsolása.</small>
-          </div>
-          <div class="form-group">
-            <button type="button" class="btn-save" id="saveSettings">Mentés</button>
-          </div>
-        </div>
-      `;
-  }
-
-  function setupContactForm() {
-    const form = document.querySelector(".contact-form");
-    if (!form) return;
-
-    const emailInput = form.querySelector("#email");
-    const phoneInput = form.querySelector("#phone");
-    const saveButton = form.querySelector("#saveContacts");
-
-    emailInput.value = cookieManager.get("userEmail") || "";
-    phoneInput.value = cookieManager.get("userPhone") || "";
-
-    saveButton?.addEventListener("click", async () => {
-      const email = emailInput.value.trim();
-      const phone = phoneInput.value.trim();
-
-      if (!email) {
-        alert(LanguageManager.t("profile.email_required"));
-        return;
-      }
-
-      if (email && !isValidEmail(email)) {
-        alert(LanguageManager.t("profile.invalid_email"));
-        return;
-      }
-
-      if (phone && !isValidPhone(phone)) {
-        alert(LanguageManager.t("profile.invalid_phone"));
-        return;
-      }
-
-      try {
-        const response = await fetch(
-          "/Adminisztracio/Profil/SaveElerhetosegek",
-          {
-            method: "POST",
-            headers: {
-              "Content-Type": "application/json",
-              RequestVerificationToken: document.querySelector(
-                'input[name="__RequestVerificationToken"]',
-              ).value,
-            },
-            body: JSON.stringify({ email, phone }),
-          },
-        );
-
-        if (response.ok) {
-          alert(LanguageManager.t("profile.contacts_saved"));
-        } else {
-          throw new Error(LanguageManager.t("profile.contacts_save_error"));
        }
-      } catch (error) {
-        alert(LanguageManager.t("profile.save_error"));
-      }
-    });
-  }
+        

-  function isValidEmail(email) {
-    return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
-  }
-
-  function isValidPhone(phone) {
-    return /^\+?[0-9\s-]{9,}$/.test(phone);
-  }
-
-  function setupEventListeners() {
-    document.querySelectorAll(".tab-header").forEach((header) => {
-      header.addEventListener("click", () => {
-        document
-          .querySelectorAll(".tab-header")
-          .forEach((h) => h.classList.remove("active"));
-        document
-          .querySelectorAll(".tab-content")
-          .forEach((c) => c.classList.remove("active"));
-
-        header.classList.add("active");
-        const targetId = header.dataset.tab;
-        document.getElementById(`${targetId}-content`).classList.add("active");
-      });
-    });
-
-    const userBtn = document.querySelector(".user-dropdown-btn");
-    const userDropdown = document.querySelector(".user-dropdown");
-
-    userBtn?.addEventListener("click", (e) => {
-      e.stopPropagation();
-      userDropdown?.classList.toggle("show");
-    });
-
-    document.addEventListener("click", () => {
-      userDropdown?.classList.remove("show");
-    });
-
-    document
-      .getElementById("saveSettings")
-      ?.addEventListener("click", async () => {
-        const hideTips = document.getElementById("hideTips").checked;
-
-        try {
-          const response = await fetch(
-            "/Adminisztracio/Profil/SaveTippekBeallitasa",
-            {
-              method: "POST",
-              headers: {
-                "Content-Type": "application/json",
-                RequestVerificationToken: document.querySelector(
-                  'input[name="__RequestVerificationToken"]',
-                ).value,
-              },
-              body: JSON.stringify({ hideTips }),
-            },
-          );
-
-          if (response.ok) {
-            alert(LanguageManager.t("profile.settings_saved"));
-          } else {
-            throw new Error(LanguageManager.t("profile.settings_save_error"));
-          }
-        } catch (error) {
-          alert(LanguageManager.t("profile.save_error"));
-        }
-      });
-
-    document
-      .getElementById("savePassword")
-      ?.addEventListener("click", async () => {
-        const currentPassword =
-          document.getElementById("currentPassword").value;
-        const newPassword = document.getElementById("newPassword").value;
-        const confirmPassword =
-          document.getElementById("confirmPassword").value;
-
-        if (!currentPassword || !newPassword || !confirmPassword) {
-          alert(LanguageManager.t("profile.fill_all_fields"));
-          return;
-        }
-
-        if (newPassword !== confirmPassword) {
-          alert(LanguageManager.t("profile.passwords_not_match"));
-          return;
-        }
-
-        if (newPassword.length < 8) {
-          alert(LanguageManager.t("profile.password_min_length"));
-          return;
-        }
-
-        try {
-          const response = await fetch(
-            "/Adminisztracio/Profil/SaveJelszoModositas",
-            {
-              method: "POST",
-              headers: {
-                "Content-Type": "application/json",
-                RequestVerificationToken: document.querySelector(
-                  'input[name="__RequestVerificationToken"]',
-                ).value,
-              },
-              body: JSON.stringify({
-                currentPassword,
-                newPassword,
-                confirmPassword,
-              }),
-            },
-          );
-
-          if (response.ok) {
-            alert(LanguageManager.t("profile.password_changed"));
-            document.getElementById("currentPassword").value = "";
-            document.getElementById("newPassword").value = "";
-            document.getElementById("confirmPassword").value = "";
-          } else {
-            throw new Error(LanguageManager.t("profile.password_change_error"));
-          }
-        } catch (error) {
-          alert(LanguageManager.t("profile.password_change_error"));
-        }
-      });
-
-    const timerEl = document.getElementById("logoutTimer");
-    if (timerEl) {
-      const startTime = parseInt(
-        timerEl.textContent?.match(/\d+/)?.[0] || "45",
-      );
-      let timeLeft = startTime * 60;
-
-      const updateTimer = () => {
-        const minutes = Math.floor(timeLeft / 60);
-        const seconds = timeLeft % 60;
-        timerEl.textContent = `${minutes}:${seconds.toString().padStart(2, "0")}`;
-
-        if (timeLeft <= 0) {
-          window.location.href = "/Home/Logout";
-        } else {
-          timeLeft--;
-        }
-      };
-
-      updateTimer();
-      setInterval(updateTimer, 1000);
+        const loadingElements = document.querySelectorAll('[class*="loading"], [id*="loading"], [class*="Loading"], [id*="Loading"]');
+        loadingElements.forEach(el => {
+            el.style.display = 'none !important';
+            el.style.visibility = 'hidden';
+            el.style.opacity = '0';
+        });
    }
-  }
+    

-  function createProfileHTML() {
-    return `
-        <div class="kreta-container">
-          ${createTemplate.header()}
-  
-          <main class="kreta-main">
-            <div class="card">
-              <h2>Profil beállítások</h2>
-              <div class="profile-tabs">
-                <div class="tab-headers">
-                  <button class="tab-header active" data-tab="settings">Beállítások</button>
-                  <button class="tab-header" data-tab="password">Jelszó módosítása</button>
-                  <button class="tab-header" data-tab="security">Biztonsági beállítások</button>
-                  <button class="tab-header" data-tab="contacts">Elérhetőségek</button>
-                </div>
-  
-                <div id="settings-content" class="tab-content active">
-                  ${createSettingsTab()}
-                </div>
-  
-                <div id="password-content" class="tab-content">
-                  ${createPasswordTab()}
-                </div>
-  
-                <div id="security-content" class="tab-content">
-                  ${createSecurityTab()}
-                </div>
-  
-                <div id="contacts-content" class="tab-content">
-                  ${createContactTab()}
-                </div>
-              </div>
-            </div>
-          </main>
-        </div>
-      `;
-  }
+    function addBackButton() {
+
+        if (document.getElementById('firka-back-button')) {
+            return;
+        }
+        
+
+        const backButton = document.createElement('button');
+        backButton.id = 'firka-back-button';
+        backButton.innerHTML = '← Vissza';
+        backButton.style.cssText = `
+            position: static;
+            margin: 20px;
+            z-index: 100;
+            background-color: var(--card-background, #ffffff);
+            color: var(--text-primary, #333333);
+            border: 1px solid var(--border-color, #e0e0e0);
+            border-radius: 8px;
+            padding: 10px 16px;
+            font-family: 'Montserrat', sans-serif;
+            font-size: 14px;
+            font-weight: 500;
+            cursor: pointer;
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+            transition: all 0.2s ease;
+            display: inline-flex;
+            align-items: center;
+            gap: 8px;
+            width: auto;
+        `;
+        
+
+        backButton.addEventListener('mouseenter', function() {
+            this.style.backgroundColor = 'var(--card-hover, #f5f5f5)';
+            this.style.transform = 'translateY(-1px)';
+            this.style.boxShadow = '0 4px 12px rgba(0, 0, 0, 0.15)';
+        });
+        
+        backButton.addEventListener('mouseleave', function() {
+            this.style.backgroundColor = 'var(--card-background, #ffffff)';
+            this.style.transform = 'translateY(0)';
+            this.style.boxShadow = '0 2px 8px rgba(0, 0, 0, 0.1)';
+        });
+        
+
+        backButton.addEventListener('click', function() {
+            window.history.back();
+        });
+        
+
+        document.body.insertBefore(backButton, document.body.firstChild);

-  async function init() {
-    if (window.location.pathname.includes("/Adminisztracio/Profil")) {
-      document.body.innerHTML = '';
-      const parser = new DOMParser();
-      const doc = parser.parseFromString(createProfileHTML(), 'text/html');
-      const tempDiv = doc.body;
-      while (tempDiv.firstChild) {
-        document.body.appendChild(tempDiv.firstChild);
-      }
-      setupUserDropdown();
-      setupMobileNavigation();
-      setupEventListeners();
-      setupContactForm();
    }
-  }
+    

-  init();
-})();
+    function hideMainFooter2() {
+        const footer2 = document.querySelector('.main-footer2');
+        if (footer2) {
+            footer2.style.display = 'none';
+        }
+    }
+    
+
+    function hideLakatImg() {
+        const lakatImg = document.querySelector('.lakatimg');
+        if (lakatImg) {
+            lakatImg.style.display = 'none';
+        }
+    }
+    
+
+    function hideCustomUserSettingsTab() {
+
+        const firstTab = document.querySelector('#ProfilTab .k-tabstrip-items li[aria-controls="ProfilTab-1"]');
+        if (firstTab) {
+            firstTab.classList.add('hidden-tab');
+        }
+        
+
+        const tabLinks = document.querySelectorAll('#ProfilTab .k-tabstrip-items .k-link');
+        tabLinks.forEach(link => {
+            if (link.textContent && link.textContent.includes('Egyedi felhasználó beállítások')) {
+                const parentTab = link.closest('li');
+                if (parentTab) {
+                    parentTab.classList.add('hidden-tab');
+                }
+            }
+        });
+        
+
+        const contentPanel = document.querySelector('#ProfilTab-1');
+        if (contentPanel) {
+            contentPanel.classList.add('hidden-tab');
+        }
+    }
+    
+
+    function hideAdditionalContactInfo() {
+
+        function hideElementsWithText(text) {
+            const elements = document.querySelectorAll('h4');
+            elements.forEach(h4 => {
+                if (h4.textContent && h4.textContent.includes(text)) {
+                    // Hide the parent row
+                    let parent = h4.closest('.row');
+                    if (parent) {
+                        parent.classList.add('hidden-contact-info');
+                    }
+                }
+            });
+        }
+        
+
+        hideElementsWithText('TOVÁBBI E-MAIL ELÉRHETŐSÉGEK');
+        hideElementsWithText('TOVÁBBI TELEFONSZÁMOK');
+        
+
+        const rows = document.querySelectorAll('.row');
+        rows.forEach(row => {
+            const h4Elements = row.querySelectorAll('h4');
+            h4Elements.forEach(h4 => {
+                if (h4.textContent && 
+                    (h4.textContent.includes('TOVÁBBI E-MAIL ELÉRHETŐSÉGEK') || 
+                     h4.textContent.includes('TOVÁBBI TELEFONSZÁMOK'))) {
+                    row.classList.add('hidden-contact-info');
+                }
+            });
+        });
+    }
+    
+
+    function init() {
+        hideLoadingScreen();
+        addBackButton();
+        hideAdditionalContactInfo();
+        hideCustomUserSettingsTab();
+        hideMainFooter2();
+        hideLakatImg();
+        
+
+        const observer = new MutationObserver(() => {
+            hideAdditionalContactInfo();
+            hideCustomUserSettingsTab();
+            hideMainFooter2();
+            hideLakatImg();
+        });
+        
+        observer.observe(document.body, {
+            childList: true,
+            subtree: true
+        });
+    }
+    
+
+    if (document.readyState === 'loading') {
+        document.addEventListener('DOMContentLoaded', init);
+    } else {
+        init();
+    }
+    
+
+    window.addEventListener('load', init);
+    
+
+    setTimeout(hideLoadingScreen, 1000);
+    
+
+    let attempts = 0;
+    const maxAttempts = 20;
+    const aggressiveHide = setInterval(() => {
+        attempts++;
+        hideLoadingScreen();
+        
+        if (attempts >= maxAttempts) {
+            clearInterval(aggressiveHide);
+        }
+    }, 500);
+    
+
+    if (typeof MutationObserver !== 'undefined') {
+        const observer = new MutationObserver((mutations) => {
+            mutations.forEach((mutation) => {
+                mutation.addedNodes.forEach((node) => {
+                    if (node.nodeType === 1) {
+                        if (node.id === 'KretaProgressBar' || 
+                            node.className && (node.className.includes('loading') || node.className.includes('Loading'))) {
+                            node.style.display = 'none !important';
+                            node.style.visibility = 'hidden';
+                            node.style.opacity = '0';
+                            if (node.parentNode) {
+                                node.parentNode.removeChild(node);
+                            }
+                        }
+                    }
+                });
+            });
+        });
+        
+        observer.observe(document.body, {
+            childList: true,
+            subtree: true
+        });
+    }
+
+})();
--- a/roleselect/roleselect.css
+++ b/roleselect/roleselect.css
@@ -253,10 +253,14 @@ to {
 }
 .side-roles {
  grid-template-columns:1fr;
-  gap:1rem;
+  gap:0.75rem;
 }
 .role-card {
-  padding:1.5rem;
+  padding:1rem;
+  gap:1rem;
+}
+.role-card[data-role="Ellenorzo"],.role-card[data-role="DKT"],.logout-card {
+  height:200px;
 }
 .role-icon {
  width:40px;
@@ -267,9 +271,53 @@ to {
  height:24px;
 }
 .role-text {
-  font-size:1.2rem;
+  font-size:1.5rem;
 }
 .role-description {
-  font-size:1rem;
+  font-size:1.2rem;
+}
+.user-name {
+  font-size:18px;
+}
+.logout-timer {
+  font-size:16px;
+}
+}
+@media (max-width:480px) {
+  .kreta-container {
+  padding:0.75rem;
+}
+.kreta-header {
+  margin-bottom:1.5rem;
+}
+.side-roles {
+  gap:0.5rem;
+}
+.role-card {
+  padding:0.75rem;
+  gap:0.75rem;
+}
+.role-card[data-role="Ellenorzo"],.role-card[data-role="DKT"],.logout-card {
+  height:160px;
+}
+.role-text {
+  font-size:1.6rem;
+  line-height:1.2;
+}
+.role-description {
+  font-size:1.3rem;
+  line-height:1.3;
+}
+.user-name {
+  font-size:20px;
+}
+.logout-timer {
+  font-size:18px;
+}
+.school-details {
+  font-size:0.9rem;
+}
+.logo-text {
+  font-size:1.1rem;
 }
 }
--- a/roleselect/roleselect.js
+++ b/roleselect/roleselect.js
@@ -120,12 +120,12 @@
        userNameEl?.textContent.trim() || LanguageManager.t("common.username");

      if (schoolCode && fullSchoolName) {
-        cookieManager.set("schoolCode", schoolCode);
-        cookieManager.set("schoolName", fullSchoolName);
-        cookieManager.set("schoolSubdomain", schoolSubdomain);
+        await storageManager.set("schoolCode", schoolCode);
+        await storageManager.set("schoolName", fullSchoolName);
+        await storageManager.set("schoolSubdomain", schoolSubdomain);
      }
      if (userName) {
-        cookieManager.set("userName", userName);
+        await storageManager.set("userName", userName);
      }
      document.body.innerHTML = '';
      const parser = new DOMParser();
--- a/search/search.css
+++ b/search/search.css
@@ -126,9 +126,11 @@ form {
 li.dropdown-item:hover,li.dropdown-item:focus {
  background-color:var(--accent-15) !important;
  color:var(--text-primary) !important;
+  text-decoration:none !important;
 }
 a.dropdown-item:hover,a.dropdown-item:focus {
  background-color:#00000000 !important;
+  text-decoration:none !important;
 }
 .dropdown-item.active {
  background-color:var(--accent-accent) !important;
--- a/search/search.js
+++ b/search/search.js
@@ -20,10 +20,10 @@ if (
  setTimeout(initializeTransformation, 1000);
 }

-function applyFirkaStyling() {
+async function applyFirkaStyling() {
  try {
    const theme =
-      cookieManager.get("themePreference") ||
+      await storageManager.get("themePreference") ||
      localStorage.getItem("themePreference") ||
      "light-green";
    document.documentElement.setAttribute("data-theme", theme);
--- a/timetable/timetable.css
+++ b/timetable/timetable.css
@@ -139,6 +139,7 @@ body {
 }
 .dropdown-item:hover {
  background:var(--button-secondaryFill);
+  text-decoration:none;
 }
 .kreta-main {
  flex:1;
@@ -744,9 +745,10 @@ body {
  opacity:1;
 }
 .modal-content {
-  background:var(--card-card);
+  background:var(--card-card) !important;
  border-radius:24px;
  border-width:0 !important;
+  box-shadow: 0 1px var(--shadow-blur) 0 var(--accent-shadow);
  width:100%;
  max-width:500px;
  max-height:90vh;
@@ -766,6 +768,7 @@ body {
  align-items:center;
  padding:1.5rem;
  background:var(--button-secondaryFill);
+  border: none !important;
 }
 .modal-title {
  font-size:18px;
@@ -781,9 +784,46 @@ body {
  border-radius:8px;
  transition:all 0.2s ease;
 }
+.modal-header-buttons {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.modal-add-btn {
+  background: none;
+  border: none;
+  color: var(--text-secondary);
+  cursor: pointer;
+  padding: 0.5rem;
+  border-radius: 8px;
+  transition: all 0.2s ease;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.modal-add-btn:hover {
+  background: var(--background);
+  color: var(--text-primary);
+}
+
+.modal-close {
+  background: none;
+  border: none;
+  color: var(--text-secondary);
+  cursor: pointer;
+  padding: 0.5rem;
+  border-radius: 8px;
+  transition: all 0.2s ease;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
 .modal-close:hover {
-  background:var(--background);
-  color:var(--text-primary);
+  background: var(--background);
+  color: var(--text-primary);
 }
 .modal-body {
  padding:1.5rem;
@@ -826,6 +866,352 @@ body {
 .test-section h4 {
  color:var(--warning-accent);
 }
+
+.custom-homework-section h4,
+.custom-tests-section h4 {
+  color: var(--accent-accent);
+}
+
+.custom-homework-list,
+.custom-tests-list {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+}
+
+.custom-homework-item,
+.custom-test-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.75rem;
+  background: var(--background);
+  border-radius: 8px;
+  border: 1px solid var(--background-0);
+  transition: all 0.2s ease;
+}
+
+.custom-homework-item.completed,
+.custom-test-item.completed {
+  opacity: 0.6;
+}
+
+.custom-homework-item.completed .homework-text,
+.custom-test-item.completed .test-text {
+  text-decoration: line-through;
+}
+
+.homework-text,
+.test-text {
+  flex: 1;
+  color: var(--text-primary);
+  font-size: 14px;
+  line-height: 1.4;
+}
+
+.homework-actions,
+.test-actions {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.homework-complete-btn,
+.test-complete-btn,
+.homework-delete-btn,
+.test-delete-btn {
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: 0.25rem;
+  border-radius: 4px;
+  transition: all 0.2s ease;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.homework-complete-btn:hover,
+.test-complete-btn:hover {
+  background: var(--accent-accent-20);
+}
+
+.homework-delete-btn:hover,
+.test-delete-btn:hover {
+  background: var(--error-20);
+}
+
+.empty-message {
+  color: var(--text-secondary);
+  font-style: italic;
+  text-align: center;
+  padding: 1rem;
+  margin: 0;
+}
+
+.add-item-modal {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.5);
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  z-index: 10001;
+  opacity: 0;
+  visibility: hidden;
+  transition: all 0.3s ease;
+}
+
+.add-item-modal.show {
+  opacity: 1;
+  visibility: visible;
+}
+
+.add-modal-content {
+  background: var(--button-secondaryFill);
+  border-radius: 12px;
+  width: 90%;
+  max-width: 400px;
+  max-height: 90vh;
+  overflow-y: auto;
+  position: relative;
+  transform: translateY(20px);
+  opacity: 0;
+  transition: all 0.3s ease;
+}
+
+.add-item-modal.show .add-modal-content {
+  transform: translateY(0);
+  opacity: 1;
+}
+
+.add-modal-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 1.5rem;
+  border-bottom: 1px solid var(--background-0);
+}
+
+.add-modal-header h3 {
+  font-size: 18px;
+  font-weight: 600;
+  color: var(--text-primary);
+  margin: 0;
+}
+
+.add-modal-close {
+  background: none;
+  border: none;
+  color: var(--text-secondary);
+  cursor: pointer;
+  padding: 0.5rem;
+  border-radius: 8px;
+  transition: all 0.2s ease;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.add-modal-close:hover {
+  background: var(--background);
+  color: var(--text-primary);
+}
+
+.add-modal-body {
+  padding: 1.5rem;
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.type-selection,
+.text-input {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.type-selection label,
+.text-input label {
+  color: var(--text-primary);
+  font-weight: 500;
+  font-size: 14px;
+}
+
+.type-select {
+  padding: 0.75rem;
+  border: 1px solid var(--background-0);
+  border-radius: 8px;
+  background: var(--background);
+  color: var(--text-primary);
+  font-size: 14px;
+  transition: all 0.2s ease;
+}
+
+.type-select:focus {
+  outline: none;
+  border-color: var(--accent-accent);
+}
+
+.item-text {
+  padding: 0.75rem;
+  border: 1px solid var(--background-0);
+  border-radius: 8px;
+  background: var(--background);
+  color: var(--text-primary);
+  font-size: 14px;
+  font-family: inherit;
+  resize: vertical;
+  min-height: 80px;
+  transition: all 0.2s ease;
+}
+
+.item-text:focus {
+  outline: none;
+  border-color: var(--accent-accent);
+}
+
+.item-text::placeholder {
+  color: var(--text-secondary);
+}
+
+.add-modal-actions {
+  display: flex;
+  gap: 0.75rem;
+  justify-content: flex-end;
+  margin-top: 0.5rem;
+}
+
+.cancel-btn,
+.save-btn {
+  padding: 0.75rem 1.5rem;
+  border: none;
+  border-radius: 8px;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.cancel-btn {
+  background: var(--background);
+  color: var(--text-secondary);
+  border: 1px solid var(--background-0);
+}
+
+.cancel-btn:hover {
+  background: var(--background-0);
+  color: var(--text-primary);
+}
+
+.save-btn {
+  background: var(--accent-accent);
+  color: white;
+}
+
+.save-btn:hover {
+  background: var(--accent-accent-80);
+}
+
+@media (max-width: 768px) {
+  .lesson-modal {
+    z-index: 10000;
+  }
+  
+  .add-item-modal {
+    z-index: 10001;
+  }
+  
+  .modal-content {
+    width: 95%;
+    max-width: none;
+    margin: 1rem;
+  }
+  
+  .add-modal-content {
+    width: 95%;
+    max-width: none;
+    margin: 1rem;
+  }
+  
+  .modal-header,
+  .add-modal-header {
+    padding: 1rem;
+  }
+  
+  .modal-body,
+  .add-modal-body {
+    padding: 1rem;
+  }
+  
+  .modal-header-buttons {
+    gap: 0.25rem;
+  }
+  
+  .modal-add-btn,
+  .modal-close,
+  .add-modal-close {
+    padding: 0.375rem;
+  }
+  
+  .modal-add-btn img,
+  .modal-close img,
+  .add-modal-close img {
+    width: 20px !important;
+    height: 20px !important;
+  }
+  
+  .custom-homework-item,
+  .custom-test-item {
+    padding: 0.5rem;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 0.5rem;
+  }
+  
+  .homework-actions,
+  .test-actions {
+    align-self: flex-end;
+  }
+  
+  .homework-text,
+  .test-text {
+    font-size: 13px;
+  }
+  
+  .add-modal-actions {
+    flex-direction: column;
+    gap: 0.5rem;
+  }
+  
+  .cancel-btn,
+  .save-btn {
+    width: 100%;
+    padding: 0.875rem;
+  }
+}
+
+@media (min-width: 769px) {
+  .lesson-modal {
+    z-index: 10000;
+  }
+  
+  .add-item-modal {
+    z-index: 10001;
+  }
+  
+  .modal-content {
+    position: relative;
+  }
+  
+  .add-modal-content {
+    position: relative;
+  }
+}
 .tema-section h4 {
  color:var(--primary-accent);
 }
@@ -840,13 +1226,125 @@ body {
  font-style:italic;
  margin-top:0.5rem;
 }
+.homework-details-loading {
+  color:var(--text-secondary);
+  font-style:italic;
+  margin-top:0.5rem;
+}
 .test-details {
  color:var(--text-primary);
-  margin-top:0.5rem;
+  padding:0.75rem;
+  background:var(--background-0);
+}
+.homework-details {
+  color:var(--text-primary);
  padding:0.75rem;
  background:var(--background-0);
  border-radius:6px;
-  border-left:3px solid var(--warning-accent);
+  margin-bottom:0.75rem;
+}
+.homework-details p {
+  margin:0.5rem 0;
+  line-height:1.4;
+}
+.homework-details p:first-child {
+  margin-top:0;
+}
+.homework-details p:last-child {
+  margin-bottom:0;
+}
+
+.homework-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 10px;
+}
+
+.homework-header h4 {
+  margin: 0;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.homework-completion-header-btn {
+  background: transparent;
+  border: 2px solid var(--border-color);
+  border-radius: 50%;
+  width: 32px;
+  height: 32px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.2s ease;
+  opacity: 0.6;
+}
+
+.homework-completion-header-btn:hover {
+  opacity: 1;
+  border-color: var(--accent-accent);
+  background: var(--background-hover);
+}
+
+.homework-completion-header-btn.completed {
+  background: var(--success-color, #4caf50);
+  border-color: var(--success-color, #4caf50);
+  opacity: 1;
+}
+
+.homework-completion-header-btn.completed:hover {
+  background: var(--success-color-hover, #45a049);
+  border-color: var(--success-color-hover, #45a049);
+}
+
+.homework-completion-header-btn img {
+  filter: var(--icon-filter, none);
+}
+
+.homework-completion-header-btn.completed img {
+  filter: brightness(0) invert(1);
+}
+
+.homework-completion {
+  margin-top:15px;
+  text-align:center;
+}
+
+.homework-completion-btn {
+  background:var(--background-secondary);
+  border:2px solid var(--border-color);
+  color:var(--text-primary);
+  padding:10px 20px;
+  border-radius:8px;
+  cursor:pointer;
+  font-size:14px;
+  font-weight:500;
+  transition:all 0.2s ease;
+  display:inline-flex;
+  align-items:center;
+  gap:8px;
+}
+
+.homework-completion-btn:hover {
+  background:var(--background-hover);
+  border-color:var(--accent-accent);
+}
+
+.homework-completion-btn.completed {
+  background:var(--success-background, #e8f5e8);
+  border-color:var(--success-color, #4caf50);
+  color:var(--success-color, #4caf50);
+}
+
+.homework-completion-btn.completed:hover {
+  background:var(--success-background-hover, #d4edda);
+}
+
+.homework-completion-btn span {
+  font-size:16px;
+  font-weight:bold;
 }

 .test-details p {
--- a/timetable/timetable.js
+++ b/timetable/timetable.js
--- a/tools/background.js
+++ b/tools/background.js
@@ -0,0 +1,106 @@
+chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
+  (async () => {
+    try {
+      switch (request.action) {
+        case 'storage_set':
+          await handleStorageSet(request.key, request.value);
+          sendResponse({ success: true });
+          break;
+
+        case 'storage_get':
+          const value = await handleStorageGet(request.key, request.defaultValue);
+          sendResponse({ success: true, value: value });
+          break;
+
+        case 'storage_remove':
+          await handleStorageRemove(request.key);
+          sendResponse({ success: true });
+          break;
+
+        case 'storage_clear':
+          await handleStorageClear();
+          sendResponse({ success: true });
+          break;
+
+        default:
+          console.warn('[Background] Unknown action:', request.action);
+          sendResponse({ success: false, error: 'Unknown action' });
+      }
+    } catch (error) {
+      console.error('[Background] Error handling message:', error);
+      sendResponse({ success: false, error: error.message });
+    }
+  })();
+  return true;
+});
+
+async function handleStorageSet(key, value) {
+  try {
+    await chrome.storage.sync.set({ [key]: value });
+  } catch (error) {
+    console.error(`[Background] Failed to save ${key}:`, error);
+    throw error;
+  }
+}
+
+async function handleStorageGet(key, defaultValue = null) {
+  try {
+    const result = await chrome.storage.sync.get(key);
+    const value = result[key];
+    return value !== undefined ? value : defaultValue;
+  } catch (error) {
+    console.error(`[Background] Failed to get ${key}:`, error);
+    throw error;
+  }
+}
+
+async function handleStorageRemove(key) {
+  try {
+    await chrome.storage.sync.remove(key);
+  } catch (error) {
+    console.error(`[Background] Failed to remove ${key}:`, error);
+    throw error;
+  }
+}
+
+async function handleStorageClear() {
+  try {
+    const allData = await chrome.storage.sync.get(null);
+    const firkaKeys = Object.keys(allData).filter(key => key.startsWith('firka_'));
+    
+    if (firkaKeys.length > 0) {
+      await chrome.storage.sync.remove(firkaKeys);
+    }
+  } catch (error) {
+    console.error('[Background] Failed to clear storage:', error);
+    throw error;
+  }
+}
+
+chrome.storage.onChanged.addListener((changes, namespace) => {
+  if (namespace === 'sync') {
+    const firkaChanges = Object.keys(changes).filter(key => key.startsWith('firka_'));
+    if (firkaChanges.length > 0) {
+      notifyContentScriptsOfChanges(changes);
+    }
+  }
+});
+
+async function notifyContentScriptsOfChanges(changes) {
+  try {
+    const tabs = await chrome.tabs.query({ url: 'https://*.e-kreta.hu/*' });
+    
+    for (const tab of tabs) {
+      try {
+        await chrome.tabs.sendMessage(tab.id, {
+          action: 'storage_changed',
+          changes: changes
+        });
+      } catch (error) {
+        console.debug(`[Background] Could not notify tab ${tab.id}:`, error.message);
+      }
+    }
+  } catch (error) {
+    console.error('[Background] Failed to notify content scripts:', error);
+  }
+}
--- a/tools/cookieManager.js
+++ b/tools/cookieManager.js
@@ -1,25 +0,0 @@
-const cookieManager = {
-  get(name) {
-    const cookieName = `${name}=`;
-    const decodedCookie = decodeURIComponent(document.cookie);
-    const cookieArray = decodedCookie.split(";");
-
-    for (let i = 0; i < cookieArray.length; i++) {
-      let cookie = cookieArray[i];
-      while (cookie.charAt(0) === " ") {
-        cookie = cookie.substring(1);
-      }
-      if (cookie.indexOf(cookieName) === 0) {
-        return cookie.substring(cookieName.length, cookie.length);
-      }
-    }
-    return null;
-  },
-
-  set(name, value, days = 365) {
-    const date = new Date();
-    date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
-    const expires = `expires=${date.toUTCString()}`;
-    document.cookie = `${name}=${value}; ${expires}; path=/; domain=.e-kreta.hu`;
-  },
-};
--- a/tools/createTemplate.js
+++ b/tools/createTemplate.js
@@ -1,16 +1,15 @@
 const createTemplate = {
-  header() {
+  async header() {
    const data = {
      schoolInfo: {
-        name: cookieManager.get("schoolName") || "Iskola",
-        id: cookieManager.get("schoolCode") || "",
+        name: await storageManager.get("schoolName", "OM azonosító - Iskola neve"),
+        id: await storageManager.get("schoolCode", ""),
      },
      userData: {
-        name: cookieManager.get("userName") || "Felhasználó",
+        name: await storageManager.get("userName", "Felhasználónév"),
        time:
          document.querySelector(".usermenu_timer")?.textContent?.trim() ||
          "45:00",
-        email: cookieManager.get("userEmail") || "",
      },
    };

--- a/tools/loadingScreen.js
+++ b/tools/loadingScreen.js
@@ -65,7 +65,13 @@ window.addEventListener("DOMContentLoaded", () => {
    });
  }

-  if (urls.some((url) => url.includes(location.pathname))) {
+  const currentUrl = location.href;
+  const shouldShowLoading = urls.some((urlPattern) => {
+    const regex = new RegExp(urlPattern.replace(/\*/g, '.*'));
+    return regex.test(currentUrl);
+  });
+  
+  if (shouldShowLoading) {
    loadingScreen.show();
  }
 });
--- a/tools/storageManager.js
+++ b/tools/storageManager.js
@@ -0,0 +1,193 @@
+const storageManager = {
+  isExtensionContext() {
+    return typeof chrome !== 'undefined' && chrome.runtime && chrome.runtime.id;
+  },
+
+  isContentScript() {
+    return typeof chrome !== 'undefined' && chrome.runtime && chrome.runtime.sendMessage;
+  },
+
+  async set(key, value) {
+    const prefixedKey = `firka_${key}`;
+    
+    try {
+      if (this.isExtensionContext()) {
+        await chrome.storage.sync.set({ [prefixedKey]: value });
+      } else if (this.isContentScript()) {
+        return new Promise((resolve, reject) => {
+          chrome.runtime.sendMessage({
+            action: 'storage_set',
+            key: prefixedKey,
+            value: value
+          }, (response) => {
+            if (chrome.runtime.lastError) {
+              reject(chrome.runtime.lastError);
+            } else if (response && response.success) {
+              resolve();
+            } else {
+              reject(new Error('Failed to save via message passing'));
+            }
+          });
+        });
+      } else {
+        localStorage.setItem(prefixedKey, JSON.stringify(value));
+      }
+    } catch (error) {
+      console.warn(`[StorageManager] Primary storage failed for ${key}, falling back to cookie:`, error);
+      if (typeof cookieManager !== 'undefined') {
+        cookieManager.set(prefixedKey, JSON.stringify(value));
+      }
+    }
+  },
+
+  async get(key, defaultValue = null) {
+    const prefixedKey = `firka_${key}`;
+    
+    try {
+      if (this.isExtensionContext()) {
+        const result = await chrome.storage.sync.get(prefixedKey);
+        const value = result[prefixedKey];
+        return value !== undefined ? value : defaultValue;
+      } else if (this.isContentScript()) {
+        return new Promise((resolve, reject) => {
+          chrome.runtime.sendMessage({
+            action: 'storage_get',
+            key: prefixedKey,
+            defaultValue: defaultValue
+          }, (response) => {
+            if (chrome.runtime.lastError) {
+              reject(chrome.runtime.lastError);
+            } else if (response && response.hasOwnProperty('value')) {
+              resolve(response.value);
+            } else {
+              reject(new Error('Failed to get via message passing'));
+            }
+          });
+        });
+      } else {
+        const value = localStorage.getItem(prefixedKey);
+        if (value !== null) {
+          return JSON.parse(value);
+        }
+        return defaultValue;
+      }
+    } catch (error) {
+      console.warn(`[StorageManager] Primary storage failed for ${key}, falling back to cookie:`, error);
+      if (typeof cookieManager !== 'undefined') {
+        const cookieValue = cookieManager.get(prefixedKey);
+        if (cookieValue) {
+          try {
+            return JSON.parse(cookieValue);
+          } catch (parseError) {
+            return cookieValue;
+          }
+        }
+      }
+      return defaultValue;
+    }
+  },
+
+  async remove(key) {
+    const prefixedKey = `firka_${key}`;
+    
+    try {
+      if (this.isExtensionContext()) {
+        await chrome.storage.sync.remove(prefixedKey);
+      } else if (this.isContentScript()) {
+        return new Promise((resolve, reject) => {
+          chrome.runtime.sendMessage({
+            action: 'storage_remove',
+            key: prefixedKey
+          }, (response) => {
+            if (chrome.runtime.lastError) {
+              reject(chrome.runtime.lastError);
+            } else if (response && response.success) {
+              resolve();
+            } else {
+              reject(new Error('Failed to remove via message passing'));
+            }
+          });
+        });
+      } else {
+        localStorage.removeItem(prefixedKey);
+      }
+    } catch (error) {
+      console.warn(`[StorageManager] Failed to remove ${key}:`, error);
+    }
+  },
+
+  async clear() {
+    try {
+      if (this.isExtensionContext()) {
+        const allData = await chrome.storage.sync.get(null);
+        const firkaKeys = Object.keys(allData).filter(key => key.startsWith('firka_'));
+        if (firkaKeys.length > 0) {
+          await chrome.storage.sync.remove(firkaKeys);
+        }
+      } else if (this.isContentScript()) {
+        return new Promise((resolve, reject) => {
+          chrome.runtime.sendMessage({
+            action: 'storage_clear'
+          }, (response) => {
+            if (chrome.runtime.lastError) {
+              reject(chrome.runtime.lastError);
+            } else if (response && response.success) {
+              resolve();
+            } else {
+              reject(new Error('Failed to clear via message passing'));
+            }
+          });
+        });
+      } else {
+        const keysToRemove = [];
+        for (let i = 0; i < localStorage.length; i++) {
+          const key = localStorage.key(i);
+          if (key && key.startsWith('firka_')) {
+            keysToRemove.push(key);
+          }
+        }
+        keysToRemove.forEach(key => localStorage.removeItem(key));
+      }
+    } catch (error) {
+      console.warn('[StorageManager] Failed to clear storage:', error);
+    }
+  },
+
+  async migrateFromCookies() {
+    if (typeof cookieManager === 'undefined') {
+      return;
+    }
+
+    const knownSettings = [
+      'theme', 'language', 'notifications', 'autoRefresh', 
+      'compactMode', 'showGrades', 'showAbsences'
+    ];
+
+    let migratedCount = 0;
+    
+    for (const setting of knownSettings) {
+      try {
+        const cookieValue = cookieManager.get(`firka_${setting}`);
+        if (cookieValue !== null) {
+          let value;
+          try {
+            value = JSON.parse(cookieValue);
+          } catch {
+            value = cookieValue;
+          }
+          
+          await this.set(setting, value);
+          migratedCount++;
+        }
+      } catch (error) {
+        console.warn(`[StorageManager] Failed to migrate ${setting}:`, error);
+      }
+    }
+  }
+};
+
+if (typeof document !== 'undefined') {
+  document.addEventListener('DOMContentLoaded', () => {
+    storageManager.migrateFromCookies().catch(console.error);
+  });
+}
Author	SHA1	Message	Date
Zan	86cab01fba	Lang fixes	2025-09-15 22:47:04 +02:00
Zan	eb3924f60f	Fixes for custom things and mark as done	2025-09-15 22:44:53 +02:00
Zan	8c57152fe4	Use localstorage rather than cookies	2025-09-15 22:17:50 +02:00
Zan	9d877a1d68	Fixed maintenance	2025-09-14 18:17:45 +02:00
Zan	1ca8e24805	Added manual adding for homework	2025-09-14 18:17:17 +02:00
Zan	8a8d81b67f	version update	2025-09-10 15:27:49 +02:00
Zan	245142c833	Fix loading remove	2025-09-10 15:27:43 +02:00
Zan	7e1d4cd9a7	Mobile UI fix	2025-09-10 15:27:18 +02:00
Zan	f29f7a2366	Mobile UI fix	2025-09-10 15:27:01 +02:00
Zan	6e0d3b6b7f	Link underline remove	2025-09-10 15:26:52 +02:00
Zan	9fd0190ab8	Elmaradt órák megjelenítése	2025-09-09 22:16:53 +02:00
Zan	94fbc472f6	Mark homework as done (timetable)	2025-09-09 22:10:50 +02:00
Zan	96be6471f0	Homework in timetable site	2025-09-09 21:52:36 +02:00
Zan	10cabc3889	Update login.js	2025-09-09 21:38:04 +02:00
Zan	6cddce142c	Profile page rework	2025-09-09 20:05:05 +02:00
				`@@ -0,0 +1 @@`
				`<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 24 24"><g fill="none"><path fill="#A7DC22" d="M9 7h9v11a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V7z"/><path stroke="#A7DC22" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7h-2M4 7h2m0 0h12M6 7v11a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7m-9-.5A2.5 2.5 0 0 1 11.5 4h1A2.5 2.5 0 0 1 15 6.5v0"/></g></svg>`