update logos

Author: andre-dietrich

dist/presets.yaml

@@ -1,7 +1,9 @@
 presets:
   - id: moodle
     name: Moodle
-    logo: 🎓
+    logo:
+      icon: 🎓
+      url: ../assets/moodle.svg
     format: scorm1.2
     subtitle: SCORM 1.2
     description: >
@@ -23,7 +25,9 @@ presets:
 
   - id: ilias
     name: ILIAS
-    logo: 📚
+    logo:
+      icon: 📚
+      url: ../assets/ilias.png
     format: scorm1.2
     subtitle: SCORM 1.2
     description: >
@@ -43,7 +47,9 @@ presets:
 
   - id: opal
     name: OPAL
-    logo: 🏛️
+    logo:
+      icon: 🏛️
+      url: ../assets/opal.png
     format: scorm2004
     subtitle: SCORM 2004
     description: >
@@ -63,7 +69,9 @@ presets:
 
   - id: generic
     name: Generic LMS
-    logo: 🌐
+    logo:
+      icon: 🌐
+      url: ../assets/scorm.png
     format: scorm2004
     subtitle: SCORM 2004
     description: >
@@ -82,7 +90,9 @@ presets:
 
   - id: openolat
     name: OpenOlat
-    logo: 🔓
+    logo:
+      icon: 🔓
+      url: ../assets/openolat.png
     format: scorm1.2
     subtitle: SCORM 1.2
     description: >
@@ -102,7 +112,9 @@ presets:
 
   - id: openedx
     name: Open edX
-    logo: 🎯
+    logo:
+      icon: 🎯
+      url: ../assets/edx.svg
     format: scorm2004
     subtitle: SCORM 2004
     description: >

dist/server/presets.json

