<figure>
                        <img src="https://media.eaglewebservices.com/public/2020/5/1589911131941.jpeg" alt="" />
                        <figcaption></figcaption>
                    </figure><p>Congratulations Trego Community High School class of 2020!</p><div>
  <style>
    .wp-caption {
      text-align:center;
      margin-right:auto;
      margin-left:auto;
    }
    figcaption {
      text-align:center
    } 
    img {
      margin-right:auto;
      margin-left:auto
    }
    .graduationcontainer {
      overflow:hidden;
    }
  </style>
  <div class="graduationcontainer">
    <div id="graduationloading">Loading...</div>
    <div id="graduationbody" style="display:none;"></div>
  </div>
<script>

// defaults
var page_id = 388
var api_url = 'https://graduation.eaglewebservices.com/wp-json/wp/v2/pages/'+page_id;

// initial load
loadBodyOfPage()

// ends loading div and enables content
function toggleLoading () {
  document.getElementById('graduationloading').style.display = 'none';
  document.getElementById('graduationbody').style.display = 'block';
}

// fetches page using wordpress api
function loadBodyOfPage () {
  fetch(api_url).then(function (response) {
    response.json().then(function(data) {
        // end loading and set body
        toggleLoading()
        document.getElementById('graduationbody').innerHTML = data.content.rendered
    })
  })
}
</script>
</div><figure>
                        <img src="https://media.eaglewebservices.com/public/2020/5/1589911131941.jpeg" alt="" />
                        <figcaption></figcaption>
                    </figure>

Trego Community High School Class of 2020