https://calormen.com/

제출된 URL:
https://calormen.com/
보고서 완료:
링크텍스트
https://www.flickr.com/photos/inexorabletash/Flickr
https://github.com/inexorabletashGitHub
https://a2desktop.comApple II DeskTop
https://travellermap.comThe Traveller Map
https://youngindianajonesmusic.comYoung Indiana Jones Music
https://a2stuff.github.io/vnIIc/Desktop streaming to an Apple II
https://startrekasciiart.blogspot.com/Star Trek ASCII Art
https://www.goldengatebaby.comGolden Gate Postpartum Care
이름유형
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
gtagfunction
dataLayerobject
google_tag_managerobject
google_tag_dataobject
onYouTubeIframeAPIReadyfunction
gaGlobalobject
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>The Chronicles of Calormen</title>

<style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Euphoria+Script|Gentium+Book+Basic:400,700);

html { padding: 0; margin: 0; }

body, table, .dark {
  background-color: #291713;
  color: #303030;
  margin: 0;
  font-family: 'Gentium Book Basic', 'Times New Roman', serif; font-size: 10pt;
}

h2 { font-weight: bold; font-size: 10pt; }

table, td { border-collapse: collapse;  border: none; margin: 0; background-color: transparent; }
td { vertical-align: top; }

a, a:link, a:hover, a:visited { color: #303030; }
p { margin-bottom: 0; }
ul { margin: 2pt; padding-left: 12pt; }
h1 { font-family: "Euphoria Script", "serif"; font-size: 28pt; text-align: center; margin: 0; margin-bottom: 3pt; margin-left: 3pt; }

.dark { width: 100%; height: 20px; }
.content {
  background-image: url('calormen/brick.jpg');
  background-color: #e0e0e0;
  color: #303030;
  position: absolute; z-index: 1;
  top: 40px; left: 10px;
  width: 560px; height: 320px;
  margin: 0;
  padding: 30px;
}

.border_t { position: absolute; top:    0; width: 100%; height: 30px; margin: 0; padding: 0; border: 0; background-image: url('calormen/border.png'); }
.border_b { position: absolute; bottom: 0; width: 100%; height: 30px; margin: 0; padding: 0; border: 0; background-image: url('calormen/border.png'); }

.decor_l  { position: absolute; left: 0; top: 0; bottom: 0; width: 14px; margin: 0; padding: 0; border: 0; background-image: url('calormen/bug.png'); }
.decor_r  { position: absolute; right: 0; top: 0; bottom: 0; width: 14px; height: 100%; margin: 0; padding: 0; border: 0; background-image: url('calormen/bug.png'); }
.decor_t  { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 14px; margin: 0; padding: 0; border: 0; background-image: url('calormen/bug.png'); }
.decor_b  { position: absolute; bottom: 0; left: 0; right: 0; height: 14px; margin: 0; padding: 0; border: 0; background-image: url('calormen/bug.png'); }

body.rot1 #sky { background-image: url('calormen/sky1.jpg'); }
body.rot2 #sky { background-image: url('calormen/sky2.jpg'); }
body.rot3 #sky { background-image: url('calormen/sky3.jpg'); }
body.rot1 #city { background-image: url('calormen/city1.png'); }
body.rot2 #city { background-image: url('calormen/city2.png'); }
body.rot3 #city { background-image: url('calormen/city3.png'); }

#sky  { position: relative; background-color: #f0f0f0; width: 100%; height: 460px; overflow: hidden; }
#city { position: absolute; background-position: bottom center; background-repeat: no-repeat; bottom: 30px; width: 150%; height: 400px; }
</style>

<script type="text/javascript">
window.onload = function() {
  // Rotate Images
  document.body.className = 'rot' + Math.floor(Math.random() * 3 + 1);
};
</script>

<!-- Top band -->
</head><body class="rot3"><div class="dark"></div>

<!-- Content area -->
<div id="sky">

  <div class="border_t"></div>
  <div class="border_b"></div>

  <div id="city"></div>

  <div class="content">
    <div class="decor_t"></div>
    <div class="decor_l"></div>
    <div class="decor_b"></div>
    <div class="decor_r"></div>

    <!-- Page Content -->
    <div style="position: absolute; right: 30px; bottom: 30px;">
      <em><a href="calormen/narniamush.html">Why Calormen?</a></em>
    </div>

    <h1>The Chronicles of Calormen</h1>

    <h2>
      Joshua Bell
      —
      <a href="mailto:[email protected]">[email protected]</a>
      | <a href="https://www.flickr.com/photos/inexorabletash/">Flickr</a>
      | <a href="https://github.com/inexorabletash">GitHub</a>
<!--  | <a href="https://cautionsingularityahead.blogspot.com">Blog</a> -->
    </h2>

    <table>
      <tbody><tr><td colspan="2">Hobby Projects
      </td></tr><tr>
        <td>
          <ul>
            <li><a href="https://a2desktop.com">Apple II DeskTop</a> (2017 - present)
            </li><li><a href="https://travellermap.com">The Traveller Map</a> (2005 - present)
            </li><li><a href="https://youngindianajonesmusic.com">Young Indiana Jones Music</a>
            </li><li><a href="https://a2stuff.github.io/vnIIc/">Desktop streaming to an Apple II</a> (2008 / 2020)
            </li><li><a href="jslogo/">Logo (in JavaScript)</a> (2008)
            </li><li><a href="jsbasic/">Applesoft (in JavaScript)</a> (2007)
            </li><li><a href="https://startrekasciiart.blogspot.com/">Star Trek ASCII Art</a> (1993 - present)
            </li><li><a href="flatland/">Flatlands</a> (1998)
          </li></ul>
        </td><td>
          <ul>
            <li><a href="jisp/">Jisp (Lisp in JavaScript)</a> (2013)
            </li><li><a href="l33t/">Text Elite (in JavaScript)</a> (2011)
            </li><li><a href="raycast/">Raycasting Demo</a> (2010)
            </li><li><a href="twistypuzzles/">Magic Polyhedra</a> (2006)
            </li><li><a href="spacecombat/">Paper &amp; Pencil Space Combat</a> (2005)
            </li><li><a href="star_wars/">Star Wars Toybashing</a> (2004)
            </li><li><a href="star_trek/">Star Trek Technology FAQs</a> (2004)
            </li><li><a href="jck2002/">JACK2002</a> (2002)
          </li></ul>
    </td></tr></tbody></table>

    <br>

    <h2>
      Susan Bell
      —
      <a href="mailto:[email protected]">[email protected]</a>
    </h2>
    <div>
      <a href="https://www.goldengatebaby.com">Golden Gate Postpartum Care</a>
    </div>
  </div>
</div>
<!-- Google tag (gtag.js) -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-TLC5NBQK58"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-TLC5NBQK58');
</script>
</body></html>