Integration Snippets

Drop-in HTML and JavaScript snippets for embedding OreoStudios tools into your own Minecraft server website.

🧭

Navigation Link

Add a Tools link to your site's primary nav bar.

HTML

<nav aria-label="Primary">
  <a href="#services">Services</a>
  <a href="/ogui-builder.html">OGUI Builder</a>
  <a href="#contact" class="btn">Contact</a>
</nav>

HTML Drop-in

🎨

OGUI Builder Card

Feature card to promote the visual GUI builder on any page.

HTML

<article class="card">
  <h3>OGUI Builder</h3>
  <p>Visual GUI config generator — no coding required.
     Create custom GUIs with all 16 condition types.</p>
  <ul>
    <li>Drag-free visual editor</li>
    <li>Live YAML preview</li>
    <li>Export ready-to-use configs</li>
  </ul>
  <a href="/ogui-builder.html" class="btn btn-primary">
    Launch Builder →
  </a>
</article>

HTML Card

🔗

Footer Links

Footer reference links for the tools and wiki pages.

HTML

<footer>
  <p>© <span id="y"></span> OreoStudios — All rights reserved.</p>
  <p>
    <a href="/ogui-builder.html">OGUI Builder</a> •
    <a href="/wiki/index.html">Wiki</a> •
    <a href="#contact">Contact</a>
  </p>
</footer>

HTML Footer

⚡

YAML Export Hook

JavaScript handler for wiring OGUI Builder's export action with analytics.

JavaScript

function exportYAML() {
  const yaml = this.generateYAML();

  if (window.gtag) {
    gtag('event', 'export_yaml', {
      event_category: 'ogui_builder',
      event_label:    'yaml_export'
    });
  }

  const blob = new Blob([yaml], { type: 'text/yaml' });
  const url  = URL.createObjectURL(blob);
  const a   = document.createElement('a');
  a.href     = url;
  a.download = 'gui-config.yml';
  a.click();
  URL.revokeObjectURL(url);
}

JavaScript Analytics Export