Commit 7763af08 authored by NaweenTharuka's avatar NaweenTharuka

feat: Added dashboard for slide checker

parent 917b479b
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="INSPIRO" />
<meta name="description" content="Themeforest Template Polo" />
<link rel="icon" type="image/png" href="FE-InHome/images/favicon.png" />
<link rel="stylesheet" href="FE-InHome/css/style.css" type="text/css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous" />
<!-- <link href="FE-InHome/css/plugins.css" rel="stylesheet" />
<link href="FE-InHome/css/style.css" rel="stylesheet" /> -->
<meta charset="UTF-8">
<title>PRESENTLY </title>
<!-- <meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@oomphinc">
<meta name="og:title" content="ColorCube: Evaluate Accessible Color Palettes">
<meta name="twitter:title" content="ColorCube: Evaluate Accessible Color Palettes">
<meta name="og:description" content="Adjust color values to meet WCAG Level AA or AAA standards for legible color combinations.">
<meta name="twitter:description" content="Adjust color values to meet WCAG Level AA or AAA standards for legible color combinations.">
<meta name="og:image" content="assets/img/ColorCube-screenshot.png">
<meta name="twitter:image" content="assets/img/ColorCube-screenshot.png">
<meta name="twitter:image:alt" content="We are sorry, but this tool is not optimized for the visually impaired.">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> -->
<script type="text/javascript" src="./assets/js/detection.js"></script>
<!-- <link rel="stylesheet" type="text/css" media="screen" href="./assets/css/main.css" /> -->
</head>
<body>
<div class="body-inner">
<header id="header" class="lite">
<div class="header-inner">
<div class="container">
<div id="logo">
<img src="FE-InHome/images/logo.png" class="img-fluid" style="width: 300px;">
</div>
<div id="search">
<a id="btn-search-close" class="btn-search-close" aria-label="Close search form"><i class="icon-x"></i></a>
<form class="search-form" action="https://inspirothemes.com/polo/search-results-page.html" method="get">
<input class="form-control" name="q" type="search" placeholder="Type & Search..." />
<span class="text-muted">Start typing & press "Enter" or "ESC" to close</span>
</form>
</div>
<div class="header-extras">
<ul>
<li>
<a id="btn-search" href="#"> <i class="icon-search"></i></a>
</li>
<li>
<div class="p-dropdown">
<a href="#"><i class="icon-globe"></i><span>EN</span></a>
<ul class="p-dropdown-content">
<li><a href="#">French</a></li>
<li><a href="#">Spanish</a></li>
<li><a href="#">English</a></li>
</ul>
</div>
</li>
</ul>
</div>
<div id="mainMenu-trigger">
<a class="lines-button x"><span class="lines"></span></a>
</div>
<div id="mainMenu">
<div class="container">
<nav>
<ul>
<li><a href="index-2.html">Home</a></li>
<li><a href="index-2.html">Contact Us</a></li>
<li><a href="index-2.html">About Us</a></li>
<li><a href="index-2.html">Profile</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</header>
<!-- <div class="container">
<div class="l__max u__space__outer cc__brand">
<h3 class="cc__brand__title mb-5">
Slide Quality Checker
</h3>
</div>
</div> -->
<div class="cc__form__submit g--wide text-align-center">
<div class="row">
<div class="col-md-3" style="padding: 2rem;">
<div class="card" style="width: 100%;">
<img class="card-img-top" style="padding: 1rem;" src="/Users/chithuwedage/Documents/Presently/21_22-j-02/BE-Aeasthatic-Quality-Check/images/shutter.png" alt="Card image cap">
<div class="card-body text-center">
<h5 class="card-title">Color Accuracy</h5>
<p class="card-text">Color accuracy conveys the true meaning of a motion picture or image.</p>
<a href="colorCube.html" class="btn btn-primary">Click Here</a>
</div>
</div>
</div>
<div class="col-md-3" style="padding: 2rem;">
<div class=" card" style="width:100%;">
<img class="card-img-top" style="padding: 1rem;" src="/Users/chithuwedage/Documents/Presently/21_22-j-02/BE-Aeasthatic-Quality-Check/images/developer.png" alt="Card image cap">
<div class="card-body text-center">
<h5 class="card-title">Grammer Checker</h5>
<p class="card-text">Will find each sentence in a text, look up each word in the dictionary.</p>
<a href="file:///Users/chithuwedage/Documents/Presently/21_22-j-02/BE-Aeasthatic-Quality-Check/grammer%20checker/index.html" class="btn btn-primary">Click Here</a>
</div>
</div>
</div>
<div class="col-md-3" style="padding: 2rem;">
<div class=" card" style="width: 100%;">
<img class="card-img-top" style="padding: 1rem;" src="/Users/chithuwedage/Documents/Presently/21_22-j-02/BE-Aeasthatic-Quality-Check/images/camera.png" alt="Card image cap">
<div class="card-body text-center">
<h5 class="card-title">Accessibility Checker</h5>
<p class="card-text">Accessibility not check for poor color contrast or inappropriate use of color.</p>
<a href="http://localhost:3000/" class="btn btn-primary">Click Here</a>
</div>
</div>
</div>
<div class="col-md-3" style="padding: 2rem;">
<div class=" card" style="width: 100%;">
<img class="card-img-top" style="padding: 1rem;" src="/Users/chithuwedage/Documents/Presently/21_22-j-02/BE-Aeasthatic-Quality-Check/images/frame.png" alt="Card image cap">
<div class="card-body text-center">
<h5 class="card-title">Visibility Checker</h5>
<p class="card-text">Sharpness visibility is an image's overall clarity in terms of both focus and contrast.</p>
<a href="file:///Users/chithuwedage/Documents/Presently/21_22-j-02/BE-Aeasthatic-Quality-Check/sharpness%20checker/index.html" class="btn btn-primary">Click Here</a>
</div>
</div>
</div>
</div>
</div>
<!--
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="/Users/chithuwedage/Documents/Presently/21_22-j-02/BE-Aeasthatic-Quality-Check/images/shutter.png" alt="First slide" />
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/title-banner.png" alt="Second slide" />
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/audio-bg.jpg" alt="Third slide" />
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" 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="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div> -->
<footer id="footer">
<div class="footer-content">
<div class="container">
<div class="row">
<div class="col-xl-2 col-lg-2 col-md-3">
<div class="widget">
</div>
</div>
</div>
</div>
</div>
<div class="copyright-content">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="social-icons social-icons-colored float-left">
<ul>
<li class="social-rss">
<a href="#"><i class="fa fa-rss"></i></a>
</li>
<li class="social-facebook">
<a href="#"><i class="fab fa-facebook-f"></i></a>
</li>
<li class="social-twitter">
<a href="#"><i class="fab fa-twitter"></i></a>
</li>
<li class="social-vimeo">
<a href="#"><i class="fab fa-vimeo"></i></a>
</li>
<li class="social-youtube">
<a href="#"><i class="fab fa-youtube"></i></a>
</li>
<li class="social-pinterest">
<a href="#"><i class="fab fa-pinterest"></i></a>
</li>
<li class="social-gplus">
<a href="#"><i class="fab fa-google-plus-g"></i></a>
</li>
</ul>
</div>
</div>
<div class="col-lg-6">
<div class="copyright-text text-center">
&copy; 2021 Presently - Personal Trainer App
All Rights Reserved.
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
</div>
<a id="scrollTop"><i class="icon-chevron-up"></i><i class="icon-chevron-up"></i></a>
<script
src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"
></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"
></script>
</body>
</html>
\ No newline at end of file
{% extends 'users/base.html' %}
{% load static %}
{% block content %}
<div class="container">
<nav aria-label="breadcrumb mt-4">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="{% url 'home' %}">Home</a></li>
<li class="breadcrumb-item"><a href="{% url 'feedback' %}">Dashboard</a></li>
<li class="breadcrumb-item active" aria-current="page">Emotion-predictions(Video)</li>
</ol>
</nav>
<div class="heading-text heading-line text-center mt-5">
<h4>Slide Quality Checker</h4>
</div>
<div class="carousel mt-4" data-items="3" data-dots="false" data-lightbox="gallery">
<div class="portfolio-item img-zoom ct-photography ct-media ct-branding ct-Media">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a href="#"><img src="{% static 'users/images/1-1.jpg' %}" alt=""></a>
</div>
<div class="portfolio-description">
<a title="Paper Pouch!" data-lightbox="gallery-image" href="{% static 'users/images/1-1.jpg' %}"
class="btn btn-light btn-rounded">Zoom</a>
</div>
</div>
</div>
<div class="portfolio-item img-zoom ct-photography ct-media ct-branding ct-Media">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a href="#"><img src="{% static 'users/images/2-3.jpg' %}" alt=""></a>
</div>
<div class="portfolio-description">
<a title="Paper Pouch!" data-lightbox="gallery-image" href="{% static 'users/images/2-3.jpg' %}"
class="btn btn-light btn-rounded">Zoom</a>
</div>
</div>
</div>
<div class="portfolio-item img-zoom ct-photography ct-media ct-branding ct-Media">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a href="#"><img src="{% static 'users/images/3-4.jpg' %}" alt=""></a>
</div>
<div class="portfolio-description">
<a title="Paper Pouch!" data-lightbox="gallery-image" href="{% static 'users/images/3-4.jpg' %}"
class="btn btn-light btn-rounded">Zoom</a>
</div>
</div>
</div>
<div class="portfolio-item img-zoom ct-photography ct-media ct-branding ct-Media">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a href="#"><img src="{% static 'users/images/4-4.jpg' %}" alt=""></a>
</div>
<div class="portfolio-description">
<a title="Paper Pouch!" data-lightbox="gallery-image" href="{% static 'users/images/4-4.jpg' %}"
class="btn btn-light btn-rounded">Zoom</a>
</div>
</div>
</div>
<div class="portfolio-item img-zoom ct-photography ct-media ct-branding ct-Media">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a href="#"><img src="{% static 'users/images/5-8.jpg' %}" alt=""></a>
</div>
<div class="portfolio-description">
<a title="Paper Pouch!" data-lightbox="gallery-image" href="{% static 'users/images/5-8.jpg' %}"
class="btn btn-light btn-rounded">Zoom</a>
</div>
</div>
</div>
<div class="portfolio-item img-zoom ct-photography ct-media ct-branding ct-Media">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a href="#"><img src="{% static 'users/images/6-7.jpg' %}" alt=""></a>
</div>
<div class="portfolio-description">
<a title="Paper Pouch!" data-lightbox="gallery-image" href="{% static 'users/images/6-7.jpg' %}"
class="btn btn-light btn-rounded">Zoom</a>
</div>
</div>
</div>
<div class="portfolio-item img-zoom ct-photography ct-media ct-branding ct-Media">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a href="#"><img src="{% static 'users/images/7-2.jpg' %}" alt=""></a>
</div>
<div class="portfolio-description">
<a title="Paper Pouch!" data-lightbox="gallery-image" href="{% static 'users/images/7-2.jpg' %}"
class="btn btn-light btn-rounded">Zoom</a>
</div>
</div>
</div>
<div class="portfolio-item img-zoom ct-photography ct-media ct-branding ct-Media">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a href="#"><img src="{% static 'users/images/8-4.jpg' %}" alt=""></a>
</div>
<div class="portfolio-description">
<a title="Paper Pouch!" data-lightbox="gallery-image" href="{% static 'users/images/8-4.jpg' %}"
class="btn btn-light btn-rounded">Zoom</a>
</div>
</div>
</div>
<div class="portfolio-item img-zoom ct-photography ct-media ct-branding ct-Media">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a href="#"><img src="{% static 'users/images/9-4.jpg' %}" alt=""></a>
</div>
<div class="portfolio-description">
<a title="Paper Pouch!" data-lightbox="gallery-image" href="{% static 'users/images/9-4.jpg' %}"
class="btn btn-light btn-rounded">Zoom</a>
</div>
</div>
</div>
<div class="portfolio-item img-zoom ct-photography ct-media ct-branding ct-Media">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a href="#"><img src="{% static 'users/images/10-4.jpg' %}" alt=""></a>
</div>
<div class="portfolio-description">
<a title="Paper Pouch!" data-lightbox="gallery-image" href="{% static 'users/images/10-4.jpg' %}"
class="btn btn-light btn-rounded">Zoom</a>
</div>
</div>
</div>
</div>
<div class="line"></div>
<div class="row team-members team-members-card m-b-40">
<div class="col-lg-3">
<div class="team-member">
<!-- <div class="team-image">
<img src="images/team/6.jpg">
</div> -->
<div class="team-desc my-3">
<h3>Color Accuracy</h3>
<p>Color accuracy conveys the true meaning of a motion picture or image</p>
<a href="" class="btn btn-outline btn-rounded">Check</a>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="team-member">
<!-- <div class="team-image">
<img src="images/team/6.jpg">
</div> -->
<div class="team-desc my-3">
<h3>Grammer Checker</h3>
<p>Will find each sentence in a text, look up each word in the dictionary</p>
<a href="" class="btn btn-outline btn-rounded">Check</a>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="team-member">
<!-- <div class="team-image">
<img src="images/team/6.jpg">
</div> -->
<div class="team-desc my-3">
<h3>Accessibility Checker</h3>
<p>Accessibility not check for poor color contrast or inappropriate use of color</p>
<a href="" class="btn btn-outline btn-rounded">Check</a>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="team-member">
<!-- <div class="team-image">
<img src="images/team/6.jpg">
</div> -->
<div class="team-desc my-3">
<h3>Visibility Checker</h3>
<p>This is an image's overall clarity in terms of both focus and contrast</p>
<a href="" class="btn btn-outline btn-rounded">Check</a>
</div>
</div>
</div>
</div>
</div>
{% endblock content %}
\ No newline at end of file
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