forked from HENRYMARTIN5/Clarity
-
Notifications
You must be signed in to change notification settings - Fork 0
/
test.html
122 lines (93 loc) · 2.71 KB
/
test.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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html>
<title id="title">Clarity Test - NaN</title>
<meta charset="UTF-8">
<link rel="manifest" href="clarity.webmanifest">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="loaders.css">
<script
src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">
<script src="ClarityLevel.js"></script>
<style>
body,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Raleway", sans-serif;
color: #FFF
}
.bkg{
background-color: #1d1b31;
}
.level{
border: 2px solid #d2bdff;
background-color: #3c2d52;
}
#container{
padding-left: 150px;
padding-right: 150px;
}
</style>
<body class="bkg w3-content" style="max-width:1600px">
<!-- Overlay effect when opening sidebar on small screens -->
<div class="w3-overlay w3-hide-large w3-animate-opacity" onclick="w3_close()" style="cursor:pointer" title="close side menu" id="myOverlay"></div>
<style>
A{text-decoration: none;}
</style>
<script>
function httpGet(theUrl)
{
var xmlHttp = new XMLHttpRequest();
xmlHttp.open( "GET", theUrl, false ); // false for synchronous request
xmlHttp.send( null );
return xmlHttp.responseText;
}
function signin(){
var username = prompt("Username:");
var password = prompt("Password:");
var res = httpGet("https://clarityworkshop.n3rdl0rd.repl.co/login/"+username+"/"+password);
if(res == "ok"){
localStorage.setItem('user', username);
}else {
Swal.fire({
type: 'error',
title: 'Oops...',
text: 'Incorrect login or password!'
})
}
}
function signout(){
localStorage.setItem("user", null)
}
function signedin(){
return localStorage.getItem("user")
}
window.onload = function(){
}
</script>
<!-- !PAGE CONTENT! -->
<div class="w3-main" style="margin-left:15px">
<!-- Header -->
<header id="portfolio">
<div class="w3-container">
<h1><b id="levelname">Clarity Test - ERROR: NaN</b></h1>
</div>
</header>
<div id="container">
<button onclick="signin()">signin</button>
<button onclick="signout()">signout</button>
<button onclick="alert(signedin())">signedin</button>
</div>
<!-- End page content -->
</div>
</body>
</html>