index.html

<!DOCTYPE html>

<!--
  Copyright 2011 Google Inc. All Rights Reserved.

  Licensed under the Apache License, Version 2.0 (the "License");
  you may not use this file except in compliance with the License.
  You may obtain a copy of the License at

      http://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License.

  -----------------------------------------------------------------------------

  IMPORTANT LICENSE NOTE:

  We are sharing the CODE of the doodle under the Apache 2.0 License
  (http://www.apache.org/licenses/LICENSE-2.0), but the
  IMAGES AND ANIMATIONS accompanying the doodle under the Creative Commons
  BY-NC-SA 3.0 License (http://creativecommons.org/licenses/by-nc-sa/3.0/).
  The big difference between those two is that the first one allows commercial
  re-use, whereas the second one forbids it.

  -----------------------------------------------------------------------------

  @fileoverview Stanisław Lem doodle.

  @author sfdimino@google.com (Sophia Foster-Dimino) – graphics/animation
  @author mwichary@google.com (Marcin Wichary) – code
  @author jdtang@google.com (Jonathan Tang)
  @author khom@google.com (Kristopher Hom)

  -----------------------------------------------------------------------------

  This is the source code and graphics for Stanisław Lem doodle that ran on
  Google homepage in selected countries on November 23, 2011.

  The original doodle is available at
  http://www.google.com/logos/lem/

  The homepage for the open-sourced version is
  https://code.google.com/p/stanislaw-lem-google-doodle/

  Feedback: stanislaw-lem-google-doodle@googlegroups.com

  -----------------------------------------------------------------------------

  Attach those URL parameters to the page to play with debug options:

  · ?doodle-debug to enable debugging; adds debug keyboard shortcuts
                  and you can also combine with any of the following:

  · &doodle-force-dom to force using DOM
  · &doodle-force-canvas to force using canvas

  · &doodle-show-debug to show debug panel
  · &doodle-show-clickable to show clickable areas

  · &doodle-first-run to pretend we’re running for the first time
  · &doodle-half-run to pretend we’re running for the second time, but
                     the first run was half-finished
  · &doodle-second-run to pretend we’re running for the second time
  · &doodle-old-run to pretend we’re running for 99th time

  · &doodle-country=XX to run as a specific country (e.g. en, pl, de…)

  Debug keyboard shortcuts:
  · Shift to fast forward
  · N to skip an interactive level (use only on interactive levels)
  · T to hit the target in level 3

  Note: Debug keyboard shortcuts may result in various problems since they
        are not tested or validated in any way.
-->
<html>
  <head>
    <meta charset='utf-8'>
    <title>Stanisław Lem doodle</title>

    <style>
      html {
        height: 100%;
      }
      body {
        font-family: Arial, sans-serif;
        font-size: 83%;

        padding: 0;
        margin: 0;
        height: 100%;
      }
      a {
        color: black;
      }
      #content {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -260px;
        width: 520px;
        margin-top: -300px;
        height: 600px;
      }
      #doodle {
        width: 520px;
        height: 600px;
      }
      #doodle-temp {
        position: relative;
        left: 110px;
        top: 205px;
        width: 304px;
        height: 135px;
      }
      #prm {
        padding: 1em 0;
        width: 100%;
        text-align: center;
      }
    </style>
  </head>

  <body>

    <div id='content'>
      <div id='doodle'>
        <img id='doodle-temp' src='images-sprited/lem-temp-logo.png'
             alt='60th anniversary of Stanisław Lem’s first book publication. Art inspired by “The Cyberiad” illustrations by Daniel Mróz.'>
      </div>

      <div id='prm'>
        Back to <a id='back-link' href='http://www.google.com/logos'>Google
        Logos</a>. View source to see debug options!
      </div>
    </div>

    <script src='engine-const.js'></script>
    <script src='engine-helpers.js'></script>
    <script src='engine-actions.js'></script>
    <script src='engine-rects.js'></script>
    <script src='engine-actors.js'></script>
    <script src='engine-main.js'></script>
    <script src='lem-const.js'></script>
    <script src='lem-actors.js'></script>
    <script src='lem-scenes.js'></script>
    <script src='lem-images.js'></script>
    <script src='lem-images-sprite.js'></script>

    <script>
      engine.init();
    </script>

  </body>
</html>