Control de Asistencia<\/title>\r\n\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n 'school-blue': '#2563eb', \/\/ blue-600\r\n 'school-blue-light': '#3b82f6', \/\/ sky-500\r\n 'school-gold': '#f59e0b', \/\/ amber-500\r\n 'school-gold-light': '#fbbf24', \/\/ amber-400\r\n },\r\n fontFamily: {\r\n sans: ['Inter', 'sans-serif'], \/\/ Setting Inter as the default sans-serif font\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* Global styles *\/\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n \/* Tailwind's bg-slate-100 will take precedence if applied directly to body,\r\n but this can be a fallback or base. *\/\r\n }\r\n\r\n \/* Pulse Glow Animation *\/\r\n @keyframes pulse-glow {\r\n 0%, 100% {\r\n box-shadow: 0 0 5px #3b82f6; \/* school-blue-light *\/\r\n }\r\n 50% {\r\n box-shadow: 0 0 20px #3b82f6, 0 0 30px #3b82f6; \/* school-blue-light *\/\r\n }\r\n }\r\n .animate-pulse-glow {\r\n animation: pulse-glow 2s infinite ease-in-out;\r\n }\r\n\r\n \/* 3D Effect Styles for \"Tomar Asistencia\" button *\/\r\n .btn-take-attendance-effect {\r\n transition: transform 0.1s ease-out, box-shadow 0.1s ease-out;\r\n box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.07), 0 1px 1px 0 rgba(0,0,0,0.04);\r\n }\r\n\r\n .btn-take-attendance-effect:hover:not(:disabled) {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 10px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n .btn-take-attendance-effect:active:not(:disabled) {\r\n transform: translateY(1px);\r\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), inset 0 1px 1px rgba(0,0,0,0.03);\r\n }\r\n <\/style>\r\n\r\n <script type=\"importmap\">\r\n {\r\n \"imports\": {\r\n \"react\": \"https:\/\/esm.sh\/react@^19.1.0\",\r\n \"react-dom\/client\": \"https:\/\/esm.sh\/react-dom@^19.1.0\/client\",\r\n \"jspdf\": \"https:\/\/esm.sh\/jspdf@2.5.1\",\r\n \"jspdf-autotable\": \"https:\/\/esm.sh\/jspdf-autotable@3.8.2\"\r\n }\r\n }\r\n <\/script>\r\n <script src=\"https:\/\/accounts.google.com\/gsi\/client\" async defer><\/script>\r\n <script src=\"https:\/\/apis.google.com\/js\/api.js\" async defer><\/script>\r\n<\/head>\r\n<body class=\"bg-slate-100\">\r\n <div id=\"root\"><\/div>\r\n\r\n <script type=\"module\">\r\n import React from 'react';\r\n import { createRoot } from 'react-dom\/client';\r\n\r\n const App = () => {\r\n const handleTakeAttendance = () => {\r\n alert('Tomar Asistencia button clicked!');\r\n \/\/ Here you would implement the logic for taking attendance\r\n };\r\n\r\n return (\r\n React.createElement(\"div\", { className: \"min-h-screen bg-slate-100 flex flex-col items-center justify-center p-4\" },\r\n React.createElement(\"header\", { className: \"mb-10 text-center\" },\r\n React.createElement(\"h1\", { className: \"text-5xl font-bold text-school-blue\" }, \"Control de Asistencia\"),\r\n React.createElement(\"p\", { className: \"text-school-gold-light mt-2 text-lg\" }, \"Gestiona la asistencia de forma sencilla.\")\r\n ),\r\n React.createElement(\"main\", { className: \"bg-white p-8 rounded-lg shadow-xl w-full max-w-md\" },\r\n React.createElement(\"div\", { className: \"space-y-6\" },\r\n React.createElement(\"button\", {\r\n onClick: handleTakeAttendance,\r\n className: \"w-full bg-school-blue hover:bg-school-blue-light text-white font-semibold py-3 px-6 rounded-lg shadow-md focus:outline-none focus:ring-2 focus:ring-school-blue-light focus:ring-opacity-75 btn-take-attendance-effect\"\r\n }, \"Tomar Asistencia\"),\r\n React.createElement(\"div\", { className: \"text-center text-gray-500\" },\r\n React.createElement(\"p\", null, \"M\\u00E1s funcionalidades pr\\u00F3ximamente...\")\r\n )\r\n )\r\n ),\r\n React.createElement(\"footer\", { className: \"mt-12 text-center\" },\r\n React.createElement(\"p\", { className: \"text-sm text-gray-600\" }, \"\\u00A9 \", new Date().getFullYear(), \" Mi Escuela. Todos los derechos reservados.\")\r\n )\r\n )\r\n );\r\n };\r\n\r\n const container = document.getElementById('root');\r\n if (container) {\r\n const root = createRoot(container);\r\n root.render(React.createElement(App));\r\n } else {\r\n console.error(\"Failed to find the root element. Ensure an element with id='root' exists in your HTML.\");\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\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>Control de Asistencia<span class=\"more-link\"><a href=\"https:\/\/iensecan.edu.co\/index.php\/elementor-28708\/\">SIGUE LEYENDO<\/a><\/span><\/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":["entry","author-admin","post-28708","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/iensecan.edu.co\/index.php\/wp-json\/wp\/v2\/pages\/28708","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iensecan.edu.co\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iensecan.edu.co\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iensecan.edu.co\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iensecan.edu.co\/index.php\/wp-json\/wp\/v2\/comments?post=28708"}],"version-history":[{"count":7,"href":"https:\/\/iensecan.edu.co\/index.php\/wp-json\/wp\/v2\/pages\/28708\/revisions"}],"predecessor-version":[{"id":28715,"href":"https:\/\/iensecan.edu.co\/index.php\/wp-json\/wp\/v2\/pages\/28708\/revisions\/28715"}],"wp:attachment":[{"href":"https:\/\/iensecan.edu.co\/index.php\/wp-json\/wp\/v2\/media?parent=28708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\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 Control de Asistencia<\/title>\r\n\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n 'school-blue': '#2563eb', \/\/ blue-600\r\n 'school-blue-light': '#3b82f6', \/\/ sky-500\r\n 'school-gold': '#f59e0b', \/\/ amber-500\r\n 'school-gold-light': '#fbbf24', \/\/ amber-400\r\n },\r\n fontFamily: {\r\n sans: ['Inter', 'sans-serif'], \/\/ Setting Inter as the default sans-serif font\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* Global styles *\/\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n \/* Tailwind's bg-slate-100 will take precedence if applied directly to body,\r\n but this can be a fallback or base. *\/\r\n }\r\n\r\n \/* Pulse Glow Animation *\/\r\n @keyframes pulse-glow {\r\n 0%, 100% {\r\n box-shadow: 0 0 5px #3b82f6; \/* school-blue-light *\/\r\n }\r\n 50% {\r\n box-shadow: 0 0 20px #3b82f6, 0 0 30px #3b82f6; \/* school-blue-light *\/\r\n }\r\n }\r\n .animate-pulse-glow {\r\n animation: pulse-glow 2s infinite ease-in-out;\r\n }\r\n\r\n \/* 3D Effect Styles for \"Tomar Asistencia\" button *\/\r\n .btn-take-attendance-effect {\r\n transition: transform 0.1s ease-out, box-shadow 0.1s ease-out;\r\n box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.07), 0 1px 1px 0 rgba(0,0,0,0.04);\r\n }\r\n\r\n .btn-take-attendance-effect:hover:not(:disabled) {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 10px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n .btn-take-attendance-effect:active:not(:disabled) {\r\n transform: translateY(1px);\r\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), inset 0 1px 1px rgba(0,0,0,0.03);\r\n }\r\n <\/style>\r\n\r\n <script type=\"importmap\">\r\n {\r\n \"imports\": {\r\n \"react\": \"https:\/\/esm.sh\/react@^19.1.0\",\r\n \"react-dom\/client\": \"https:\/\/esm.sh\/react-dom@^19.1.0\/client\",\r\n \"jspdf\": \"https:\/\/esm.sh\/jspdf@2.5.1\",\r\n \"jspdf-autotable\": \"https:\/\/esm.sh\/jspdf-autotable@3.8.2\"\r\n }\r\n }\r\n <\/script>\r\n <script src=\"https:\/\/accounts.google.com\/gsi\/client\" async defer><\/script>\r\n <script src=\"https:\/\/apis.google.com\/js\/api.js\" async defer><\/script>\r\n<\/head>\r\n<body class=\"bg-slate-100\">\r\n <div id=\"root\"><\/div>\r\n\r\n <script type=\"module\">\r\n import React from 'react';\r\n import { createRoot } from 'react-dom\/client';\r\n\r\n const App = () => {\r\n const handleTakeAttendance = () => {\r\n alert('Tomar Asistencia button clicked!');\r\n \/\/ Here you would implement the logic for taking attendance\r\n };\r\n\r\n return (\r\n React.createElement(\"div\", { className: \"min-h-screen bg-slate-100 flex flex-col items-center justify-center p-4\" },\r\n React.createElement(\"header\", { className: \"mb-10 text-center\" },\r\n React.createElement(\"h1\", { className: \"text-5xl font-bold text-school-blue\" }, \"Control de Asistencia\"),\r\n React.createElement(\"p\", { className: \"text-school-gold-light mt-2 text-lg\" }, \"Gestiona la asistencia de forma sencilla.\")\r\n ),\r\n React.createElement(\"main\", { className: \"bg-white p-8 rounded-lg shadow-xl w-full max-w-md\" },\r\n React.createElement(\"div\", { className: \"space-y-6\" },\r\n React.createElement(\"button\", {\r\n onClick: handleTakeAttendance,\r\n className: \"w-full bg-school-blue hover:bg-school-blue-light text-white font-semibold py-3 px-6 rounded-lg shadow-md focus:outline-none focus:ring-2 focus:ring-school-blue-light focus:ring-opacity-75 btn-take-attendance-effect\"\r\n }, \"Tomar Asistencia\"),\r\n React.createElement(\"div\", { className: \"text-center text-gray-500\" },\r\n React.createElement(\"p\", null, \"M\\u00E1s funcionalidades pr\\u00F3ximamente...\")\r\n )\r\n )\r\n ),\r\n React.createElement(\"footer\", { className: \"mt-12 text-center\" },\r\n React.createElement(\"p\", { className: \"text-sm text-gray-600\" }, \"\\u00A9 \", new Date().getFullYear(), \" Mi Escuela. Todos los derechos reservados.\")\r\n )\r\n )\r\n );\r\n };\r\n\r\n const container = document.getElementById('root');\r\n if (container) {\r\n const root = createRoot(container);\r\n root.render(React.createElement(App));\r\n } else {\r\n console.error(\"Failed to find the root element. Ensure an element with id='root' exists in your HTML.\");\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\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>Control de Asistencia<span class=\"more-link\"><a href=\"https:\/\/iensecan.edu.co\/index.php\/elementor-28708\/\">SIGUE LEYENDO<\/a><\/span><\/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":["entry","author-admin","post-28708","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/iensecan.edu.co\/index.php\/wp-json\/wp\/v2\/pages\/28708","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iensecan.edu.co\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iensecan.edu.co\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iensecan.edu.co\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iensecan.edu.co\/index.php\/wp-json\/wp\/v2\/comments?post=28708"}],"version-history":[{"count":7,"href":"https:\/\/iensecan.edu.co\/index.php\/wp-json\/wp\/v2\/pages\/28708\/revisions"}],"predecessor-version":[{"id":28715,"href":"https:\/\/iensecan.edu.co\/index.php\/wp-json\/wp\/v2\/pages\/28708\/revisions\/28715"}],"wp:attachment":[{"href":"https:\/\/iensecan.edu.co\/index.php\/wp-json\/wp\/v2\/media?parent=28708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}