<!DOCTYPE html>
<html lang="en-US">

<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#" itemscope itemtype="http://schema.org/">
    <meta charset="UTF-8" />
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
    <title>VIM Adventures</title>
    <meta property="fb:app_id" content="367776196593309" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="/" />
    <meta property="og:image" content="/images/FB%20Site%20Thumbnail%203.jpg" />
    <meta property="og:image" content="/images/FB%20Site%20Thumbnail%202.jpg" />
    <meta property="og:image" content="/images/FB%20Site%20Thumbnail%201.jpg" />
    <meta property="og:title" content="VIM Adventures - Learn VIM while playing a game" />
    <meta property="og:description" content="VIM Adventures is an online game based on VIM's keyboard shortcuts. It's the &quot;Zelda meets text editing&quot; game. So come have some fun and learn some VIM!" />
    <meta itemprop="name" content="VIM Adventures - Learn VIM while playing a game" />
    <meta itemprop="description" content="VIM Adventures is an online game based on VIM's keyboard shortcuts. It's the &quot;Zelda meets text editing&quot; game. So come have some fun and learn some VIM!" />
    <meta itemprop="image" content="/images/G+%20thumbnail%20picture.jpg" />
    <meta name="description" content="VIM Adventures is an online game based on VIM's keyboard shortcuts. It's the &quot;Zelda meets text editing&quot; game. So come have some fun and learn some VIM!" />
    <meta http-equiv="Pragma" content="no-cache" />
    <link rel="stylesheet" href="/css/style.css" />
    <script>
        var vim = {
            screens: []
        };
        if (window.addEventListener) {
            window.addEventListener("load", function () {
                vim.spritesImg = document.createElement("img");
                vim.spritesImg.src = "/images/sprites.png";
                vim.cloudsImg = document.createElement("img");
                vim.cloudsImg.src = "/images/clouds.png";
                vim.explosionImg = document.createElement("img");
                vim.explosionImg.src = "/images/explosion.png"
            }, false)
        };
    </script>
    <script src="/js/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script>
    <script src="/js/mnl.js"></script>
</head>

