{"id":3641,"date":"2026-05-25T23:25:05","date_gmt":"2026-05-25T15:25:05","guid":{"rendered":"https:\/\/engine.iium.edu.my\/mec\/?p=3641"},"modified":"2026-05-25T23:52:07","modified_gmt":"2026-05-25T15:52:07","slug":"cad-and-3d-print-workshop","status":"publish","type":"post","link":"https:\/\/engine.iium.edu.my\/mec\/?p=3641","title":{"rendered":"CAD and 3D Print Workshop"},"content":{"rendered":"\n<style>\n\/* ===== MIR POST (WordPress-friendly) ===== *\/\n.mir-post {\n  --mir-accent: #0ea5e9;\n  --mir-accent2: #6366f1;\n  --mir-ink: #1f2937;\n  --mir-muted: #6b7280;\n  --mir-line: #e5e7eb;\n  max-width: 1100px;\n  margin: 0 auto;\n  font-family: Arial, Helvetica, sans-serif;\n  line-height: 1.6;\n  color: var(--mir-ink);\n}\n.mir-post *,\n.mir-post *::before,\n.mir-post *::after { box-sizing: border-box; }\n\n\/* Header *\/\n.mir-header {\n  position: relative;\n  padding: 26px 22px 22px;\n  border-radius: 16px;\n  overflow: hidden;\n  background: linear-gradient(135deg, #0f172a 0%, #1e293b 55%, #0c4a6e 100%);\n  color: #fff;\n  margin-bottom: 8px;\n}\n.mir-header::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(ellipse 50% 60% at 90% 10%, rgba(14,165,233,0.35), transparent 60%),\n    radial-gradient(ellipse 40% 50% at 10% 90%, rgba(99,102,241,0.30), transparent 60%);\n  pointer-events: none;\n}\n.mir-header-inner { position: relative; z-index: 1; }\n.mir-badge {\n  display: inline-block;\n  font-size: 12px;\n  font-weight: bold;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  background: rgba(255,255,255,0.14);\n  border: 1px solid rgba(255,255,255,0.25);\n  padding: 5px 14px;\n  border-radius: 30px;\n  margin-bottom: 12px;\n}\n.mir-header h2 {\n  margin: 0;\n  font-size: 30px;\n  line-height: 1.2;\n}\n.mir-header p {\n  margin: 8px 0 0;\n  color: #cbd5e1;\n}\n.mir-header p strong { color: #fff; }\n\n\/* Intro + Poster *\/\n.mir-top {\n  display: flex;\n  gap: 22px;\n  flex-wrap: wrap;\n  padding: 18px 0;\n}\n.mir-intro { flex: 1 1 460px; }\n.mir-intro p:first-child { margin-top: 0; }\n.mir-intro ul { padding-left: 0; list-style: none; margin: 14px 0; }\n.mir-intro ul li {\n  position: relative;\n  padding: 10px 12px 10px 16px;\n  margin-bottom: 8px;\n  background: #f9fafb;\n  border: 1px solid var(--mir-line);\n  border-left: 4px solid var(--mir-accent);\n  border-radius: 10px;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n.mir-intro ul li:hover {\n  transform: translateX(4px);\n  box-shadow: 0 6px 16px rgba(0,0,0,0.06);\n}\n\n\/* Posters side by side *\/\n.mir-posters {\n  flex: 1 1 460px;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 14px;\n  align-content: start;\n}\n.mir-poster-card {\n  position: relative;\n  border-radius: 14px;\n  overflow: hidden;\n  border: 1px solid var(--mir-line);\n  box-shadow: 0 6px 18px rgba(0,0,0,0.08);\n  cursor: pointer;\n  background: #f3f4f6;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n.mir-poster-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 16px 34px rgba(0,0,0,0.16);\n}\n.mir-poster-card img { width: 100%; display: block; }\n.mir-poster-card::after {\n  content: \"\\01F50D Click to enlarge\";\n  position: absolute;\n  left: 0; right: 0; bottom: 0;\n  padding: 16px 12px 10px;\n  font-size: 12px;\n  color: #fff;\n  background: linear-gradient(to top, rgba(0,0,0,0.65), transparent);\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n.mir-poster-card:hover::after { opacity: 1; }\n\n\/* Section heading *\/\n.mir-h3 {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 21px;\n  margin: 8px 0 14px;\n}\n.mir-h3::before {\n  content: \"\";\n  width: 6px;\n  height: 22px;\n  border-radius: 4px;\n  background: linear-gradient(180deg, var(--mir-accent), var(--mir-accent2));\n}\n\n\/* Details strip *\/\n.mir-details {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));\n  gap: 12px;\n  margin-bottom: 22px;\n}\n.mir-detail {\n  position: relative;\n  background: #fff;\n  border: 1px solid var(--mir-line);\n  border-radius: 14px;\n  padding: 16px 14px;\n  text-align: center;\n  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;\n}\n.mir-detail:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 12px 26px rgba(0,0,0,0.08);\n  border-color: var(--mir-accent);\n}\n.mir-detail .ico { font-size: 24px; margin-bottom: 6px; }\n.mir-detail .label {\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--mir-muted);\n  margin-bottom: 2px;\n}\n.mir-detail .value { font-weight: bold; font-size: 15px; }\n\n\/* Panels *\/\n.mir-panels {\n  background: #f9fafb;\n  border: 1px solid var(--mir-line);\n  border-radius: 16px;\n  padding: 18px;\n  margin-bottom: 22px;\n}\n.mir-panels-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 12px;\n}\n.mir-panel-card {\n  background: #fff;\n  border: 1px solid var(--mir-line);\n  border-radius: 14px;\n  padding: 16px;\n  border-top: 4px solid var(--pc, var(--mir-accent));\n  transition: transform 0.25s ease, box-shadow 0.25s ease;\n}\n.mir-panel-card:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 12px 26px rgba(0,0,0,0.08);\n}\n.mir-panel-card .pc-ico {\n  font-size: 26px;\n  margin-bottom: 8px;\n}\n.mir-panel-card h4 { margin: 0 0 6px; font-size: 16px; }\n.mir-panel-card p { margin: 0; }\n.mir-muted { color: var(--mir-muted); }\n.mir-tag {\n  display: inline-block;\n  margin-top: 10px;\n  font-size: 11px;\n  font-weight: bold;\n  letter-spacing: 0.3px;\n  padding: 3px 10px;\n  border-radius: 20px;\n  background: rgba(14,165,233,0.10);\n  color: var(--mir-accent);\n}\n\n\/* Gallery filters *\/\n.mir-filter {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-bottom: 14px;\n}\n.mir-fbtn {\n  border: 1px solid var(--mir-line);\n  background: #fff;\n  color: var(--mir-muted);\n  font-size: 14px;\n  font-weight: bold;\n  padding: 8px 18px;\n  border-radius: 30px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n.mir-fbtn:hover { border-color: var(--mir-accent); color: var(--mir-accent); }\n.mir-fbtn.active {\n  background: linear-gradient(135deg, var(--mir-accent), var(--mir-accent2));\n  color: #fff;\n  border-color: transparent;\n  box-shadow: 0 4px 14px rgba(14,165,233,0.35);\n}\n\n\/* Gallery *\/\n.mir-gallery {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 14px;\n}\n.mir-tile {\n  position: relative;\n  height: 190px;\n  overflow: hidden;\n  border-radius: 14px;\n  border: 1px solid var(--mir-line);\n  cursor: pointer;\n  background: #f3f4f6;\n}\n.mir-tile img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 0.4s ease;\n  display: block;\n}\n.mir-tile::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(15,23,42,0.45), transparent 55%);\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n.mir-tile:hover img { transform: scale(1.12); }\n.mir-tile:hover::after { opacity: 1; }\n.mir-tile.hide { display: none; }\n\n\/* ===== LIGHTBOX ===== *\/\n.mir-lightbox {\n  position: fixed;\n  inset: 0;\n  background: rgba(0,0,0,0.9);\n  display: none;\n  align-items: center;\n  justify-content: center;\n  z-index: 9999;\n}\n.mir-lightbox.open { display: flex; }\n.mir-lb-img {\n  max-width: 92%;\n  max-height: 86%;\n  border-radius: 14px;\n  box-shadow: 0 20px 60px rgba(0,0,0,0.6);\n}\n.mir-lb-btn {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 50px;\n  height: 50px;\n  border-radius: 50%;\n  border: none;\n  background: rgba(255,255,255,0.15);\n  color: #fff;\n  font-size: 26px;\n  line-height: 1;\n  cursor: pointer;\n  transition: background 0.2s ease, transform 0.2s ease;\n}\n.mir-lb-btn:hover { background: var(--mir-accent); }\n.mir-lb-prev { left: 18px; }\n.mir-lb-next { right: 18px; }\n.mir-lb-close {\n  position: absolute;\n  top: 18px;\n  right: 18px;\n  width: 44px;\n  height: 44px;\n  border-radius: 50%;\n  border: none;\n  background: rgba(255,255,255,0.15);\n  color: #fff;\n  font-size: 20px;\n  cursor: pointer;\n  transition: background 0.2s ease, transform 0.2s ease;\n}\n.mir-lb-close:hover { background: #ef4444; transform: rotate(90deg); }\n.mir-lb-counter {\n  position: absolute;\n  bottom: 22px;\n  left: 0; right: 0;\n  text-align: center;\n  color: #e5e7eb;\n  font-size: 13px;\n  letter-spacing: 1px;\n}\n\n\/* Footer *\/\n.mir-footer {\n  border-top: 1px solid var(--mir-line);\n  margin-top: 18px;\n  padding-top: 16px;\n}\n.mir-footer .orgs {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 10px;\n}\n.mir-footer .org {\n  font-size: 12px;\n  font-weight: bold;\n  padding: 5px 12px;\n  border-radius: 8px;\n  background: #f3f4f6;\n  border: 1px solid var(--mir-line);\n}\n\n\/* Reveal on scroll *\/\n.mir-reveal {\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n.mir-reveal.in { opacity: 1; transform: translateY(0); }\n\n@media (max-width: 600px) {\n  .mir-header h2 { font-size: 24px; }\n  .mir-posters { gap: 10px; }\n}\n<\/style>\n\n<div class=\"mir-post\">\n\n  <!-- Header -->\n  <div class=\"mir-header\">\n    <div class=\"mir-header-inner\">\n      <span class=\"mir-badge\">Event Report &middot; 24 May 2026<\/span>\n      <h2>Make It Real: CAD &amp; 3D Printing Workshop<\/h2>\n      <p>Mechanical Lab, E4, Kulliyyah of Engineering, IIUM &nbsp;|&nbsp; Conducted by <strong>Ir. Amiro Iqbal bin Mohd Aminudin<\/strong><\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Intro + Posters side by side -->\n  <div class=\"mir-top\">\n    <div class=\"mir-intro mir-reveal\">\n      <p>\n        A hands-on, one-day workshop where participants designed and 3D-printed their own\n        <strong>fidget spinners<\/strong> &mdash; taking a project all the way from digital model to physical object.\n        The session ran in two phases:\n      <\/p>\n      <ul>\n        <li><strong>&#128421;&#65039; Phase 1 &mdash; CAD Session:<\/strong> Participants built a 3D fidget spinner model from scratch at computer workstations, with step-by-step guidance suitable for complete beginners.<\/li>\n        <li><strong>&#128424;&#65039; Phase 2 &mdash; 3D Printing:<\/strong> In the Mechanical Lab, designs came to life through slicing software and live printing, then were assembled with bearings.<\/li>\n      <\/ul>\n      <p>\n        Breakfast, lunch, and a certificate of participation were provided for all attendees.\n        Jointly organised by <strong>MAESA<\/strong> and the <strong>Mechanical (Maker &amp; Cal) Club<\/strong>.\n      <\/p>\n    <\/div>\n\n    <div class=\"mir-posters mir-reveal\">\n      <div class=\"mir-poster-card\" onclick=\"openMirLightbox(this.querySelector('img').src)\">\n        <img decoding=\"async\" src=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/WhatsApp-Image-2026-05-23-at-19.09.47-1.jpeg\" alt=\"Make It Real Workshop Poster\">\n      <\/div>\n      <div class=\"mir-poster-card\" onclick=\"openMirLightbox(this.querySelector('img').src)\">\n        <img decoding=\"async\" src=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/WhatsApp-Image-2026-05-23-at-19.09.47.jpeg\" alt=\"Workshop Event Details Poster\">\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Details strip -->\n  <div class=\"mir-details\">\n    <div class=\"mir-detail mir-reveal\"><div class=\"ico\">&#128197;<\/div><div class=\"label\">Date<\/div><div class=\"value\">24 May 2026<\/div><\/div>\n    <div class=\"mir-detail mir-reveal\"><div class=\"ico\">&#9200;<\/div><div class=\"label\">Time<\/div><div class=\"value\">8:30 AM &ndash; 5:00 PM<\/div><\/div>\n    <div class=\"mir-detail mir-reveal\"><div class=\"ico\">&#128205;<\/div><div class=\"label\">Venue<\/div><div class=\"value\">Mech Lab, E4, KOE<\/div><\/div>\n    <div class=\"mir-detail mir-reveal\"><div class=\"ico\">&#128101;<\/div><div class=\"label\">Participants<\/div><div class=\"value\">13 (Ages 9&ndash;25)<\/div><\/div>\n  <\/div>\n\n  <!-- Panels: Who Attended -->\n  <div class=\"mir-panels mir-reveal\">\n    <h3 class=\"mir-h3\">Who Attended<\/h3>\n    <p class=\"mir-muted\" style=\"margin-top:0;\">\n      What made this workshop special was the extraordinary range of participants &mdash;\n      the youngest just 9 years old, with some travelling all the way from Johor.\n    <\/p>\n    <div class=\"mir-panels-grid\">\n\n      <div class=\"mir-panel-card\" style=\"--pc:#10b981;\">\n        <div class=\"pc-ico\">&#129490;<\/div>\n        <h4>Primary School Pupils<\/h4>\n        <p>The youngest adventurers &mdash; some barely 9 years old &mdash; dove into CAD software fearlessly.<\/p>\n        <span class=\"mir-tag\" style=\"background:rgba(16,185,129,0.1);color:#10b981;\">Ages 9&ndash;11<\/span>\n      <\/div>\n\n      <div class=\"mir-panel-card\" style=\"--pc:#6366f1;\">\n        <div class=\"pc-ico\">&#128218;<\/div>\n        <h4>Secondary School Students<\/h4>\n        <p>Form 2 to Form 4 students from schools across the Klang Valley.<\/p>\n        <span class=\"mir-tag\" style=\"background:rgba(99,102,241,0.1);color:#6366f1;\">Form 2&ndash;Form 4<\/span>\n      <\/div>\n\n      <div class=\"mir-panel-card\" style=\"--pc:#0ea5e9;\">\n        <div class=\"pc-ico\">&#127891;<\/div>\n        <h4>University Students<\/h4>\n        <p>Undergraduates deepening their practical skills outside of formal coursework.<\/p>\n        <span class=\"mir-tag\">IIUM &middot; UiTM &middot; UNITEN<\/span>\n      <\/div>\n\n      <div class=\"mir-panel-card\" style=\"--pc:#f59e0b;\">\n        <div class=\"pc-ico\">&#128188;<\/div>\n        <h4>Working Professionals<\/h4>\n        <p>Already in the workforce, yet still hungry to learn and add real-world perspective.<\/p>\n        <span class=\"mir-tag\" style=\"background:rgba(245,158,11,0.12);color:#d97706;\">Working Adults<\/span>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- Gallery -->\n  <h3 class=\"mir-h3 mir-reveal\">Event Highlights<\/h3>\n  <div class=\"mir-filter mir-reveal\">\n    <button class=\"mir-fbtn active\" data-f=\"all\">All Photos<\/button>\n    <button class=\"mir-fbtn\" data-f=\"cad\">CAD Session<\/button>\n    <button class=\"mir-fbtn\" data-f=\"print\">3D Printing<\/button>\n  <\/div>\n  <div class=\"mir-gallery\" id=\"mirGallery\">\n\n    <!-- CAD Session -->\n    <div class=\"mir-tile\" data-c=\"cad\"><img decoding=\"async\" src=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/WhatsApp-Image-2026-05-24-at-13.02.55.jpeg\" alt=\"Make It Real Workshop\" onclick=\"openMirLightbox(this.src)\"><\/div>\n    <div class=\"mir-tile\" data-c=\"cad\"><img decoding=\"async\" src=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/WhatsApp-Image-2026-05-24-at-13.03.05.jpeg\" alt=\"Make It Real Workshop\" onclick=\"openMirLightbox(this.src)\"><\/div>\n    <div class=\"mir-tile\" data-c=\"cad\"><img decoding=\"async\" src=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/WhatsApp-Image-2026-05-24-at-13.03.16.jpeg\" alt=\"Make It Real Workshop\" onclick=\"openMirLightbox(this.src)\"><\/div>\n    <div class=\"mir-tile\" data-c=\"cad\"><img decoding=\"async\" src=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/WhatsApp-Image-2026-05-24-at-13.03.26.jpeg\" alt=\"Make It Real Workshop\" onclick=\"openMirLightbox(this.src)\"><\/div>\n    <div class=\"mir-tile\" data-c=\"cad\"><img decoding=\"async\" src=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/WhatsApp-Image-2026-05-24-at-13.03.47.jpeg\" alt=\"Make It Real Workshop\" onclick=\"openMirLightbox(this.src)\"><\/div>\n    <div class=\"mir-tile\" data-c=\"cad\"><img decoding=\"async\" src=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/WhatsApp-Image-2026-05-24-at-13.05.33.jpeg\" alt=\"Make It Real Workshop\" onclick=\"openMirLightbox(this.src)\"><\/div>\n    <div class=\"mir-tile\" data-c=\"cad\"><img decoding=\"async\" src=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/WhatsApp-Image-2026-05-24-at-13.05.42.jpeg\" alt=\"Make It Real Workshop\" onclick=\"openMirLightbox(this.src)\"><\/div>\n    <div class=\"mir-tile\" data-c=\"cad\"><img decoding=\"async\" src=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/WhatsApp-Image-2026-05-24-at-13.05.47.jpeg\" alt=\"Make It Real Workshop\" onclick=\"openMirLightbox(this.src)\"><\/div>\n\n    <!-- 3D Printing -->\n    <div class=\"mir-tile\" data-c=\"print\"><img decoding=\"async\" src=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/WhatsApp-Image-2026-05-24-at-14.46.37.jpeg\" alt=\"Make It Real Workshop\" onclick=\"openMirLightbox(this.src)\"><\/div>\n    <div class=\"mir-tile\" data-c=\"print\"><img decoding=\"async\" src=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/WhatsApp-Image-2026-05-24-at-14.46.38-1.jpeg\" alt=\"Make It Real Workshop\" onclick=\"openMirLightbox(this.src)\"><\/div>\n    <div class=\"mir-tile\" data-c=\"print\"><img decoding=\"async\" src=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/WhatsApp-Image-2026-05-24-at-14.46.38-2.jpeg\" alt=\"Make It Real Workshop\" onclick=\"openMirLightbox(this.src)\"><\/div>\n    <div class=\"mir-tile\" data-c=\"print\"><img decoding=\"async\" src=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/WhatsApp-Image-2026-05-24-at-14.46.38.jpeg\" alt=\"Make It Real Workshop\" onclick=\"openMirLightbox(this.src)\"><\/div>\n    <div class=\"mir-tile\" data-c=\"print\"><img decoding=\"async\" src=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/WhatsApp-Image-2026-05-24-at-14.46.39.jpeg\" alt=\"Make It Real Workshop\" onclick=\"openMirLightbox(this.src)\"><\/div>\n\n  <\/div>\n\n  <div class=\"mir-footer\">\n    <p>\n      By welcoming participants as young as 9, this workshop planted seeds of curiosity that will grow into\n      the engineers of tomorrow. Congratulations to all participants, facilitators, and organisers for a\n      successful event.\n    <\/p>\n    <div class=\"orgs\">\n      <span class=\"org\">IIUM &middot; Kulliyyah of Engineering<\/span>\n      <span class=\"org\">MAESA<\/span>\n      <span class=\"org\">Mechanical (Maker &amp; Cal) Club<\/span>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<!-- Lightbox -->\n<div class=\"mir-lightbox\" id=\"mirLightbox\">\n  <button class=\"mir-lb-close\" onclick=\"closeMirLightbox(event)\">&times;<\/button>\n  <button class=\"mir-lb-btn mir-lb-prev\" onclick=\"moveMir(event,-1)\">&#8249;<\/button>\n  <img class=\"mir-lb-img\" id=\"mirLightboxImg\" alt=\"Full image\">\n  <button class=\"mir-lb-btn mir-lb-next\" onclick=\"moveMir(event,1)\">&#8250;<\/button>\n  <div class=\"mir-lb-counter\" id=\"mirLbCounter\"><\/div>\n<\/div>\n\n<script>\n(function () {\n  \"use strict\";\n\n  var lb = document.getElementById(\"mirLightbox\");\n  var lbImg = document.getElementById(\"mirLightboxImg\");\n  var lbCounter = document.getElementById(\"mirLbCounter\");\n\n  \/\/ Build the navigable list from gallery tiles only\n  function galleryImgs() {\n    var nodes = document.querySelectorAll(\"#mirGallery .mir-tile:not(.hide) img\");\n    return Array.prototype.map.call(nodes, function (n) { return n.src; });\n  }\n  var curList = [];\n  var curIdx = 0;\n\n  window.openMirLightbox = function (src) {\n    curList = galleryImgs();\n    curIdx = curList.indexOf(src);\n    if (curIdx < 0) { curList = [src]; curIdx = 0; } \/\/ posters: single image\n    showMir();\n    lb.classList.add(\"open\");\n    document.body.style.overflow = \"hidden\";\n  };\n  function showMir() {\n    lbImg.src = curList[curIdx];\n    if (curList.length > 1) {\n      lbCounter.textContent = (curIdx + 1) + \" \/ \" + curList.length;\n    } else {\n      lbCounter.textContent = \"\";\n    }\n  }\n  window.moveMir = function (e, d) {\n    e.stopPropagation();\n    curIdx = (curIdx + d + curList.length) % curList.length;\n    showMir();\n  };\n  window.closeMirLightbox = function (e) {\n    if (e) e.stopPropagation();\n    lb.classList.remove(\"open\");\n    document.body.style.overflow = \"\";\n  };\n\n  \/\/ Click background to close\n  lb.addEventListener(\"click\", function () { window.closeMirLightbox(); });\n  \/\/ Keyboard\n  document.addEventListener(\"keydown\", function (e) {\n    if (!lb.classList.contains(\"open\")) return;\n    if (e.key === \"ArrowRight\") window.moveMir(e, 1);\n    if (e.key === \"ArrowLeft\") window.moveMir(e, -1);\n    if (e.key === \"Escape\") window.closeMirLightbox();\n  });\n  \/\/ Swipe\n  var tx = 0;\n  lb.addEventListener(\"touchstart\", function (e) { tx = e.touches[0].clientX; }, { passive: true });\n  lb.addEventListener(\"touchend\", function (e) {\n    var d = tx - e.changedTouches[0].clientX;\n    if (Math.abs(d) > 45) window.moveMir(e, d > 0 ? 1 : -1);\n  });\n\n  \/\/ Gallery filter\n  document.querySelectorAll(\".mir-fbtn\").forEach(function (btn) {\n    btn.addEventListener(\"click\", function () {\n      document.querySelectorAll(\".mir-fbtn\").forEach(function (b) { b.classList.remove(\"active\"); });\n      btn.classList.add(\"active\");\n      var f = btn.getAttribute(\"data-f\");\n      document.querySelectorAll(\"#mirGallery .mir-tile\").forEach(function (t) {\n        var match = (f === \"all\") || (t.getAttribute(\"data-c\") === f);\n        t.classList.toggle(\"hide\", !match);\n      });\n    });\n  });\n\n  \/\/ Reveal on scroll\n  var rev = document.querySelectorAll(\".mir-reveal\");\n  if (\"IntersectionObserver\" in window) {\n    var ob = new IntersectionObserver(function (entries) {\n      entries.forEach(function (en) {\n        if (en.isIntersecting) { en.target.classList.add(\"in\"); ob.unobserve(en.target); }\n      });\n    }, { threshold: 0.1, rootMargin: \"0px 0px -30px 0px\" });\n    rev.forEach(function (el) { ob.observe(el); });\n  } else {\n    rev.forEach(function (el) { el.classList.add(\"in\"); });\n  }\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Event Report &middot; 24 May 2026 Make It Real: CAD &amp; 3D Printing Workshop Mechanical Lab, E4, Kulliyyah of Engineering, IIUM &nbsp;|&nbsp; Conducted by Ir. Amiro Iqbal bin Mohd Aminudin A hands-on, one-day workshop where participants designed and 3D-printed their own fidget spinners &mdash; taking a project all the way [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":3647,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24,11],"tags":[36,31],"_links":{"self":[{"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=\/wp\/v2\/posts\/3641"}],"collection":[{"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3641"}],"version-history":[{"count":6,"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=\/wp\/v2\/posts\/3641\/revisions"}],"predecessor-version":[{"id":3652,"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=\/wp\/v2\/posts\/3641\/revisions\/3652"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=\/wp\/v2\/media\/3647"}],"wp:attachment":[{"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3641"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3641"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}