cybersecurity/BreakEscape
1
0
Fork 0
mirror of https://github.com/cliffe/BreakEscape.git synced 2026-02-21 11:18:08 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
2d0e30f1577548ef29ca3b184a791503d7db5707
BreakEscape/index.html

140 lines
5.6 KiB
HTML
Raw Normal View History

Add BreakEscape game structure: Introduce new modular HTML, CSS, and JavaScript files for the BreakEscape game, enhancing maintainability and organization. Include design documentation and refactoring summary for clarity. Add new scenarios and assets for gameplay expansion.
2025-07-13 23:18:57 +01:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes">
<title>Break Escape Game</title>
Update Minigame Framework: Replace references to 'minigames.css' with 'minigames-framework.css' across multiple HTML files for improved organization. Add new Google Font 'Pixelify Sans' to enhance typography in the game. Introduce new icon assets for better visual representation in various minigames, including search, disk, backpack, and clipboard icons. Update CSS styles for various minigames to enhance visual consistency and user experience.
2025-10-21 10:58:56 +01:00
<!-- Google Fonts - Press Start 2P, VT323, Pixelify Sans -->
Add BreakEscape game structure: Introduce new modular HTML, CSS, and JavaScript files for the BreakEscape game, enhancing maintainability and organization. Include design documentation and refactoring summary for clarity. Add new scenarios and assets for gameplay expansion.
2025-07-13 23:18:57 +01:00
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
Update Minigame Framework: Replace references to 'minigames.css' with 'minigames-framework.css' across multiple HTML files for improved organization. Add new Google Font 'Pixelify Sans' to enhance typography in the game. Introduce new icon assets for better visual representation in various minigames, including search, disk, backpack, and clipboard icons. Update CSS styles for various minigames to enhance visual consistency and user experience.
2025-10-21 10:58:56 +01:00
<link href="https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
Add BreakEscape game structure: Introduce new modular HTML, CSS, and JavaScript files for the BreakEscape game, enhancing maintainability and organization. Include design documentation and refactoring summary for clarity. Add new scenarios and assets for gameplay expansion.
2025-07-13 23:18:57 +01:00
<!-- Web Font Loader script to ensure fonts load properly -->
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script>
<script>
WebFont.load({
google: {
Update Minigame Framework: Replace references to 'minigames.css' with 'minigames-framework.css' across multiple HTML files for improved organization. Add new Google Font 'Pixelify Sans' to enhance typography in the game. Introduce new icon assets for better visual representation in various minigames, including search, disk, backpack, and clipboard icons. Update CSS styles for various minigames to enhance visual consistency and user experience.
2025-10-21 10:58:56 +01:00
families: ['Press Start 2P', 'VT323', 'Pixelify Sans']
Add BreakEscape game structure: Introduce new modular HTML, CSS, and JavaScript files for the BreakEscape game, enhancing maintainability and organization. Include design documentation and refactoring summary for clarity. Add new scenarios and assets for gameplay expansion.
2025-07-13 23:18:57 +01:00
},
active: function() {
console.log('Fonts loaded successfully');
}
});
</script>
<!-- CSS Files -->
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/utilities.css">
<link rel="stylesheet" href="css/notifications.css">
<link rel="stylesheet" href="css/panels.css">
<link rel="stylesheet" href="css/inventory.css">
Refactor minigame structure and styles: Update index_new.html to link to the new minigames-framework.css, add new lockpicking-comparison.html and locksmith-forge.html files for enhanced gameplay, and introduce dusting and lockpicking CSS files for improved styling. Update README_design.md for clarity on main.js functionality. Add new test-phaser-lockpicking.html for testing purposes. Enhance Bluetooth system with new functionality in bluetooth.js and interactions.js. Ensure game state management for notes and Bluetooth devices is consistent across the application.
2025-08-08 15:33:44 +01:00
<link rel="stylesheet" href="css/minigames-framework.css">
Add Lockpicking and Dusting Minigame Styles: Introduce new CSS files for lockpicking and dusting minigames, enhancing visual feedback and user interaction. Update inventory styles for improved scaling and responsiveness. Refactor existing styles to remove legacy dusting game components and ensure consistency across minigame interfaces.
2025-10-10 18:55:41 +01:00
<link rel="stylesheet" href="css/dusting.css">
<link rel="stylesheet" href="css/lockpicking.css">
Add BreakEscape game structure: Introduce new modular HTML, CSS, and JavaScript files for the BreakEscape game, enhancing maintainability and organization. Include design documentation and refactoring summary for clarity. Add new scenarios and assets for gameplay expansion.
2025-07-13 23:18:57 +01:00
<link rel="stylesheet" href="css/modals.css">
Add Notes Minigame enhancements: Integrate new notepad assets and styles, update minigame logic for improved navigation and observation editing. Introduce responsive design elements and ensure inventory integration for the notepad. Refactor existing code for better maintainability and user experience.
2025-10-10 15:20:04 +01:00
<link rel="stylesheet" href="css/notes.css">
Implement Minigames for Bluetooth Scanner, Biometrics, and Lockpick Set: Transition Bluetooth and biometrics functionalities to dedicated minigames, enhancing user interaction and gameplay experience. Introduce new CSS styles for each minigame and update the main game logic to support these changes. Remove legacy systems for biometrics and Bluetooth management to streamline code and improve maintainability.
2025-10-11 02:25:50 +01:00
<link rel="stylesheet" href="css/bluetooth-scanner.css">
<link rel="stylesheet" href="css/biometrics-minigame.css">
<link rel="stylesheet" href="css/lockpick-set-minigame.css">
Add Container Minigame: Introduce a new minigame for interacting with container items, including features for visual display, item interaction, and integration with the unlock system. Add CSS styles and test page for functionality. Update index.html and minigame manager to support the new minigame.
2025-10-13 11:53:07 +01:00
<link rel="stylesheet" href="css/container-minigame.css">
Add NPC dialogue and interaction scripts - Created a generic NPC script with conversation handling. - Developed an Alice NPC script demonstrating branching dialogue and state tracking. - Implemented a test NPC script for development purposes. - Added JSON representations for the NPC scripts. - Created an HTML test interface for NPC integration testing. - Included event handling and bark systems for NPC interactions.
2025-10-29 13:48:22 +00:00
<link rel="stylesheet" href="css/phone-chat-minigame.css">
Add NPC sprite test scenario, server for development, and HTML test pages - Created a new JSON scenario file for testing NPC sprite functionality. - Implemented a simple HTTP server with caching headers for development purposes. - Added an HTML page for testing NPC interactions, including system checks and game controls. - Introduced a separate HTML page for testing item delivery through person chat interactions.
2025-11-04 14:16:48 +00:00
<link rel="stylesheet" href="css/person-chat-minigame.css">
<link rel="stylesheet" href="css/npc-interactions.css">
Add PIN Minigame: Introduce a new minigame for PIN entry, featuring a digital keypad, attempt logging, and visual feedback for correct and incorrect inputs. Implement CSS styles for the minigame interface and integrate it into the existing framework. Update index.html to include the new CSS file and register the minigame in the minigame manager. Add test page for functionality and ensure compatibility with the pin-cracker item for enhanced gameplay experience.
2025-10-13 23:45:53 +01:00
<link rel="stylesheet" href="css/pin.css">
Update Minigame Framework: Replace references to 'minigames.css' with 'minigames-framework.css' across multiple HTML files for improved organization. Add new Google Font 'Pixelify Sans' to enhance typography in the game. Introduce new icon assets for better visual representation in various minigames, including search, disk, backpack, and clipboard icons. Update CSS styles for various minigames to enhance visual consistency and user experience.
2025-10-21 10:58:56 +01:00
<link rel="stylesheet" href="css/minigames-framework.css">
Enhance Minigame Framework: Add new Text File Minigame and integrate it into the existing system. Update interaction logic to support text file objects, allowing players to view and interact with file contents. Introduce CSS styles for the text file interface and update relevant HTML files to include new styles. Modify existing minigames to ensure compatibility with the new text file functionality, enhancing overall gameplay experience.
2025-10-14 17:12:59 +01:00
<link rel="stylesheet" href="css/password-minigame.css">
<link rel="stylesheet" href="css/text-file-minigame.css">
Add NPC dialogue and interaction scripts - Created a generic NPC script with conversation handling. - Developed an Alice NPC script demonstrating branching dialogue and state tracking. - Implemented a test NPC script for development purposes. - Added JSON representations for the NPC scripts. - Created an HTML test interface for NPC integration testing. - Included event handling and bark systems for NPC interactions.
2025-10-29 13:48:22 +00:00
<link rel="stylesheet" href="css/npc-barks.css">
Add BreakEscape game structure: Introduce new modular HTML, CSS, and JavaScript files for the BreakEscape game, enhancing maintainability and organization. Include design documentation and refactoring summary for clarity. Add new scenarios and assets for gameplay expansion.
2025-07-13 23:18:57 +01:00
<!-- External JavaScript libraries -->
<script src="https://cdn.jsdelivr.net/npm/phaser@3.60.0/dist/phaser.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/easystarjs@0.4.4/bin/easystar-0.4.4.js"></script>
Add NPC dialogue and interaction scripts - Created a generic NPC script with conversation handling. - Developed an Alice NPC script demonstrating branching dialogue and state tracking. - Implemented a test NPC script for development purposes. - Added JSON representations for the NPC scripts. - Created an HTML test interface for NPC integration testing. - Included event handling and bark systems for NPC interactions.
2025-10-29 13:48:22 +00:00
<script src="assets/vendor/ink.js"></script>
Add BreakEscape game structure: Introduce new modular HTML, CSS, and JavaScript files for the BreakEscape game, enhancing maintainability and organization. Include design documentation and refactoring summary for clarity. Add new scenarios and assets for gameplay expansion.
2025-07-13 23:18:57 +01:00
</head>
<body>
<div id="game-container">
<div id="loading">Loading...</div>
</div>
<!-- Notification System -->
<div id="notification-container"></div>
<!-- Toggle Buttons Container -->
<div id="toggle-buttons-container">
Implement Minigames for Bluetooth Scanner, Biometrics, and Lockpick Set: Transition Bluetooth and biometrics functionalities to dedicated minigames, enhancing user interaction and gameplay experience. Introduce new CSS styles for each minigame and update the main game logic to support these changes. Remove legacy systems for biometrics and Bluetooth management to streamline code and improve maintainability.
2025-10-11 02:25:50 +01:00
<!-- Biometrics is now handled as a minigame -->
Add BreakEscape game structure: Introduce new modular HTML, CSS, and JavaScript files for the BreakEscape game, enhancing maintainability and organization. Include design documentation and refactoring summary for clarity. Add new scenarios and assets for gameplay expansion.
2025-07-13 23:18:57 +01:00
</div>
<!-- Inventory Container -->
<div id="inventory-container"></div>
<!-- Laptop Popup -->
<div id="laptop-popup">
<div class="laptop-frame">
<div class="laptop-screen">
<div class="title-bar">
<span>Crypto Workstation</span>
Refactor Lockpicking Minigame: Update button functionality for mode switching between key and lockpicking modes. Introduce new icons for keyway, password, and pin in the inventory. Enhance interaction logic for locked objects and doors, including visual indicators. Clean up CSS styles for improved layout and user experience. Remove unused assets and streamline code for better performance.
2025-10-22 00:10:26 +01:00
<button class="minigame-close-button" onclick="closeLaptop()">×</button>
Add BreakEscape game structure: Introduce new modular HTML, CSS, and JavaScript files for the BreakEscape game, enhancing maintainability and organization. Include design documentation and refactoring summary for clarity. Add new scenarios and assets for gameplay expansion.
2025-07-13 23:18:57 +01:00
</div>
<div id="cyberchef-container">
<iframe id="cyberchef-frame" src=""></iframe>
</div>
</div>
</div>
</div>
<!-- Password Modal -->
<div id="password-modal">
<div class="password-modal-content">
<div class="password-modal-title">
Enter Password
</div>
<input id="password-modal-input" type="password" autocomplete="off" autofocus>
<div class="password-modal-checkbox-container">
<input type="checkbox" id="password-modal-show">
<label for="password-modal-show" class="password-modal-checkbox-label">Show password</label>
</div>
<div class="password-modal-buttons">
<button id="password-modal-ok" class="password-modal-button">OK</button>
<button id="password-modal-cancel" class="password-modal-button">Cancel</button>
</div>
</div>
</div>
<!-- Popup Overlay -->
<div class="popup-overlay"></div>
<!-- Main Game JavaScript Module -->
Add helper NPC dialogue and interactions for mission assistance - Created a new JSON file for the helper NPC with various dialogue options and interactions. - Implemented responses for asking about the NPC, unlocking the CEO's office, and providing items. - Enhanced trust-building mechanics with the NPC, allowing for item exchanges and hints based on player actions. - Updated existing NPC dialogue to integrate new features and improve player guidance throughout the mission.
2025-11-05 20:15:26 +00:00
<script type="module" src="js/main.js?v=45"></script>
Add BreakEscape game structure: Introduce new modular HTML, CSS, and JavaScript files for the BreakEscape game, enhancing maintainability and organization. Include design documentation and refactoring summary for clarity. Add new scenarios and assets for gameplay expansion.
2025-07-13 23:18:57 +01:00
<!-- Mobile touch handling -->
<script>
// Allow zooming on mobile devices
document.addEventListener('DOMContentLoaded', function() {
// Prevent Phaser from capturing touch events that should be used for zooming
const gameContainer = document.getElementById('game-container');
// Allow zooming on the document level
document.addEventListener('gesturestart', function(e) {
e.preventDefault();
});
document.addEventListener('gesturechange', function(e) {
e.preventDefault();
});
// Prevent default touch behavior only within the game container
gameContainer.addEventListener('touchmove', function(e) {
// Only prevent default if it's not a multi-touch gesture (like pinch-to-zoom)
if (e.touches.length <= 1) {
e.preventDefault();
}
}, { passive: false });
Refactor Notes Minigame: Remove legacy notes system and integrate new note management logic. Update UI components for displaying important notes with star icons and enhance observation editing features. Introduce new assets for improved visual representation and ensure consistent integration with the inventory system.
2025-10-10 17:11:02 +01:00
Add BreakEscape game structure: Introduce new modular HTML, CSS, and JavaScript files for the BreakEscape game, enhancing maintainability and organization. Include design documentation and refactoring summary for clarity. Add new scenarios and assets for gameplay expansion.
2025-07-13 23:18:57 +01:00
});
</script>
</body>
</html>
Reference in New Issue Copy Permalink