-
Notifications
You must be signed in to change notification settings - Fork 0
/
test-me.html
129 lines (102 loc) · 6.1 KB
/
test-me.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
123
124
125
126
127
128
129
<html><head> <link rel="stylesheet" href="normalize.css"> <link rel="stylesheet" href="style.css">
<style>
.end a:not(:first-child) { margin-left:3em; }
a {text-decoration:none;color:#333;}
a:hover {color:lightblue;}
li,li a,span {overflow:hidden !important; text-overflow:ellipsis !important;}
li button {
padding:0px;margin:0px;
transition:.5s;
border-top: transparent; border-right: transparent; border-bottom:solid 1px black; border-image: initial; border-left: 1px solid black; color: red; background-color: lightgray;
width: 20% !important;}
li button:hover {
background-color:red;color:white;
/* width: 30% !important; */
}
/* li button:hover * { } */
</style>
</head>
<body data-new-gr-c-s-check-loaded="14.1013.0" data-gr-ext-installed="">
<header style="background:linear-gradient(to bottom right, lightgray, white);height:5vw;padding-top:1vw;padding-bottom:1vw;">
<div class="container">
<a style="display:inline"><h2 style="background-color:rgb(0,0,0,0);margin-left:10px;padding:3% !important;display:inline;width:10% !important;height:10% !important;">Test-Me</h2> </a>
<span>Search : </span><input style="margin-left:5px !important;display:inline;width:30%;height:15%;padding:1vw;">
</div>
</header>
<div>
<div id="crsl" style="float:left; width:18vw;height:100%;background:linear-gradient(to bottom right, lightgray, white);">
<center><button style="margin-top:40px;margin-left:10px;" onclick="makeCourse()">
New Course </button>
</center>
<ul id="courses-list" style="border:1px solid black; border-collapse:separate; background-color: white;">
<span style="border-bottom: 1px solid black;">
<pre style="margin-left: -25px;width: auto;font-size: 11px;"> Courses List
ـــــــــــــــــــــــــــــــــــــــ
</pre> </span>
</ul>
</div>
<div id="main" class="container" style="text-align: center;align-self: center;">
<div id="form" style="display:none; position: absolute; top: 15vw; left: 25vw; width: 15vw; height: auto; background-color: rgb(241, 241, 241);">
Insert at least 4 questions :
<input id="Q" placeholder="Question"> <br>
<input id="A" placeholder="Right answer">
<!-- <button style="position: fixed;margin-top: 30px;float:left;margin-left:7vw;" onclick="add_it()"> Submit </button>
<button style="position: fixed; margin-top:30px; float:right;margin-right:9vw ;" onclick="quit()"> quit</button> -->
<button onclick="add_it()"> Submit </button> <br>
<button onclick="quit()"> Quit</button>
</div>
</div>
<!-- <div id="main" style="text-align: center;align-self: center;" >
<div id="form" style="display: none; position:absolute; top: 15vw;left:25vw;width:15vw;height:15vw;background-color:#f1f1f1;">
Insert at least 4 questions :
<input id="Q" > </br>
<input id="A" >
<button style="position: fixed;margin-top: 30px;float:left;margin-left:7vw;" onclick="add_it()"> Submit </button>
<button style="position: fixed; margin-top:30px; float:right;margin-right:9vw ;" onclick="quit()"> quit</button>
<button onclick="add_it()"> Submit </button> </br>
<button onclick="quit()"> Quit</button>
</div> -->
<div id="test">
<h4 id="sol"> Question : </h4>
<div> <span> -> </span><p id="a0"> </p> <input id="r0" type="radio" name="choice"> </div>
<div> <span> -> </span><p id="a1"></p> <input id="r1" type="radio" name="choice"> </div>
<div><span> -> </span> <p id="a2"></p><input id="r2" type="radio" name="choice"> </div>
<div> <span> -> </span><p id="a3"></p> <input id="r3" type="radio" name="choice"> </div>
<input type="button" value="next" onclick="next()">
</div>
</div>
<div class="container">
<div id="pop" class="front" style="background-color:gray;display: none; position:absolute; top:10vw; left:20%vw; ">
<span style="marging-right:15%;margin-left:15%;width:auto;"> Choose the name of course : </span><br>
<div><input type="text" name="course" id="course"> </div><br>
<div> <button style="width=100%;height:20%;" onclick="saveCourse()"> Submit </button> </div>
<div> <button style="width=100%;height:20%;" onclick="ErasePop()"> Quit </button> </div>
</div></div>
<div id="edit" style="text-align: center;float: right; height: 100%; width: 27vw; background:linear-gradient(to bottom right, lightgray, white);">
<h6> Add questions : </h6> <button onclick="addQuestions()">Add New questions</button>
<p id="info"> You haven't chosen a course yet. </p>
<h5 id="questions"> Questions </h5>
<div> result :<span id="res">0</span> / <span id="total"></span></div>
<div><bold id="feedback"></bold></div>
</div>
<script src="script.js"> </script>
<footer style="width:100%;height:relative;margin-top:90vh;height:auto;color:white;margin-bottom:0px;">
<div style="width:100%" class="container footer">
<div style="height:6vh;width:20%;height:auto;display:inline-block;text-align:center;margin-top:1em;border-right:1px solid white;height:auto;">
<a href="https://www.github.com/ShehabMuhammad/" target="_blank" style="font-size:2em;font-style:oblique;margin-top:1em;"> S. M. </a>
</div>
<div style="height:6vh;width:79%;display:inline-block;text-align:center;margin-top:1.5em;float:right;margin-bottom:2px;">
~~ Experiemental Site ~~
<div>
</div>
<div> </div>
</div>
<div style="text-align:center;padding-top:10px;margin-top:2px;">
<hr>
<!-- <b style="width:100vw;">ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ</b> -->
<div class="end" style="margin-top:1em;padding-bottom:3em;"><a href="/"> Home </a>
<a href="About"> About </a> <a href="contact-us"> Contact Us </a>
<a href="https://www.github.com/ShehabMuhammad/"> Portfolio </a> </div></div>
</div>
</footer>
</body></html>