Secure Data Blog Maintenance page

Hat tip to Calvin Bramett for his original framework this was based up. https://codepen.io/calvinbramlett/pen/WOMzqx

by Brian Layman

HTML

// Activate WordPress Maintenance Mode
function wp_maintenance_mode() {
  if (!current_user_can(‘edit_themes’) || !is_user_logged_in()) {
    $message = ‘<!doctype html>
      <title>Site Maintenance</title>
      <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">
      <style>
        html, body { padding: 0; margin: 0; width: 100%; height: 100%; }
        * {box-sizing: border-box;}
        body { text-align: center; padding: 0; background: #fff; color: #02375a; font-family: Open Sans; }
        h1 { font-size: 50px; font-weight: 800; text-align: center; font-family: Tahoma;}
        body { font-family: Open Sans; font-weight: 100; font-size: 20px; color: #02375a; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
        article { display: block; width: 700px; padding: 50px; margin: 0 auto; }
        a { color: #02375a; font-weight: bold;}
        a:hover { text-decoration: none; }
        svg { width: 300px; margin-top: 1em; }
      </style>

      <article>
      <svg width="255px" height="40px" viewBox="0 0 255 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
          <title>SDR_Logo_Blog</title>
          <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
              <g id="Header/blog" transform="translate(-360.000000, -20.000000)">
                  <g id="SDR_Logo_Blog" transform="translate(360.000000, 20.000000)">
                      <g id="SecureData_RGB">
                          <path d="M20,0 C31.0352941,0 40,8.96470588 40,20 C40,31.0352941 31.0352941,40 20,40 C8.96470588,40 0,31.0352941 0,20 C0,8.96470588 8.96470588,0 20,0 L20,0 Z" id="Path" fill="#004C96"></path>
                          <path d="M14.6352941,15.8823529 L10.9176471,15.8823529...