isledecomp/isle.pizza
1
0
Fork 0
mirror of https://github.com/isledecomp/isle.pizza.git synced 2026-01-10 18:21:15 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add FAQ section

Browse Source
This commit is contained in:
Christian Semmler 2025-07-21 11:40:35 -07:00
parent 90a75d1d2e
commit 6380c8d687
No known key found for this signature in database
GPG Key ID: 086DAA1360BEEE5C
2 changed files with 137 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
index.html
View File

@ -81,6 +81,77 @@
gaming history.</p>
<p>Our goal is to make this classic accessible to everyone. The project is still in development, so you
may encounter bugs. Your patience and feedback are greatly appreciated!</p>
<div class="faq-section">
<h2>Frequently Asked Questions</h2>
<details>
<summary>Is this the full, original game?</summary>
<p>This is a complete port of the original 1997 PC game. You can select from multiple languages,
including both the 1.0 and 1.1 versions of English, from the "Configure" menu before
starting.</p>
</details>
<details>
<summary>How does this differ from the original 1997 CD-ROM game?</summary>
<p>The core gameplay is identical, but this version has some great advantages! It runs in your
browser with no installation needed and works on modern devices. It also includes
enhancements like widescreen support, improved controls, many bug fixes from the
decompilation project, and the ability to run at your display's maximum resolution (even
4K!).</p>
<p>Check out the "Configure" page to see what's possible.</p>
</details>
<details>
<summary>Can I save my progress?</summary>
<p>Yes! The game automatically saves your progress. To ensure your game is saved, return to the
Infocenter and use the exit door. This will bring you back to the main menu and lock in your
save state. A "best effort" save is also attempted if you close the tab directly, but this
method isn't always guaranteed.</p>
</details>
<details>
<summary>Does this run on mobile?</summary>
<p>Yes! The game is designed to work on a wide range of devices, including desktops, laptops,
tablets, and phones. It has even been seen running on <a
href="https://github.com/isledecomp/isle-portable/issues/418#issuecomment-3003572219"
target="_blank" rel="noopener noreferrer">Tesla in-car browsers</a>! 🚗</p>
</details>
<details>
<summary>Which browsers are supported?</summary>
<p>This port runs best on recent versions of modern browsers, including Chrome, Firefox, and
Safari. For an optimal experience on iOS devices, please ensure you are running iOS 18 or
newer.</p>
</details>
<details>
<summary>What are the controls?</summary>
<p>You can play using a keyboard and mouse, a gamepad, or a touch screen. Gamepad support can
vary depending on your browser. On mobile, you can select your preferred touch control
scheme in the "Configure" menu.</p>
</details>
<details>
<summary>Can I play offline?</summary>
<p>You bet! In the "Configure" menu, scroll to the "Offline Play" section. You'll find an option
there to install all necessary game files (about 550MB) for offline access.</p>
</details>
<details>
<summary>I don't hear any sound or music. How do I fix it?</summary>
<p>Most modern browsers block audio until you interact with the page. Click the mute icon (🔇)
on the animated intro to enable sound.</p>
</details>
<details>
<summary>I think I found a bug! Where do I report it?</summary>
<p>As an active development project, some bugs are expected. If you find one, we'd be grateful
if you'd report it on the isle-portable <a
href="https://github.com/isledecomp/isle-portable/issues" target="_blank"
rel="noopener noreferrer">GitHub Issues page</a>. Please include details about your
browser, device, and what you were doing when the bug occurred.</p>
</details>
<details>
<summary>Is this project open-source?</summary>
<p>Yes, absolutely! This web port is built upon the incredible open-source <a
href="https://github.com/isledecomp/isle-portable" target="_blank"
rel="noopener noreferrer">LEGO Island (portable)</a> project, and the code for this
website is also <a href="https://github.com/isledecomp/isle.pizza" target="_blank"
rel="noopener noreferrer">available here</a>.</p>
</details>
</div>
</div>
</div>
@ -332,7 +403,10 @@
<p>By installing, the game will be available to play even when you are not connected to
the internet. This will download all necessary files to your device (about 550MB in
size).</p>
<p style="font-size:0.7em;">Note: browsers enforce strict storage and memory quotas, especially when using private/incognito windows. If you encounter an error during installation, please use a regular window and make sure you have enough disk space available on your device.</p>
<p style="font-size:0.7em;">Note: browsers enforce strict storage and memory quotas,
especially when using private/incognito windows. If you encounter an error during
installation, please use a regular window and make sure you have enough disk space
available on your device.</p>
</div>
<div class="offline-play-controls">
<img class="control-img" id="install-btn" src="install_off.webp" alt="Install Game"

62
style.css
View File

@ -663,6 +663,68 @@ select {
transition: background 0.2s ease-out;
}
.faq-section {
margin-top: 30px;
padding-top: 10px;
border-top: 1px solid #444;
width: 100%;
text-align: left;
}
.faq-section h2 {
color: #FFD700;
font-size: 1.5em;
margin-bottom: 20px;
text-align: center;
}
.faq-section details {
background-color: #1c1c1c;
border: 1px solid #333;
border-radius: 8px;
margin-bottom: 10px;
transition: background-color 0.2s ease;
}
.faq-section details[open] {
background-color: #252525;
}
.faq-section summary {
padding: 20px;
cursor: pointer;
font-weight: bold;
color: #e0e0e0;
font-size: 1.1em;
list-style: none;
display: flex;
justify-content: space-between;
align-items: center;
}
.faq-section summary::-webkit-details-marker {
display: none;
}
.faq-section summary::after {
content: '+';
font-size: 1.5em;
color: #FFD700;
transition: transform 0.2s ease-in-out;
}
.faq-section details[open] summary::after {
transform: rotate(45deg);
}
.faq-section details p {
padding: 0 20px 20px 20px;
margin: 0;
color: #b0b0b0;
font-size: 0.9em;
line-height: 1.5;
}
/* Responsive adjustments */
@media (max-width: 768px) {
#install-video {