Widget:520Unit1StudyBuddy: Difference between revisions
Jump to navigation
Jump to search
Added <html> tags like WheelOfNursing widget |
Updated widget to fit full viewport and hide MediaWiki chrome |
||
| Line 8: | Line 8: | ||
</noinclude><includeonly><html> | </noinclude><includeonly><html> | ||
<style> | <style> | ||
/* Reset body/html margins for full viewport */ | |||
body, html {{ | body, html {{ | ||
margin: 0 !important; | |||
padding: 0 !important; | |||
width: 100% !important; | |||
height: 100% !important; | |||
overflow: hidden !important; | |||
}} | |||
/* Container for the iframe */ | |||
.game-embed-container {{ | |||
position: fixed; | |||
top: 0; | |||
left: 0; | |||
width: 100vw; | |||
height: 100vh; | |||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
overflow: hidden; | overflow: hidden; | ||
z-index: 10; | |||
}} | }} | ||
iframe {{ | |||
position: | /* Iframe styling - fills entire viewport */ | ||
.game-embed-container iframe {{ | |||
position: absolute; | |||
top: 0; | top: 0; | ||
left: 0; | left: 0; | ||
| Line 22: | Line 38: | ||
height: 100%; | height: 100%; | ||
border: none; | border: none; | ||
margin: 0; | |||
padding: 0; | |||
display: block; | |||
}} | |||
/* Hide MediaWiki chrome when viewing game */ | |||
#mw-navigation, | |||
#mw-page-base, | |||
#mw-head-base, | |||
.mw-footer {{ | |||
display: none !important; | |||
}} | |||
/* Ensure content area takes full space */ | |||
#content {{ | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
border: none !important; | |||
}} | |||
.mw-body {{ | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
border: none !important; | |||
}} | }} | ||
</style> | </style> | ||
<iframe src="https://wiki.docmoates.com/games/unit-1-study-buddy.html" frameborder="0" allowfullscreen></iframe> | |||
<div class="game-embed-container"> | |||
<iframe src="https://wiki.docmoates.com/games/unit-1-study-buddy.html" | |||
frameborder="0" | |||
allowfullscreen | |||
allow="autoplay; fullscreen" | |||
scrolling="no"> | |||
</iframe> | |||
</div> | |||
</html></includeonly> | </html></includeonly> | ||
Revision as of 22:52, 17 January 2026
This widget displays the 520Unit1StudyBuddy interactive study application.
Usage
{{#widget:520Unit1StudyBuddy}}