Skip to content

Commit 96cecad

Browse files
ToolboxAidToolboxAid
committed
Integrate Game Foundry Studio mascot assets and Tool Display Mode behavior - PR_26152_002-gamefoundry-mascot-integration
1 parent a79dd83 commit 96cecad

13 files changed

Lines changed: 140 additions & 46 deletions

‎GameFoundryStudio/account/branding.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -77,4 +77,4 @@ <h3>Foundry Bot</h3>
7777
<script src="../assets/js/gamefoundry-partials.js" defer></script>
7878
</body>
7979

80-
</html>
80+
</html>

‎GameFoundryStudio/account/controls.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -92,4 +92,4 @@ <h3>Selects</h3>
9292
<script src="../assets/js/gamefoundry-partials.js" defer></script>
9393
</body>
9494

95-
</html>
95+
</html>

‎GameFoundryStudio/assets/css/gamefoundrystudio.css‎

Lines changed: 20 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -595,29 +595,37 @@ details.vertical-accordion[open] summary:after {
595595
font-weight: 900;
596596
cursor: pointer;
597597
list-style: none;
598-
padding: 13px 14px;
598+
padding: 10px;
599599
display: flex;
600-
justify-content: space-between;
601-
gap: 12px
600+
align-items: center;
601+
justify-content: center
602602
}
603603

604604
.tool-display-mode summary::-webkit-details-marker {
605605
display: none
606606
}
607607

