cybersecurity/BreakEscape
1
0
Fork 0
mirror of https://github.com/cliffe/BreakEscape.git synced 2026-02-20 13:50:46 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
2230885f12a1fe60866edb9286f354d95ecb21aa
BreakEscape/index.html

136 lines
5.3 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 Phone Messages Minigame: Introduce a new minigame for interacting with phone messages, including voice and text message playback, voice selection, and observation display. Update index.html to include the new CSS file and integrate the minigame into the existing framework. Add test page for functionality and enhance interaction logic for phone objects in the game.
2025-10-13 18:48:14 +01:00
<link rel="stylesheet" href="css/phone.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 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>
</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>
<button class="close-btn" onclick="closeLaptop()">×</button>
</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 -->
Update key-demo.html and lockpicking minigame: Enhance key mode functionality by introducing a random key selection feature, allowing players to choose from three random keys. Update UI instructions for clarity and improve feedback messages based on key selection outcomes. Adjust game parameters to streamline the key selection process and ensure a smoother gameplay experience. WiP updates to the main game including improved doors, animations, and player depth. Locks currently disabled.
2025-08-31 23:10:58 +01:00
<script type="module" src="js/main.js?v=33"></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