Skip to content

2
2022-074
Commit 38dc0832 authored by Wasala W.L.M.K.S - IT19177106's avatar Wasala W.L.M.K.S - IT19177106
Browse files
Options

started to front end screen development

parent ced370ea
Show whitespace changes
Inline Side-by-side
Showing with 338 additions and 0 deletions
frontend/description.html 0 → 100644
View file @ 38dc0832
<!DOCTYPE html>
<html>
<header>
<title>Welcome page</title>
<link rel="stylesheet" href="style3.css" type="text/css">
</header>
<br><br><br><br><br><br><br><br>
<body>
<div style="text-align:center">
<h1>Common Description</h1><br><br>
<input type="submit" value="ඊළග පිටුවට" name="submit" id="submit" onclick="location.href='form.html'">
</div>
</body>
</html>
\ No newline at end of file
frontend/form.html 0 → 100644
View file @ 38dc0832
<!DOCTYPE html>
<html>
<header>
<title>Details Form</title>
<link rel="stylesheet" href="style.css" type="text/css">
<!--Include JQuery Library -->
<script src="https://code.jquery.com/jquery-3.5.0.js"> </script>
</header>
<body>
<div class="main">
<div class="register">
<h2>මෙහි තොරතුරු අතුලත් කරන්න</h2>
<form id="register">
<label><b>පරීශීලක නාමය :</b></label>
<br>
<input type="text" name="cname" id="cname" placeholder="මිනායා නෙත්සරණි">
<br><br>
<label><b>දරුවාගේ වයස :</b></label>
<br>
<input type="number" name="age" id="age" placeholder="4" required>
<br><br>
<label><b>දරුවාගේ ස්ත්‍රී පුරුෂ භාවය :</b></label>
<br>
&nbsp;&nbsp;&nbsp;
<input type="radio" name="gender" id="female" value="female" required>
&nbsp;
<label for="female">ගැහැණු</label>
&nbsp;&nbsp;&nbsp;
<input type="radio" name="gender" id="male" value="male" required>
&nbsp;
<label for="male">පිරිමි</label>
<br><br>
<input type="button" value="තහවුරු කරන්න" name="submit" id="submit">
</form>
</div>
<!--end register-->
</div>
<!--end main-->
<script>
$("#submit").click(function (e) {
e.preventDefault();
$.ajax({
type: "POST",
url: "http://localhost:3000/register",
data: {
"cname": $("#cname").val(),
"age": $("#age").val(),
"gender": $("input[name='gender']:checked").val()
},
success: function (data) {
// Ajax call completed successfully
alert("Form Submited Successfully");
window.location.href = "selection.html"
},
error: function (data) {
// Some error in ajax call
alert("some Error");
}
});
});
</script>
</body>
</html>
\ No newline at end of file
frontend/selection.html 0 → 100644
View file @ 38dc0832
<!DOCTYPE html>
<html>
<header>
<title>Selection Form</title>
<link rel="stylesheet" href="style1.css" type="text/css">
</header>
<body>
<div id="content" style="margin: auto; width:50%">
<div id="search">
<a href="taskDescription1.html" class="button">වයස අවුරුදු 1-3 දරුවන් සදහා හඩ නොමැතිව සිදු කරන ක්‍රියාකාරකම වෙත පිවිසීමට</a>
<a href="taskDescription2.html" class="button">වයස අවුරුදු 1-3 දරුවන් සදහා හඩ සහිතව සිදු කරන ක්‍රියාකාරකම වෙත පිවිසීමට</a>
<a href="taskDescription3.html" class="button">වයස අවුරුදු 4-6 දරුවන් සදහා හඩ නොමැතිව සිදු කරන ක්‍රියාකාරකම වෙත පිවිසීමට</a>
<a href="taskDescription4.html" class="button">වයස අවුරුදු 4-6 දරුවන් සදහා හඩ සහිතව සිදු කරන ක්‍රියාකාරකම වෙත පිවිසීමට</a>
</div>
<div id="results">
<img src="images/mickey4.png" alt="Paris" style="width:80%; height:80%" >
</div>
</div>
</body>
</html>
\ No newline at end of file
frontend/start.html 0 → 100644
View file @ 38dc0832
<!DOCTYPE html>
<html>
<header>
<title>Welcome page</title>
<link rel="stylesheet" href="style3.css" type="text/css">
</header>
<br><br><br><br><br><br><br><br>
<body>
<div style="text-align:center">
<h1>කාර්යය ආරම්භ කිරීමට </h1>
<h1>සූදානම්</h1><br>
<!-- <button id="btnStart" onclick="location.href='temp/webgazer demo/WebGazer/www/calibration.html'" type="button">Begin</button> -->
<button id="btnStart" onclick="location.href='calib.html'" type="button">ඉදිරියට</button>
</body>
</html>
\ No newline at end of file
frontend/style.css 0 → 100644
View file @ 38dc0832
*{
margin:0;
padding: 0;
}
body{
background: url("images/background4.jpg");
/* Full height */
height: 100%;
/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
div.main{
width:400px;
margin:100px auto 0px auto;
}
h2{
text-align:center;
padding:20px;
font-family:sans-serif;
}
div.register{
background-color:rgba(0,0,0,0.7);
width:100%;
font-size:14px;
border-radius:10px;
border:1px soid rgba(255,255,255,0.3);
box-shadow:2px 2px 15px rgba(0,0,0,0.3);
color:#ffff;
}
form#register{
margin:40px;
}
lable{
font-family:sans-serif;
font-size:16px;
font-style:italic;
}
input#cname,input#pname,input#age,input#number{
width:300px;
border:1px solid #ddd;
border-radius:3px;
outline:0;
padding:7px;
background-color:#fff;
box-shadow:inset 1px 1px 5px;
rgda:(0,0,0,0.3);
}
input#submit{
width:200px;
padding:7px;
font-size:16px;
font-family:sans-serif;
font-weight:600;
border-radius:3px;
background-color:rgba(250,100,0,0.8);
color:#fff;
cursor:pointer;
border:1px solid rgba(255,255,255,0.3);
box-shadow:1px 1px 5px rgba(0,0,0,0.3);
margin-bottom:20px;
}
lable,span,h2{
text-shadow:1px 1px 5px rgba(0,0,0,0.3);
}
frontend/style1.css 0 → 100644
View file @ 38dc0832
*{
margin: auto;
padding: 0;
}
body{
background: url("images/sky1.jpg");
/* Full height */
height: 100%;
/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.button {
background-color: #4CAF50; /* Green */
border: 1px;
border-radius: 12px;
color: white;
/* padding: 15px 32px; */
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 15px;
margin: 4px 2px;
cursor: pointer;
width:270px;
}
#search {
display: inline-block;
width: 300px;
height: 380px;
margin-top: 50px;
overflow: auto;
}
#results {
display: inline-block;
width: 300px;
height: 400px;
margin-top: 50px;
overflow: auto;
}
\ No newline at end of file
frontend/style3.css 0 → 100644
View file @ 38dc0832
*{
margin:0;
padding: 0;
}
body{
background: url("images/background1.jpg");
/* Full height */
height: 100%;
/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
h1{
text-align:center;
padding:20px;
font-family:sans-serif;
font-size: 60px;
color:#900C3F
}
input#submit{
text-align: center;
width:300px;
height:50px;
padding:7px;
font-size:20px;
font-family:sans-serif;
font-weight:600;
border-radius:12px;
background-color:#1848D4;
color:#fff;
cursor:pointer;
border:1px solid rgba(255,255,255,0.3);
box-shadow:1px 1px 5px rgba(0,0,0,0.3);
}
#btnStart{
text-align: center;
width:300px;
height:50px;
padding:7px;
font-size:20px;
font-family:sans-serif;
font-weight:600;
border-radius:12px;
background-color:#1848D4;
color:#fff;
cursor:pointer;
border:1px solid rgba(255,255,255,0.3);
box-shadow:1px 1px 5px rgba(0,0,0,0.3);
}
frontend/welcome.html 0 → 100644
View file @ 38dc0832
<!DOCTYPE html>
<html>
<header>
<title>Welcome page</title>
<link rel="stylesheet" href="style3.css" type="text/css">
</header>
<br><br><br><br><br><br><br><br>
<body>
<div style="text-align:center">
<h1>සුභ දවසක් යාළුවනේ</h1><br><br>
<input type="submit" value="ඊළග පිටුවට" name="submit" id="submit" onclick="location.href='description.html'">
</div>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment