Initial commit

ปรับปรุงเว็บไซต์โรงพยาบาล/assets/css/style.css

@@ -0,0 +1,11 @@
+/* assets/css/style.css */
+@keyframes fade-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
+.animate-fade-in { animation: fade-in 0.5s ease-out forwards; }
+
+@keyframes slide-up { from { opacity: 0; transform: translateY(100%); } to { opacity: 1; transform: translateY(0); } }
+.animate-slide-up { animation: slide-up 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
+
+/* แต่ง Scrollbar ให้สวยงาม */
+.custom-scrollbar::-webkit-scrollbar { height: 6px; width: 6px; }
+.custom-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
+.scrollbar-hide::-webkit-scrollbar { display: none; }

ปรับปรุงเว็บไซต์โรงพยาบาล/assets/js/script.js

@@ -0,0 +1,33 @@
+/* assets/js/script.js */
+
+// 1. จัดการ Mobile Menu (เปิด/ปิด)
+document.addEventListener('DOMContentLoaded', function() {
+    const menuBtn = document.getElementById('mobile-menu-btn');
+    const mobileMenu = document.getElementById('mobile-menu');
+    
+    if(menuBtn && mobileMenu) {
+        menuBtn.addEventListener('click', () => {
+            mobileMenu.classList.toggle('max-h-0');
+            mobileMenu.classList.toggle('max-h-[85vh]');
+        });
+    }
+
+    // 2. จัดการระบบ Tabs (ประกาศรับสมัครงาน, จัดซื้อจัดจ้าง ฯลฯ)
+    const tabBtns = document.querySelectorAll('.tab-btn');
+    const tabContents = document.querySelectorAll('.tab-content');
+
+    tabBtns.forEach(btn => {
+        btn.addEventListener('click', () => {
+            // ซ่อน content ทั้งหมด
+            tabContents.forEach(content => content.classList.add('hidden'));
+            // แสดงเฉพาะอันที่เลือก
+            const targetId = btn.getAttribute('data-target');
+            document.getElementById(targetId).classList.remove('hidden');
+        });
+    });
+
+    // 3. เริ่มต้นการทำงานของ Icon (Lucide)
+    if(typeof lucide !== 'undefined') {
+        lucide.createIcons();
+    }
+});