Startup
This commit is contained in:
@@ -1,10 +1,6 @@
|
||||
import './bootstrap.js';
|
||||
/*
|
||||
* Welcome to your app's main JavaScript file!
|
||||
*
|
||||
* This file will be included onto the page via the importmap() Twig function,
|
||||
* which should already be in your base.html.twig.
|
||||
*/
|
||||
import './styles/app.css';
|
||||
|
||||
console.log('This log comes from assets/app.js - welcome to AssetMapper! 🎉');
|
||||
console.log('This log comes from assets/app.js built by Webpack Encore! 🎉');
|
||||
|
||||
11
assets/game1.js
Normal file
11
assets/game1.js
Normal file
@@ -0,0 +1,11 @@
|
||||
/* Game1 entry point built with Webpack Encore */
|
||||
import './styles/game1.css';
|
||||
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
// Simple boot log so you can verify it in the browser console
|
||||
// and confirm this specific bundle is loaded on the Game Hub page.
|
||||
console.log('Game1 bundle loaded');
|
||||
|
||||
// Example: add a CSS class to <body> so page-specific styles can apply
|
||||
document.body.classList.add('game1-page');
|
||||
});
|
||||
17
assets/styles/game1.css
Normal file
17
assets/styles/game1.css
Normal file
@@ -0,0 +1,17 @@
|
||||
/* Styles specific to Game1 */
|
||||
|
||||
/* page-level indicator to confirm CSS is loaded */
|
||||
body.game1-page {
|
||||
/* subtle background tint so you can visually confirm on /game */
|
||||
background-color: #f9fbff;
|
||||
}
|
||||
|
||||
/* example component style */
|
||||
.game1-banner {
|
||||
padding: 1rem 1.25rem;
|
||||
border: 1px solid #cfe2ff;
|
||||
background: #e9f2ff;
|
||||
color: #0b5ed7;
|
||||
border-radius: 8px;
|
||||
margin: 1rem 0;
|
||||
}
|
||||
Reference in New Issue
Block a user