Skip to content

S
SearchEngine
Commit 9c55ce7a by Yolanda Nainggolan
Options

adding dataframe & preprocessing page and edit home page

parent eed4c66e
Showing with 252 additions and 2 deletions
SearchEngine/InvertedIndexSimulator/static/assets/css/dataframe.min.css 0 → 100644
@import url('https://fonts.googleapis.com/css?family=Quicksand:400,700&display=swap');
body {
font-family: sans-serif;
}
h2, h3 {
color: #00a2c6
}
footer {
color: white;
background-color: #591a75
}
nav a {
font-size: 18px;
font-weight: 400;
text-decoration: none;
}
nav a:hover {
font-weight: bold;
}
.profile header {
text-align: center;
}
footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
padding: 5px;
color: white;
background-color: #440f5c;
text-align: center;
font-weight: bold;
}
.featured-image {
width: 100%;
max-height: 300px;
object-fit: cover;
object-position: center;
}
.card {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
border-radius: 15px;
padding: 20px;
margin-top: 10px;
}
.jumbotron {
font-size: 20px;
padding: 60px;
text-align: center;
color: white;
background-image: url(https://ak.picdn.net/assets/cms/music_subscription_homepage_banner.jpg);
background-size: cover;
background-repeat: no-repeat;
text-shadow: black 0.3em 0.3em 0.3em;
}
nav {
background-color: #091729;
padding: 5px;
position: sticky;
top: 0;
}
nav a {
font-size: 18px;
font-weight: 400;
text-decoration: none;
color: white;
}
body {
font-family: 'Quicksand', sans-serif;
margin: 0;
padding: 0;
}
main {
padding: 15px;
overflow: auto;
}
#content {
width: 100%;
}
* {
box-sizing: border-box;
}
figure img {
border-radius: 50%;
}
.button {
display: inline-block;
border-radius: 4px;
background-color: #7c1ca6;
border: none;
color: #FFFFFF;
text-align: center;
font-size: 15px;
padding: 20px;
transition: all 0.5s;
cursor: pointer;
margin: 5px;
}
button span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.5s;
}
button span:after {
content: '\00bb';
position: absolute;
opacity: 0;
top: 0;
right: -20px;
transition: 0.5s;
}
button:hover span {
padding-right: 25px;
}
button:hover span:after {
opacity: 1;
right: 0;
}
table, th, td {
border: 1px solid black;
border-collapse: collapse;
text-align: center;
}
SearchEngine/InvertedIndexSimulator/static/assets/css/landing-page.min.css
...@@ -32,6 +32,10 @@ nav a:hover { ...@@ -32,6 +32,10 @@ nav a:hover {
footer { footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
padding: 5px; padding: 5px;
color: white; color: white;
background-color: #440f5c; background-color: #440f5c;
......
SearchEngine/InvertedIndexSimulator/templates/apps/dataframe.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Song Lyric Search Engine</title>
<link href="../../static/assets/css/dataframe.min.css" rel="stylesheet">
</head>
<body>
<main>
<div id="content">
<article class="card">
<div align="right">
<button onclick="pageRedirect()" class="button" style="vertical-align:middle"><span>Next</span></button>
</div>
<center><h1>Dataset</h1><br>
<table style="width:100%">
<tr>
<th>Judul</th>
<th>Penyanyi</th>
<th>tahun</th>
</tr>
<tr>
<td>Aku dan dirimu</td>
<td>Ari Lasso</td>
<td>2007</td>
</tr>
<tr>
<td>Pupus</td>
<td>Dewa19</td>
<td>2008</td>
</tr>
</table>
</center>
</article>
</div>
</main>
<footer>
<p>&copy; STBI-2020-03</p>
</footer>
</body>
<script>
function pageRedirect() {
window.location.href = "../../templates/apps/preprocessing.html";
}
</script>
</html>
SearchEngine/InvertedIndexSimulator/templates/apps/home.html
...@@ -22,8 +22,8 @@ ...@@ -22,8 +22,8 @@
<center><h1>Pilih Dataset</h1><br> <center><h1>Pilih Dataset</h1><br>
<table> <table>
<tr> <tr>
<th><button class="button" style="vertical-align:middle"><span>International Billboard Song </span></button></th> <th><button onclick="pageRedirect()" class="button" style="vertical-align:middle"><span>International Billboard Song </span></button></th>
<td><button class="button" style="vertical-align:middle"><span>Indonesian Song </span></button></td> <td><button onclick="pageRedirect()" class="button" style="vertical-align:middle"><span>Indonesian Song </span></button></td>
</tr> </tr>
</table> </table>
</center> </center>
...@@ -38,4 +38,10 @@ ...@@ -38,4 +38,10 @@
</body> </body>
<script>
function pageRedirect() {
window.location.href = "../../templates/apps/dataframe.html";
}
</script>
</html> </html>
SearchEngine/InvertedIndexSimulator/templates/apps/preprocessing.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Song Lyric Search Engine</title>
<link href="../../static/assets/css/dataframe.min.css" rel="stylesheet">
</head>
<body>
<main>
<div id="content">
<article class="card">
<div align="right">
<button onclick="pageRedirect()" class="button" style="vertical-align:middle"><span>Next</span></button>
</div>
<center><h1>Text Preprocessing</h1><br></center>
</article>
</div>
</main>
<footer>
<p>&copy; STBI-2020-03</p>
</footer>
</body>
<script>
function pageRedirect() {
window.location.href = "../../templates/apps/index.html";
}
</script>
</html>
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