add cmi logo

andre-dietrich · andre-dietrich · commit 2949f7ef6d98 · 2026-03-10T12:33:52.000+01:00
diff --git a/dist/server/public/index.html b/dist/server/public/index.html
@@ -236,7 +236,11 @@ <h3 data-i18n="formats.scorm2004.title">SCORM 2004</h3>
                     data-description="IMS Content Packaging for exchanging learning content between different platforms. Standard for cross-platform compatibility. <a href='https://en.wikipedia.org/wiki/IMS_Content_Packaging' target='_blank'>Learn more</a>"
                   />
                   <div class="preset-content">
-                    <div class="format-icon">🔄</div>
+                    <img
+                      style="height: 48px"
+                      src="../assets/cmi.svg"
+                      alt="IMS"
+                    />
                     <h3 data-i18n="formats.ims.title">IMS</h3>
                     <p data-i18n="formats.ims.subtitle">Content Package</p>
                   </div>
diff --git a/src/server/public/assets/cmi.svg b/src/server/public/assets/cmi.svg
@@ -0,0 +1,154 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="42.596703mm"
+   height="41.144524mm"
+   viewBox="0 0 42.596703 41.144523"
+   version="1.1"
+   id="svg5"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2">
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter5340"
+       x="-46.580496"
+       y="-0.13354619"
+       width="94.160993"
+       height="1.2670924">
+      <feGaussianBlur
+         stdDeviation="0.19485167"
+         id="feGaussianBlur5342" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter5344"
+       x="-0.073223868"
+       y="-0.27093362"
+       width="1.1464477"
+       height="1.5418647">
+      <feGaussianBlur
+         stdDeviation="0.19485167"
+         id="feGaussianBlur5346" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter5348"
+       x="-0.072978173"
+       y="-0.06632992"
+       width="1.1459563"
+       height="1.1326598">
+      <feGaussianBlur
+         stdDeviation="0.19485167"
+         id="feGaussianBlur5350" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter5352"
+       x="-8.6875027"
+       y="-0.1324696"
+       width="18.375005"
+       height="1.2649392">
+      <feGaussianBlur
+         stdDeviation="0.19485167"
+         id="feGaussianBlur5354" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter5356"
+       x="-0.073223868"
+       y="-0.26682128"
+       width="1.1464477"
+       height="1.53364">
+      <feGaussianBlur
+         stdDeviation="0.19485167"
+         id="feGaussianBlur5358" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter5360"
+       x="-0.072978173"
+       y="-0.065815904"
+       width="1.1459563"
+       height="1.1316318">
+      <feGaussianBlur
+         stdDeviation="0.19485167"
+         id="feGaussianBlur5362" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter5364"
+       x="-8.6875027"
+       y="-0.13246957"
+       width="18.375005"
+       height="1.2649391">
+      <feGaussianBlur
+         stdDeviation="0.19485167"
+         id="feGaussianBlur5366" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter5368"
+       x="-0.073223868"
+       y="-0.26682128"
+       width="1.1464477"
+       height="1.53364">
+      <feGaussianBlur
+         stdDeviation="0.19485167"
+         id="feGaussianBlur5370" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter5372"
+       x="-0.072900245"
+       y="-0.065815898"
+       width="1.1458005"
+       height="1.1316318">
+      <feGaussianBlur
+         stdDeviation="0.19485167"
+         id="feGaussianBlur5374" />
+    </filter>
+  </defs>
+  <g
+     id="layer1"
+     transform="translate(86.287722,-43.239543)">
+    <path
+       style="mix-blend-mode:normal;fill:none;stroke:#34719c;stroke-width:1.965;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal;filter:url(#filter5372)"
+       d="m -75.274213,60.900812 -9.475455,5.656057 -0.08791,11.128353 9.908664,5.248703 9.916829,-5.826802 0.06667,-10.555084 z"
+       id="path1661" />
+    <path
+       style="mix-blend-mode:normal;fill:none;stroke:#34719c;stroke-width:1.965;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal;filter:url(#filter5368)"
+       d="m -84.749668,66.556868 9.987677,5.43006 9.816576,-5.434889"
+       id="path2563" />
+    <path
+       style="mix-blend-mode:normal;fill:none;stroke:#34719c;stroke-width:1.965;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal;filter:url(#filter5364)"
+       d="m -74.761991,71.986928 -0.166923,10.946997"
+       id="path2565" />
+    <path
+       style="mix-blend-mode:normal;fill:none;stroke:#34719c;stroke-width:1.965;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal;filter:url(#filter5360)"
+       d="m -55.46996,60.895983 -9.475455,5.656057 -0.06667,10.555083 9.887424,5.821971 9.916829,-5.8268 0.06667,-10.555084 z"
+       id="path1661-3" />
+    <path
+       style="mix-blend-mode:normal;fill:none;stroke:#34719c;stroke-width:1.965;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal;filter:url(#filter5356)"
+       d="m -64.945415,66.552039 9.987677,5.43006 9.816576,-5.434889"
+       id="path2563-6" />
+    <path
+       style="mix-blend-mode:normal;fill:none;stroke:#34719c;stroke-width:1.965;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal;filter:url(#filter5352)"
+       d="m -54.957738,71.982099 -0.166923,10.946995"
+       id="path2565-7" />
+    <path
+       style="mix-blend-mode:normal;fill:none;stroke:#34719c;stroke-width:1.965;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal;filter:url(#filter5348)"
+       d="m -65.732088,44.689672 -9.475455,5.656057 -0.06667,10.555083 10.328798,5.651228 9.475455,-5.656057 0.06667,-10.555084 z"
+       id="path1661-5" />
+    <path
+       style="mix-blend-mode:normal;fill:none;stroke:#34719c;stroke-width:1.965;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal;filter:url(#filter5344)"
+       d="m -75.207543,50.345728 10.293255,5.347567 9.510998,-5.352396"
+       id="path2563-3" />
+    <path
+       style="mix-blend-mode:normal;fill:none;stroke:#34719c;stroke-width:1.965;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal;filter:url(#filter5340)"
+       d="M -64.914288,55.693295 -64.94542,66.55204"
+       id="path2565-5" />
+  </g>
+</svg>
diff --git a/src/server/public/index.html b/src/server/public/index.html
@@ -236,7 +236,11 @@ <h3 data-i18n="formats.scorm2004.title">SCORM 2004</h3>
                     data-description="IMS Content Packaging for exchanging learning content between different platforms. Standard for cross-platform compatibility. <a href='https://en.wikipedia.org/wiki/IMS_Content_Packaging' target='_blank'>Learn more</a>"
                   />
                   <div class="preset-content">
-                    <div class="format-icon">🔄</div>
+                    <img
+                      style="height: 48px"
+                      src="../assets/cmi.svg"
+                      alt="IMS"
+                    />
                     <h3 data-i18n="formats.ims.title">IMS</h3>
                     <p data-i18n="formats.ims.subtitle">Content Package</p>
                   </div>
