yeungalan
/
OAuth-SSO


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
							<!DOCTYPE html>
<html>

<head>
    <!-- Standard Meta -->
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

    <!-- Site Properties -->
    <title>Login</title>

    <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.js" integrity="sha256-t8GepnyPmw9t+foMh3mKNvcorqNHamSKtKRxxpUEgFI=" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" integrity="sha256-9mbkOfVho3ZPXfM7W8sV2SndrGDuh7wuyLjtsWeTI1Q=" crossorigin="anonymous" />
    <style type="text/css">
        body {
            background-color: #e3eaed;
        }
        
        body>.grid {
            height: 100%;
        }
        
        .image {
            margin-top: -100px;
        }
        
        .column {
            max-width: 450px;
        }
        
        .background-top {
            width: 100%;
            height: 290px;
            background-color: #0079ad;
            border-bottom: 1px solid #fff;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -100;
        }
    </style>
</head>

<body>
    <div class="background-top"> </div>

    <div class="ui middle aligned center aligned grid">
        <div class="column">
            <h2 class="ui teal image header">
                <img src="cuhk.png" class="image" style="width:100%">
            </h2>

            <div class="ui segment">
                <div style="text-align:left">
                    <p>You are about to access the service:<br>
                        <b>MathWorks Edu Service Provider of The MathWorks, Inc.</b>
                    </p>
                    <p>Information to be provided to the services:</p>
                </div>
                <div class="ui message" style="text-align:left;-webkit-box-shadow: 0 0 0 0px rgba(0,0,0,.0) inset, 0 0 0 0 transparent;
    box-shadow: 0 0 0 1px rgba(0,0,0,.0) inset, 0 0 0 0 transparent;background-color:#ffffff;padding: 0px 0px 0px 0px;">
                    <div class="header">
                        eduPersonScopedAffiliation
                    </div>
                    <p>student@cuhk.edu.hk</p>
                </div>
                <div class="ui message" style="text-align:left;-webkit-box-shadow: 0 0 0 0px rgba(0,0,0,.0) inset, 0 0 0 0 transparent;
                    box-shadow: 0 0 0 1px rgba(0,0,0,.0) inset, 0 0 0 0 transparent;background-color:#ffffff;padding: 0px 0px 0px 0px;">
                    <div class="header">
                        Username
                    </div>
                    <p>s1155123456@cuhk.edu.hk</p>
                </div>
                <div class="ui message" style="text-align:left;">
                    <div class="header">
                        Select an information release consent duration:
                    </div>
                    <p>
                        <input id="amanl_radio" type="radio" name="_shib_idp_consentOptions">
                        <label for="amanl_radio">Ask me again at next login</label>
                    </p>
                    <p>
                        <input id="amanlc_radio" type="radio" name="_shib_idp_consentOptions">
                        <label for="amanlc_radio">Ask me again if information to be provided to this service changes</label>
                    </p>
                    <p>
                        <input id="dam_radio" type="radio" name="_shib_idp_consentOptions">
                        <label for="dam_radio">Do not ask me again</label>
                    </p>

                </div>
                <div class="ui large red submit button">Reject</div>
                <div class="ui large blue submit button">Accept</div>
            </div>

            <div class="ui message">
                <img class="ui small image" src="matlab.svg">
            </div>

            <div class="ui dropdown">
                <div class="text">English (en-US)</div>
                <i class="dropdown icon"></i>
                <div class="menu">
                    <div class="item">English (en-US)</div>
                    <div class="item">中文 (zh-TW)</div>
                </div>
            </div>
        </div>
    </div>
</body>
<script>
    $('.ui.dropdown')
        .dropdown();
</script>

</html>