webclient/oauth.html at master · meganz/webclient · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="robots" content="noindex" />
    <title>MEGA &mdash; Completing authorisation</title>
    <link rel="icon" href="/favicon.ico?v=3" type="image/x-icon" />
    <style>
        * { box-sizing: border-box; margin: 0; padding: 0; }
        body {
            background: #fff;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            min-height: 100vh;
            gap: 24px;
        }
        .logo {
            width: 116px;
            height: 38px;
        }
        .logo-text {
            fill: #232422;
        }
        .spinner {
            width: 20px;
            height: 20px;
        }
        .spinner-bar {
            fill: #333333;
        }
        @media (prefers-color-scheme: dark) {
            body {
                background: #1d1d1d;
            }
            .logo-text {
                fill: #ffffff;
            }
            .spinner-bar {
                fill: #f3f4f9;
            }
        }
    </style>
</head>
<body>
    <svg class="logo" viewBox="0 0 99 32" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="MEGA">
        <path class="logo-text" d="M69.136 12.3757V10.6519C69.136 10.3779 68.915 10.1569 68.6409 10.1569H59.1824C58.9083 10.1569 58.6873 10.3779 58.6873 10.6519V21.958C58.6873 22.232 58.9083 22.453 59.1824 22.453H68.6409C68.915 22.453 69.136 22.232 69.136 21.958V20.2431C69.136 19.9691 68.915 19.7481 68.6409 19.7481H61.8785C61.8078 19.7481 61.7548 19.695 61.7548 19.6243V17.6619C61.7548 17.5912 61.8078 17.5381 61.8785 17.5381H68.6409C68.915 17.5381 69.136 17.3171 69.136 17.0431V15.5668C69.136 15.2928 68.915 15.0718 68.6409 15.0718H61.8785C61.8078 15.0718 61.7548 15.0188 61.7548 14.9481V12.9856C61.7548 12.9149 61.8078 12.8619 61.8785 12.8619H68.6409C68.9238 12.8707 69.136 12.6497 69.136 12.3757Z"/>
        <path class="logo-text" fill-rule="evenodd" clip-rule="evenodd" d="M97.5824 22.453H95.4343C95.1514 22.453 94.8951 22.2939 94.7802 22.0376L93.7371 19.8895C93.6929 19.8011 93.6133 19.7481 93.5161 19.7481H88.4597C88.3625 19.7481 88.2829 19.8011 88.2387 19.8895L87.1956 22.0376C87.0719 22.2939 86.8155 22.453 86.5326 22.453H84.3846C84.1106 22.453 83.9338 22.1702 84.0487 21.9227L89.4851 10.7138C89.6531 10.3691 89.989 10.1569 90.3691 10.1569H91.5978C91.978 10.1569 92.3139 10.3779 92.4818 10.7138L97.9183 21.9227C98.0332 22.1702 97.8564 22.453 97.5824 22.453ZM90.8641 14.4442L89.4498 17.3613C89.4144 17.4409 89.4763 17.5381 89.5559 17.5381H92.3846C92.4818 17.5381 92.5349 17.4409 92.4995 17.3613L91.0851 14.4442C91.0409 14.3558 90.9083 14.3558 90.8641 14.4442Z"/>
        <path class="logo-text" d="M53.6045 10.4486L48.1061 15.947C48.0089 16.0442 47.8586 16.0442 47.7614 15.947L42.2542 10.4486C42.0686 10.263 41.821 10.1569 41.5559 10.1569H40.1238C39.8498 10.1569 39.6288 10.3779 39.6288 10.6519V21.958C39.6288 22.232 39.8498 22.453 40.1238 22.453H42.21C42.484 22.453 42.705 22.232 42.705 21.958V15.5315C42.705 15.4785 42.7669 15.4519 42.8111 15.4873L47.231 19.9072C47.6111 20.2873 48.2387 20.2873 48.6188 19.9072L53.0387 15.4873C53.0741 15.4519 53.1448 15.4785 53.1448 15.5315V21.958C53.1448 22.232 53.3658 22.453 53.6398 22.453H55.726C56.0001 22.453 56.2211 22.232 56.2211 21.958V10.6519C56.2211 10.3779 56.0001 10.1569 55.726 10.1569H54.294C54.0376 10.1657 53.7901 10.263 53.6045 10.4486Z"/>
        <path class="logo-text" d="M82.8376 15.2044H77.9846C77.7106 15.2044 77.4896 15.4254 77.4896 15.6994V16.9282C77.4896 17.2022 77.7106 17.4232 77.9846 17.4232H80.7691C80.8575 17.4232 80.9106 17.5116 80.884 17.5912C80.3536 18.9967 78.9746 19.9956 77.3658 19.9425C75.4918 19.8807 73.9536 18.3691 73.8652 16.495C73.768 14.4177 75.4299 12.7028 77.4896 12.7028C78.3293 12.7028 79.1072 12.9945 79.726 13.4718C79.9205 13.6221 80.2034 13.6133 80.3802 13.4365L81.6885 12.1282C81.8918 11.9249 81.8741 11.5889 81.6531 11.4033C80.5128 10.4398 79.0365 9.86519 77.4277 9.87403C73.8829 9.90055 71.0012 12.8354 71.0365 16.3889C71.0719 19.9249 73.9448 22.7801 77.4896 22.7801C81.052 22.7801 83.9426 19.8895 83.9426 16.3271V16.3182C83.9426 15.6906 83.4476 15.2044 82.8376 15.2044Z"/>
        <path d="M15.9823 0.0265198C7.16017 0.0265198 0.00878906 7.1779 0.00878906 16C0.00878906 24.8221 7.16017 31.9735 15.9823 31.9735C24.8044 31.9735 31.9557 24.8221 31.9557 16C31.9557 7.1779 24.8044 0.0265198 15.9823 0.0265198Z" fill="#D9272E"/>
        <path d="M24.274 21.6486C24.274 21.9227 24.053 22.1436 23.779 22.1436H21.6928C21.4188 22.1436 21.1978 21.9227 21.1978 21.6486V15.2221C21.1978 15.1691 21.1359 15.1425 21.0917 15.1779L16.6718 19.5978C16.2917 19.9779 15.6641 19.9779 15.284 19.5978L10.8641 15.1779C10.8287 15.1425 10.758 15.1691 10.758 15.2221V21.6486C10.758 21.9227 10.537 22.1436 10.263 22.1436H8.17679C7.90276 22.1436 7.68176 21.9227 7.68176 21.6486V10.3514C7.68176 10.0773 7.90276 9.85635 8.17679 9.85635H9.60883C9.86519 9.85635 10.1215 9.96243 10.3072 10.1481L15.8055 15.6464C15.9028 15.7436 16.053 15.7436 16.1503 15.6464L21.6486 10.1481C21.8342 9.96243 22.0818 9.85635 22.347 9.85635H23.779C24.053 9.85635 24.274 10.0773 24.274 10.3514V21.6486Z" fill="white"/>
    </svg>
    <svg class="spinner" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" xmlns="http://www.w3.org/2000/svg">
        <g transform="rotate(0 50 50)"><rect class="spinner-bar" x="45" y="2" rx="13.5" ry="0.6" width="10" height="24"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.9s" repeatCount="indefinite"/></rect></g>
        <g transform="rotate(36 50 50)"><rect class="spinner-bar" x="45" y="2" rx="13.5" ry="0.6" width="10" height="24"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.8s" repeatCount="indefinite"/></rect></g>
        <g transform="rotate(72 50 50)"><rect class="spinner-bar" x="45" y="2" rx="13.5" ry="0.6" width="10" height="24"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.7s" repeatCount="indefinite"/></rect></g>
        <g transform="rotate(108 50 50)"><rect class="spinner-bar" x="45" y="2" rx="13.5" ry="0.6" width="10" height="24"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.6s" repeatCount="indefinite"/></rect></g>
        <g transform="rotate(144 50 50)"><rect class="spinner-bar" x="45" y="2" rx="13.5" ry="0.6" width="10" height="24"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5s" repeatCount="indefinite"/></rect></g>
        <g transform="rotate(180 50 50)"><rect class="spinner-bar" x="45" y="2" rx="13.5" ry="0.6" width="10" height="24"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.4s" repeatCount="indefinite"/></rect></g>
        <g transform="rotate(216 50 50)"><rect class="spinner-bar" x="45" y="2" rx="13.5" ry="0.6" width="10" height="24"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.3s" repeatCount="indefinite"/></rect></g>
        <g transform="rotate(252 50 50)"><rect class="spinner-bar" x="45" y="2" rx="13.5" ry="0.6" width="10" height="24"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.2s" repeatCount="indefinite"/></rect></g>
        <g transform="rotate(288 50 50)"><rect class="spinner-bar" x="45" y="2" rx="13.5" ry="0.6" width="10" height="24"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.1s" repeatCount="indefinite"/></rect></g>
        <g transform="rotate(324 50 50)"><rect class="spinner-bar" x="45" y="2" rx="13.5" ry="0.6" width="10" height="24"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"/></rect></g>
    </svg>
</body>
</html>