generated from Shahzal-Rehman/SHAHZAL.COM
-
Notifications
You must be signed in to change notification settings - Fork 0
/
indes-mlsapro.com home.html
104 lines (95 loc) · 4.36 KB
/
indes-mlsapro.com home.html
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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Shahzal Rehman</title>
<link rel="shortcut icon" type="image/png" href="img/favicon/icon128.png"/>
<script src="https://platform.linkedin.com/badges/js/profile.js" async defer type="text/javascript"></script>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
overflow: hidden;
}
#mlsapro {
background-size: cover;
background-position: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column; /* Added to align buttons vertically */
}
.skill-box {
text-align: center;
margin: auto;
}
.skill-box a,
.login-btn,
.sign-out-btn {
display: inline-block;
padding: 10px 20px;
margin: 5px; /* Added for spacing */
background-color: #007bff;
color: #fff;
text-decoration: none;
border-radius: 5px;
transition: background-color 0.3s ease;
}
.skill-box a:hover,
.login-btn:hover,
.sign-out-btn:hover {
background-color: #0056b3;
}
</style>
</head>
<body>
<form id="mlsapro">
<div class="skill-box wow fadeInUp animated" data-wow-delay=".8s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;"> <br>
<a href="#" onclick="login()" class="login-btn">Connect With MLSAPRO Microsoft Tenant Assigned Account & shahzalshare.txt along with sr.xml</a>
<a href="#" onclick="signOut()" class="sign-out-btn">Sign Out</a>
</div>
</form>
<script>
function preloadImages() {
var images = ['https://mlsapro.com/img/shapes/wavy-shape.png', 'https://mlsapro.com/img/shapes/wavy-shape1.png'];
for (var i = 0; i < images.length; i++) {
var img = new Image();
img.src = images[i];
}
}
preloadImages();
var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
var backgroundUrl = isMobile ? 'https://mlsapro.com/img/shapes/wavy-shape.png' : 'https://mlsapro.com/img/shapes/wavy-shape1.png';
document.getElementById('mlsapro').style.backgroundImage = 'url(' + backgroundUrl + ')';
function login() {
var clientId = "9ec16646-a913-4fdb-8249-08fb1d98b99d"; // Your client ID
var redirectUri = encodeURIComponent("https://mlsapro.com/home"); // Redirect URL after login
var authority = "https://login.microsoftonline.com/common/oauth2/v2.0/authorize";
var scope = "user.read"; // Adjust scope as needed
var loginUrl = `${authority}?client_id=${clientId}&response_type=code&redirect_uri=${redirectUri}&scope=${scope}`;
window.open(loginUrl, "_self"); // Open login URL in the current tab
window.open("https://mvp.microsoft.com/en-US/studentambassadors/profile/e35e0c4c-5d79-454a-8d8d-cb75c8b016fc", "_blank", "noopener,noreferrer"); // Open another tab
window.open("https://learn.microsoft.com/en-us/training/challenges?id=d5e64ffc-701d-4e97-94e4-9502fcc0712b&WT.mc_id=cloudskillschallenge_d5e64ffc-701d-4e97-94e4-9502fcc0712b&wt.mc_id=studentamb_281705", "_blank", "noopener,noreferrer"); // Open another tab
}
function signOut() {
var clientId = "9ec16646-a913-4fdb-8249-08fb1d98b99d"; // Your client ID
var postLogoutRedirectUri = encodeURIComponent("https://team.mlsapro.com"); // Redirect URL after sign-out
var authority = "https://login.microsoftonline.com/common/oauth2/v2.0/logout";
var url = authority + "?post_logout_redirect_uri=" + postLogoutRedirectUri;
window.location.href = url;
}
</script>
</body>
</html>