608-
.tool-display-mode summary:after {
609-
content: "-";
610-
width: 24px;
611-
height: 24px;
612-
border: 1px solid var(--line);
608+
.tool-display-mode__icon {
609+
width: 42px;
610+
height: 42px;
611+
object-fit: cover;
612+
object-position: center;
613+
border: 1px solid var(--meaning-border, var(--line));
613614
border-radius: 999px;
614-
display: inline-grid;
615+
background: var(--panel-soft)
616+
}
617+
618+
.tool-display-mode__body {
619+
display: grid;
615620
place-items: center;
616-
flex: 0 0 auto
621+
padding: 0 14px 14px
617622
}
618623

619-
.tool-display-mode[open] summary:after {
620-
content: "+"
624+
.tool-display-mode__character {
625+
width: min(150px, 44%);
626+
height: auto;
627+
object-fit: contain;
628+
display: block
621629
}
622630

623631
.tool-grid {

‎GameFoundryStudio/assets/js/tool-display-mode.js‎

Lines changed: 22 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,15 +7,33 @@
77
displayMode.id = "toolDisplayMode";
88
displayMode.open = true;
99

10+
const basePath = slot.dataset.assetRoot || "../assets/images";
1011
const summary = document.createElement("summary");
11-
summary.textContent = "Tool Display Mode";
12+
summary.setAttribute("aria-label", "Tool Display Mode");
13+
summary.title = "Tool Display Mode";
14+
15+
const icon = document.createElement("img");
16+
icon.className = "tool-display-mode__icon";
17+
icon.src = basePath + "/forge-bot.png";
18+
icon.alt = "Tool Display Mode";
19+
summary.appendChild(icon);
1220
displayMode.appendChild(summary);
21+
22+
const body = document.createElement("div");
23+
body.className = "tool-display-mode__body";
24+
25+
const mascot = document.createElement("img");
26+
mascot.className = "tool-display-mode__character";
27+
mascot.src = basePath + "/forge-bot.png";
28+
mascot.alt = "ForgeBot";
29+
body.appendChild(mascot);
30+
displayMode.appendChild(body);
1331
slot.replaceWith(displayMode);
1432

1533

1634
async function enterToolMode() {
1735
document.body.classList.add("tool-focus-mode");
18-
displayMode.open = true;
36+
displayMode.open = false;
1937

2038
try {
2139
if (!document.fullscreenElement && document.documentElement.requestFullscreen) {
@@ -28,7 +46,7 @@
2846

2947
async function exitToolMode() {
3048
document.body.classList.remove("tool-focus-mode");
31-
displayMode.open = false;
49+
displayMode.open = true;
3250

3351
try {
3452
if (document.fullscreenElement && document.exitFullscreen) {
@@ -52,7 +70,7 @@
5270
document.addEventListener("fullscreenchange", function () {
5371
if (!document.fullscreenElement && document.body.classList.contains("tool-focus-mode")) {
5472
document.body.classList.remove("tool-focus-mode");
55-
displayMode.open = false;
73+
displayMode.open = true;
5674
}
5775
});
5876

‎GameFoundryStudio/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -121,8 +121,8 @@ <h3>Input Studio</h3>
121121
</section>
122122
<section class="section mascot-section">
123123
<div class="container split reverse">
124-
<div class="image-panel"><img src="assets/images/game-foundry-mascot-sheet.png"
125-
alt="Game Foundry Studio mascot concepts including ForgeBot, Spark, Pixel Smith, and Foundry Bot"></div>
124+
<div class="image-panel"><img src="assets/images/forge-bot.png"
125+
alt="ForgeBot mascot"></div>
126126
<div>
127127
<div class="kicker">Mascot system</div>
128128
<h2>ForgeBot, Spark, Pixel Smith, and Foundry Bot.</h2>

‎GameFoundryStudio/tools/groups/assets-content.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ <h2>Toolbox</h2>
3434
</details>
3535
</div>
3636
</aside>
37-
<div data-tool-display-mode></div>
37+
<div data-tool-display-mode data-asset-root="../../assets/images"></div>
3838
<section class="tool-center-panel"><img src="../../assets/images/forge-bot.png" alt="ForgeBot">
3939
<h2>Workspace</h2>
4040
<p>Use this center region for the primary tool canvas, editor, preview, or guided workflow.</p>

‎GameFoundryStudio/tools/groups/building-creation.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ <h2>Toolbox</h2>
3434
</details>
3535
</div>
3636
</aside>
37-
<div data-tool-display-mode></div>
37+
<div data-tool-display-mode data-asset-root="../../assets/images"></div>
3838
<section class="tool-center-panel"><img src="../../assets/images/forge-bot.png" alt="ForgeBot">
3939
<h2>Workspace</h2>
4040
<p>Use this center region for the primary tool canvas, editor, preview, or guided workflow.</p>

‎GameFoundryStudio/tools/groups/configuration-admin.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ <h2>Toolbox</h2>
3535
</details>
3636
</div>
3737
</aside>
38-
<div data-tool-display-mode></div>
38+
<div data-tool-display-mode data-asset-root="../../assets/images"></div>
3939
<section class="tool-center-panel"><img src="../../assets/images/forge-bot.png" alt="ForgeBot">
4040
<h2>Workspace</h2>
4141
<p>Use this center region for the primary tool canvas, editor, preview, or guided workflow.</p>

‎GameFoundryStudio/tools/groups/design-animation.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ <h2>Toolbox</h2>
3434
</details>
3535
</div>
3636
</aside>
37-
<div data-tool-display-mode></div>
37+
<div data-tool-display-mode data-asset-root="../../assets/images"></div>
3838
<section class="tool-center-panel"><img src="../../assets/images/forge-bot.png" alt="ForgeBot">
3939
<h2>Workspace</h2>
4040
<p>Use this center region for the primary tool canvas, editor, preview, or guided workflow.</p>

‎GameFoundryStudio/tools/groups/media-community.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ <h2>Toolbox</h2>
3535
</details>
3636
</div>
3737
</aside>
38-
<div data-tool-display-mode></div>
38+
<div data-tool-display-mode data-asset-root="../../assets/images"></div>
3939
<section class="tool-center-panel"><img src="../../assets/images/forge-bot.png" alt="ForgeBot">
4040
<h2>Workspace</h2>
4141
<p>Use this center region for the primary tool canvas, editor, preview, or guided workflow.</p>

0 commit comments

Comments
 (0)