Skip to content

Commit

Permalink
Updated Homepage
Browse files Browse the repository at this point in the history
  • Loading branch information
manitbaser committed May 9, 2021
1 parent 4a2587d commit 258ebba
Show file tree
Hide file tree
Showing 6 changed files with 120 additions and 99 deletions.
File renamed without changes.
File renamed without changes
75 changes: 55 additions & 20 deletions template/index.html
Original file line number Diff line number Diff line change
@@ -1,25 +1,60 @@
<!DOCTYPE html>
<html>
<head>
<title>UnScript</title>
<link rel="stylesheet" href="/static/index.css">
<link rel="stylesheet" href="/static/images/Maverick.png">
<link rel="stylesheet" href="https://unpkg.com/mvp.css">
<style>
* {
box-sizing: border-box;
}

<head>
<link rel="stylesheet" href="index.css">
</head>
.columnside {
float: left;
width: 30%;
padding: 10px;
}
.column {
float: left;
width: 40%;
padding: 10px;
}

<body>
<div class="product">
<p class="form-label">Select a product:</p>
<form action="http://localhost:5000/" method="post" >
<label for="nm">User ID:</label>
<input type="text" name="nm" id="nm" /><br><br>
<label for="pr">Product:</label>
<input type="text" name="pr" id="pr" /><br><br>
<label for="qty">Quantity:</label>
<input type="text" name="qty" id="qty" /><br><br>
<input type="submit" value="Provide reccomendation" class="btn" />
</form>
</div>
<div id="result">

</div>
</body>
.row:after {
content: "";
display: table;
clear: both;
}
.center_logo {
display: block;
margin-left: auto;
margin-right: auto;
}
</style>
</head>

<body>
<br>
<img class="center_logo" style="border-radius: 20px; border: 100px black;" height="200vh" alt="Robot logo" src="/images/Maverick.png"></img>
<br><br>
<div class="row">
<div class="columnside"></div>
<div class="column">
<div class="center">
<form class="center" action = "http://localhost:5000/" method = "post">
<p>User ID:</p>
<p><input type = "text" name = "nm" id="nm" /></p>
<p>Product ID:</p>
<p><input type = "text" name = "pr" id="pr"/></p>
<p>Quantity (in HL):</p>
<p><input type = "text" name = "qty" id="qty"/></p>
<p><input type = "submit" value="Provide Recommendation" class="btn" /></p>
</form>
</div>
</div>
<div class="columnside">
</div>
</div>
</body>
</html>
59 changes: 0 additions & 59 deletions template/login.html

This file was deleted.

73 changes: 65 additions & 8 deletions template/results.html
Original file line number Diff line number Diff line change
@@ -1,14 +1,71 @@
<html>

<body>
<p>
New recommendations based on users using similar product: {{res[0]}}<br>
New recommendations based on users in similar location and groupements: {{res[1]}}<br>
New recommendations based on similar products: {{res[2]}}<br>
Previously ordered products recommendations based on users using similar product: {{res[3]}}<br>
Previously ordered products recommendations based on users in similar location and groupements: {{res[4]}}<br>
Previously ordered products recommendations based on similar products: {{res[5]}}<br>
</p>

</body>

</html>



<!DOCTYPE html>
<html>
<head>
<title>UnScript</title>
<link rel="stylesheet" href="/static/index.css">
<link rel="stylesheet" href="/static/images/Maverick.png">
<link rel="stylesheet" href="https://unpkg.com/mvp.css">
<style>
* {
box-sizing: border-box;
}

.columnside {
float: left;
width: 40%;
padding: 10px;
}
.column {
float: left;
width: 60%;
padding: 10px;
}

.row:after {
content: "";
display: table;
clear: both;
}
.center_logo {
display: block;
margin-left: auto;
margin-right: auto;
}
</style>
</head>

<body>
<br>

<br><br>
<div class="row">
<div class="columnside">
<br><br><br><br><br><br>
<img class="center_logo" height="300vh" alt="Robot logo" src="/images/Maverick.png"></img>
</div>
<div class="column">
<div class="center">
<form class="center">New recommendations based on users using similar product: {{res[0]}}</form>
<form class="center">New recommendations based on users in similar location and groupements: {{res[1]}}</form>
<form class="center">New recommendations based on similar products: {{res[2]}}</form>
<form class="center">Previously ordered products recommendations based on users using similar product: {{res[3]}}</form>
<form class="center">Previously ordered products recommendations based on users in similar location and groupements: {{res[4]}}</form>
<form class="center">Previously ordered products recommendations based on similar products: {{res[5]}}</form>
</div>
<a href='/'>Go back</a>
</div>
<!-- <div class="columnside"> -->
<!-- </div> -->
</div>
</body>
</html>
12 changes: 0 additions & 12 deletions template/static/index.css

This file was deleted.

0 comments on commit 258ebba

Please sign in to comment.