@curio-sd/e-module-builder 0.3.0 → 0.3.1

package/README.md

@@ -131,7 +131,6 @@ The Markdown **body** is split on blank lines: the first paragraph becomes the `
 week: 1
 title: Build a page layout
 subtitle: Practical assignment
-client: Acme Corp
 deliverables:
   - A working HTML/CSS page
 criteria:

package/build.mjs

@@ -132,7 +132,6 @@ for (const weekDir of activeWeeks) {
     week: hwMd.data.week ?? weekNum,
     title: hwMd.data.title,
     subtitle: hwMd.data.subtitle ?? '',
-    client: hwMd.data.client ?? '',
     html: marked.parse(hwMd.content ?? ''),
     deliverables: hwMd.data.deliverables ?? [],
     criteria: hwMd.data.criteria ?? [],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@curio-sd/e-module-builder",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "type": "module",
   "description": "A tool for building e-modules for Curio SD",
   "license": "MIT",

package/src/css/main.css

@@ -23,6 +23,39 @@
   body {
     @apply text-zinc-800;
   }
+
+  /* Given that markdown is placed inside main, we want some basic styling for headings */
+  main h2 {
+    @apply mt-8 text-[11px] font-semibold uppercase tracking-[0.18em] text-zinc-400;
+  }
+
+  main h3 {
+    @apply mt-4 text-base font-bold text-zinc-900
+  }
+
+  main h4 {
+    @apply mt-3 text-sm font-semibold text-zinc-900
+  }
+
+  main h5 {
+    @apply mt-2 text-sm font-normal uppercase text-zinc-900
+  }
+
+  main h6 {
+    @apply mt-2 text-sm font-light uppercase text-zinc-900
+  }
+
+  main p {
+    @apply mt-2 text-sm leading-relaxed text-zinc-700;
+  }
+
+  main ul {
+    @apply mt-2 text-sm list-inside list-disc space-y-1.5 pl-1;
+  }
+
+  main ol {
+    @apply mt-2 text-sm list-inside list-decimal space-y-1.5 pl-1;
+  }
 }
 
 @layer components {

package/src/js/inleveropdracht.js

@@ -38,11 +38,6 @@ export function initInleveropdracht(data) {
   const tipsHtml = data.tips.map((t) => `<li class="text-sm text-zinc-600">${t}</li>`).join('')
 
   container.innerHTML = `
-    <section class="card mb-6">
-      <p class="text-[11px] font-semibold uppercase tracking-[0.18em] text-zinc-400">Casus</p>
-      <h2 class="mt-2 text-xl font-medium text-zinc-900">${data.client}</h2>
-    </section>
-
     <section class="card prose-inleveropdracht mb-6">
       ${data.html}
     </section>
@@ -109,8 +104,6 @@ export function initInleveropdracht(data) {
       data.title,
       '='.repeat(40),
       '',
-      `Klant: ${data.client}`,
-      '',
       'Criteria:',
     ]
     for (const c of data.criteria) {