<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="noindex,nofollow,noimageindex">   

<title>Hubbardian</title>

<link rel="icon" href="favicon.ico" id="favicon">
<link rel="stylesheet" href="css/07_style.css">
<link rel="stylesheet" href="css/07_contents.css">

<!-- Matomo -->
<script>
  var _paq = window._paq = window._paq || [];
  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="https://hubbardian.matomo.cloud/";
    _paq.push(['setTrackerUrl', u+'matomo.php']);
    _paq.push(['setSiteId', '1']);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.async=true; g.src='https://cdn.matomo.cloud/hubbardian.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
  })();
</script>
<!-- End Matomo Code -->

</head>
<body> 



<div id="wrap">


  <!-- HEADER -->
  <header id="hubbardian">
    <div><h1>HUBB</h1></div>
    <div>
      <p></p><p></p><p></p>
    </div>
    <div><h1>ARDIAN</h1></div>
  </header>
  <!-- HEADER -->


  <!-- INBOX -->
  <div id="box">

    <nav>
      <h1>12</h1>
      <iframe src="navigation.html" scrolling="yes" allowtransparency="true"></iframe>
    </nav>

    <!-- CONTENTS -->
    <div id="contents" class="illust">
      <p>
        <h4 class="press">
          Mixing two-dimensional and three-dimensional can be hazardous. 
          The correct colors may not display correctly on some screens.
        </h4>
        <img id="0405" class="horizon" src="image/illust/20230405_31st.png"><span class="illust-name press">"I'm not alone anymore."</span>
        <img id="0329" class="upright" src="image/illust/20230329_found.png"><span class="illust-name press">"Don't worry. Help is on the way."</span>
        <img id="0327" class="horizon" src="image/illust/20230327_arrest.png"><span class="illust-name press">"I will arrest him... no matter what!"</span>
        <hr>
      </p>
    </div>
    <!-- CONTENTS -->

  </div>
  <!-- INBOX -->


</div>



</body>
</html>