Widget:520Unit2StudyBuddy: Difference between revisions

From Doc-Wiki
Jump to navigation Jump to search
← Older editNewer edit →
Docmoates (talk | contribs)
HerzingU-SpecialAccess, Bots, Bureaucrats, Dr. Michael Moates, Interface administrators, Users who may use two-factor authentication, Push subscription managers, Suppressors, Administrators, Upload Wizard campaign editors
2,408 edits
VisualWikitext
Updated widget to fit full viewport and hide MediaWiki chrome
Fixed sizing - iframe now 1200px height
Line 7: Line 7:
[[Category:Widgets]]
[[Category:Widgets]]
</noinclude><includeonly><html>
</noinclude><includeonly><html>
<style>
<div style="width: 100%; height: 1200px; min-height: 900px; margin: 0; padding: 0; position: relative;">
/* Reset body/html margins for full viewport */
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;
    padding: 0;
    overflow: hidden;
    z-index: 10;
}}
 
/* Iframe styling - fills entire viewport */
.game-embed-container iframe {{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    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>
 
<div class="game-embed-container">
     <iframe src="https://wiki.docmoates.com/games/unit-2-study-buddy.html"
     <iframe src="https://wiki.docmoates.com/games/unit-2-study-buddy.html"
            style="width: 100%; height: 100%; border: none; display: block; position: absolute; top: 0; left: 0;"
             frameborder="0"
             frameborder="0"
             allowfullscreen
             allowfullscreen>
            allow="autoplay; fullscreen"
            scrolling="no">
     </iframe>
     </iframe>
</div>
</div>
</html></includeonly>
</html></includeonly>

Revision as of 23:09, 17 January 2026

This widget displays the 520Unit2StudyBuddy interactive study application.

Usage

{{#widget:520Unit2StudyBuddy}}
Retrieved from "https://wiki.docmoates.com/index.php?title=Widget:520Unit2StudyBuddy&oldid=8811"