-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
60 lines (57 loc) · 3.56 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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css"
integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css"
crossorigin="anonymous">
<link rel="stylesheet" href="static/style.css">
<meta charset="UTF-8">
<title>AI Powered Ctrl+F</title>
</head>
<body>
<div class="container">
<div class="col">
<h1 class="display-1">AI Powered Ctrl+F</h1>
<div class="form-group">
<input type="search" value="What is football ?" class="form-control mb-3" id="ctrlfField"
placeholder="ctrl+f search bar"/>
<div id="ctrlfWarning" style="display: none" class="alert alert-warning" role="alert">To use the api for
big/many documents please sign-up <a href="https://alpha.thecape.ai">here</a></div>
<div class="form-control" id="documentText" contenteditable="True">Football is a family of team sports that
involve, to varying degrees, kicking a ball with the foot to score a goal. Unqualified, the word
football is understood to refer to whichever form of football is the most popular in the regional
context in which the word appears. Sports commonly called 'football' in certain places include:
association football (known as soccer in some countries); gridiron football (specifically American
football or Canadian football); Australian rules football; rugby football (either rugby league or rugby
union); and Gaelic football.[1][2] These different variations of football are known as football codes.
</div>
</div>
<p class="text-muted lead">This AI ctrl+f demo was built using Cape API in just a few lines of code. </p>
<p class="text-muted"> To know more you can read the <a href="https://medium.com/bloomsbury-ai/build-an-ai-powered-ctrl-f-91bc061e5619">tutorial</a> or look at the <a
href="https://alpha.thecape.ai/documentation/index.html#introduction">documentation.</a></p>
<p class="text-muted"> See the code <a href="https://github.com/bloomsburyai/ctrlf-tutorial">here.</a></p>
</div>
<div id="results">
<h2>Answers</h2>
<table id="results-table" class="table table-striped table-bordered" cellspacing="0" width="100%"></table>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js"
integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js"
integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.0/jquery.mark.es6.min.js"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"
crossorigin="anonymous"></script>
<script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"
crossorigin="anonymous"></script>
<script src="static/app.js"></script>
</body>
</html>