imgur auth

<!doctype html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta name="robots" content="follow,index" />
    <meta name="keywords" content="images, funny pictures, image host, image upload, image sharing, image resize" />
    <meta name="description" content="Imgur is used to share photos with social networks and online communities, and has the funniest pictures from all over the Internet." />
    <meta http-equiv="X-UA-Compatible" content="IE=9;IE=8;" />
    <!--[if lt IE 9]>
        <meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="pragma" content="no-cache">
    <![endif]-->
    <title> Authorize an Application - Imgur</title>
    <link rel="icon" href="//imgur.com/include/favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="//imgur.com/include/favicon.ico" type="image/x-icon" />
    <link rel="alternate" type="application/rss+xml" title="Imgur Gallery" href="http://feeds.feedburner.com/ImgurGallery?format=xml" />
    <link rel="stylesheet" href="https://imgur.com/min/global_css?4" type="text/css" />
        <link rel="stylesheet" href="//imgur.com/include/css/api-oauth-authenticate.css?21511" type="text/css" />
    <style>
        #footer, #voxel { width: 610px !important; }
        body { font-size: 10pt; }
        .input { font-size: 12px; }
    </style>
    <!--[if IE 9]><link rel="stylesheet" href="//imgur.com/include/css/ie-sucks.css?0" type="text/css" /><![endif]-->

</head>
<body>


    <div class="nodisplay">
        Imgur is used to share photos with social networks and online
        communities, and has the funniest pictures from all over the Internet.
    </div>

        <div id="header">
        <div class="left">
            <img alt="the simple image sharer" src="http://s.imgur.com/images/imgur-small.gif" />
        </div>
        <div class="clear"></div>
    </div>

    <div id="text-content">
                <h1 class="center authorizing">An application would like to connect to your account</h1>
        <div class="textbox margin-top">
            The application <span class="accent green">Imgur App Authentication Tests</span> would like the ability
            to <span class="accent green">read and update</span> your data on Imgur.
        </div>

        <div class="textbox" id="text">
            <p>
                Please ensure that you trust this application with your information
                before proceeding!
            </p>
            <p>
                By clicking "Allow" you continue to operate under Imgur's
                Terms of Service. You may revoke access to this application at
                any time by visiting your Preferences page.
            </p>
        </div>

        <form method="post" action="">


                <div>
                    <div id="username">
                        <h2>Email Address or Username:</h2>
                        <input type="text" tabindex="1" name="username" maxlength="255" id="username" class="required" value="" />
                    </div>

                    <div id="password">
                        <h2>Password:</h2>
                        <input type="password" tabindex="2" name="password" maxlength="255" id="password" class="required" value="" />
                    </div>

                    <div class="clear"></div>

                    <h2>Or use another account:</h2>

                    <div class="textbox">
                        <table>
                            <tr>
                                <td>
                                    <input type="radio" name="thirdparty" value="google" id="google" />
                                    <label for="google">Google</label>
                                </td>
                                <td>
                                    <input type="radio" name="thirdparty" value="twitter" id="twitter" />
                                    <label for="twitter">Twitter</label>
                                </td>
                                <td>
                                    <input type="radio" name="thirdparty" value="facebook" id="facebook" />
                                    <label for="facebook">Facebook</label>
                                </td>
                                <td>
                                    <input type="radio" name="thirdparty" value="yahoo" id="yahoo" />
                                    <label for="yahoo">Yahoo</label>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>


            <div id="buttons">
                <div class="left">
                    <input id="deny" type="submit" tabindex="3" class="button-big" value="Deny" name="deny" />
                </div>

                <div class="right signin-button">
                    <button id="allow" type="submit" class="button-big" name="allow" tabindex="4">
                        Allow
                        <span class="signin-icon imgur"></span>
                    </button>
                </div>

                <div class="clear"></div>
            </div>
        </form>

    </div>


    <script type="text/javascript" src="https://imgur.com/min/global_js?13"></script>
    <script type="text/javascript">
        var Imgur = new ImgurBase({
            host: 'imgur.com',
            cdn_url: 'http://i.imgur.com',
            signed: false
        });
    </script>

        <script type="text/javascript" src="https://imgur.com/min/validate_js"></script>
    <script type="text/javascript">

        function focusIt()
        {
            var username = document.getElementById("username");
            username.focus();
        }

        $(document).ready(function(){
            $("#form").validate({
                errorPlacement: function(error, element) {
                    error.appendTo($(element.parent()).children('h2'));
                }
            });
        });

        if($('#username').length > 0) {
            onload = focusIt;
        }

        function stopRKey(evt) {
            var evt = (evt) ? evt : ((event) ? event : null);
            var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
            if ((evt.keyCode == 13) && (node.type=="text" || node.type=="password")) {
                $(node).blur();
                return false;
            }
        }

        document.onkeypress = stopRKey;

    </script>


            <script type="text/javascript">
            var _gaq = _gaq || [];
            _gaq.push(['_setAccount', 'UA-6671908-2']);
            _gaq.push(['_setDomainName', 'none']);
            _gaq.push(['_trackPageview']);
            _gaq.push(['_trackPageLoadTime']);

            (function() {
              var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
              ga.src = ('https:' == document.location.protocol ? 'https://ssl' : '//www') + '.google-analytics.com/ga.js';
              var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
            })();
        </script>

        <script type='text/javascript'>
            var _qevents = _qevents || [];
            (function() {
            var elem = document.createElement('script');
            elem.src = (document.location.protocol == "https:" ? "https://secure" : "//edge") + ".quantserve.com/quant.js";
            elem.async = true;
            elem.type = "text/javascript";
            var scpt = document.getElementsByTagName('script')[0];
            scpt.parentNode.insertBefore(elem, scpt);
            })();

            _qevents.push({
                qacct:"p-f8oruOqDFlMeI"
            });
        </script>

        <noscript>
            <div class="nodisplay">
                <img src="//pixel.quantserve.com/pixel/p-f8oruOqDFlMeI.gif" border="0" height="1" width="1" alt="Quantcast"/>
            </div>
        </noscript>


</body>
</html>