Commit e2663fec authored by Vijayakumar Sajeevan's avatar Vijayakumar Sajeevan

finish commit by sajee_IT19180212

parent 783020b3
This diff is collapsed.
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500&family=Roboto:wght@300;400;500&display=swap');
*{
margin: 0;
padding: 0;
font-family: 'Roboto', sans-serif;
}
.main_one{
width: 100%;
min-height: 100vh;
background-image: linear-gradient( rgba(43,67,114 ,0.4), rgba(43,67,114, 0.4) ), url('/static/back_04.jpg');
background-position: center;
background-size: cover;
position: relative;
}
.main_two{
width: 100%;
min-height: 100vh;
background-image: linear-gradient( rgba(43,67,114 ,0.3), rgba(43,67,114, 0.3) ), url('/static/back_01.jpg');
background-position: center;
background-size: cover;
position: relative;
}
.process1{
width: 100%;
min-height: 100vh;
background-image: linear-gradient( rgba(43,67,114 ,0.5), rgba(43,67,114, 0.5) ), url('/static/background_2.jpg');
background-position: center;
background-size: cover;
position: relative;
}
.process2{
width: 100%;
height: 100vh;
background-image: linear-gradient( rgba(43,67,114 ,0.5), rgba(43,67,114, 0.5) ), url('/static/background_3.jpg');
background-position: center;
background-size: cover;
position: relative;
}
.process3{
width: 100%;
height: 100vh;
background-image: linear-gradient( rgba(43,67,114 ,0.5), rgba(43,67,114, 0.5) ), url('/static/background_4.jpg');
background-position: center;
background-size: cover;
position: relative;
}
.aboutBody{
width: 100%;
height: 100vh;
background-image: linear-gradient( rgba(43,67,114 ,0.5), rgba(43,67,114, 0.5) ), url('/static/background_2.jpg');
background-position: center;
background-size: cover;
position: relative;
}
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>about of 2022-180</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<!--Bootstrap-Css -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<!--FontAwesome-Css -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous"/>
<!--custom style-Css -->
<link rel='stylesheet' type='text/css' media='screen' href="{{ url_for('static', filename='customStyle.css') }}">
</head>
<body class="aboutBody">
<section class="container-fluid">
<br>
<a href="/home" class="btn btn-outline-warning fs-5 fw-bold"><b> &laquo; Back </b></a><br><br>
<div class="container">
<table class="table table-striped table-light">
<thead>
<tr class="table-warning text-danger">
<th colspan="3">Project Details</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Module</th>
<td colspan="3">Final Year Research Project</td>
</tr>
<tr>
<th scope="row">Group Id</th>
<td colspan="3" class="text-primary"><b>2022-180</b></td>
</tr>
<tr>
<th scope="row">Project Heading</th>
<td colspan="3" class="text-primary"><b>Recommendation system based on Tamil-English code-mixed text analysis</b></td>
</tr>
</tbody>
<thead>
<tr class="table-warning text-danger">
<th scope="col">Members</th>
<th scope="col">Name</th>
<th scope="col">E-mail</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">External-Supervisor</th>
<td>Ms. Aarchana Kugathasan</td>
<td>archchanakugathasan@gmail.com</td>
</tr>
<tr>
<th scope="row">Supervisor</th>
<td>Ms. Wishalya Tissera</td>
<td>wishalya.t@sliit.lk</td>
</tr>
<tr>
<th scope="row">Co-Supervisor</th>
<td>Samitha Vidhanaarachchi</td>
<td>samitha.v@sliit.lk</td>
</tr>
</tbody>
<thead>
<tr class="table-warning text-danger">
<th scope="col">Members</th>
<th scope="col">Name</th>
<th scope="col">Registration Number</th>
</tr>
</thead>
<tr>
<th scope="row">Member-01</th>
<td>Sajeevan.V</td>
<td>IT19180212</td>
</tr>
<tr>
<th scope="row">Member-02</th>
<td>M.Gobinath</td>
<td>IT19233468</td>
</tr>
<tr>
<th scope="row">Member-03</th>
<td>Jaseenthiran.S</td>
<td>IT19233536</td>
</tr>
</tbody>
</table>
</div>
</section>
<footer>
<div class="container-fluid text-center text-light">
<div class="row">
<div class="col-md-12">
<h5 class="foot_link"> &copy All right Reversed. <a class="footerlinks text-light text-unstyled" href="/about" target="_blank">2022-180</a> Team</h5>
</div>
<div class="col-md-12">
<h6 class="foot_link"> sajeevan0541@gmail.com</h6>
</div>
<div class="col-md-12">
<h6 class="foot_link"> +94 767930541</h6>
</div>
</div>
</div>
</footer>
</body>
</html>
\ No newline at end of file
{% extends "layout.html" %}
{% block content %}
<section class="main_one">
<div>
<marquee direction="left" scrollamount="6" style="padding-top:10px ;">
<h2 class="text-light">Movie Recommendation System based on Tamil-English code-mixed(<i>Tanglish</i>) text analysis</h2>
</marquee>
<div id="mainSlide" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="/static/cinema_05.jpg" alt="First slide" height="710px">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="/static/cinema_04.jpg" alt="Second slide" height="710px">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="/static/cinema_03.jpg" alt="Third slide" height="710px">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="/static/cinema_06.jpg" alt="fourth slide" height="710px">
</div>
</div>
<a class="carousel-control-prev" href="#mainSlide" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#mainSlide" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div style="margin-top: 35px; margin-bottom: 30px;">
<center><a href="#btnPage" class="badge badge-pill badge-light" style="font-size:18px;" >View Process</a></center>
</div>
</section>
<section id="btnPage" class="main_two container-fluid">
<div>
<div class="row">
<div class="col-md-3 mx-auto">
<!-- Button-1 trigger modal -->
<button type="button" class="btn btn-warning btn-block btn-lg text-secondary" data-toggle="modal" data-target="#processStep1">
<b>Step - 01</b>
</button><br>
</div>
<div class="col-md-3 mx-auto">
<!-- Button-2 trigger modal -->
<button type="button" class="btn btn-warning btn-block btn-lg text-secondary" data-toggle="modal" data-target="#processStep2">
<b>Step - 02</b>
</button><br>
</div>
<div class="col-md-3 mx-auto">
<!-- Button-3 trigger modal -->
<button type="button" class="btn btn-warning btn-block btn-lg text-secondary" data-toggle="modal" data-target="#processStep3">
<b>Step - 03</b>
</button>
</div>
</div>
<!-- Modal-btn-01 -->
<div class="row">
<div class="col-md- mx-auto">
<div class="modal fade" id="processStep1" tabindex="-1" role="dialog" aria-labelledby="processStep1Title" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="processStep1Title">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
Process-01, Process-01, Process-01, Process-01, Process-01,Process-01, Process-01,
Process-01, Process-01, Process-01, Process-01, Process-01,Process-01, Process-01,
Process-01, Process-01, Process-01, Process-01, Process-01,Process-01, Process-01,
Process-01, Process-01, Process-01, Process-01, Process-01,Process-01, Process-01.
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal-btn-02 -->
<div class="modal fade" id="processStep2" tabindex="-1" role="dialog" aria-labelledby="processStep2Title" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="processStep2Title">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
Process-02, Process-01, Process-01, Process-01, Process-01,
Process-01, Process-01, Process-01, Process-01, Process-01,
Process-01, Process-01, Process-01, Process-01, Process-01,
Process-01, Process-01, Process-01, Process-01, Process-01
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal-btn-03 -->
<div class="modal fade" id="processStep3" tabindex="-1" role="dialog" aria-labelledby="processStep3Title" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="processStep3Title">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
Process-03, Process-01, Process-01, Process-01, Process-01,
Process-01, Process-01, Process-01, Process-01, Process-01,
Process-01, Process-01, Process-01, Process-01, Process-01,
Process-01, Process-01, Process-01, Process-01, Process-01
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<br><br>
</section>
{% endblock %}
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>MovieREC - 2022-180</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<!--Bootstrap-Css -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<!--FontAwesome-Css -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous"/>
<!--custom style-Css -->
<link rel='stylesheet' type='text/css' media='screen' href="{{ url_for('static', filename='customStyle.css') }}">
</head>
<body>
<header>
<div>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand text-danger mr-5" href="/home">
<h3>MovieREC</h3>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link mr-3" aria-current="page" href="/home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link mr-3" href="/process_01">Process-01</a>
</li>
<li class="nav-item">
<a class="nav-link mr-3" href="/process_02">Process-02</a>
</li>
<li class="nav-item">
<a class="nav-link mr-3" href="/process_03">Process-03</a>
</li>
<li class="nav-item">
<a class="nav-link mr-3" href="/result">Result</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/about">About Us</a>
</li>
</ul>
</div>
</nav>
</div>
</header>
<section>
{% block content %}
{% endblock %}
</section>
<footer>
<div class="container-fluid bg-secondary text-center text-light">
<div class="row">
<div class="col-md-12">
<h5 class="foot_link"> &copy All right Reversed. <a class="footerlinks text-light text-unstyled" href="/about" target="_blank">2022-180</a> Team</h5>
</div>
<div class="col-md-12">
<h6 class="foot_link"> sajeevan0541@gmail.com</h6>
</div>
<div class="col-md-12">
<h6 class="foot_link"> +94 767930541</h6>
</div>
</div>
</div>
</footer>
<!--Bootstrap-jQuery-js -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<!--Bootstrap-popper-js -->
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<!--Bootstrap-js -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<!--FontAwesome-js -->
<script defer src="https://use.fontawesome.com/releases/v5.15.4/js/all.js" integrity="sha384-rOA1PnstxnOBLzCLMcre8ybwbTmemjzdNlILg8O7z1lUkLXozs4DHonlDtnE7fpc" crossorigin="anonymous"></script>
</body>
</html>
\ No newline at end of file
{% extends "layout.html" %}
{% block content %}
<div class="process1">
<br>
<form action = "uploader" method="post">
<h4 class="text-warning font-weight-bold ml-3">Import comments file (<i>.xlsx</i> ) </h4>
<div class="form-group ml-3">
<input class="form-control" type="file" name="upload-excel" value="" style="width: 500px; cursor: pointer;" ><br>
<input class="form-control btn-outline-light font-weight-bold" type="submit" name="btnSubmit" value="Import file" style="width: 300px; cursor: pointer;">
</div>
<br><br>
</form>
<div class="container-fluid text-dark font-weight-bold mx-auto" style="width: 90%;">
<div class="table-responsive" style="opacity: 0.8;">
<div class="table table-light"> {{data | safe}}</div>
<center><h2 class="text-danger"><i> {{ error }} </i></h2></center>
</div>
</div>
<br>
<center><a class="badge badge-pill badge-warning" href="/cleaningComments" style="padding: 15px; font-size: 18px;">Cleaning comments</a></center>
<br>
<br>
<div class="container-fluid text-dark font-weight-bold mx-auto" style="width: 90%;">
<div class="table-responsive" style="opacity: 0.8;">
<div class="table table-light table-responsive"> {{cleanedComments | safe}}</div>
<center><h2 class="text-danger"><i> {{ error1 }} </i></h2></center>
</div>
</div>
<br>
<center><a class="badge badge-pill badge-warning" href="/predictLanguage" style="padding: 15px; font-size: 18px;">Language prediction</a></center>
<br>
<br>
<div class="container-fluid text-dark font-weight-bold mx-auto" style="width: 90%;">
<div class="table-responsive" style="opacity: 0.8;">
<div class="table table-light table-responsive"> {{translation | safe}}</div>
<center><h2 class="text-danger"><i> {{ error2 }} </i></h2></center>
</div>
</div>
<br>
<center><a class="badge badge-pill badge-warning" href="/basicNLTK" style="padding: 15px; font-size: 18px;">Basic nltk process</a></center>
<br>
<br>
<div class="container-fluid text-dark font-weight-bold mx-auto" style="width: 90%;">
<div class="table-responsive" style="opacity: 0.8;">
<div class="table table-light table-responsive"> {{basicNLTK | safe}}</div>
<center><h2 class="text-danger"><i> {{ error3 }} </i></h2></center>
</div>
</div>
<br>
<center><a class="badge badge-pill badge-warning" href="/translateToTamil" style="padding: 15px; font-size: 18px;">Translate to tamil language</a></center>
<br>
<br>
<div class="container-fluid text-dark font-weight-bold mx-auto" style="width: 90%;">
<div class="table-responsive" style="opacity: 0.8;">
<div class="table table-light table-responsive"> {{traslateToTamil | safe}}</div>
<center><h2 class="text-danger"><i> {{ error4 }} </i></h2></center>
</div>
</div>
<br>
<center><a class="badge badge-pill badge-warning" href="/tanglish" style="padding: 15px; font-size: 18px;">Tanglish comments</a></center>
<br>
<br>
<div class="container-fluid text-dark font-weight-bold mx-auto" style="width: 90%;">
<div class="table-responsive" style="opacity: 0.8;">
<div class="table table-light table-responsive"> {{tanglishComments | safe}}</div>
<center><h2 class="text-danger"><i> {{ error5 }} </i></h2></center>
</div>
</div>
<br>
<center><a class="badge badge-pill badge-warning" href="/save" style="padding: 15px; font-size: 18px;">Save</a></center>
<br>
<br>
<div class="container-fluid text-dark font-weight-bold mx-auto" style="width: 90%;">
<div class="table-responsive" style="opacity: 0.8;">
<center><h2 class="text-danger"><i> {{ msg_02 }} </i></h2></center>
<center><h2 class="text-success"><i> {{ msg_01 }} </i></h2></center>
</div>
</div>
<br>
</div>
{% endblock %}
{% extends "layout.html" %}
{% block content %}
<div class="process2">
<form action = "uploadTanglish" method="post">
<h4 class="text-warning font-weight-bold ml-3">Import comments file (<i>.xlsx</i> ) </h4>
<div class="form-group ml-3">
<input class="form-control" type="file" name="upload-tanglish" value="" style="width: 500px; cursor: pointer;" ><br>
<input class="form-control btn-outline-light font-weight-bold" type="submit" name="btnSubmit" value="Import file" style="width: 300px; cursor: pointer;">
</div>
<br><br>
</form>
<div class="container-fluid text-dark font-weight-bold mx-auto" style="width: 90%;">
<div class="" style="opacity: 0.8;">
<div class="table table-light table-responsive"> {{tanglish_dataset | safe}}</div>
<center><h2 class="text-danger"><i> {{ error }} </i></h2></center>
</div>
</div>
<br>
<center><a class="badge badge-pill badge-warning" href="/tokenization" style="padding: 15px; font-size: 18px;">Tokenization</a></center>
<br>
<br>
<div class="container-fluid text-dark font-weight-bold mx-auto" style="width: 90%;">
<div class="table-responsive" style="opacity: 0.8;">
<div class="table table-light table-responsive"> {{tang_data | safe}}</div>
<center><h2 class="text-danger"><i> {{ error1 }} </i></h2></center>
</div>
</div>
</div>
{% endblock %}
{% extends "layout.html" %}
{% block content %}
<div class="process3">
<h1>belong to process-03</h1>
<h2>for Gobinath.M</h2>
</div>
{% endblock %}
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