index.html

---
layout: book
description: >
  만화로 그려진 여우들과 함께하는 루비 초심자를 위한 프로그래밍 어드벤쳐
---
  <style type="text/css">
  body {
    color: white;
    background: url(images/2007-cover-pale.jpg);
    text-align: center;
    font-family: verdana, arial, sans-serif;
    margin: 0; padding: 0;
  }
  a img {
    border: none;
  }
  #cover {
    margin: 0 auto;
    padding: 20px 150px 20px 0px;
    background: url(images/2007-cover-spacer.jpg);
    z-index: 1;
    overflow: hidden;
  }
  #cover img {
    margin-bottom: -90px;
  }
  #menu { font-size: 12px; color: gray }
  #menu a { color: #009 }
  #menu p:last-child a { color: inherit }
  #news {
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    width: 240px;
    padding-left: 500px;
    padding-right: -150px;
    padding-bottom: 20px;
  }
  #news a {
    color: #FF3;
  }
  </style>

  <script>
  function openBook() {
    document.getElementById("cover-image").src = "images/2007-cover-open.jpg";
  }
  function shutBook() {
    document.getElementById("cover-image").src = "images/2007-cover-shut.jpg";
  }
  </script>

  <div id="cover">
    <a href="book/chapter-1.html" onmouseover="openBook()" onmouseout="shutBook()"><img id="cover-image" src="images/2007-cover-shut.jpg" /></a>
    <div id="news">
      오오! 새로운 챕터를 슬쩍 보죠! <strong><a href="book/chapter-7.html">When You Wish Upon a Beard</a></strong>, drawings everywhichway.
    </div>
  </div>

  <div id="menu">
    <p>
    <strong><a href="book/chapter-1.html">책 펼치기</a></strong>
    &#0164;
    <a href="book/">책??</a>
    &#0164;
    <a href="soundtrack/">뭐 사운드 트랙??!</a>
    </p>

    <p class=vcard>
    친절한
    <strong rel=author class=fn>Why the Lucky Stiff</strong> 글 그림.
    <br>
    <a href="https://github.com/ruby-korea/poignant-guide">GitHub에서 소스보기</a>
    </p>
  </div>