Upload 9 files

src/views/InstructorView.js

@@ -124,6 +124,9 @@ export async function renderInstructorView() {
                 <button id="group-photo-btn" class="bg-gradient-to-r from-pink-600 to-purple-600 hover:from-pink-500 hover:to-purple-500 text-white font-bold py-2 px-4 rounded-lg transition-all shadow-lg border border-pink-400/30 flex items-center space-x-2">
                     <span>📸 大合照</span>
                 </button>
+                <button id="btn-open-gallery" class="bg-blue-600 hover:bg-blue-500 text-white font-bold py-2 px-4 rounded-lg transition-all border border-blue-400/30 flex items-center space-x-2">
+                    <span>👾 怪獸圖鑑</span>
+                </button>
                 <button id="nav-admin-btn" class="bg-gray-700 hover:bg-gray-600 text-white font-bold py-2 px-4 rounded-lg transition-all border border-gray-600">
                     管理題目
                 </button>
@@ -577,6 +580,11 @@ export function setupInstructorEvents() {
         enterRoom(code);
     });
 
+    // Gallery Logic
+    document.getElementById('btn-open-gallery').addEventListener('click', () => {
+        window.open('monster_preview.html', '_blank');
+    });
+
     createBtn.addEventListener('click', async () => {
         try {
             createBtn.disabled = true;