the-obelisk/The Obelisk.haml

-# coding: utf-8
/
  = File.read "LICENSE"
!!! 5
%html
  %head
    %meta{:charset => "UTF-8"}
    %meta{:name => "referrer", :content => "no-referrer"}
    %meta{:name => "viewport", :content => "minimal-ui, width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no"}
    %meta{:name => "apple-mobile-web-app-capable", :content => "yes"}
    %meta{:name => "apple-mobile-web-app-status-bar-style", :content => "black"}
    %meta{:name => "mobile-web-app-capable", :content => "yes"}
    %link{:rel => "shortcut icon", :sizes => "196x196", :href => "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAABL1BMVEUAAAAOVAAOVAAAAAAAAAAOVAAJOQANUwAOVAAOVAAOVAAOVAAOVAAOVAAOVAADEgAGJQAAAAAAAAAOVAAOVAAOVAAAAAAOVAAAAAAOVAAOVAAAAAAOVAAOVAAOVAAAAAAAAAAOVAAOVAAOVAAAAAAOVAAOVAAAAAAAAAAAAAAAAAAOVAAOVAAOVAAAAAAOVAAAAAAOVAAAAAAOVAAOVAAOVAAAAAAAAAAAAAAOVAAAAAAOVAAOVAAAAAAAAAAOVAAAAAAAAAAAAAAOVAAAAAACDQAOVAAAAAAMSAAHLAACCwAAAAAOVAAOVAALQQAOVAAOVAAAAQAOVAAAAAAAAwAKQQACCwAMSAAINAANTwANTAABBwAGJwAFIgAEFwACDwALRQAFHAADFAAJOgAHLgBZrvIiAAAAUnRSTlMAMM8wz/4D3AnvJB4T+V8LBfjz1LqjKxkXD/Pr5cnDvo13SUL79uni3smrno6GfWxcU0o7LiomH+Pg1720sKGXlnJmZU88ORD35tTUzKiBfmQyliy5MwAAA59JREFUeNrs1b2qhDAQhuGBSNguJkUIpDCF4E8hYqEiKLq4WGy1jPd/LcfiNGfZVZsJHPC5greZb+Dyj3FhGr1pjODgHxf1PI3RZpzm2ntCaB5lkWdWbmyWF+XDhOBRyIosbZVccbNK1aZZwfwViLpyCb5JXFUL8IJrF9gV36w2cJqDB+JVdPhRV7wE0GN5IvEjmeQMqIXmnuJX6Z38GJayV/iV6ssFaOlB4Q41aCAlyg53daUAQks1WNxlh2oBOs3YxrgrbscG6LBoxQNrxIDMrXrioWd1AyL8zwbsbAEHGiFzFg9ZR/YXxdwrPKT6WQANM2USD8lsMkCjcUmMh+LENUCjzhWeoPIaaOgoxhPiSAMNFuApwe8UXQFXwBXww+4cCAAAAAAA+b82QoGBgYGBgYGBgYGBgYGBgYEB7dVNa+pAFIDhVjj5MgmFKKJoQEU3KiLqQlroorS0pV8cM0lMYoyp//83XCkNt3rNZIa7sIt5di488xLOJCLgf0hKvabNZ7O5VqsrEncAZQrj8eWuOapWWq1KdWR2y4rEGUCZwnT6dNIeXMuqAWCo8vWgPZnu/80TQJlSSNI7w5bcVHsAgAgAPbUpt4YdXeIIoE0poD/cVfuAR6BfvXvQ2QNoUwrONyuyCvgPUOWKec8acE+bQi0of9w0MEfj5u2ZLeD5jTblo0w5v11qAOaAhvzkLhm4TzJtSqldzj/fAqSAx4ihwI0e6VOsvILa2AKkgiQKlwXCKCmaYo1rp8+3DSxC1gUF4ZpgEcM+VXDVsQ3AQiR2lhROTLAQGHbn6uJIvTvsI4NgRytw4l2ADPrDbv0oQLtdGMjC813KAvoesjAWt9rRC3j6AsgmSfMD0gTZwMtUOgjQxzIy8tZh/gZ6yEge6wcbMHlVkdHqc+vkbMD2c4WM1NdJ/WADmgayCnw3bwMCZGU0D7ZgZgOyI5vTARuC7MCe/XwHWMghiZ3TdzBBDtbfd4GkmzJmuNaQvoJ0sqlLWYD23kQOQeSe/goFyKH5rmUBSnegIoeVnzr7Ax0ndDd7buh8/Uz9FXJQB10lu4RmpYcZ1ovouOl655M9f7dOXSe7hMx6FTO7iLXRApCH58ebbeQTb/XV4xE/2m5i30MesBhl38S5DcgnIMQLVj+eSeAREiAfsOffAZclPIvSpQgQASJABIgAESACRIAIEAEiQASIABGQBVh4FlYWoFWt0hlYVe07QNEuz0JTLoRf4A/6QnkTnNuX5gAAAABJRU5ErkJggg=="}
    %link{:rel => "shortcut icon", :sizes => "128x128", :href => "data:image/png;base64,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"}
    %title="The Obelisk"
    %link{:rel => "shortcut icon", :href => "data:image/x-icon;base64,AAABAAEAEBAAAAEAIAAoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVBBAAFwQgABUDoAAVA6AAFQOgABUDoAAVA6AAFQOgABUDoAAVA6AAFQOgABUDoAAVA6AAFQOgABcEIAAUhBBAFMPigBjEP8AWw//AFsP/wBbD/8AWw//AFsP/wBbD/8AWw//AFsP/wBbD/8AWw//AFsP/wBbD/8AYxD/AFMPiwBUDn8AWw//AFQO/wBUDv8AVA7/AFQO/wBUDv8AVA7/AFQO/wBUDv8AVA7/AFQO/wBUDv8AVA7/AFsP/wBUDoAAVA6CAFsP/wBUDv8AVA7/AFQO/wBTDv8AVw//AFoP/wBaD/8AVw//AFMO/wBUDv8AVA7/AFQO/wBbD/8AVA6DAFUNcgBbD/8AVA7/AFQO/wBUDv8AVw//AEUL/wA1Cf8ANQn/AEQL/wBXD/8AVA7/AFQO/wBUDv8AWw//AFQNdABVDCoAVg7/AFcO/wBUDv8AVQ7/AF0Q/wAeBf8AAAD/AAAA/wAeBf8AXRD/AFUO/wBUDv8AVw7/AFYP/wBRDCwAAAAAAFMNdQBYD/8AXA//AFsP/wA6B+8AAQD/AAAA/wAAAP8AAQD/ADkH7wBbD/8AXA//AFkP/wBUDXcAAAAAAAAAAAAAAAAAUw43AFgPdwBgD0UAAACBAAAA/wAAAP8AAAD/AAAA/wAAAIMAYg9EAFgPdwBSDjgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfQAAAP8AAAD/AAAA/wAAAP8AAAB+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAH8AAAD/AAAA/wAAAP8AAAD/AAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB/AAAA/wAAAP8AAAD/AAAA/wAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgFNTU/9TU1P/U1NT/1NTU/8AAACBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAD/LS0t/y0tLf8AAAD/AAAAggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABTAAAA/y0tLf8tLS3/AAAA/wAAAFYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAMEtLS3/LS0t/wAAAMIAAAAJAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJAAAAZQAAAGYAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA"}
    %style{:media=>"screen", :type=>"text/css"}
      = File.read "lib/normalize.css"
      = " "
      = File.read "stylesheets/screen.css"
  %body
    #loadingScreen
    #imageViewer
    #hoverInfo
      #hoverIcon
      #hoverContent
        As
    #modalWindow
      #modalContent.scrollbar
        #optionsWindow
          %h1="Options"
          %p="This is where you set the options!"
    #mainPage
      -##statusLine
      -#  .leftRightFlex#statusLineFlex
      -#    .noshrinkFlex.statusColumnDivider#statusLineStart
      -#    .noshrinkFlex.statusColumnDivider#statusLineEnd
      -#    .growingFlex
      -#    .noshrinkFlex.alignRight.statusColumnDivider
      -#    .noshrinkFlex.statusColumnRight.alignCenter.statusColumnHeader
      -#      %a.statusLink#SettingsButton="Settings"
      -#    .noshrinkFlex.statusColumnDivider
      -#    .noshrinkFlex.statusColumnRight.alignCenter.statusColumnHeader
      -#      %a.statusLink#SaveGameButton="Save"
      -#    .noshrinkFlex.statusColumnDivider
      #gameContainer
        #windowContainer
          #sceneAnimation
          #leftWindow
            .topBottomFlex
              .growingFlex
              #inventoryTab.noshrinkFlex.scrollbar
                -#inventoryTab.noshrinkFlex
                #inventoryTarget
          #centerWindow
            %audio#bgmPlayer{:controls=>"true", :loop=>"true", :style=>"position: absolute; display: none; z-index: 1;"}
            .topBottomFlex
              #currentTurn.growingFlex.scrollbar
                #turnContainer.topBottomFlex
                  #forceTurnToBottom.growingFlex
                  #currentTurnTab.noshrinkFlex
                  #forceTurnToTop.growingFlex
              #bottomNoTurn.noshrinkFlex
                .leftRightFlex
                  .growingFlex
                    #leftBottom.topBottomFlex
                      #currentRoomTab.noshrinkFlex
                        %p.roomName#roomName
                        #roomDescription
                      #hyperlinksTab.noshrinkFlex
                        #commonActionsTab
                        #linkTarget
                        #linkActions
                      #fakeparserTab.noshrinkFlex
                        %a#currentCommand>
                        %a#fakeParserThingy="_"
                  #roomExitsHolder
                    %p.roomExitsHeader="Exits:"
                    #roomExits
          #rightWindow
            .topBottomFlex
              .growingFlex
              #mapTab.noshrinkFlex.scrollbar
                #mapTarget
              #appearanceTab.noshrinkFlex.scrollbar
                %p.appearanceHeader="Appearance:"
                #appearanceTarget
    -###########
    -# Relative File for Debugging
    %script{:type => "text/javascript", :charset=>"utf8", :src => "../js/Application.js"}
    -###########
    -# Optimized No Debug Data URL
    -#= "<script id=\"ApplicationJS\" type=\"text/javascript\", charset=\"utf8\", src=\"data:application/javascript," + (URI.encode("(function(){\n" + (File.read "js/Application.js").encode!('UTF-8', 'UTF-8', :invalid => :replace).gsub("console.debug(", "//")) + "\n})()") + "\"></script>";
    -###########
    %style{:media=>"screen", :type=>"text/css"}
      = File.read "stylesheets/fonts.css"
    %style{:media=>"screen", :type=>"text/css"}
      = File.read "stylesheets/images.css"