van123helsing.github.io/index.html at master · van123helsing/van123helsing.github.io · GitHub

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
<!doctype html>
<html lang="en" class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="canonical" href="https://html5-templates.com/"/>
    <title>Bootstrap Template With Sticky Menu</title>
    <meta name="description" content="Simplified Bootstrap template with sticky menu">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/sticky-menu.css" rel="stylesheet">
    <link href="css/styles.css" rel="stylesheet">
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container">
        <div class="navbar-header page-scroll">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                <span class="sr-only">Toggle menu</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand page-scroll" href="#page-top">Recomender engine</a>
        </div>

        <div class="collapse navbar-collapse navbar-ex1-collapse">
            <ul class="nav navbar-nav">
                <li class="hidden">
                    <a class="page-scroll" href="#page-top"></a>
                </li>
                <li>
                    <a class="page-scroll" href="#upload">UPLOAD IMAGE</a>
                </li>
                <li>
                    <a class="page-scroll" href="#get">GET IMAGE</a>
                </li>
                <li>
                    <a class="page-scroll" href="#rate">RATE</a>
                </li>
                <li>
                    <a class="page-scroll" href="#recommend">RECOMMEND</a>
                </li>
            </ul>
        </div>    <!-- .navbar-collapse -->
    </div>        <!-- .container -->
</nav>
<section class="bdg-sect1" id="upload">
    <div class="container-width">
        <h1 class="bdg-title">Upload image </h1>
        <div class="flex-desc">Choose an image you want to upload and set the title.
        </div>
        <form action="#" style="margin-left:440px;">
            <input type="file" id="file" name="file" accept="image/*" multiple>
            <div style="margin-left:100px;">
                <button id="upload">Upload</button>
            </div>
        </form>
        <iframe id="uploadIframe" style="width:100%"></iframe>
        <div class="badges">
        </div>
    </div>
</section>
<section class="bdg-sect" id="get">
    <div class="container-width">
        <h1 class="bdg-title">Get image
        </h1>
        <div class="flex-desc">Type the id of the image you want to view.
        </div>
        <form id="viewForm" action="https://159.65.210.43/image-catalog/v1/images/" style="margin-left:440px;" target="view">
            Image id: <input type="text" id="imageID1"><br>
            <input type="submit" value="Submit" style="margin-left:100px;">
        </form>
        <iframe name="view" style="width:100%"></iframe>
        <div class="badges">
        </div>
    </div>
</section>
<section class="bdg-sect1" id="rate">
    <div class="container-width">
        <h1 class="bdg-title">Rate image
        </h1>
        <div class="flex-desc">Type the id of the image, id of the user and the rating.
        </div>
        <form id="rateForm" action="#" style="margin-left:440px;" target="rate">
            Image id: <input type="text" id="imageId"><br>
            User id: <input type="text" id="userId" style="margin-left:9px;"><br>
            Rating: <input type="text" id="rating" style="margin-left:13px;"><br>
            <input id="rate" type="submit" value="Submit" style="margin-left:100px;">
        </form>
		<iframe  id="rateIframe" style="width:100%"><html><head></head><body></body></html></iframe>
        <div class="badges">
        </div>
    </div>
</section>
<section class="flex-sect" id="recommend">
    <div class="container-width">
        <div class="flex-title">Recommend
        </div>
        <div class="flex-desc">Enter id of the user for whom you want to see recommendations.</div>
        <form id="recommendForm" action="https://159.65.210.43/recomender/v1/rating/collaborative" style="margin-left:440px;" target="recommendIframe" >
            User id: <input type="text" id="userId2" style="margin-left:9px;"><br>
            <input id="recommend2" type="submit" value="Submit" style="margin-left:100px;">
        </form>
		<iframe name="recommendIframe" style="width:100%"></iframe>
        <div class="badges"></div>
    </div>
</section>
<footer class="footer-under">
    <div class="container-width">
    </div>
</footer>

<a id="back2Top" title="Back to top" href="#">&#10148;</a>
<!-- jQuery -->
<script src="js/jquery.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>

<!-- Scrolling Nav JavaScript -->
<script src="js/jquery.easing.min.js"></script>
<script src="js/sticky-menu.js"></script>
<script src="js/fun.js"></script>
</body>

</html>