-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
68 lines (61 loc) · 3.72 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Jaydip Dey">
<meta charset="keywords" content="NLP, TER, Tranlation Erro Rate, Machine Translation"/>
<meta name="description" content="Translation Error rate" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="TER | Translation Error rate" />
<meta property="og:site_name" content="Translation Error Rate metric" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<link rel="stylesheet" href="style.css">
<title>TER</title>
</head>
<body style=" background-color: #00fabc; background-image:url('https://www.transparenttextures.com/patterns/gray-floral.png');">
<nav class="navbar navbar-light bg-warning">
<div class="container-fluid">
<span class="navbar-brand mb-0 h1 text-dark">Translation Error Rate metric</span>
</div>
</nav>
<div class="container">
<form class="text-center mb-5">
<div class="mb-1 mt-5">
<label for="ref" class="form-label"><strong>Reference</strong></label>
<input type="text" spellcheck="false" class="form-control text-center" id="ref">
</div>
<div class="mb-3">
<label for="hyp" class="form-label"><strong>Hypothesis</strong></label>
<input type="text" spellcheck="false" class="form-control text-center" id="hyp">
</div>
<button id="btn" class="btn btn-success">Submit</button>
</form>
<div class="card text-center bg-light" id="crd" style="display:none; background-image: url('https://www.transparenttextures.com/patterns/diagmonds-light.png');">
<div class="card-body">
<h5>TER Score:</h5>
<div id="res" class="mb-2"></div>
<h5>Best hypothesis:</h5>
<div id="finalhyp"></div>
</div>
</div>
</div>
<footer class=" navbar fixed-bottom bg-success justify-content-center">
<div class="container-fluid text-white justify-content-center">
<div class="text-center me-2">
Made by Jaydip Dey
</div>
<a href="https://github.com/jaydip1235/TER_NLP_JU" target="_blank" style="color:white"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
</svg></a>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
<script src="main.js">
</script>
</body>
</html>