@@ -3,7 +3,7 @@
     {
       "id": "moodle",
       "name": "Moodle",
-      "logo": "🎓",
+      "logo": "../assets/moodle.svg",
       "format": "scorm2004",
       "subtitle": "SCORM 2004",
       "description": "Moodle ist das weltweit am häufigsten verwendete Open-Source-Lernmanagementsystem. Diese Konfiguration verwendet SCORM 2004 für maximale Kompatibilität mit Moodle 3.x und 4.x. <a href='https://moodle.org' target='_blank'>Mehr erfahren</a>",

dist/server/presets.yaml

@@ -1,7 +1,7 @@
 presets:
   - id: moodle
     name: Moodle
-    logo: 🎓
+    logo: ../assets/moodle.svg
     format: scorm2004
     subtitle: SCORM 2004
     description: >

dist/server/public/app.js

@@ -117,10 +117,25 @@ function renderPresets() {
     const content = document.createElement('div')
     content.className = 'preset-content'
 
+<<<<<<< HEAD
     const logo = document.createElement('div')
     logo.style.fontSize = '2rem'
     logo.style.marginBottom = '0.5rem'
     logo.textContent = preset.logo
+=======
+    let logo
+    if (preset.logo.url) {
+      logo = document.createElement('img')
+      logo.src = preset.logo.url
+      logo.alt = preset.name + ' logo'
+      logo.style.height = '48px'
+    } else {
+      logo = document.createElement('div')
+      logo.style.fontSize = '2rem'
+      logo.style.marginBottom = '0.5rem'
+      logo.textContent = preset.logo.icon
+    }
+>>>>>>> 71ca210 (update logos)
 
     const title = document.createElement('h3')
     title.textContent = preset.name
@@ -229,7 +244,15 @@ function initializeUpload() {
         }
       } catch (error) {
         console.error('Error opening file dialog:', error)
+<<<<<<< HEAD
         alert(window.i18n ? window.i18n.t('submit.errorFileDialog') : 'Error opening file dialog')
+=======
+        alert(
+          window.i18n
+            ? window.i18n.t('submit.errorFileDialog')
+            : 'Error opening file dialog',
+        )
+>>>>>>> 71ca210 (update logos)
       }
     } else {
       // Fallback: create temporary file input for browser mode
@@ -484,21 +507,43 @@ function initializeForm() {
 
     // Validation
     if (currentSourceType === 'upload' && selectedFiles.length === 0) {
+<<<<<<< HEAD
       alert(window.i18n ? window.i18n.t('submit.errorNoFile') : 'Please upload at least one file.')
+=======
+      alert(
+        window.i18n
+          ? window.i18n.t('submit.errorNoFile')
+          : 'Please upload at least one file.',
+      )
+>>>>>>> 71ca210 (update logos)
       return
     }
 
     if (currentSourceType === 'git') {
       const gitUrl = document.getElementById('gitUrl').value.trim()
       if (!gitUrl) {
+<<<<<<< HEAD
         alert(window.i18n ? window.i18n.t('submit.errorNoGitUrl') : 'Please enter a Git repository URL.')
+=======
+        alert(
+          window.i18n
+            ? window.i18n.t('submit.errorNoGitUrl')
+            : 'Please enter a Git repository URL.',
+        )
+>>>>>>> 71ca210 (update logos)
         return
       }
     }
 
     // Disable submit button
     submitBtn.disabled = true
+<<<<<<< HEAD
     submitBtn.textContent = window.i18n ? window.i18n.t('submit.starting') : 'Starting export...'
+=======
+    submitBtn.textContent = window.i18n
+      ? window.i18n.t('submit.starting')
+      : 'Starting export...'
+>>>>>>> 71ca210 (update logos)
 
     try {
       const formData = new FormData()
@@ -530,7 +575,15 @@ function initializeForm() {
       } else if (selectedFormat) {
         formData.append('format', selectedFormat.value)
       } else {
+<<<<<<< HEAD
         alert(window.i18n ? window.i18n.t('submit.errorNoTarget') : 'Please select an export target.')
+=======
+        alert(
+          window.i18n
+            ? window.i18n.t('submit.errorNoTarget')
+            : 'Please select an export target.',
+        )
+>>>>>>> 71ca210 (update logos)
         return
       }
 
@@ -557,7 +610,16 @@ function initializeForm() {
 
       if (!response.ok) {
         const error = await response.json()
+<<<<<<< HEAD
         throw new Error(error.error || (window.i18n ? window.i18n.t('submit.errorFailed') : 'Export failed'))
+=======
+        throw new Error(
+          error.error ||
+            (window.i18n
+              ? window.i18n.t('submit.errorFailed')
+              : 'Export failed'),
+        )
+>>>>>>> 71ca210 (update logos)
       }
 
       const result = await response.json()
@@ -568,7 +630,15 @@ function initializeForm() {
       selectedFiles = []
       updateFileList()
     } catch (error) {
+<<<<<<< HEAD
       alert((window.i18n ? window.i18n.t('submit.errorCreating') : 'Error creating export: ') + error.message)
+=======
+      alert(
+        (window.i18n
+          ? window.i18n.t('submit.errorCreating')
+          : 'Error creating export: ') + error.message,
+      )
+>>>>>>> 71ca210 (update logos)
     } finally {
       submitBtn.disabled = false
       submitBtn.innerHTML = `

dist/server/public/index.html

@@ -196,7 +196,11 @@ <h2 data-i18n="sections.exportTarget">2. Export Target</h2>
                     data-description="E-learning standard for learning management systems. Widely used, but older. Suitable for legacy LMS platforms. <a href='https://en.wikipedia.org/wiki/Sharable_Content_Object_Reference_Model' target='_blank'>Learn more</a>"
                   />
                   <div class="preset-content">
-                    <div class="format-icon">📚</div>
+                    <img
+                      style="height: 48px"
+                      src="../assets/scorm.png"
+                      alt="SCORM"
+                    />
                     <h3 data-i18n="formats.scorm12.title">SCORM 1.2</h3>
                     <p data-i18n="formats.scorm12.subtitle">Legacy Standard</p>
                   </div>
@@ -211,7 +215,11 @@ <h3 data-i18n="formats.scorm12.title">SCORM 1.2</h3>
                     data-description="Modern version of the SCORM standard with advanced features for learning paths and assessments. Recommended for current LMS systems. <a href='https://en.wikipedia.org/wiki/Sharable_Content_Object_Reference_Model' target='_blank'>Learn more</a>"
                   />
                   <div class="preset-content">
-                    <div class="format-icon">📦</div>
+                    <img
+                      style="height: 48px"
+                      src="../assets/scorm.png"
+                      alt="SCORM"
+                    />
                     <h3 data-i18n="formats.scorm2004.title">SCORM 2004</h3>
                     <p data-i18n="formats.scorm2004.subtitle">
                       Modern Standard
@@ -243,7 +251,11 @@ <h3 data-i18n="formats.ims.title">IMS</h3>
                     data-description="Standalone HTML website for hosting on any web server. Works offline and online. Perfect for self-hosting."
                   />
                   <div class="preset-content">
-                    <div class="format-icon">🌐</div>
+                    <img
+                      style="height: 48px"
+                      src="../assets/web.png"
+                      alt="Web"
+                    />
                     <h3 data-i18n="formats.web.title">Web</h3>
                     <p data-i18n="formats.web.subtitle">Standalone</p>
                   </div>
@@ -258,7 +270,11 @@ <h3 data-i18n="formats.web.title">Web</h3>
                     data-description="Portable Document Format for printing and archiving. Ideal for static content and offline reading. <a href='https://en.wikipedia.org/wiki/PDF' target='_blank'>Learn more</a>"
                   />
                   <div class="preset-content">
-                    <div class="format-icon">📄</div>
+                    <img
+                      style="height: 48px"
+                      src="../assets/pdf.svg"
+                      alt="PDF"
+                    />
                     <h3 data-i18n="formats.pdf.title">PDF</h3>
                     <p data-i18n="formats.pdf.subtitle">Document</p>
                   </div>
@@ -273,7 +289,11 @@ <h3 data-i18n="formats.pdf.title">PDF</h3>
                     data-description="Android app package (APK) for installation on Android devices. Enables offline access and native app experience."
                   />
                   <div class="preset-content">
-                    <div class="format-icon">🤖</div>
+                    <img
+                      style="height: 48px"
+                      src="../assets/android.svg"
+                      alt="Android"
+                    />
                     <h3 data-i18n="formats.android.title">Android</h3>
                     <p data-i18n="formats.android.subtitle">App Package</p>
                   </div>
@@ -288,7 +308,11 @@ <h3 data-i18n="formats.android.title">Android</h3>
                     data-description="Structured data format for programmatic processing and API integration. Perfect for developers and automated workflows. <a href='https://en.wikipedia.org/wiki/JSON' target='_blank'>Learn more</a>"
                   />
                   <div class="preset-content">
-                    <div class="format-icon">{ }</div>
+                    <img
+                      style="height: 48px"
+                      src="../assets/json.svg"
+                      alt="JSON"
+                    />
                     <h3 data-i18n="formats.json.title">JSON</h3>
                     <p data-i18n="formats.json.subtitle">Data Export</p>
                   </div>
@@ -303,7 +327,11 @@ <h3 data-i18n="formats.json.title">JSON</h3>
                     data-description="Open e-book format for e-readers and mobile devices. Supports reflowable layouts and is compatible with most e-readers. <a href='https://en.wikipedia.org/wiki/EPUB' target='_blank'>Learn more</a>"
                   />
                   <div class="preset-content">
-                    <div class="format-icon">📖</div>
+                    <img
+                      style="height: 48px"
+                      src="../assets/epub.svg"
+                      alt="EPUB"
+                    />
                     <h3 data-i18n="formats.epub.title">EPUB</h3>
                     <p data-i18n="formats.epub.subtitle">E-Book</p>
                   </div>
@@ -333,7 +361,11 @@ <h3 data-i18n="formats.docx.title">DOCX</h3>
                     data-description="Resource Description Framework for structured metadata and Linked Data. For semantic web applications and metadata export. <a href='https://en.wikipedia.org/wiki/Resource_Description_Framework' target='_blank'>Learn more</a>"
                   />
                   <div class="preset-content">
-                    <div class="format-icon">🔗</div>
+                    <img
+                      style="height: 48px"
+                      src="../assets/rdf.svg"
+                      alt="RDF"
+                    />
                     <h3 data-i18n="formats.rdf.title">RDF</h3>
                     <p data-i18n="formats.rdf.subtitle">Metadata</p>
                   </div>
@@ -348,7 +380,7 @@ <h3 data-i18n="formats.rdf.title">RDF</h3>
                     data-description="Experience API (xAPI) for Learning Analytics and detailed tracking of learning activities. Enables advanced analytics through a Learning Record Store (LRS). <a href='https://en.wikipedia.org/wiki/Experience_API' target='_blank'>Learn more</a>"
                   />
                   <div class="preset-content">
-                    <div class="format-icon">📊</div>
+                    <div class="format-icon">{xAPI}</div>
                     <h3 data-i18n="formats.xapi.title">xAPI</h3>
                     <p data-i18n="formats.xapi.subtitle">Learning Analytics</p>
                   </div>

src/presets.yaml

@@ -1,7 +1,9 @@
 presets:
   - id: moodle
     name: Moodle
-    logo: 🎓
+    logo:
+      icon: 🎓
+      url: ../assets/moodle.svg
     format: scorm1.2
     subtitle: SCORM 1.2
     description: >
@@ -23,7 +25,9 @@ presets:
 
   - id: ilias
     name: ILIAS
-    logo: 📚
+    logo:
+      icon: 📚
+      url: ../assets/ilias.png
     format: scorm1.2
     subtitle: SCORM 1.2
     description: >
@@ -43,7 +47,9 @@ presets:
 
   - id: opal
     name: OPAL
-    logo: 🏛️
+    logo:
+      icon: 🏛️
+      url: ../assets/opal.png
     format: scorm2004
     subtitle: SCORM 2004
     description: >
@@ -63,7 +69,9 @@ presets:
 
   - id: generic
     name: Generic LMS
-    logo: 🌐
+    logo:
+      icon: 🌐
+      url: ../assets/scorm.png
     format: scorm2004
     subtitle: SCORM 2004
     description: >
@@ -82,7 +90,9 @@ presets:
 
   - id: openolat
     name: OpenOlat
-    logo: 🔓
+    logo:
+      icon: 🔓
+      url: ../assets/openolat.png
     format: scorm1.2
     subtitle: SCORM 1.2
     description: >
@@ -102,7 +112,9 @@ presets:
 
   - id: openedx
     name: Open edX
-    logo: 🎯
+    logo:
+      icon: 🎯
+      url: ../assets/edx.svg
     format: scorm2004
     subtitle: SCORM 2004
     description: >