{"id":701,"date":"2020-11-26T14:19:29","date_gmt":"2020-11-26T12:19:29","guid":{"rendered":"http:\/\/micro-stress.ucm.es\/?page_id=701"},"modified":"2026-05-27T17:33:32","modified_gmt":"2026-05-27T15:33:32","slug":"recursos","status":"publish","type":"page","link":"http:\/\/absys.dacya.ucm.es\/?page_id=701","title":{"rendered":"Recursos"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n ABSYS \u00b7 Recursos computacionales<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\" \/>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\r\n .page .entry-title,\r\n .single .entry-title,\r\n .archive .entry-title,\r\n .search .entry-title,\r\n .page-header .page-title,\r\n .entry-header .entry-title {\r\n display: none !important;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .resources-section {\r\n position: relative;\r\n width: 100vw;\r\n left: 50%;\r\n margin-left: -50vw;\r\n overflow: hidden;\r\n padding: 120px 0;\r\n background: \r\n radial-gradient(circle at top right, rgba(37, 99, 235, 0.03), transparent 40%),\r\n linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\r\n }\r\n\r\n \/* Patr\u00f3n de cuadr\u00edcula sutil (est\u00e1tico, suficiente) *\/\r\n .resources-section::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n linear-gradient(rgba(0, 0, 0, 0.02) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(0, 0, 0, 0.02) 1px, transparent 1px);\r\n background-size: 42px 42px;\r\n opacity: 0.4;\r\n pointer-events: none;\r\n }\r\n\r\n .resources-wrapper {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1380px;\r\n margin: auto;\r\n padding: 0 40px;\r\n }\r\n\r\n \/* ========================================\r\n TIPOGRAF\u00cdA\r\n ======================================== *\/\r\n .resources-subtitle,\r\n .preview-value,\r\n .detail-value,\r\n .doc-info p,\r\n .resources-cta p {\r\n color: #1e293b;\r\n }\r\n\r\n .preview-label,\r\n .detail-label {\r\n color: #475569;\r\n }\r\n\r\n \/* HEADER *\/\r\n .resources-header {\r\n margin-bottom: 60px;\r\n }\r\n\r\n .resources-eyebrow {\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n font-size: .82rem;\r\n font-weight: 700;\r\n letter-spacing: .22em;\r\n text-transform: uppercase;\r\n color: #2563eb;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .resources-title {\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n font-size: clamp(3rem, 6vw, 5.5rem);\r\n line-height: .92;\r\n letter-spacing: -4px;\r\n font-weight: 800;\r\n color: #000000 !important;\r\n margin-bottom: 26px;\r\n max-width: 900px;\r\n }\r\n\r\n .resources-title span {\r\n color: #2563eb;\r\n }\r\n\r\n .resources-subtitle {\r\n max-width: 820px;\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n font-size: 1.05rem;\r\n line-height: 1.9;\r\n color: #000000 !important;\r\n }\r\n\r\n \/* FILTROS *\/\r\n .resources-filters {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 14px;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .filter-btn {\r\n border: none;\r\n outline: none;\r\n border-radius: 0;\r\n padding: 13px 20px;\r\n cursor: pointer;\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n font-size: .82rem;\r\n font-weight: 700;\r\n letter-spacing: .08em;\r\n text-transform: uppercase;\r\n color: #fff !important;\r\n transition: transform .25s ease, opacity .25s ease, box-shadow .25s ease;\r\n opacity: .85;\r\n }\r\n\r\n .filter-btn:hover {\r\n opacity: 1;\r\n transform: translateY(-2px);\r\n }\r\n\r\n .filter-btn.active {\r\n opacity: 1;\r\n box-shadow: 0 0 0 1px rgba(255,255,255,.2);\r\n }\r\n\r\n .filter-workstation { background: linear-gradient(135deg, #1e3a8a, #2563eb); }\r\n .filter-laptop { background: linear-gradient(135deg, #581c87, #7c3aed); }\r\n .filter-nas { background: linear-gradient(135deg, #065f46, #059669); }\r\n .filter-gpu { background: linear-gradient(135deg, #0f766e, #0891b2); }\r\n .filter-fpga { background: linear-gradient(135deg, #7c2d12, #ea580c); }\r\n\r\n \/* TABLA *\/\r\n .resources-table {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n }\r\n\r\n .resource-row {\r\n position: relative;\r\n overflow: hidden;\r\n border: 1px solid #e2e8f0;\r\n background: #ffffff;\r\n transition: border-color .35s ease, background .35s ease, transform .35s ease;\r\n }\r\n\r\n .resource-row:hover {\r\n border-color: #2563eb;\r\n background: #fefefe;\r\n box-shadow: 0 8px 20px -8px rgba(0,0,0,0.08);\r\n }\r\n\r\n .resource-row::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: radial-gradient(500px circle at var(--x, 50%) var(--y, 50%),\r\n rgba(37, 99, 235, 0.08),\r\n transparent 40%);\r\n opacity: 0;\r\n transition: opacity .35s ease;\r\n pointer-events: none;\r\n }\r\n\r\n .resource-row:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .resource-main {\r\n display: grid;\r\n grid-template-columns: 240px minmax(0,1fr) 170px;\r\n align-items: stretch;\r\n min-height: 110px;\r\n }\r\n\r\n .resource-name-col {\r\n padding: 26px 28px;\r\n border-right: 1px solid #eef2f6;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n\r\n .resource-name {\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n font-size: 1.35rem;\r\n font-weight: 800;\r\n letter-spacing: -1px;\r\n color: #0f172a !important;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .resource-sub {\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n font-size: .78rem;\r\n font-weight: 600;\r\n letter-spacing: .08em;\r\n text-transform: uppercase;\r\n color: #2563eb;\r\n }\r\n\r\n .resource-preview {\r\n display: grid;\r\n grid-template-columns: repeat(3,1fr);\r\n }\r\n\r\n .preview-item {\r\n padding: 22px 24px;\r\n border-right: 1px solid #f0f2f5;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n\r\n .preview-label {\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n font-size: .7rem;\r\n font-weight: 700;\r\n letter-spacing: .14em;\r\n text-transform: uppercase;\r\n margin-bottom: 10px;\r\n color: #475569;\r\n }\r\n\r\n .preview-value {\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n font-size: .92rem;\r\n line-height: 1.6;\r\n font-weight: 500;\r\n color: #1e293b;\r\n }\r\n\r\n .resource-action {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n }\r\n\r\n .expand-btn {\r\n width: 100%;\r\n max-width: 130px;\r\n height: 50px;\r\n border: none;\r\n cursor: pointer;\r\n border-radius: 0;\r\n white-space: nowrap;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n font-size: .86rem;\r\n font-weight: 700;\r\n color: #fff !important;\r\n background: linear-gradient(135deg, #2563eb, #3b82f6);\r\n box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);\r\n transition: transform .28s ease, box-shadow .28s ease, gap .28s ease;\r\n }\r\n\r\n .expand-btn:hover {\r\n transform: translateY(-2px);\r\n gap: 14px;\r\n box-shadow: 0 8px 20px rgba(37, 99, 235, 0.3);\r\n }\r\n\r\n .expand-btn i {\r\n font-size: .82rem;\r\n transition: transform .35s ease;\r\n }\r\n\r\n .resource-row.expanded .expand-btn i {\r\n transform: rotate(180deg);\r\n }\r\n\r\n .resource-details {\r\n height: 0;\r\n overflow: hidden;\r\n opacity: 0;\r\n border-top: 1px solid #eeeef6;\r\n background: #fdfdfd;\r\n }\r\n\r\n .resource-details-inner {\r\n display: grid;\r\n grid-template-columns: repeat(3,1fr);\r\n }\r\n\r\n .detail-item {\r\n min-height: 92px;\r\n padding: 22px 24px;\r\n border-right: 1px solid #f0f2f5;\r\n border-bottom: 1px solid #f0f2f5;\r\n }\r\n\r\n .detail-label {\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n font-size: .68rem;\r\n font-weight: 700;\r\n letter-spacing: .14em;\r\n text-transform: uppercase;\r\n margin-bottom: 10px;\r\n color: #475569;\r\n }\r\n\r\n .detail-value {\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n font-size: .92rem;\r\n line-height: 1.65;\r\n color: #1e293b;\r\n }\r\n\r\n \/* DOCUMENTACI\u00d3N *\/\r\n .section-spacer {\r\n margin-top: 90px;\r\n }\r\n\r\n .resources-section-title {\r\n position: relative;\r\n display: inline-block;\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n font-size: clamp(2rem, 4vw, 3.2rem);\r\n font-weight: 800;\r\n letter-spacing: -2px;\r\n color: #000000 !important;\r\n margin-bottom: 38px;\r\n }\r\n\r\n .resources-section-title::after {\r\n content: \"\";\r\n position: absolute;\r\n left: 0;\r\n bottom: -12px;\r\n width: 72px;\r\n height: 4px;\r\n background: linear-gradient(90deg, #2563eb, #3b82f6);\r\n }\r\n\r\n .docs-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2,1fr);\r\n gap: 24px;\r\n }\r\n\r\n .doc-card {\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n gap: 20px;\r\n padding: 34px;\r\n background: #ffffff;\r\n border: 1px solid #e2e8f0;\r\n text-decoration: none;\r\n transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;\r\n }\r\n\r\n .doc-card:hover {\r\n transform: translateY(-6px);\r\n border-color: #2563eb;\r\n box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .doc-card::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: radial-gradient(500px circle at var(--x,50%) var(--y,50%),\r\n rgba(37, 99, 235, 0.06),\r\n transparent 40%);\r\n opacity: 0;\r\n transition: opacity .35s ease;\r\n }\r\n\r\n .doc-card:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .doc-icon {\r\n width: 60px;\r\n height: 60px;\r\n flex-shrink: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(239,68,68,0.08);\r\n border: 1px solid rgba(239,68,68,0.2);\r\n color: #ef4444;\r\n font-size: 1.4rem;\r\n }\r\n\r\n .doc-info h3 {\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n color: #0f172a !important;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .doc-info p {\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n color: #334155;\r\n font-size: .95rem;\r\n line-height: 1.7;\r\n }\r\n\r\n .doc-meta {\r\n margin-top: 18px;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n font-size: .78rem;\r\n font-weight: 700;\r\n letter-spacing: .08em;\r\n text-transform: uppercase;\r\n color: #f87171;\r\n }\r\n\r\n \/* CTA *\/\r\n .resources-cta {\r\n position: relative;\r\n margin-top: 90px;\r\n overflow: hidden;\r\n border: 1px solid #e2e8f0;\r\n background: #ffffff;\r\n padding: 70px 60px;\r\n box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .resources-cta-inner {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 760px;\r\n }\r\n\r\n .cta-eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n margin-bottom: 18px;\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n font-size: .74rem;\r\n font-weight: 700;\r\n letter-spacing: .18em;\r\n text-transform: uppercase;\r\n color: #2563eb !important;\r\n }\r\n\r\n .resources-cta h3 {\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n font-size: clamp(2rem, 4vw, 3.4rem);\r\n line-height: 1;\r\n letter-spacing: -2px;\r\n font-weight: 800;\r\n color: #000000 !important;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .resources-cta p {\r\n max-width: 62ch;\r\n color: #000000;\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n font-size: 1rem;\r\n line-height: 1.9;\r\n margin-bottom: 34px;\r\n }\r\n\r\n .resources-cta-btn {\r\n position: relative;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 12px;\r\n min-width: 220px;\r\n padding: 16px 28px;\r\n border: none;\r\n outline: none;\r\n text-decoration: none;\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n font-size: .95rem;\r\n font-weight: 700;\r\n color: #fff !important;\r\n background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);\r\n box-shadow: 0 8px 20px rgba(37, 99, 235, 0.25);\r\n transition: transform .3s ease, box-shadow .3s ease, gap .3s ease;\r\n }\r\n\r\n .resources-cta-btn:hover {\r\n transform: translateY(-3px);\r\n gap: 16px;\r\n box-shadow: 0 14px 30px rgba(37, 99, 235, 0.35);\r\n }\r\n\r\n .cta-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 20px;\r\n }\r\n\r\n \/* RESPONSIVE *\/\r\n @media(max-width:1180px){\r\n .resource-main { grid-template-columns: 1fr; }\r\n .resource-name-col { border-right: none; border-bottom: 1px solid #eef2f6; }\r\n .resource-action { border-top: 1px solid #eef2f6; }\r\n }\r\n\r\n @media(max-width:880px){\r\n .resource-preview { grid-template-columns: 1fr; }\r\n .preview-item { border-right: none; border-bottom: 1px solid #f0f2f5; }\r\n .resource-details-inner { grid-template-columns: 1fr; }\r\n .detail-item { border-right: none; }\r\n .docs-grid { grid-template-columns: 1fr; }\r\n }\r\n\r\n @media(max-width:768px){\r\n .resources-section { padding: 90px 0; }\r\n .resources-wrapper { padding: 0 22px; }\r\n .resources-title { letter-spacing: -2px; }\r\n .resources-cta { padding: 42px 24px; margin-top: 60px; }\r\n .cta-actions { flex-direction: column; }\r\n .resources-cta-btn { width: 100%; min-width: unset; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"resources-section\">\r\n <div class=\"resources-wrapper\">\r\n\r\n <!-- HEADER -->\r\n <div class=\"resources-header\">\r\n <div class=\"resources-eyebrow\">Recursos computacionales<\/div>\r\n <h1 class=\"resources-title\">Equipamiento <span>ABSYS<\/span><\/h1>\r\n <p class=\"resources-subtitle\">\r\n Infraestructura hardware de alto rendimiento para investigaci\u00f3n\r\n en inteligencia artificial, computaci\u00f3n paralela y sistemas bioinspirados.\r\n Workstations, port\u00e1tiles y almacenamiento en red.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- FILTROS -->\r\n <div class=\"resources-filters\">\r\n <button class=\"filter-btn filter-workstation active\" data-filter=\"workstation\">Workstations<\/button>\r\n <button class=\"filter-btn filter-laptop\" data-filter=\"laptop\">Port\u00e1tiles<\/button>\r\n <button class=\"filter-btn filter-nas\" data-filter=\"nas\">Almacenamiento<\/button>\r\n <button class=\"filter-btn filter-gpu\" data-filter=\"gpu\">GPU NVIDIA<\/button>\r\n <button class=\"filter-btn filter-fpga\" data-filter=\"fpga\">FPGA Xilinx<\/button>\r\n <\/div>\r\n\r\n <!-- TABLA DIN\u00c1MICA -->\r\n <div class=\"resources-table\" id=\"resourcesTable\"><\/div>\r\n\r\n <!-- DOCUMENTACI\u00d3N -->\r\n <div class=\"section-spacer\">\r\n <h2 class=\"resources-section-title\">Documentaci\u00f3n<\/h2>\r\n <div class=\"docs-grid\">\r\n <a href=\"http:\/\/absys.dacya.ucm.es\/wp-content\/uploads\/2020\/12\/instalacion_digits_ubuntu_20_04.pdf\" target=\"_blank\" class=\"doc-card\">\r\n <div class=\"doc-icon\"><i class=\"fas fa-file-pdf\"><\/i><\/div>\r\n <div class=\"doc-info\">\r\n <h3>Manual de Instalaci\u00f3n<\/h3>\r\n <p>Gu\u00eda paso a paso para instalar arquitecturas de IA basadas en GPU (NVIDIA DIGITS) sobre Ubuntu 20.04 LTS.<\/p>\r\n <div class=\"doc-meta\"><i class=\"fas fa-download\"><\/i> Descargar PDF<\/div>\r\n <\/div>\r\n <\/a>\r\n <a href=\"http:\/\/absys.dacya.ucm.es\/wp-content\/uploads\/2020\/12\/clasificacion_imagenes_digits.pdf\" target=\"_blank\" class=\"doc-card\">\r\n <div class=\"doc-icon\"><i class=\"fas fa-file-pdf\"><\/i><\/div>\r\n <div class=\"doc-info\">\r\n <h3>Manual de Uso<\/h3>\r\n <p>Aprende a crear datasets, entrenar modelos de clasificaci\u00f3n de im\u00e1genes y probar redes neuronales con NVIDIA DIGITS.<\/p>\r\n <div class=\"doc-meta\"><i class=\"fas fa-download\"><\/i> Descargar PDF<\/div>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CTA -->\r\n <div class=\"resources-cta\">\r\n <div class=\"resources-cta-inner\">\r\n <span class=\"cta-eyebrow\">Infraestructura y software a tu alcance<\/span>\r\n <h3>\u00bfNecesitas utilizar estos recursos?<\/h3>\r\n <p>\r\n Solicita acceso al equipamiento computacional del grupo ABSYS\r\n o explora nuestra librer\u00eda de computaci\u00f3n evolutiva\r\n <strong style=\"color:#2563eb;\">ABSys JECO<\/strong>,\r\n disponible en GitHub como dependencia Maven.\r\n <\/p>\r\n <div class=\"cta-actions\">\r\n <a href=\"mailto:absys@ucm.es\" class=\"resources-cta-btn magnetic\">\r\n <i class=\"fas fa-paper-plane\"><\/i> Solicitar acceso <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <a href=\"https:\/\/github.com\/ABSysGroup\/jeco\" target=\"_blank\" class=\"resources-cta-btn magnetic\">\r\n <i class=\"fab fa-github\"><\/i> ABSys JECO en GitHub <i class=\"fas fa-external-link-alt\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n (function () {\r\n function loadGSAP(callback) {\r\n if (window.gsap) { callback(); return; }\r\n const script = document.createElement('script');\r\n script.src = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js';\r\n script.onload = callback;\r\n document.head.appendChild(script);\r\n }\r\n\r\n loadGSAP(function () {\r\n \/\/ Datos de recursos (sin cambios)\r\n const resources = [\r\n { name: \"Absys1\", type: \"workstation\", tags: [\"workstation\",\"gpu\"], subtitle: \"High Performance AI Workstation\", specs: [\r\n { label: \"Procesador\", value: \"Intel Core i7-7700\" }, { label: \"Memoria RAM\", value: \"32 GB\" }, { label: \"GPU\", value: \"NVIDIA RTX 2080 SUPER\" }, { label: \"Disco duro\", value: \"1 TB\" }, { label: \"Sistema Operativo\", value: \"Ubuntu 18.04 LTS\" }, { label: \"Software\", value: \"NVIDIA DIGITS para Caffe y TensorFlow\" }\r\n ] },\r\n { name: \"Absys2\", type: \"workstation\", tags: [\"workstation\",\"gpu\"], subtitle: \"Parallel Computing Workstation\", specs: [\r\n { label: \"Procesador\", value: \"Intel Core i7-9700K\" }, { label: \"Memoria RAM\", value: \"32 GB\" }, { label: \"GPU\", value: \"NVIDIA RTX 2060\" }, { label: \"SSD\", value: \"500 GB\" }, { label: \"Disco duro\", value: \"2 TB\" }, { label: \"Sistema Operativo\", value: \"Windows 10\" }\r\n ] },\r\n { name: \"Absys3\", type: \"workstation\", tags: [\"workstation\",\"gpu\"], subtitle: \"GPU Accelerated Workstation\", specs: [\r\n { label: \"Procesador\", value: \"Intel Core i7-4770\" }, { label: \"Memoria RAM\", value: \"16 GB\" }, { label: \"GPU\", value: \"NVIDIA RTX 2060\" }, { label: \"SSD\", value: \"500 GB\" }, { label: \"Sistema Operativo\", value: \"Ubuntu 20.04 LTS\" }, { label: \"Software\", value: \"NVIDIA DIGITS\" }\r\n ] },\r\n { name: \"Absys4\", type: \"workstation\", tags: [\"workstation\"], subtitle: \"Research Computing Workstation\", specs: [\r\n { label: \"Procesador\", value: \"Intel Core i7-7700\" }, { label: \"Memoria RAM\", value: \"32 GB\" }, { label: \"SSD\", value: \"960 GB\" }, { label: \"Disco duro\", value: \"1 TB\" }, { label: \"Sistema Operativo\", value: \"Windows 10 Education\" }\r\n ] },\r\n { name: \"Absys5\", type: \"workstation\", tags: [\"workstation\",\"fpga\"], subtitle: \"FPGA Acceleration Workstation\", specs: [\r\n { label: \"Procesador\", value: \"Intel Core i7-9700\" }, { label: \"Memoria RAM\", value: \"64 GB\" }, { label: \"SSD\", value: \"1 TB\" }, { label: \"Sistema Operativo\", value: \"CentOS 8\" }, { label: \"Aceleradoras\", value: \"Xilinx Alveo U50 y U280\" }\r\n ] },\r\n { name: \"Absys6\", type: \"laptop\", tags: [\"laptop\",\"gpu\"], subtitle: \"MSI GE76 Raider 10UH\", specs: [\r\n { label: \"Procesador\", value: \"Intel Core i7-10870H\" }, { label: \"Memoria RAM\", value: \"32 GB\" }, { label: \"GPU\", value: \"NVIDIA RTX 3080\" }, { label: \"SSD\", value: \"1 TB\" }, { label: \"Pantalla\", value: \"1920x1080 - 300Hz\" }, { label: \"Sistema Operativo\", value: \"Windows 10 Home\" }\r\n ] },\r\n { name: \"Absys7\", type: \"laptop\", tags: [\"laptop\",\"gpu\"], subtitle: \"MSI GE76 Raider 10UH\", specs: [\r\n { label: \"Procesador\", value: \"Intel Core i7-10870H\" }, { label: \"Memoria RAM\", value: \"32 GB\" }, { label: \"GPU\", value: \"NVIDIA RTX 3080\" }, { label: \"SSD\", value: \"1 TB\" }, { label: \"Pantalla\", value: \"1920x1080 - 300Hz\" }, { label: \"Sistema Operativo\", value: \"Windows 10 Home\" }\r\n ] },\r\n { name: \"Darwin\", type: \"nas\", tags: [\"nas\"], subtitle: \"Synology DiskStation DS220j\", specs: [\r\n { label: \"Procesador\", value: \"Realtek RTD1296\" }, { label: \"Memoria RAM\", value: \"512 MB\" }, { label: \"Almacenamiento\", value: \"2x4TB SHR\" }, { label: \"Conectividad\", value: \"Gigabit Ethernet\" }, { label: \"Sistema Operativo\", value: \"DSM\" }\r\n ] }\r\n ];\r\n\r\n const table = document.getElementById('resourcesTable');\r\n\r\n function createRow(resource) {\r\n const preview = resource.specs.slice(0,3);\r\n const extra = resource.specs.slice(3);\r\n const hasExtra = extra.length > 0;\r\n return `\r\n <div class=\"resource-row\">\r\n <div class=\"resource-main\">\r\n <div class=\"resource-name-col\">\r\n <div class=\"resource-name\">${resource.name}<\/div>\r\n <div class=\"resource-sub\">${resource.subtitle}<\/div>\r\n <\/div>\r\n <div class=\"resource-preview\">\r\n ${preview.map(item => `\r\n <div class=\"preview-item\">\r\n <div class=\"preview-label\">${item.label}<\/div>\r\n <div class=\"preview-value\">${item.value}<\/div>\r\n <\/div>\r\n `).join('')}\r\n <\/div>\r\n <div class=\"resource-action\">\r\n ${hasExtra ? `<button class=\"expand-btn\">Ver m\u00e1s <i class=\"fas fa-chevron-down\"><\/i><\/button>` : ''}\r\n <\/div>\r\n <\/div>\r\n ${hasExtra ? `\r\n <div class=\"resource-details\">\r\n <div class=\"resource-details-inner\">\r\n ${extra.map(item => `\r\n <div class=\"detail-item\">\r\n <div class=\"detail-label\">${item.label}<\/div>\r\n <div class=\"detail-value\">${item.value}<\/div>\r\n <\/div>\r\n `).join('')}\r\n <\/div>\r\n <\/div>` : ''}\r\n <\/div>\r\n `;\r\n }\r\n\r\n function render(filter = 'workstation') {\r\n const filtered = resources.filter(r => r.tags.includes(filter));\r\n table.innerHTML = filtered.map(createRow).join('');\r\n initAccordion();\r\n initSpotlight();\r\n gsap.fromTo('.resource-row', { opacity: 0, y: 20 }, { opacity: 1, y: 0, duration: 0.5, stagger: 0.05 });\r\n }\r\n\r\n \/\/ Filtros\r\n document.querySelectorAll('.filter-btn').forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n document.querySelectorAll('.filter-btn').forEach(b => b.classList.remove('active'));\r\n btn.classList.add('active');\r\n render(btn.dataset.filter);\r\n });\r\n });\r\n\r\n function initAccordion() {\r\n document.querySelectorAll('.expand-btn').forEach(btn => {\r\n btn.addEventListener('click', (e) => {\r\n e.stopPropagation();\r\n const row = btn.closest('.resource-row');\r\n const details = row.querySelector('.resource-details');\r\n const isOpen = row.classList.contains('expanded');\r\n if (isOpen) {\r\n row.classList.remove('expanded');\r\n gsap.to(details, { height: 0, opacity: 0, duration: 0.4, ease: \"power3.inOut\" });\r\n } else {\r\n row.classList.add('expanded');\r\n gsap.fromTo(details, { height: 0, opacity: 0 }, { height: details.scrollHeight, opacity: 1, duration: 0.5, ease: \"power3.out\" });\r\n }\r\n });\r\n });\r\n }\r\n\r\n function initSpotlight() {\r\n document.querySelectorAll('.resource-row, .doc-card').forEach(el => {\r\n const xTo = gsap.quickTo(el, \"--x\", { duration: 0.4, ease: \"power3\" });\r\n const yTo = gsap.quickTo(el, \"--y\", { duration: 0.4, ease: \"power3\" });\r\n el.addEventListener('mousemove', (e) => {\r\n const rect = el.getBoundingClientRect();\r\n xTo(e.clientX - rect.left);\r\n yTo(e.clientY - rect.top);\r\n });\r\n });\r\n }\r\n\r\n function initMagnetic() {\r\n document.querySelectorAll('.magnetic').forEach(btn => {\r\n const xTo = gsap.quickTo(btn, \"xPercent\", { duration: 0.6, ease: \"power3.out\" });\r\n const yTo = gsap.quickTo(btn, \"yPercent\", { duration: 0.6, ease: \"power3.out\" });\r\n btn.addEventListener('mousemove', (e) => {\r\n const rect = btn.getBoundingClientRect();\r\n const x = e.clientX - rect.left - rect.width\/2;\r\n const y = e.clientY - rect.top - rect.height\/2;\r\n const strength = 0.25;\r\n xTo(x * strength \/ (rect.width\/2));\r\n yTo(y * strength \/ (rect.height\/2));\r\n });\r\n btn.addEventListener('mouseleave', () => { xTo(0); yTo(0); });\r\n });\r\n }\r\n\r\n render('workstation');\r\n initMagnetic();\r\n });\r\n })();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ABSYS \u00b7 Recursos computacionales Recursos computacionales Equipamiento ABSYS Infraestructura hardware de alto rendimiento para investigaci\u00f3n en inteligencia artificial, computaci\u00f3n paralela y sistemas bioinspirados. Workstations, port\u00e1tiles y almacenamiento en red. Workstations Port\u00e1tiles Almacenamiento GPU NVIDIA FPGA Xilinx Documentaci\u00f3n Manual de Instalaci\u00f3n Gu\u00eda paso a paso para instalar arquitecturas de IA basadas en GPU (NVIDIA DIGITS) sobre…<\/p>\n<p class=\"more\"><a class=\"more-link\" href=\"http:\/\/absys.dacya.ucm.es\/?page_id=701\">Seguir leyendo <span class=\"screen-reader-text\">Recursos<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-701","page","type-page","status-publish","hentry","entry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/absys.dacya.ucm.es\/index.php?rest_route=\/wp\/v2\/pages\/701","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/absys.dacya.ucm.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/absys.dacya.ucm.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/absys.dacya.ucm.es\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/absys.dacya.ucm.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=701"}],"version-history":[{"count":51,"href":"http:\/\/absys.dacya.ucm.es\/index.php?rest_route=\/wp\/v2\/pages\/701\/revisions"}],"predecessor-version":[{"id":2019,"href":"http:\/\/absys.dacya.ucm.es\/index.php?rest_route=\/wp\/v2\/pages\/701\/revisions\/2019"}],"wp:attachment":[{"href":"http:\/\/absys.dacya.ucm.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}