<body class="no-timed-plan">
    <div id="shadowOverlay"></div>
    <div id="game">
        <div class="screen" id="game-screen">
            <div id="title">
                <div id="title-background"></div>
                <div class="vim-adventures-container">
                    <h1 class="logo vim">VIM</h1>
                    <h1 class="logo adventures">Adventures</h1>
                </div>
                <h2 id="main-slogan" class="logo"> Learning VIM while playing a game </h2>
                <h3 id="start-game">Press any key to start!</h3>
                <div id="princess"></div>
                <div id="copyright">
                    <p> &copy; Doron Linder, 2012 - 2019. All rights reserved. </p>
                </div>
            </div>
            <div class="game-dialog" id="instructions">
                <h1>What is VIM Adventures?</h1>
                <p> VIM Adventures is an online game based on VIM's keyboard shortcuts (commands, motions and
                    operators). It's the "Zelda meets text editing" game. It's a puzzle game for practicing and
                    memorizing VIM commands (good old VI is also covered, of course). It's an easy way to learn VIM
                    without a steep learning curve. </p>
                <p> You play a blinking cursor appearing one day in a semi text based world of Textland inhabited by
                    little people but ruled by bugs. You soon discover that your arrival was foretold by an old
                    prophecy and that you're expected to restore order to the world (in case you didn't make it to
                    level 2 yet...). </p>
                <h1>How to play</h1>
                <p> You start the game with only the ability to move up, down, left, and right. As you progress, you
                    talk to people and collect items and keyboard buttons. Each keyboard button adds to the set of
                    commands you can give the cursor, until you master VIM. </p>
                <p> You can also perform operations such as login, load and save game and others using the in-game menu
                    at the bottom of the screen. For a complete list of commands you can type in the command line mode,
                    please type ':help :' (without the quotes). </p>
                <p> These instructions are all you need to know. Hints scattered throughout the game help you and ease
                    the learning process. You can't advance to the next level until you master a skill! </p>
                <h1>Getting help</h1>
                <p> The little people of Textland have a lot of helpful tips to share so make sure you talk with each
                    and every one by bumping into them. </p>
                <p> In addition, every time you pick up a keyboard key, an explanation of what the key does and how it
                    should be used is displayed. This window can be closed using ESC (as any other window in this game)
                    and you can walk through the example using the '+' and '-' keys. You can get help on additional
                    keys using the syntax ':help {char}' by replacing {char} with the character or word you would like
                    to get help on. You can also type a topic such as 'registers' or 'text-objects' to get help on that
                    topic. See below for a full list of possible arguments for the :help command. </p>
                <p> If you don't remember which keys you collected so far, or need to refresh your memory a little, you
                    can click on the keyboard icon in the in-game menu, or type ':keyboard' to see a keyboard with your
                    current available keys highlighted. Clicking or pressing on a key will show a short description of
                    its function. </p>
                <p> Stuck in the game and don't know how to proceed? Can't find that key or complete a text? Check out
                    the <a href="//www.facebook.com/vim.adventures" target="_blank" alt="VIM Adventures on Facebook">VIM
                        Adventures facebook page</a> or send us a question to. </p>
                <h1>Topics for :help command</h1>
                <p class="ff-bottom-padding-fix"> The following characters, commands and topics can be used after the
                    :help command:<br /><br /> h j k l : w W e E b B x X r d dd D ~ 0 ^ $ f F t T ; , % z zt zz zb g gg
                    G 1 2 3 4 5 6 7 8 9 count [count] * # n N p P " y yy Y registers :reg "" "- "_ "0 "1 "2 "3 "4 "5 "6
                    "7 "8 "9 "a "b "c ... "x "y "z "A "B "C ... "X "Y "Z i I a A c cc C s S o O word WORD sentence
                    paragraph { } ( ) [{ ]} [( ]) . text-objects aw iw aW iW as is ap ip a[ a] i[ i] a( a) i( i) a&lt;
                    a&gt; aB iB ab ib i&lt; i&gt; at it a{ a} i{ i} a" i" a' i' a` i` H M L nu nonu nu! nonu! | / ? ` '
                    m :marks :delm :delmarks :delm! :delmarks! undo u :undo CTRL-R :redo redo </p>
            </div>
            <div id="register-screen" class="game-dialog">
                <h1>Enjoy all of VIM Adventures!</h1>
                <p> Continue learning VIM commands and motions on the quest to save Textland.<br /> Buy a license now
                    for immediate access to all levels and be on your way to VIM mastery! </p>
                <div class="plans">
                    <div class="plan single-plan">
                        <div id="personal-license" class="buy-button new-button"> Buy a Personal License <div class="buy_now_pink_girl">
                                <span class="pink_girl_says">That's a great offer!<br />I'd take it if I were you!</span>
                            </div>
                        </div>
                        <div id="friend-license" class="buy-button new-button"> Buy License<br />for a Friend <div
                                class="gift-pic"></div>
                        </div>
                        <ul>
                            <li>6 months access to VIM Adventures</li>
                            <li>13 fun and engaging levels</li>
                            <li>More than 60 commands and motions</li>
                            <li>Covers most of the keyboard</li>
                            <li>Now for <span class="li-emph">only $25</span></li>
                        </ul>
                    </div>
                    <div class="plan timed-plan">
                        <div id="timed-license" class="buy-button new-button"> Buy 30 Minute<br />License <div class="timer-pic"></div>
                        </div>
                        <ul>
                            <li>30 minutes access</li>
                            <li>A little taste of VIM Adventures</li>
                            <li>Now for only <span class="li-emph">$5</span></li>
                        </ul>
                    </div>
                    <div class="plan group-plan">
                        <div id="group-license" class="buy-button new-button"> Buy a Group<br />License <div class="group-pic"></div>
                        </div>
                        <ul>
                            <li>For large group of people</li>
                            <li>Shared statistics</li>
                            <li>Great for courses</li>
                            <li>Perfect for enterprises!</li>
                        </ul>
                    </div>
                    <div class="clearBoth"></div>
                </div>
                <div id="buy_license">
                    <div id="buy_now">
                        <form id="paypal_form"></form>
                    </div>
                </div>
                <p class="offer offer-text">What players say</p>
                <ul class="references">
                    <li class="quote"> <q>Vim Adventures has been immensely helpful in getting me comfortable with all
                            the commands and motions.</q> </li>
                    <li class="quote"> <q>Your game is simply amazing, that's the best and fastest way to learn how to
                            use Vim. Not only, it's very funny.</q> </li>
                    <li class="quote"> <q>Vim adventures is awesome, currently the only thing I use to learn vim. Keep
                            up the good work :)</q> </li>
                </ul>
                <p class="offer offer-text">Shortcuts, commands and motions taught</p>
                <div id="shortcuts_included">
                    <p> h j k l : w W e E b B x X r d dd D ~ 0 ^ $ f F t T ; , % z zt zz zb g gg G<br /> digits (1-9) *
                        # n N p P " y yy Y :reg "" "- "_ numbered-registers<br /> letter-registers i I a A c cc C s S o
                        O { } ( ) [{ ]} [( ]) . text-objects<br /> H M L nu | / ? ` ' m :marks :delmarks u CTRL-R
                        buffers (:b :ls) files (:w :e) </p>
                </div>
                <p class="offer offer-text">It's going to be a lot of fun!</p>
            </div>
            <div id="credits" class="game-dialog">
                <h1 id="attributions">Copyright &amp; Credits</h1>
                <div id="attribution_list">
                    <h2>Game Design &amp; Programming</h2>
                    <p>This game was designed and programmed by Doron Linder.</p>
                    <p>&copy; Doron Linder, 2012 - 2019. All rights reserved.</p>
                    <p> For more information, read the site's <a href="terms" target="_blank">Terms of Use</a> and <a
                            href="privacy" target="_blank">Privacy Policy</a>. </p>
                    </p>
                    <h2>Artwork</h2>
                    <p> The following artworks are used under the creative commons license: </p>
                    <p></p>
                    <ul>
                        <li> "<a href="http://www.lostgarden.com/2007/05/cutegod-prototyping-challenge.html" target="_blank"
                                rel="nofollow">PlantCute PNG</a>" design by Daniel Cook (<a href="http://www.lostgarden.com"
                                target="_blank" rel="nofollow">Lostgarden.com</a>) </li>
                        <li> Exit, game state, help &amp; sound icons by <a href="http://jonasraskdesign.com" target="_blank"
                                rel="nofollow">Jonas Rask Design</a> - Danish Royalty Free icon pack </li>
                        <li> Keyboard, user &amp; medal icons by FatCow Web Hosting - <a href="http://www.fatcow.com/free-icons"
                                target="_blank" rel="nofollow">2400 Free "Farm-Fresh Web Icons"</a> </li>
                        <li> Payment card icon by PC.DE - <a href="http://pc.de/icons/#Stuttgart" target="_blank" rel="nofollow">Stuttgart</a>
                        </li>
                        <li> Candle icon was taken from <a href="http://en.wikipedia.org/wiki/File:Candle_icon.png"
                                target="_blank" rel="nofollow">Wikipedia candle icon</a> </li>
                        <li> <a href="http://opengameart.org/content/fluffy-clouds" target="_blank" rel="nofollow">Fluffy
                                Clouds</a> by <a href="http://daniel.benoy.name/" target="_blank" rel="nofollow">Daniel
                                Gregory Benoy</a> </li>
                        <li> Ruler icon by <a href="http://www.designkindle.com/" target="_blank" rel="nofollow">Design
                                Kindle</a> - part of their <a href="http://www.designkindle.com/2011/10/07/build-icons/"
                                target="_blank" rel="nofollow">Build Icons</a> collection. </li>
                        <li> <a href="http://wrathgames.com/blog/2011/12/25/explosion-animation-1/" target="_blank" rel="nofollow">Explosion
                                animation</a> by <a href="http://wrathgames.com/blog" target="_blank" rel="nofollow">WrathGames
                                Studio</a> </li>
                        <li> Law book icon by <a href="http://www.lawyerwordpressthemes.com/" target="_blank" rel="nofollow">Lawyer
                                WordPress Themes</a> - part of <a href="http://www.lawyerwordpressthemes.com/" target="_blank"
                                rel="nofollow">their</a> <a href="http://www.iconarchive.com/show/law-icons-by-lawyerwordpress/Law-icon.html"
                                target="_blank" rel="nofollow">icon set</a>. </li>
                        <li> Fireworks algorithm and animation adapted from <a href="https://github.com/paullewis/Fireworks"
                                target="_blank" rel="nofollow">Fireworks</a> by <a href="http://aerotwist.com/" target="_blank"
                                rel="nofollow">Paul Lewis</a>. </li>
                        <li> Gift box icon by <a href="http://www.icondrawer.com/" target="_blank" rel="nofollow">Icon-Drawer</a>
                            - part of his <a href="http://www.icondrawer.com/gift-icons.php" target="_blank" rel="nofollow">Gift
                                Icons</a> collection. </li>
                        <li> Clock icon by <a href="http://www.blogperfume.com/" target="_blank" rel="nofollow">BlogPerfume</a>
                            - part of the <a href="http://www.blogperfume.com/free-glossy-blogging-icons-set-for-bloggers/"
                                target="_blank" rel="nofollow">Free Glossy Blogging Icons Set for Bloggers</a>. </li>
                    </ul>
                    <h2 id="sounds">Sounds</h2>
                    <p> The following sounds are used under the creative commons license: </p>
                    <p></p>
                    <ul class="ff-bottom-padding-fix">
                        <li> Invalid command - <a href="http://soundbible.com/1540-Computer-Error-Alert.html" target="_blank"
                                rel="nofollow">Computer Error Alert Sound</a> by Mike Koenig </li>
                        <li> Happy person - <a href="http://www.freesound.org/people/PhreaKsAccount/sounds/46453/"
                                target="_blank" rel="nofollow">cheer5.ogg</a> by <a href="http://www.freesound.org/people/PhreaKsAccount/"
                                target="_blank" rel="nofollow">PhreaKsAccount</a> </li>
                        <li> Open door - <a href="http://www.freesound.org/people/pagancow/sounds/15419/" target="_blank"
                                rel="nofollow">dorm door opening.wav</a> by <a href="http://www.freesound.org/people/pagancow/"
                                target="_blank" rel="nofollow">pagancow</a> </li>
                        <li> New skill - <a href="http://www.freesound.org/people/ERH/sounds/64624/" target="_blank"
                                rel="nofollow">ph 1.2 o2b b11 102 b.wav</a> by <a href="http://www.freesound.org/people/ERH/"
                                target="_blank" rel="nofollow">ERH</a> </li>
                        <li> Collect key - <a href="http://www.freesound.org/people/RunnerPack/sounds/87033/" target="_blank"
                                rel="nofollow">menuInc.wav</a> by <a href="http://www.freesound.org/people/RunnerPack/"
                                target="_blank" rel="nofollow">RunnerPack</a> </li>
                        <li> Blocked movement - <a href="http://www.freesound.org/people/HardPCM/sounds/35978/" target="_blank"
                                rel="nofollow">Wood019.wav</a> by <a href="http://www.freesound.org/people/HardPCM/"
                                target="_blank" rel="nofollow">HardPCM</a> </li>
                        <li> Bumping into a closed door - <a href="http://www.freesound.org/people/quartertone/sounds/134676/"
                                target="_blank" rel="nofollow">TT18x16-LP-CS-v03.wav</a> by <a href="http://www.freesound.org/people/quartertone/"
                                target="_blank" rel="nofollow">quartertone</a> </li>
                        <li> Key press - based on a sample from <a href="http://www.freesound.org/people/Anton/sounds/137/"
                                target="_blank" rel="nofollow">keyboard-typing.wav</a> by <a href="http://www.freesound.org/people/Anton/"
                                target="_blank" rel="nofollow">Anton</a> </li>
                        <li> Appearance - <a href="http://www.freesound.org/people/Soughtaftersounds/sounds/145427/"
                                target="_blank" rel="nofollow">Mystic Flute 1</a> by <a href="http://www.freesound.org/people/Soughtaftersounds/"
                                target="_blank" rel="nofollow">Soughtaftersounds</a> </li>
                        <li> Text completion - <a href="http://www.freesound.org/people/Soughtaftersounds/sounds/145434/"
                                target="_blank" rel="nofollow">Old Music Box 1</a> by <a href="http://www.freesound.org/people/Soughtaftersounds/"
                                target="_blank" rel="nofollow">Soughtaftersounds</a> </li>
                        <li> Openning chest - <a href="http://www.freesound.org/people/Percy%20Duke/sounds/23448/"
                                target="_blank" rel="nofollow">Door Creak Short.mp3</a> by <a href="http://www.freesound.org/people/Percy%20Duke/"
                                target="_blank" rel="nofollow">Percy Duke</a> </li>
                        <li> Slam - <a href="http://www.freesound.org/people/Lunardrive/sounds/48980/" target="_blank"
                                rel="nofollow">Metal Door Slam_SoundSmith.wav</a> by <a href="http://www.freesound.org/people/Lunardrive/"
                                target="_blank" rel="nofollow">Lunardrive</a> </li>
                        <li> Lights on - <a href="http://www.freesound.org/people/NoiseCollector/sounds/63427/" target="_blank"
                                rel="nofollow">greekkey2.wav</a> by <a href="http://www.freesound.org/people/NoiseCollector/"
                                target="_blank" rel="nofollow">NoiseCollector</a> </li>
                        <li> Shaking a tree - <a href="http://www.freesound.org/people/schademans/sounds/2597/" target="_blank"
                                rel="nofollow">bush8.wav</a> by <a href="http://www.freesound.org/people/schademans/"
                                target="_blank" rel="nofollow">schademans</a> </li>
                        <li> Falling down - <a href="http://www.freesound.org/people/joedeshon/sounds/79671/" target="_blank"
                                rel="nofollow">slide_whistle_down_01.wav</a> by <a href="http://www.freesound.org/people/joedeshon/"
                                target="_blank" rel="nofollow">joedeshon</a> </li>
                        <li> Yank - <a href="http://www.freesound.org/people/joedeshon/sounds/81150/" target="_blank"
                                rel="nofollow">suck_pop_01.wav</a> by <a href="http://www.freesound.org/people/joedeshon/"
                                target="_blank" rel="nofollow">joedeshon</a> </li>
                        <li> Mark - <a href="http://www.freesound.org/people/CGEffex/sounds/89545/" target="_blank" rel="nofollow">Cartoon_9&#39;&#39;
                                Boing.mp3</a> by <a href="http://www.freesound.org/people/CGEffex/" target="_blank" rel="nofollow">CGEffex</a>
                        </li>
                        <li> Star portal appearing - <a href="http://www.freesound.org/people/vedas/sounds/175386/"
                                target="_blank" rel="nofollow">time travelling machine.wav</a> by <a href="http://www.freesound.org/people/vedas/"
                                target="_blank" rel="nofollow">vedas</a> </li>
                        <li> Aura sound - <a href="http://www.freesound.org/people/Soughtaftersounds/sounds/145457/"
                                target="_blank" rel="nofollow">Pizzicato Orchestral Roll 6</a> by <a href="http://www.freesound.org/people/Soughtaftersounds/"
                                target="_blank" rel="nofollow">Soughtaftersounds</a> </li>
                        <li> TaDa sound - <a href="http://www.freesound.org/people/jobro/sounds/60443/" target="_blank"
                                rel="nofollow">tada1.wav</a> by <a href="http://www.freesound.org/people/jobro/" target="_blank"
                                rel="nofollow">jobro</a> </li>
                    </ul>
                </div>
            </div>
            <div id="stats" class="game-dialog">
                <div id="ruler-princess"></div>
                <h1>User Statistics</h1>
                <h2 id="stat-user-email">Unlicensed user</h2>
                <div id="stat-table-div"></div>
                <p> Replay any level you've already unlocked by typing :level &lt;level-number&gt; (e.g. :level 6). </p>
                <p> Show in-game statistics by typing ':set stats', and hide them by typing ':set nostats'. </p>
                <p class="ff-bottom-padding-fix">Press Esc to return to the game</p>
            </div> <canvas id="screen"></canvas>
            <div id="button-desc" class="popup-dialog"></div>
            <div id="user-message"></div>
            <div id="colon-command" class="code"></div>
            <div id="to-be-continued">
                <p id="to-be">There's so much more...</p>
                <p id="more-information">For more information click <a>here</a></p>
            </div>
            <div id="game-menu">
                <ul>
                    <li class="game-menu-exit">
                        <ul>
                            <li><span class="menu-shortcut">:q</span>Quit</li>
                        </ul>
                    </li>
                    <li class="game-menu-state">
                        <ul>
                            <li id="restart-game"> <span class="menu-shortcut">:level 1</span>Restart Game </li>
                            <li id="restore-level3"> <span class="menu-shortcut">:level 3</span>Start from Level 3 </li>
                            <li id="load-level"> <span class="menu-shortcut">:level &lt;level-number&gt;</span>Load
                                level </li>
                            <li id="restore-game"> <span class="menu-shortcut">:e [filename]</span>Restore Game </li>
                            <li id="save-game"> <span class="menu-shortcut">:w [filename]</span>Save Game </li>
                            <li id="list-games"> <span class="menu-shortcut">:!ls</span>List Saved Games </li>
                            <li id="delete-game"> <span class="menu-shortcut">:!rm &lt;filename&gt;</span>Delete Saved
                                Game </li>
                        </ul>
                    </li>
                    <li class="game-menu-keyboard">
                        <ul>
                            <li> <span class="menu-shortcut">:keyboard</span>Keyboard Overview </li>
                        </ul>
                    </li>
                    <li class="game-menu-user">
                        <ul>
                            <li id="user-login"> <span class="menu-shortcut">:login</span>Login </li>
                            <li id="user-logout"> <span class="menu-shortcut">:logout</span>Logout </li>
                        </ul>
                    </li>
                    <li class="game-menu-stats">
                        <ul>
                            <li id="user-stats"> <span class="menu-shortcut">:stats</span>User Statistics Screen </li>
                            <li id="display-ingame-stats"> <span class="menu-shortcut">:set stats</span>Show In-game
                                Statistics </li>
                            <li id="hide-ingame-stats"> <span class="menu-shortcut">:set nostats</span>Hide In-game
                                Statistics </li>
                            <li id="level-breakdown">Group Level Breakdown</li>
                            <li id="leaderboard">Group Leaderboard</li>
                        </ul>
                    </li>
                    <li class="game-menu-terms-and-conditions">
                        <div id="terms-notification">1</div>
                        <ul>
                            <li id="copyright-and-credits"> <span class="menu-shortcut">:copyright</span>Copyright
                                &amp; Credits </li>
                            <li id="terms-and-conditions"> <span class="menu-shortcut">:terms</span>Terms of Use </li>
                            <li id="privacy-policy"> <span class="menu-shortcut">:privacy</span>Privacy Policy </li>
                            <li id="cookie-usage"> <span class="menu-shortcut">:cookies</span>Cookies Usage </li>
                            <li id="accept-terms">Accept Terms &amp; Privacy Policy</li>
                        </ul>
                    </li>
                    <li class="game-menu-help">
                        <ul>
                            <li id="help"><span class="menu-shortcut">:help</span>Help</li>
                            <li id="topic-help"> <span class="menu-shortcut">:help [command]</span>Command Help </li>
                        </ul>
                    </li>
                    <li class="game-menu-buy">
                        <ul>
                            <li>Buy License</li>
                        </ul>
                    </li>
                </ul>
                <div id="game-menu-sound"></div>
                <div id="game-menu-volume">
                    <div class="indicator"></div>
                </div>
            </div>
            <div id="new-terms" class="game-dialog"> <span id="new-terms-container"> You still haven't read and
                    accepted VIM Adventures' <a href="terms" target="_blank">Terms of Use</a> and <a href="privacy"
                        target="_blank">Privacy Policy</a>. Please do so now, as you'll be bound by them if you
                    continue using this site. </span> <span id="confirm-new-terms-button" class="new-button">I accept
                    the Terms of Use and the Privacy Policy</span> <span id="new-terms-message"></span> </div>
        </div>
        <div class="screen" id="no-canvas">
            <div id="no-canvas-dialog">
                <div id="no-canvas-princess"></div>
                <h1>Nnnnoooooooo... :(</h1>
                <p> You can't save the world using an ancient browser... Everybody knows that! </p>
                <p>&nbsp;</p>
                <p> Your browser doesn't support the canvas element required for running this game. </p>
                <p> Please upgrade to the latest version of <a href="https://www.google.com/chrome">Chrome</a>, <a href="http://www.getfirefox.net/">Firefox</a>
                    or <a href="http://windows.microsoft.com/en-US/internet-explorer/downloads/ie">IE</a> and come
                    back. </p>
                <p>&nbsp;</p>
                <p>See you soon!</p>
            </div>
        </div>
        <div class="overlay" id="valid-keys-dialog">
            <div id="show-valid-keys-dialog" class="popup-dialog">
                <p>Here it's going to be!!!</p>
            </div>
        </div>
        <div class="overlay" id="email-dialog-overlay">
            <div id="email-dialog" class="popup-dialog">
                <div id="email-message-tab">
                    <p id="email-message"></p>
                </div>
                <div id="email-tab">
                    <p> Please fill in a valid email address to be linked to your license. This email address will
                        function as your username when you login and will also be used to reset your password in case
                        you forget it. </p> <input id="user-email" tabstop="1" maxlength="70" type="email" placeholder="Email Address" /><br />
                    <input id="repeat-email" tabstop="2" maxlength="70" type="email" placeholder="Retype Email Address" /><br />
                    <input type="checkbox" id="buyer-confirm-terms" checked="" /><label for="buyer-confirm-terms">I
                        accept VIM Adventures' <a class="terms-link">Terms of Use</a> and <a class="privacy-link">Privacy
                            Policy</a>.</label>
                    <div id="confirm-email-button" class="new-button"> Proceed to pay with PayPal </div>
                </div>
            </div>
        </div>
        <div class="overlay" id="gift-dialog-overlay">
            <div id="gift-dialog" class="popup-dialog">
                <div id="gift-message-tab">
                    <p id="gift-message"></p>
                </div>
                <div id="gift-tab">
                    <p> Please fill in the recipient's email address. This email address will be used during login and
                        password reset. </p> <input id="recipient-email" tabstop="1" maxlength="70" type="email"
                        placeholder="License Recipient's Email Address" /><br />
                    <p> Please fill in your own email address. We'll send a printable gift license to this address for
                        you to print or forward to the recipient if you'd like. </p> <input id="buyer-email" tabstop="3"
                        maxlength="70" type="email" placeholder="Buyer's Email Address" /><br /> <input id="repeat-buyer"
                        tabstop="4" maxlength="70" type="email" placeholder="Retype Buyer's Email Address" /><br />
                    <div id="confirm-gift-button" class="new-button"> <span class="caption">Proceed to pay with PayPal</span><span
                            id="gift-icon"></span> </div>
                </div>
            </div>
        </div>
        <div class="overlay" id="timed-dialog-overlay">
            <div id="timed-dialog" class="popup-dialog">
                <div id="timed-message-tab">
                    <p id="timed-message"></p>
                </div>
                <div id="timed-tab">
                    <p> Please fill in a valid email address to be linked to your license. This email address will
                        function as your username when you login and will also be used to reset your password in case
                        you forget it. </p> <input id="timed-email" tabstop="1" maxlength="70" type="email" placeholder="Email Address" /><br />
                    <input id="repeat-timed-email" tabstop="2" maxlength="70" type="email" placeholder="Retype Email Address" /><br />
                    <p> <input type="checkbox" id="timed-confirm-terms" checked="" /><label for="timed-confirm-terms">I
                            accept VIM Adventures' <a class="timed-terms-link">Terms of Use</a> and <a class="timed-privacy-link">Privacy
                                Policy</a>.</label> </p>
                    <p> <input type="checkbox" id="timed-logout-notice" checked="" /><label for="timed-logout-notice">Once
                            logged in, I confirm I have to logout to pause the timer.</label> </p>
                    <div id="confirm-timed-button" class="new-button"> Proceed to pay with PayPal </div>
                </div>
            </div>
        </div>
        <div class="overlay" id="login-dialog-overlay">
            <div id="login-dialog" class="popup-dialog">
                <div id="login-message-tab">
                    <p id="login-message"></p>
                </div>
                <div id="login-form" class="login-trio-form"> <input id="login-email" tabstop="1" maxlength="70" type="email"
                        placeholder="Email Address" /> <input id="login-password" tabstop="2" maxlength="70" type="password"
                        placeholder="Password" />
                    <div id="login-button" class="new-button">Login</div> <input type="checkbox" id="login-remember-me"
                        value="remember" /><label for="login-remember-me">Remember me on this machine</label><br /> <a
                        id="no-password-yet-link">I have a license but no password</a><br /> <a id="forgot-password-link">I
                        forgot my password</a>
                </div>
            </div>
        </div>
        <div class="overlay" id="signup-dialog-overlay">
            <div id="signup-dialog" class="popup-dialog">
                <div id="signup-message-tab">
                    <p id="signup-message"></p>
                </div>
                <div id="signup-form" class="login-trio-form"> <input id="signup-email" tabstop="1" maxlength="70" type="email"
                        placeholder="Email Address" /> <input id="signup-password" tabstop="2" size="40" maxlength="70"
                        type="password" placeholder="Choose password" /> <input id="signup-password-retyped" tabstop="2"
                        size="40" maxlength="70" type="password" placeholder="Re-enter password" /><br /> <a id="signup-already-done-link">I've
                        already set my password</a>
                    <div id="signup-button" class="new-button">Set Password</div>
                </div>
            </div>
        </div>
        <div class="overlay" id="forgot-password-dialog-overlay">
            <div id="forgot-password-dialog" class="popup-dialog">
                <div id="forgot-password-message-tab">
                    <p id="forgot-password-message"></p>
                </div>
                <div id="forgot-password-form" class="login-trio-form"> <input id="forgot-password-email" tabstop="1"
                        size="70" maxlength="70" type="email" placeholder="Email Address" /> <a id="remembered-password-link">I
                        remember my password</a>
                    <div id="forgot-password-button" class="new-button"> Send Reset Email </div>
                </div>
            </div>
        </div>
        <div class="overlay" id="allow-arrow-keys-dialog">
            <div id="arrow-keys-dialog" class="popup-dialog">
                <p>OK, OK, OK...</p>
                <p>&nbsp;</p>
                <p> Yes, VIM allows using the cursor keys in order to move around so this game also allows it. </p>
                <p> However, for a pure VIM experience you should stick to using 'h', 'j', 'k' and 'l'. It's considered
                    more efficient since you don't have to move your hand from the home row when you're typing. </p>
                <p> But since this game allows both, you can decide what's best for you. </p>
                <p>&nbsp;</p>
                <p>Press Esc to return to the game.</p>
            </div>
        </div>
        <div class="overlay" id="double-login-dialog-overlay">
            <div id="double-login-dialog" class="popup-dialog">
                <h1 class="error_header">Oops, Multiple Sessions</h1>
                <p>Another VIM-Adventures session with your username was opened.</p>
                <p> In order to prevent data corruption this session had to be restarted. </p>
                <p> If you didn't start another session, somebody could be using your credentials. </p>
                <p>It might be a good time to change your password.</p>
                <p>Please press space, ESC or Enter to close this dialog.</p>
            </div>
        </div>
        <div class="overlay" id="license-expired-dialog-overlay">
            <div id="license-expired-dialog" class="popup-dialog">
                <h1 class="error_header">License Expired</h1>
                <h2 id="expired-user-email">Unlicensed user</h2>
                <p> There is no time left in your license.<span id="activated-on"></span> </p>
                <div id="another-timed-license" class="buy-button new-button wider-buy-button"> Buy a 30 Minutes<br />License
                    for $5 <div class="timer-pic"></div>
                </div> &nbsp;&nbsp; <div id="convert-to-personal-license" class="buy-button new-button wider-buy-button">
                    Buy a 6 Months<br />License for $25 <div class="buy_now_pink_girl"> <span class="pink_girl_says">That's
                            a great offer!<br />I'd take it if I were you!</span> </div>
                </div>
                <p>Please press space, ESC or Enter to close this dialog.</p>
            </div>
        </div>
        <div class="overlay" id="ending-dialog">
            <div id="ending_container">
                <p id="ending1">&nbsp;</p>
                <p id="ending2">&nbsp;</p>
                <div id="ending_pic_container">
                    <div id="ending_pic_cursor" class="css3-blink"></div>
                    <div id="ending_pic_princess"></div>
                </div>
                <p id="ending3">&nbsp;</p>
                <p id="ending4">&nbsp;</p>
                <p id="ending5">&nbsp;</p>
            </div>
            <div id="ending_bug_container">
                <div id="ending_pic_bug"></div>
                <div id="what_happened_bubble">
                    <div id="what_happened_text"> But... wait!<br /><br />What REALLY<br />happened on<br />level 13??
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>