Skip to content

Commit 40954a7

Browse files
jh-488jh-488
committed
add formats icons
1 parent 69b1e4d commit 40954a7

2 files changed

Lines changed: 18 additions & 3 deletions

File tree

‎src/server/public/index.html‎

Lines changed: 13 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,13 +3,13 @@
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6-
<title>LiaScript Export Server</title>
6+
<title>LiaScript Exporter</title>
77
<link rel="stylesheet" href="/styles.css" />
88
</head>
99
<body>
1010
<div class="container">
1111
<header>
12-
<h1>LiaScript Export Server</h1>
12+
<h1>LiaScript Exporter</h1>
1313
<p class="subtitle">
1414
Erstellen Sie Exporte für verschiedene LMS und Formate
1515
</p>
@@ -148,6 +148,7 @@ <h2>2. Export-Ziel</h2>
148148
data-description="E-Learning-Standard für Lernmanagementsysteme. Weit verbreitet, aber älter. Geeignet für ältere LMS-Plattformen. <a href='https://de.wikipedia.org/wiki/Sharable_Content_Object_Reference_Model' target='_blank'>Mehr erfahren</a>"
149149
/>
150150
<div class="preset-content">
151+
<div class="format-icon">📚</div>
151152
<h3>SCORM 1.2</h3>
152153
<p>Legacy Standard</p>
153154
</div>
@@ -161,6 +162,7 @@ <h3>SCORM 1.2</h3>
161162
data-description="Moderne Version des SCORM-Standards mit erweiterten Funktionen für Lernpfade und Bewertungen. Empfohlen für aktuelle LMS-Systeme. <a href='https://de.wikipedia.org/wiki/Sharable_Content_Object_Reference_Model' target='_blank'>Mehr erfahren</a>"
162163
/>
163164
<div class="preset-content">
165+
<div class="format-icon">📦</div>
164166
<h3>SCORM 2004</h3>
165167
<p>Modern Standard</p>
166168
</div>
@@ -174,6 +176,7 @@ <h3>SCORM 2004</h3>
174176
data-description="IMS Content Packaging für Austausch von Lerninhalten zwischen verschiedenen Plattformen. Standard für plattformübergreifende Kompatibilität. <a href='https://en.wikipedia.org/wiki/IMS_Content_Packaging' target='_blank'>Mehr erfahren</a>"
175177
/>
176178
<div class="preset-content">
179+
<div class="format-icon">🔄</div>
177180
<h3>IMS</h3>
178181
<p>Content Package</p>
179182
</div>
@@ -187,6 +190,7 @@ <h3>IMS</h3>
187190
data-description="Eigenständige HTML-Website zum Hosten auf beliebigen Webservern. Funktioniert offline und online. Perfekt für eigenes Hosting."
188191
/>
189192
<div class="preset-content">
193+
<div class="format-icon">🌐</div>
190194
<h3>Web</h3>
191195
<p>Standalone</p>
192196
</div>
@@ -200,6 +204,7 @@ <h3>Web</h3>
200204
data-description="Portables Dokumentenformat zum Drucken und Archivieren. Ideal für statische Inhalte und Offline-Lektüre. <a href='https://de.wikipedia.org/wiki/Portable_Document_Format' target='_blank'>Mehr erfahren</a>"
201205
/>
202206
<div class="preset-content">
207+
<div class="format-icon">📄</div>
203208
<h3>PDF</h3>
204209
<p>Dokument</p>
205210
</div>
@@ -213,6 +218,7 @@ <h3>PDF</h3>
213218
data-description="Android-App-Paket (APK) für Installation auf Android-Geräten. Ermöglicht Offline-Zugriff und native App-Erfahrung."
214219
/>
215220
<div class="preset-content">
221+
<div class="format-icon">🤖</div>
216222
<h3>Android</h3>
217223
<p>App Package</p>
218224
</div>
@@ -226,6 +232,7 @@ <h3>Android</h3>
226232
data-description="Strukturiertes Datenformat für programmatische Weiterverarbeitung und API-Integration. Perfekt für Entwickler und automatisierte Workflows. <a href='https://de.wikipedia.org/wiki/JavaScript_Object_Notation' target='_blank'>Mehr erfahren</a>"
227233
/>
228234
<div class="preset-content">
235+
<div class="format-icon">{ }</div>
229236
<h3>JSON</h3>
230237
<p>Data Export</p>
231238
</div>
@@ -239,6 +246,7 @@ <h3>JSON</h3>
239246
data-description="Offenes E-Book-Format für E-Reader und mobile Geräte. Unterstützt reflowable Layouts und ist kompatibel mit den meisten E-Readern. <a href='https://de.wikipedia.org/wiki/EPUB' target='_blank'>Mehr erfahren</a>"
240247
/>
241248
<div class="preset-content">
249+
<div class="format-icon">📖</div>
242250
<h3>EPUB</h3>
243251
<p>E-Book</p>
244252
</div>
@@ -252,6 +260,7 @@ <h3>EPUB</h3>
252260
data-description="Resource Description Framework für strukturierte Metadaten und Linked Data. Für semantische Web-Anwendungen und Metadaten-Export. <a href='https://de.wikipedia.org/wiki/Resource_Description_Framework' target='_blank'>Mehr erfahren</a>"
253261
/>
254262
<div class="preset-content">
263+
<div class="format-icon">🔗</div>
255264
<h3>RDF</h3>
256265
<p>Metadaten</p>
257266
</div>
@@ -265,6 +274,7 @@ <h3>RDF</h3>
265274
data-description="Experience API (xAPI) für Learning Analytics und detailliertes Tracking von Lernaktivitäten. Ermöglicht erweiterte Auswertungen über einen Learning Record Store (LRS). <a href='https://de.wikipedia.org/wiki/Experience_API' target='_blank'>Mehr erfahren</a>"
266275
/>
267276
<div class="preset-content">
277+
<div class="format-icon">📊</div>
268278
<h3>xAPI</h3>
269279
<p>Learning Analytics</p>
270280
</div>
@@ -1043,7 +1053,7 @@ <h2>Export gestartet</h2>
10431053
</main>
10441054

10451055
<footer>
1046-
<p>&copy; 2025 LiaScript Export Server</p>
1056+
<p>&copy; 2026 LiaScript Exporter</p>
10471057
</footer>
10481058
</div>
10491059

‎src/server/public/styles.css‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -329,6 +329,11 @@ header h1 {
329329
margin-bottom: 0.5rem;
330330
}
331331

332+
.format-icon {
333+
font-size: 2rem;
334+
margin-bottom: 0.5rem;
335+
}
336+
332337
/* Collapsible */
333338
.collapsible-toggle {
334339
background: none;

0 commit comments

Comments
 (0)