\u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 – \u062f\u0644\u064a\u0644 \u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;500;600;700&family=Cairo:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n<style>\n:root {\n --bg: #f0f4fa;\n --surface: rgba(255,255,255,0.97);\n --border: rgba(30,80,140,0.10);\n --accent: #1A4D8C;\n --accent2: #2e7fc0;\n --text: #1a2c3e;\n --muted: #6b8aab;\n --pill-bg: rgba(230,243,255,0.85);\n --pill-bdr: #bcd5ee;\n --radius: 1.6rem;\n --orange: #ffb347;\n --soft-red: #e8748f;\n}\n*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\nhtml { scroll-behavior: smooth; }\nbody {\n background: var(--bg);\n font-family: 'Sora', 'Cairo', system-ui, sans-serif;\n color: var(--text);\n min-height: 100vh;\n overflow-x: hidden;\n line-height: 1.6;\n}\n\/* \u2500\u2500 BACKGROUND ANIMATIONS (3D GRID + ORBS) \u2500\u2500 *\/\n.bg-scene { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }\n.bg-grid {\n position: absolute; inset: 0;\n background-image: linear-gradient(rgba(26,77,140,.05) 1px, transparent 1px),\n linear-gradient(90deg, rgba(26,77,140,.05) 1px, transparent 1px);\n background-size: 56px 56px;\n animation: gridScroll 22s linear infinite;\n}\n@keyframes gridScroll {\n from { transform: perspective(700px) rotateX(28deg) translateY(0); }\n to { transform: perspective(700px) rotateX(28deg) translateY(56px); }\n}\n.bg-orb {\n position: absolute; border-radius: 50%; filter: blur(90px);\n animation: orbFloat 9s ease-in-out infinite alternate;\n}\n.orb1 { width:520px; height:520px; background:rgba(180,200,230,.38); top:-170px; right:-130px; }\n.orb2 { width:360px; height:360px; background:rgba(155,185,220,.28); bottom:8%; left:3%; animation-delay:-4s; }\n.orb3 { width:260px; height:260px; background:rgba(255,179,71,.15); top:40%; right:20%; animation-delay:-7s; }\n@keyframes orbFloat {\n from { transform: translate(0,0) scale(1); }\n to { transform: translate(28px,28px) scale(1.09); }\n}\n\/* \u2500\u2500 3D LOGO WATERMARKS (ROTATING) \u2500\u2500 *\/\n.logo-watermark { position: absolute; pointer-events: none; z-index: 0; }\n.logo-center { top:50%; left:50%; transform:translate(-50%,-50%); }\n.logo-top-left { top:4%; left:2%; }\n.logo-bottom-right { bottom:4%; right:2%; }\n.logo-3d-wrapper { width:360px; height:360px; animation: spin3D 25s linear infinite; transform-style: preserve-3d; perspective: 800px; }\n.logo-3d-wrapper.logo-small { width:130px; height:130px; }\n.logo-3d-wrapper.logo-slow { animation-duration:35s; animation-direction:reverse; }\n@keyframes spin3D {\n 0% { transform: rotateY(0deg) rotateX(8deg); }\n 25% { transform: rotateY(90deg) rotateX(14deg) rotateZ(3deg); }\n 50% { transform: rotateY(180deg) rotateX(8deg); }\n 75% { transform: rotateY(270deg) rotateX(14deg) rotateZ(-3deg); }\n 100% { transform: rotateY(360deg) rotateX(8deg); }\n}\n.logo-3d-img {\n width:100%; height:100%; object-fit:contain; opacity:.06;\n mix-blend-mode:screen; filter: saturate(.8) brightness(.85);\n border-radius: 50%;\n animation: logoPulse 4.5s ease-in-out infinite alternate;\n}\n@keyframes logoPulse { from{opacity:.04} to{opacity:.12} }\n\/* PARTICLES *\/\n.particle {\n position: fixed; border-radius:50%; pointer-events:none;\n z-index:0; animation: floatP linear infinite; opacity:0;\n}\n@keyframes floatP {\n 0% { transform:translateY(100vh) rotate(0deg); opacity:0; }\n 10% { opacity:.55; }\n 90% { opacity:.55; }\n 100% { transform:translateY(-120px) rotate(360deg); opacity:0; }\n}\n.page-wrap {\n position: relative; z-index:2;\n padding: 2.5rem 1.5rem 4rem;\n max-width: 1400px; margin: 0 auto;\n}\n.control-bar {\n display: flex; align-items: center; justify-content: space-between;\n flex-wrap: wrap; gap: 1rem;\n background: var(--surface); border: 1px solid var(--border);\n border-radius: var(--radius); padding: 1.2rem 1.5rem;\n margin-bottom: 2.5rem; box-shadow: 0 4px 24px rgba(0,0,0,.08);\n backdrop-filter: blur(8px);\n}\n.bar-left { display: flex; align-items: center; gap: 1rem; }\n.bar-icon {\n width: 50px; height: 50px; background: linear-gradient(135deg, #1A4D8C, #2e7fc0);\n border-radius: 14px; display: flex; align-items: center; justify-content: center;\n color: #fff; font-size: 1.3rem; box-shadow: 0 4px 12px rgba(26,77,140,.3);\n flex-shrink: 0;\n}\n.bar-title { font-size: 1.3rem; font-weight: 800; color: var(--accent); line-height: 1.2; letter-spacing: -0.2px; }\n.bar-subtitle { font-size: 0.85rem; color: var(--muted); font-weight: 600; margin-top: 4px; }\n.bar-right { display: flex; gap: 12px; flex-wrap: wrap; }\n.badge-count {\n background: var(--pill-bg); border: 1px solid var(--pill-bdr);\n padding: 0.45rem 1.3rem; border-radius: 60px; font-size: 0.85rem;\n font-weight: 700; color: var(--accent); display: flex; align-items: center; gap: 8px;\n}\n.badge-orange { background: rgba(255, 179, 71, 0.15); border-color: rgba(255, 179, 71, 0.4); color: #b45f06; }\n.section-title {\n font-size: 1.7rem; font-weight: 800; color: #0a2b44;\n margin: 2rem 0 1.5rem; position: relative; display: inline-block;\n padding-right: 15px;\n}\n.section-title:after {\n content: \"\"; position: absolute; right: 0; bottom: -8px;\n width: 70px; height: 4px; background: var(--orange); border-radius: 4px;\n}\n.section-title i { margin-left: 10px; }\n\/* cards grid *\/\n.cards-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));\n gap: 1.8rem;\n}\n.data-card {\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n box-shadow: 0 8px 32px rgba(0,0,0,.06);\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n.card-header {\n background: linear-gradient(120deg, rgba(235,243,252,.98), rgba(240,246,255,.98));\n padding: 1rem 1.4rem;\n border-bottom: 1.5px solid rgba(26,77,140,.10);\n display: flex;\n align-items: center;\n gap: 12px;\n}\n.card-header i { font-size: 1.8rem; color: var(--accent2); }\n.card-header h3 { font-size: 1.2rem; font-weight: 800; color: #1f4e79; line-height: 1.3; }\n.card-body { padding: 1.3rem 1.4rem 1.5rem; }\n.link-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n background: #f9fbfe;\n padding: 0.8rem 1rem;\n border-radius: 1rem;\n margin-bottom: 0.8rem;\n border: 1px solid #e9eef3;\n transition: all 0.2s;\n}\n.link-row:last-child { margin-bottom: 0; }\n.link-label {\n font-weight: 700;\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 0.9rem;\n color: var(--accent);\n}\n.link-label i { font-size: 1rem; color: var(--orange); }\n.lecture-link {\n background: transparent;\n padding: 0.3rem 1rem;\n border-radius: 40px;\n text-decoration: none;\n font-weight: 600;\n font-size: 0.8rem;\n transition: 0.2s;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n border: 1px solid var(--pill-bdr);\n color: var(--accent2);\n}\n.lecture-link i { font-size: 0.75rem; }\n.lecture-link:hover {\n background: var(--accent);\n color: white;\n border-color: var(--accent);\n transform: translateY(-1px);\n}\n.link-disabled {\n background: #f1f3f7;\n color: #8da0b5;\n border: 1px solid #e2e6ed;\n cursor: default;\n pointer-events: none;\n font-weight: 500;\n}\n.link-disabled:hover { background: #f1f3f7; color: #8da0b5; transform: none; }\n.empty-badge {\n font-size: 0.75rem;\n color: #b87333;\n background: #fff0e0;\n padding: 0.2rem 0.7rem;\n border-radius: 30px;\n}\n.footer-note {\n margin-top: 3.5rem;\n text-align: center;\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: 60px;\n padding: 1rem 2rem;\n width: fit-content;\n margin-left: auto;\n margin-right: auto;\n font-size: 0.9rem;\n font-weight: 600;\n color: var(--muted);\n box-shadow: 0 4px 16px rgba(0,0,0,.05);\n}\n@media (max-width: 680px) {\n .page-wrap { padding: 1rem; }\n .control-bar { flex-direction: column; align-items: flex-start; }\n .bar-right { width: 100%; justify-content: flex-start; }\n .cards-grid { grid-template-columns: 1fr; }\n .section-title { font-size: 1.4rem; }\n .link-row { flex-direction: column; align-items: flex-start; gap: 8px; }\n}\n<\/style>\n<\/head>\n<body>\n<div class=\"bg-scene\">\n <div class=\"bg-grid\"><\/div>\n <div class=\"bg-orb orb1\"><\/div>\n <div class=\"bg-orb orb2\"><\/div>\n <div class=\"bg-orb orb3\"><\/div>\n <div class=\"logo-watermark logo-center\">\n <div class=\"logo-3d-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.style.display='none'\" class=\"logo-3d-img\" alt=\"\u0634\u0639\u0627\u0631 \u0627\u0644\u0645\u0639\u0647\u062f\">\n <\/div>\n <\/div>\n <div class=\"logo-watermark logo-top-left\">\n <div class=\"logo-3d-wrapper logo-small\">\n <img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.style.display='none'\" class=\"logo-3d-img\" alt=\"\">\n <\/div>\n <\/div>\n <div class=\"logo-watermark logo-bottom-right\">\n <div class=\"logo-3d-wrapper logo-small logo-slow\">\n <img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.style.display='none'\" class=\"logo-3d-img\" alt=\"\">\n <\/div>\n <\/div>\n<\/div>\n\n<div class=\"page-wrap\">\n <div class=\"control-bar\">\n <div class=\"bar-left\">\n <div class=\"bar-icon\"><i class=\"fas fa-book-open\"><\/i><\/div>\n <div>\n <div class=\"bar-title\">\u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \/ \u0627\u0644\u0633\u0645\u0627\u0648\u0629<\/div>\n <div class=\"bar-subtitle\"><i class=\"fas fa-map-marker-alt\" style=\"color:var(--orange);\"><\/i> \u0634\u0645\u0627\u0644 \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u2013 \u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u0645\u062b\u0646\u0649 | \u062f\u0644\u064a\u0644 \u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/div>\n <\/div>\n <\/div>\n <div class=\"bar-right\">\n <div class=\"badge-count\"><i class=\"fas fa-microscope\"><\/i> 14 \u0642\u0633\u0645\u0627\u064b \u0639\u0644\u0645\u064a\u0627\u064b<\/div>\n <div class=\"badge-count badge-orange\"><i class=\"fas fa-chalkboard-user\"><\/i> \u0631\u0648\u0627\u0628\u0637 \u0645\u0631\u062d\u0644\u062a\u064a\u0646<\/div>\n <div class=\"badge-count\"><i class=\"fas fa-file-alt\"><\/i> \u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0631\u0642\u0645\u064a\u0629<\/div>\n <\/div>\n <\/div>\n\n <h2 class=\"section-title\"><i class=\"fas fa-graduation-cap\" style=\"color:var(--orange);\"><\/i> \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u2013 \u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0648\u0627\u0644\u062b\u0627\u0646\u064a\u0629<\/h2>\n \n <div id=\"departmentsContainer\" class=\"cards-grid\"><\/div>\n \n <div style=\"margin-top: 2.5rem; background: rgba(255,248,225,0.6); border-radius: 28px; padding: 1.2rem; text-align: center; border-right: 4px solid var(--orange);\">\n <i class=\"fas fa-info-circle\" style=\"color: var(--accent2); margin-left: 8px;\"><\/i>\n <span style=\"font-weight: 600;\">\u062a\u0648\u0641\u0631 \u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0648\u0645\u0646\u0627\u0647\u062c \u062f\u0631\u0627\u0633\u064a\u0629 \u0648\u0641\u0642 \u0627\u0644\u0645\u0646\u0647\u062c \u0627\u0644\u0645\u0639\u062a\u0645\u062f | \u0628\u0639\u0636 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0645\u062d\u062f\u062b\u0629 \u0628\u0634\u0643\u0644 \u062f\u0648\u0631\u064a\u060c \u0646\u0631\u062d\u0628 \u0628\u0645\u0644\u0627\u062d\u0638\u0627\u062a\u0643\u0645.<\/span>\n <\/div>\n\n <div class=\"footer-note\">\n <i class=\"fas fa-university\"><\/i> \u00a9 2026 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u2013 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 | \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0637\u0644\u0628\u0629\n <\/div>\n<\/div>\n\n<script>\n \/\/ ============= \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u0644\u0644\u0623\u0642\u0633\u0627\u0645 \u0648\u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a (\u0645\u0631\u062d\u0644\u0629 \u0623\u0648\u0644\u0649 \u0648\u062b\u0627\u0646\u064a\u0629) =============\n const departmentsData = [\n { name: \"\u0642\u0633\u0645 \u0627\u0644\u0645\u0643\u0627\u0646\u064a\u0643\", icon: \"fas fa-cogs\", \n firstUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=10796\", \n secondUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=10366\" },\n { name: \"\u0642\u0633\u0645 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621\", icon: \"fas fa-bolt\", \n firstUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=10588\", \n secondUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=10359\" },\n { name: \"\u0642\u0633\u0645 \u0627\u0644\u0645\u062d\u0627\u0633\u0628\u0629\", icon: \"fas fa-calculator\", \n firstUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=10845\", \n secondUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=10350\" },\n { name: \"\u0642\u0633\u0645 \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u0627\u0646\u0634\u0627\u0626\u0627\u062a\", icon: \"fas fa-building\", \n firstUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=11159\", \n secondUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=10070\" },\n { name: \"\u0642\u0633\u0645 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u0627\u0644\u0627\u062a\u0635\u0627\u0644\u0627\u062a\", icon: \"fas fa-wifi\", \n firstUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=10893\", \n secondUrl: \"https:\/\/sites.google.com\/atu.edu.iq\/electronics-classroom\/%D8%A7%D9%84%D9%85%D8%B1%D8%AD%D9%84%D8%A9-%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%8A%D8%A9\" },\n { name: \"\u0642\u0633\u0645 \u0627\u0644\u0623\u0645\u0646 \u0627\u0644\u0633\u064a\u0628\u0631\u0627\u0646\u064a\", icon: \"fas fa-shield-alt\", \n firstUrl: null, \n secondUrl: null },\n { name: \"\u0642\u0633\u0645 \u0627\u0644\u0645\u0633\u0627\u062d\u0629\", icon: \"fas fa-draw-polygon\", \n firstUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=10601\", \n secondUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=10388\" },\n { name: \"\u0642\u0633\u0645 \u062a\u0643\u0631\u064a\u0631 \u0627\u0644\u0646\u0641\u0637\", icon: \"fas fa-oil-can\", \n firstUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=13357\", \n secondUrl: null },\n { name: \"\u0642\u0633\u0645 \u0627\u0644\u062d\u0641\u0631 \u0648\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632\", icon: \"fas fa-hard-hat\", \n firstUrl: null, \n secondUrl: null },\n { name: \"\u0642\u0633\u0645 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\", icon: \"fas fa-gavel\", \n firstUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=18475\", \n secondUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=10165\" },\n { name: \"\u0642\u0633\u0645 \u0635\u062d\u0629 \u0645\u062c\u062a\u0645\u0639\", icon: \"fas fa-heartbeat\", \n firstUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=10170\", \n secondUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=10308\" },\n { name: \"\u0642\u0633\u0645 \u0627\u0644\u062a\u0645\u0631\u064a\u0636\", icon: \"fas fa-user-md\", \n firstUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=10864\", \n secondUrl: null },\n { name: \"\u0642\u0633\u0645 \u063a\u0633\u064a\u0644 \u0627\u0644\u0643\u0644\u0649\", icon: \"fas fa-procedures\", \n firstUrl: null, \n secondUrl: null },\n { name: \"\u0642\u0633\u0645 \u0627\u0644\u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629\", icon: \"fas fa-microscope\", \n firstUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=10816\", \n secondUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=10257\" }\n ];\n\n \/\/ \u062f\u0627\u0644\u0629 \u0645\u0633\u0627\u0639\u062f\u0629 \u0644\u0639\u0631\u0636 \u0627\u0644\u0631\u0627\u0628\u0637 \u0645\u0639 \u0623\u064a\u0642\u0648\u0646\u0629\n function renderLink(url, label, stageIcon) {\n if (url && url.trim() !== \"\") {\n return `<a href=\"${url}\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"lecture-link\"><i class=\"${stageIcon}\"><\/i> ${label}<\/a>`;\n } else {\n return `<span class=\"lecture-link link-disabled\"><i class=\"${stageIcon}\"><\/i> ${label} <span class=\"empty-badge\" style=\"margin-right:6px;\">\u063a\u064a\u0631 \u0645\u062a\u0648\u0641\u0631<\/span><\/span>`;\n }\n }\n\n function buildDepartments() {\n const container = document.getElementById('departmentsContainer');\n if (!container) return;\n let cardsHTML = '';\n for (let dept of departmentsData) {\n \/\/ \u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629\n const deptIcon = dept.icon || \"fas fa-microchip\";\n \/\/ \u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0648\u0627\u0644\u062b\u0627\u0646\u064a\u0629\n const firstLabel = \"\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649\";\n const secondLabel = \"\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629\";\n const firstIcon = \"fas fa-book\";\n const secondIcon = \"fas fa-chalkboard\";\n \n const firstLinkHtml = renderLink(dept.firstUrl, firstLabel, firstIcon);\n const secondLinkHtml = renderLink(dept.secondUrl, secondLabel, secondIcon);\n \n cardsHTML += `\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\">\n <i class=\"${deptIcon}\"><\/i>\n <h3>${dept.name}<\/h3>\n <\/div>\n <div class=\"card-body\">\n <div class=\"link-row\">\n <div class=\"link-label\"><i class=\"fas fa-level-up-alt\"><\/i> \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649<\/div>\n ${firstLinkHtml}\n <\/div>\n <div class=\"link-row\">\n <div class=\"link-label\"><i class=\"fas fa-level-down-alt\"><\/i> \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629<\/div>\n ${secondLinkHtml}\n <\/div>\n <\/div>\n <\/div>\n `;\n }\n container.innerHTML = cardsHTML;\n \n \/\/ \u0625\u0639\u0627\u062f\u0629 \u062a\u0641\u0639\u064a\u0644 \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0640 tilt \u0628\u0639\u062f \u0627\u0644\u0625\u0636\u0627\u0641\u0629 (\u0627\u0644\u062a\u0639\u0644\u064a\u0645\u0629 \u0627\u0644\u0623\u0635\u0644\u064a\u0629 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b \u062a\u0639\u0645\u0644 \u0639\u0644\u0649 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0630\u0627\u062a data-tilt)\n attachTiltAgain();\n }\n \n \/\/ \u0625\u0639\u0627\u062f\u0629 \u0631\u0628\u0637 \u062d\u062f\u062b \u0627\u0644\u0645\u064a\u0644\u0627\u0646 \u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0623\u0628\u0639\u0627\u062f (\u0646\u0641\u0633 \u0627\u0644\u0622\u0644\u064a\u0629 \u0645\u0646 \u0627\u0644\u0642\u0627\u0644\u0628 \u0627\u0644\u0623\u0635\u0644\u064a \u0645\u0639 \u062a\u062d\u0633\u064a\u0646)\n function attachTiltAgain() {\n const cards = document.querySelectorAll('[data-tilt]');\n cards.forEach(card => {\n \/\/ \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0639\u064a\u0646 \u0627\u0644\u0633\u0627\u0628\u0642\u064a\u0646 (\u062a\u062c\u0646\u0628 \u0627\u0644\u062a\u0643\u0631\u0627\u0631 \u0644\u0643\u0646 \u0628\u0628\u0633\u0627\u0637\u0629 \u0646\u0636\u064a\u0641\u0647\u0627)\n card.removeEventListener('mousemove', card._tiltMove);\n card.removeEventListener('mouseleave', card._tiltLeave);\n \n const handleMove = (e) => {\n const r = card.getBoundingClientRect();\n const x = e.clientX - r.left;\n const y = e.clientY - r.top;\n const cx = r.width \/ 2;\n const cy = r.height \/ 2;\n const rX = ((y - cy) \/ cy) * 3;\n const rY = ((x - cx) \/ cx) * -3;\n card.style.transition = 'transform 0.08s ease, box-shadow 0.08s ease';\n card.style.transform = `perspective(1000px) rotateX(${rX}deg) rotateY(${rY}deg) scale(1.015) translateY(-4px)`;\n card.style.boxShadow = `0 16px 32px -10px rgba(26,77,140,0.25)`;\n card.style.borderColor = 'rgba(255,179,71,0.5)';\n };\n const handleLeave = () => {\n card.style.transition = 'transform 0.4s cubic-bezier(.2,.9,.4,1), box-shadow 0.4s ease';\n card.style.transform = '';\n card.style.boxShadow = '';\n card.style.borderColor = '';\n };\n card.addEventListener('mousemove', handleMove);\n card.addEventListener('mouseleave', handleLeave);\n card._tiltMove = handleMove;\n card._tiltLeave = handleLeave;\n });\n }\n \n \/\/ \u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u062c\u0633\u064a\u0645\u0627\u062a \u0627\u0644\u0639\u0627\u0626\u0645\u0629 (Particles) \u0646\u0641\u0633 \u0627\u0644\u0646\u0645\u0637 \u0627\u0644\u0623\u0635\u0644\u064a\n function initParticles() {\n const colors = ['#8faac8','#a2b9d6','#bfcfdf','#c7d9e8'];\n for(let i = 0; i < 22; i++){\n const el = document.createElement('div');\n el.className = 'particle';\n const s = Math.random() * 5 + 2.5;\n el.style.cssText = `width:${s}px;height:${s}px;background:${colors[i%4]};left:${Math.random()*100}vw;animation-duration:${Math.random()*12+9}s;animation-delay:${Math.random()*12}s;`;\n document.body.appendChild(el);\n }\n }\n \n \/\/ \u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0643\u0627\u0645\u0644 \u0644\u0644\u0635\u0641\u062d\u0629 + \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\n window.addEventListener('DOMContentLoaded', () => {\n buildDepartments();\n initParticles();\n });\n \n \/\/ \u0625\u0639\u0627\u062f\u0629 \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0645\u064a\u0644\u0627\u0646 \u0641\u064a \u062d\u0627\u0644 \u0625\u0636\u0627\u0641\u0629 \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629 (\u0644\u0644\u062a\u0623\u0643\u062f)\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', () => attachTiltAgain());\n } else {\n attachTiltAgain();\n }\n \n \/\/ \u0645\u0646\u062d \u062a\u0641\u0627\u0639\u0644 \u0625\u0636\u0627\u0641\u064a \u0644\u0644\u0623\u0632\u0631\u0627\u0631 (\u062a\u0623\u062b\u064a\u0631 hover \u0639\u0627\u0645)\n const style = document.createElement('style');\n style.textContent = `\n .lecture-link { transition: all 0.2s ease; background: #ffffff; }\n .lecture-link:hover { background: #1A4D8C; color: white; box-shadow: 0 4px 10px rgba(0,0,0,0.1); transform: translateY(-2px); }\n .link-row { transition: background 0.2s; }\n .link-row:hover { background: #eef3fc; border-color: #cde0f0; }\n .data-card { transition: all 0.25s; }\n `;\n document.head.appendChild(style);\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 – \u062f\u0644\u064a\u0644 \u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \/ \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u0634\u0645\u0627\u0644 \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u2013 \u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u0645\u062b\u0646\u0649 | \u062f\u0644\u064a\u0644 \u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 14 \u0642\u0633\u0645\u0627\u064b \u0639\u0644\u0645\u064a\u0627\u064b \u0631\u0648\u0627\u0628\u0637 \u0645\u0631\u062d\u0644\u062a\u064a\u0646 \u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u2013 \u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0648\u0627\u0644\u062b\u0627\u0646\u064a\u0629 \u062a\u0648\u0641\u0631 \u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0648\u0645\u0646\u0627\u0647\u062c \u062f\u0631\u0627\u0633\u064a\u0629 \u0648\u0641\u0642 \u0627\u0644\u0645\u0646\u0647\u062c \u0627\u0644\u0645\u0639\u062a\u0645\u062f | \u0628\u0639\u0636 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0645\u062d\u062f\u062b\u0629 \u0628\u0634\u0643\u0644 \u062f\u0648\u0631\u064a\u060c \u0646\u0631\u062d\u0628 \u0628\u0645\u0644\u0627\u062d\u0638\u0627\u062a\u0643\u0645. \u00a9 2026 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 … <a href=\"https:\/\/isa.atu.edu.iq\/?page_id=22469\">Continued<\/a><\/p>\n","protected":false},"author":99900,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22469","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22469","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/users\/99900"}],"replies":[{"embeddable":true,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22469"}],"version-history":[{"count":2,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22469\/revisions"}],"predecessor-version":[{"id":22472,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22469\/revisions\/22472"}],"wp:attachment":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":22469,"date":"2026-04-28T12:15:24","date_gmt":"2026-04-28T09:15:24","guid":{"rendered":"https:\/\/isa.atu.edu.iq\/?page_id=22469"},"modified":"2026-04-28T12:24:39","modified_gmt":"2026-04-28T09:24:39","slug":"%d8%a7%d9%84%d8%ad%d9%82%d8%a7%d8%a6%d8%a8-%d8%a7%d9%84%d8%aa%d8%b9%d9%84%d9%8a%d9%85%d9%8a%d8%a9-4","status":"publish","type":"page","link":"https:\/\/isa.atu.edu.iq\/?page_id=22469","title":{"rendered":"\u0627\u0644\u062d\u0642\u0627\u0626\u0628 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629"},"content":{"rendered":"\n\n\n\n\n\n\u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 – \u062f\u0644\u064a\u0644 \u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;500;600;700&family=Cairo:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n<style>\n:root {\n --bg: #f0f4fa;\n --surface: rgba(255,255,255,0.97);\n --border: rgba(30,80,140,0.10);\n --accent: #1A4D8C;\n --accent2: #2e7fc0;\n --text: #1a2c3e;\n --muted: #6b8aab;\n --pill-bg: rgba(230,243,255,0.85);\n --pill-bdr: #bcd5ee;\n --radius: 1.6rem;\n --orange: #ffb347;\n --soft-red: #e8748f;\n}\n*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\nhtml { scroll-behavior: smooth; }\nbody {\n background: var(--bg);\n font-family: 'Sora', 'Cairo', system-ui, sans-serif;\n color: var(--text);\n min-height: 100vh;\n overflow-x: hidden;\n line-height: 1.6;\n}\n\/* \u2500\u2500 BACKGROUND ANIMATIONS (3D GRID + ORBS) \u2500\u2500 *\/\n.bg-scene { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }\n.bg-grid {\n position: absolute; inset: 0;\n background-image: linear-gradient(rgba(26,77,140,.05) 1px, transparent 1px),\n linear-gradient(90deg, rgba(26,77,140,.05) 1px, transparent 1px);\n background-size: 56px 56px;\n animation: gridScroll 22s linear infinite;\n}\n@keyframes gridScroll {\n from { transform: perspective(700px) rotateX(28deg) translateY(0); }\n to { transform: perspective(700px) rotateX(28deg) translateY(56px); }\n}\n.bg-orb {\n position: absolute; border-radius: 50%; filter: blur(90px);\n animation: orbFloat 9s ease-in-out infinite alternate;\n}\n.orb1 { width:520px; height:520px; background:rgba(180,200,230,.38); top:-170px; right:-130px; }\n.orb2 { width:360px; height:360px; background:rgba(155,185,220,.28); bottom:8%; left:3%; animation-delay:-4s; }\n.orb3 { width:260px; height:260px; background:rgba(255,179,71,.15); top:40%; right:20%; animation-delay:-7s; }\n@keyframes orbFloat {\n from { transform: translate(0,0) scale(1); }\n to { transform: translate(28px,28px) scale(1.09); }\n}\n\/* \u2500\u2500 3D LOGO WATERMARKS (ROTATING) \u2500\u2500 *\/\n.logo-watermark { position: absolute; pointer-events: none; z-index: 0; }\n.logo-center { top:50%; left:50%; transform:translate(-50%,-50%); }\n.logo-top-left { top:4%; left:2%; }\n.logo-bottom-right { bottom:4%; right:2%; }\n.logo-3d-wrapper { width:360px; height:360px; animation: spin3D 25s linear infinite; transform-style: preserve-3d; perspective: 800px; }\n.logo-3d-wrapper.logo-small { width:130px; height:130px; }\n.logo-3d-wrapper.logo-slow { animation-duration:35s; animation-direction:reverse; }\n@keyframes spin3D {\n 0% { transform: rotateY(0deg) rotateX(8deg); }\n 25% { transform: rotateY(90deg) rotateX(14deg) rotateZ(3deg); }\n 50% { transform: rotateY(180deg) rotateX(8deg); }\n 75% { transform: rotateY(270deg) rotateX(14deg) rotateZ(-3deg); }\n 100% { transform: rotateY(360deg) rotateX(8deg); }\n}\n.logo-3d-img {\n width:100%; height:100%; object-fit:contain; opacity:.06;\n mix-blend-mode:screen; filter: saturate(.8) brightness(.85);\n border-radius: 50%;\n animation: logoPulse 4.5s ease-in-out infinite alternate;\n}\n@keyframes logoPulse { from{opacity:.04} to{opacity:.12} }\n\/* PARTICLES *\/\n.particle {\n position: fixed; border-radius:50%; pointer-events:none;\n z-index:0; animation: floatP linear infinite; opacity:0;\n}\n@keyframes floatP {\n 0% { transform:translateY(100vh) rotate(0deg); opacity:0; }\n 10% { opacity:.55; }\n 90% { opacity:.55; }\n 100% { transform:translateY(-120px) rotate(360deg); opacity:0; }\n}\n.page-wrap {\n position: relative; z-index:2;\n padding: 2.5rem 1.5rem 4rem;\n max-width: 1400px; margin: 0 auto;\n}\n.control-bar {\n display: flex; align-items: center; justify-content: space-between;\n flex-wrap: wrap; gap: 1rem;\n background: var(--surface); border: 1px solid var(--border);\n border-radius: var(--radius); padding: 1.2rem 1.5rem;\n margin-bottom: 2.5rem; box-shadow: 0 4px 24px rgba(0,0,0,.08);\n backdrop-filter: blur(8px);\n}\n.bar-left { display: flex; align-items: center; gap: 1rem; }\n.bar-icon {\n width: 50px; height: 50px; background: linear-gradient(135deg, #1A4D8C, #2e7fc0);\n border-radius: 14px; display: flex; align-items: center; justify-content: center;\n color: #fff; font-size: 1.3rem; box-shadow: 0 4px 12px rgba(26,77,140,.3);\n flex-shrink: 0;\n}\n.bar-title { font-size: 1.3rem; font-weight: 800; color: var(--accent); line-height: 1.2; letter-spacing: -0.2px; }\n.bar-subtitle { font-size: 0.85rem; color: var(--muted); font-weight: 600; margin-top: 4px; }\n.bar-right { display: flex; gap: 12px; flex-wrap: wrap; }\n.badge-count {\n background: var(--pill-bg); border: 1px solid var(--pill-bdr);\n padding: 0.45rem 1.3rem; border-radius: 60px; font-size: 0.85rem;\n font-weight: 700; color: var(--accent); display: flex; align-items: center; gap: 8px;\n}\n.badge-orange { background: rgba(255, 179, 71, 0.15); border-color: rgba(255, 179, 71, 0.4); color: #b45f06; }\n.section-title {\n font-size: 1.7rem; font-weight: 800; color: #0a2b44;\n margin: 2rem 0 1.5rem; position: relative; display: inline-block;\n padding-right: 15px;\n}\n.section-title:after {\n content: \"\"; position: absolute; right: 0; bottom: -8px;\n width: 70px; height: 4px; background: var(--orange); border-radius: 4px;\n}\n.section-title i { margin-left: 10px; }\n\/* cards grid *\/\n.cards-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));\n gap: 1.8rem;\n}\n.data-card {\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n box-shadow: 0 8px 32px rgba(0,0,0,.06);\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n.card-header {\n background: linear-gradient(120deg, rgba(235,243,252,.98), rgba(240,246,255,.98));\n padding: 1rem 1.4rem;\n border-bottom: 1.5px solid rgba(26,77,140,.10);\n display: flex;\n align-items: center;\n gap: 12px;\n}\n.card-header i { font-size: 1.8rem; color: var(--accent2); }\n.card-header h3 { font-size: 1.2rem; font-weight: 800; color: #1f4e79; line-height: 1.3; }\n.card-body { padding: 1.3rem 1.4rem 1.5rem; }\n.link-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n background: #f9fbfe;\n padding: 0.8rem 1rem;\n border-radius: 1rem;\n margin-bottom: 0.8rem;\n border: 1px solid #e9eef3;\n transition: all 0.2s;\n}\n.link-row:last-child { margin-bottom: 0; }\n.link-label {\n font-weight: 700;\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 0.9rem;\n color: var(--accent);\n}\n.link-label i { font-size: 1rem; color: var(--orange); }\n.lecture-link {\n background: transparent;\n padding: 0.3rem 1rem;\n border-radius: 40px;\n text-decoration: none;\n font-weight: 600;\n font-size: 0.8rem;\n transition: 0.2s;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n border: 1px solid var(--pill-bdr);\n color: var(--accent2);\n}\n.lecture-link i { font-size: 0.75rem; }\n.lecture-link:hover {\n background: var(--accent);\n color: white;\n border-color: var(--accent);\n transform: translateY(-1px);\n}\n.link-disabled {\n background: #f1f3f7;\n color: #8da0b5;\n border: 1px solid #e2e6ed;\n cursor: default;\n pointer-events: none;\n font-weight: 500;\n}\n.link-disabled:hover { background: #f1f3f7; color: #8da0b5; transform: none; }\n.empty-badge {\n font-size: 0.75rem;\n color: #b87333;\n background: #fff0e0;\n padding: 0.2rem 0.7rem;\n border-radius: 30px;\n}\n.footer-note {\n margin-top: 3.5rem;\n text-align: center;\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: 60px;\n padding: 1rem 2rem;\n width: fit-content;\n margin-left: auto;\n margin-right: auto;\n font-size: 0.9rem;\n font-weight: 600;\n color: var(--muted);\n box-shadow: 0 4px 16px rgba(0,0,0,.05);\n}\n@media (max-width: 680px) {\n .page-wrap { padding: 1rem; }\n .control-bar { flex-direction: column; align-items: flex-start; }\n .bar-right { width: 100%; justify-content: flex-start; }\n .cards-grid { grid-template-columns: 1fr; }\n .section-title { font-size: 1.4rem; }\n .link-row { flex-direction: column; align-items: flex-start; gap: 8px; }\n}\n<\/style>\n<\/head>\n<body>\n<div class=\"bg-scene\">\n <div class=\"bg-grid\"><\/div>\n <div class=\"bg-orb orb1\"><\/div>\n <div class=\"bg-orb orb2\"><\/div>\n <div class=\"bg-orb orb3\"><\/div>\n <div class=\"logo-watermark logo-center\">\n <div class=\"logo-3d-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.style.display='none'\" class=\"logo-3d-img\" alt=\"\u0634\u0639\u0627\u0631 \u0627\u0644\u0645\u0639\u0647\u062f\">\n <\/div>\n <\/div>\n <div class=\"logo-watermark logo-top-left\">\n <div class=\"logo-3d-wrapper logo-small\">\n <img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.style.display='none'\" class=\"logo-3d-img\" alt=\"\">\n <\/div>\n <\/div>\n <div class=\"logo-watermark logo-bottom-right\">\n <div class=\"logo-3d-wrapper logo-small logo-slow\">\n <img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.style.display='none'\" class=\"logo-3d-img\" alt=\"\">\n <\/div>\n <\/div>\n<\/div>\n\n<div class=\"page-wrap\">\n <div class=\"control-bar\">\n <div class=\"bar-left\">\n <div class=\"bar-icon\"><i class=\"fas fa-book-open\"><\/i><\/div>\n <div>\n <div class=\"bar-title\">\u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \/ \u0627\u0644\u0633\u0645\u0627\u0648\u0629<\/div>\n <div class=\"bar-subtitle\"><i class=\"fas fa-map-marker-alt\" style=\"color:var(--orange);\"><\/i> \u0634\u0645\u0627\u0644 \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u2013 \u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u0645\u062b\u0646\u0649 | \u062f\u0644\u064a\u0644 \u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/div>\n <\/div>\n <\/div>\n <div class=\"bar-right\">\n <div class=\"badge-count\"><i class=\"fas fa-microscope\"><\/i> 14 \u0642\u0633\u0645\u0627\u064b \u0639\u0644\u0645\u064a\u0627\u064b<\/div>\n <div class=\"badge-count badge-orange\"><i class=\"fas fa-chalkboard-user\"><\/i> \u0631\u0648\u0627\u0628\u0637 \u0645\u0631\u062d\u0644\u062a\u064a\u0646<\/div>\n <div class=\"badge-count\"><i class=\"fas fa-file-alt\"><\/i> \u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0631\u0642\u0645\u064a\u0629<\/div>\n <\/div>\n <\/div>\n\n <h2 class=\"section-title\"><i class=\"fas fa-graduation-cap\" style=\"color:var(--orange);\"><\/i> \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u2013 \u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0648\u0627\u0644\u062b\u0627\u0646\u064a\u0629<\/h2>\n \n <div id=\"departmentsContainer\" class=\"cards-grid\"><\/div>\n \n <div style=\"margin-top: 2.5rem; background: rgba(255,248,225,0.6); border-radius: 28px; padding: 1.2rem; text-align: center; border-right: 4px solid var(--orange);\">\n <i class=\"fas fa-info-circle\" style=\"color: var(--accent2); margin-left: 8px;\"><\/i>\n <span style=\"font-weight: 600;\">\u062a\u0648\u0641\u0631 \u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0648\u0645\u0646\u0627\u0647\u062c \u062f\u0631\u0627\u0633\u064a\u0629 \u0648\u0641\u0642 \u0627\u0644\u0645\u0646\u0647\u062c \u0627\u0644\u0645\u0639\u062a\u0645\u062f | \u0628\u0639\u0636 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0645\u062d\u062f\u062b\u0629 \u0628\u0634\u0643\u0644 \u062f\u0648\u0631\u064a\u060c \u0646\u0631\u062d\u0628 \u0628\u0645\u0644\u0627\u062d\u0638\u0627\u062a\u0643\u0645.<\/span>\n <\/div>\n\n <div class=\"footer-note\">\n <i class=\"fas fa-university\"><\/i> \u00a9 2026 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u2013 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 | \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0637\u0644\u0628\u0629\n <\/div>\n<\/div>\n\n<script>\n \/\/ ============= \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u0644\u0644\u0623\u0642\u0633\u0627\u0645 \u0648\u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a (\u0645\u0631\u062d\u0644\u0629 \u0623\u0648\u0644\u0649 \u0648\u062b\u0627\u0646\u064a\u0629) =============\n const departmentsData = [\n { name: \"\u0642\u0633\u0645 \u0627\u0644\u0645\u0643\u0627\u0646\u064a\u0643\", icon: \"fas fa-cogs\", \n firstUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=10796\", \n secondUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=10366\" },\n { name: \"\u0642\u0633\u0645 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621\", icon: \"fas fa-bolt\", \n firstUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=10588\", \n secondUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=10359\" },\n { name: \"\u0642\u0633\u0645 \u0627\u0644\u0645\u062d\u0627\u0633\u0628\u0629\", icon: \"fas fa-calculator\", \n firstUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=10845\", \n secondUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=10350\" },\n { name: \"\u0642\u0633\u0645 \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u0627\u0646\u0634\u0627\u0626\u0627\u062a\", icon: \"fas fa-building\", \n firstUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=11159\", \n secondUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=10070\" },\n { name: \"\u0642\u0633\u0645 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u0627\u0644\u0627\u062a\u0635\u0627\u0644\u0627\u062a\", icon: \"fas fa-wifi\", \n firstUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=10893\", \n secondUrl: \"https:\/\/sites.google.com\/atu.edu.iq\/electronics-classroom\/%D8%A7%D9%84%D9%85%D8%B1%D8%AD%D9%84%D8%A9-%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%8A%D8%A9\" },\n { name: \"\u0642\u0633\u0645 \u0627\u0644\u0623\u0645\u0646 \u0627\u0644\u0633\u064a\u0628\u0631\u0627\u0646\u064a\", icon: \"fas fa-shield-alt\", \n firstUrl: null, \n secondUrl: null },\n { name: \"\u0642\u0633\u0645 \u0627\u0644\u0645\u0633\u0627\u062d\u0629\", icon: \"fas fa-draw-polygon\", \n firstUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=10601\", \n secondUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=10388\" },\n { name: \"\u0642\u0633\u0645 \u062a\u0643\u0631\u064a\u0631 \u0627\u0644\u0646\u0641\u0637\", icon: \"fas fa-oil-can\", \n firstUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=13357\", \n secondUrl: null },\n { name: \"\u0642\u0633\u0645 \u0627\u0644\u062d\u0641\u0631 \u0648\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632\", icon: \"fas fa-hard-hat\", \n firstUrl: null, \n secondUrl: null },\n { name: \"\u0642\u0633\u0645 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\", icon: \"fas fa-gavel\", \n firstUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=18475\", \n secondUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=10165\" },\n { name: \"\u0642\u0633\u0645 \u0635\u062d\u0629 \u0645\u062c\u062a\u0645\u0639\", icon: \"fas fa-heartbeat\", \n firstUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=10170\", \n secondUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=10308\" },\n { name: \"\u0642\u0633\u0645 \u0627\u0644\u062a\u0645\u0631\u064a\u0636\", icon: \"fas fa-user-md\", \n firstUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=10864\", \n secondUrl: null },\n { name: \"\u0642\u0633\u0645 \u063a\u0633\u064a\u0644 \u0627\u0644\u0643\u0644\u0649\", icon: \"fas fa-procedures\", \n firstUrl: null, \n secondUrl: null },\n { name: \"\u0642\u0633\u0645 \u0627\u0644\u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629\", icon: \"fas fa-microscope\", \n firstUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=10816\", \n secondUrl: \"https:\/\/isa.atu.edu.iq\/?page_id=10257\" }\n ];\n\n \/\/ \u062f\u0627\u0644\u0629 \u0645\u0633\u0627\u0639\u062f\u0629 \u0644\u0639\u0631\u0636 \u0627\u0644\u0631\u0627\u0628\u0637 \u0645\u0639 \u0623\u064a\u0642\u0648\u0646\u0629\n function renderLink(url, label, stageIcon) {\n if (url && url.trim() !== \"\") {\n return `<a href=\"${url}\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"lecture-link\"><i class=\"${stageIcon}\"><\/i> ${label}<\/a>`;\n } else {\n return `<span class=\"lecture-link link-disabled\"><i class=\"${stageIcon}\"><\/i> ${label} <span class=\"empty-badge\" style=\"margin-right:6px;\">\u063a\u064a\u0631 \u0645\u062a\u0648\u0641\u0631<\/span><\/span>`;\n }\n }\n\n function buildDepartments() {\n const container = document.getElementById('departmentsContainer');\n if (!container) return;\n let cardsHTML = '';\n for (let dept of departmentsData) {\n \/\/ \u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629\n const deptIcon = dept.icon || \"fas fa-microchip\";\n \/\/ \u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0648\u0627\u0644\u062b\u0627\u0646\u064a\u0629\n const firstLabel = \"\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649\";\n const secondLabel = \"\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629\";\n const firstIcon = \"fas fa-book\";\n const secondIcon = \"fas fa-chalkboard\";\n \n const firstLinkHtml = renderLink(dept.firstUrl, firstLabel, firstIcon);\n const secondLinkHtml = renderLink(dept.secondUrl, secondLabel, secondIcon);\n \n cardsHTML += `\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\">\n <i class=\"${deptIcon}\"><\/i>\n <h3>${dept.name}<\/h3>\n <\/div>\n <div class=\"card-body\">\n <div class=\"link-row\">\n <div class=\"link-label\"><i class=\"fas fa-level-up-alt\"><\/i> \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649<\/div>\n ${firstLinkHtml}\n <\/div>\n <div class=\"link-row\">\n <div class=\"link-label\"><i class=\"fas fa-level-down-alt\"><\/i> \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629<\/div>\n ${secondLinkHtml}\n <\/div>\n <\/div>\n <\/div>\n `;\n }\n container.innerHTML = cardsHTML;\n \n \/\/ \u0625\u0639\u0627\u062f\u0629 \u062a\u0641\u0639\u064a\u0644 \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0640 tilt \u0628\u0639\u062f \u0627\u0644\u0625\u0636\u0627\u0641\u0629 (\u0627\u0644\u062a\u0639\u0644\u064a\u0645\u0629 \u0627\u0644\u0623\u0635\u0644\u064a\u0629 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b \u062a\u0639\u0645\u0644 \u0639\u0644\u0649 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0630\u0627\u062a data-tilt)\n attachTiltAgain();\n }\n \n \/\/ \u0625\u0639\u0627\u062f\u0629 \u0631\u0628\u0637 \u062d\u062f\u062b \u0627\u0644\u0645\u064a\u0644\u0627\u0646 \u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0623\u0628\u0639\u0627\u062f (\u0646\u0641\u0633 \u0627\u0644\u0622\u0644\u064a\u0629 \u0645\u0646 \u0627\u0644\u0642\u0627\u0644\u0628 \u0627\u0644\u0623\u0635\u0644\u064a \u0645\u0639 \u062a\u062d\u0633\u064a\u0646)\n function attachTiltAgain() {\n const cards = document.querySelectorAll('[data-tilt]');\n cards.forEach(card => {\n \/\/ \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0639\u064a\u0646 \u0627\u0644\u0633\u0627\u0628\u0642\u064a\u0646 (\u062a\u062c\u0646\u0628 \u0627\u0644\u062a\u0643\u0631\u0627\u0631 \u0644\u0643\u0646 \u0628\u0628\u0633\u0627\u0637\u0629 \u0646\u0636\u064a\u0641\u0647\u0627)\n card.removeEventListener('mousemove', card._tiltMove);\n card.removeEventListener('mouseleave', card._tiltLeave);\n \n const handleMove = (e) => {\n const r = card.getBoundingClientRect();\n const x = e.clientX - r.left;\n const y = e.clientY - r.top;\n const cx = r.width \/ 2;\n const cy = r.height \/ 2;\n const rX = ((y - cy) \/ cy) * 3;\n const rY = ((x - cx) \/ cx) * -3;\n card.style.transition = 'transform 0.08s ease, box-shadow 0.08s ease';\n card.style.transform = `perspective(1000px) rotateX(${rX}deg) rotateY(${rY}deg) scale(1.015) translateY(-4px)`;\n card.style.boxShadow = `0 16px 32px -10px rgba(26,77,140,0.25)`;\n card.style.borderColor = 'rgba(255,179,71,0.5)';\n };\n const handleLeave = () => {\n card.style.transition = 'transform 0.4s cubic-bezier(.2,.9,.4,1), box-shadow 0.4s ease';\n card.style.transform = '';\n card.style.boxShadow = '';\n card.style.borderColor = '';\n };\n card.addEventListener('mousemove', handleMove);\n card.addEventListener('mouseleave', handleLeave);\n card._tiltMove = handleMove;\n card._tiltLeave = handleLeave;\n });\n }\n \n \/\/ \u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u062c\u0633\u064a\u0645\u0627\u062a \u0627\u0644\u0639\u0627\u0626\u0645\u0629 (Particles) \u0646\u0641\u0633 \u0627\u0644\u0646\u0645\u0637 \u0627\u0644\u0623\u0635\u0644\u064a\n function initParticles() {\n const colors = ['#8faac8','#a2b9d6','#bfcfdf','#c7d9e8'];\n for(let i = 0; i < 22; i++){\n const el = document.createElement('div');\n el.className = 'particle';\n const s = Math.random() * 5 + 2.5;\n el.style.cssText = `width:${s}px;height:${s}px;background:${colors[i%4]};left:${Math.random()*100}vw;animation-duration:${Math.random()*12+9}s;animation-delay:${Math.random()*12}s;`;\n document.body.appendChild(el);\n }\n }\n \n \/\/ \u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0643\u0627\u0645\u0644 \u0644\u0644\u0635\u0641\u062d\u0629 + \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\n window.addEventListener('DOMContentLoaded', () => {\n buildDepartments();\n initParticles();\n });\n \n \/\/ \u0625\u0639\u0627\u062f\u0629 \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0645\u064a\u0644\u0627\u0646 \u0641\u064a \u062d\u0627\u0644 \u0625\u0636\u0627\u0641\u0629 \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629 (\u0644\u0644\u062a\u0623\u0643\u062f)\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', () => attachTiltAgain());\n } else {\n attachTiltAgain();\n }\n \n \/\/ \u0645\u0646\u062d \u062a\u0641\u0627\u0639\u0644 \u0625\u0636\u0627\u0641\u064a \u0644\u0644\u0623\u0632\u0631\u0627\u0631 (\u062a\u0623\u062b\u064a\u0631 hover \u0639\u0627\u0645)\n const style = document.createElement('style');\n style.textContent = `\n .lecture-link { transition: all 0.2s ease; background: #ffffff; }\n .lecture-link:hover { background: #1A4D8C; color: white; box-shadow: 0 4px 10px rgba(0,0,0,0.1); transform: translateY(-2px); }\n .link-row { transition: background 0.2s; }\n .link-row:hover { background: #eef3fc; border-color: #cde0f0; }\n .data-card { transition: all 0.25s; }\n `;\n document.head.appendChild(style);\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 – \u062f\u0644\u064a\u0644 \u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \/ \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u0634\u0645\u0627\u0644 \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u2013 \u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u0645\u062b\u0646\u0649 | \u062f\u0644\u064a\u0644 \u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 14 \u0642\u0633\u0645\u0627\u064b \u0639\u0644\u0645\u064a\u0627\u064b \u0631\u0648\u0627\u0628\u0637 \u0645\u0631\u062d\u0644\u062a\u064a\u0646 \u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u2013 \u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0648\u0627\u0644\u062b\u0627\u0646\u064a\u0629 \u062a\u0648\u0641\u0631 \u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0648\u0645\u0646\u0627\u0647\u062c \u062f\u0631\u0627\u0633\u064a\u0629 \u0648\u0641\u0642 \u0627\u0644\u0645\u0646\u0647\u062c \u0627\u0644\u0645\u0639\u062a\u0645\u062f | \u0628\u0639\u0636 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0645\u062d\u062f\u062b\u0629 \u0628\u0634\u0643\u0644 \u062f\u0648\u0631\u064a\u060c \u0646\u0631\u062d\u0628 \u0628\u0645\u0644\u0627\u062d\u0638\u0627\u062a\u0643\u0645. \u00a9 2026 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 … <a href=\"https:\/\/isa.atu.edu.iq\/?page_id=22469\">Continued<\/a><\/p>\n","protected":false},"author":99900,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22469","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22469","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/users\/99900"}],"replies":[{"embeddable":true,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22469"}],"version-history":[{"count":2,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22469\/revisions"}],"predecessor-version":[{"id":22472,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22469\/revisions\/22472"}],"wp:attachment":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}