Commit e0116331 authored by NaweenTharuka's avatar NaweenTharuka

feat: Update views

parent fd9fac82
......@@ -42,30 +42,55 @@
<div class="heading-text heading-line text-center mt-5">
<h4>Summery</h4>
</div>
<div class="d-flex justify-content-center my-5">
<a class="btn btn-primary" href="{% url 'emotionaudioprosody' %}" type="submit">Usage of Prosody</a>
</div>
<div class="row pb-5">
<div class="col-lg-3 text-center"> <span class="pie-chart" data-percent="10"> <span
class="percent"></span> </span>
<h4>Disgusted</h4>
<h4>Neutral</h4>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Condimentum porttitor cursumus.</p>
</div>
<div class="col-lg-3 text-center">
<div class="pie-chart" data-percent="20" data-color="#EA4C89"> <span class="percent"></span>
</div>
<h4>Fearfull</h4>
<h4>Calm</h4>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum cursumus.</p>
</div>
<div class="col-lg-3 text-center">
<div class="pie-chart" data-percent="95" data-color="#FF675B"> <span class="percent"></span>
</div>
<h4>Neutral</h4>
<h4>Happy</h4>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor.</p>
</div>
<div class="col-lg-3 text-center">
<div class="pie-chart" data-percent="51" data-color="#FF9900"> <span class="percent"></span>
</div>
<h4>Sad</h4>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor
cursumus.</p>
</div>
<div class="col-lg-3 text-center">
<div class="pie-chart" data-percent="02" data-color="#E4EA64"> <span class="percent"></span>
</div>
<h4>Angry</h4>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor
cursumus.</p>
</div>
<div class="col-lg-3 text-center">
<div class="pie-chart" data-percent="20" data-color="#6DEA64"> <span class="percent"></span>
</div>
<h4>Fearful</h4>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor
cursumus.</p>
</div>
<div class="col-lg-3 text-center">
<div class="pie-chart" data-percent="55" data-color="#0FD1AA"> <span class="percent"></span>
</div>
<h4>Disgust</h4>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor
cursumus.</p>
</div>
<div class="col-lg-3 text-center">
<div class="pie-chart" data-percent="21" data-color="#C03BE3"> <span class="percent"></span>
</div>
<h4>Suprised</h4>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor
cursumus.</p>
......@@ -73,7 +98,8 @@
</div>
<div class="d-flex justify-content-center mb-5">
<a class="btn btn-primary" href="{% url 'overallfeedback' %}" type="submit">View summery detail</a>
<a class="btn btn-primary" href="{% url 'emotionaudioprosody' %}" type="submit">Usage of Prosody of your voice</a>
<a class="btn btn-outline" href="{% url 'overallfeedback' %}" type="submit">View summery detail</a>
</div>
</div>
......
......@@ -3,49 +3,63 @@
{% block content %}
<div class="container">
<div class="heading-text heading-section text-center py-3">
<h4>Emotions & body gestures - Video</h4>
<span class="lead">See what presently think about your presentation</span>
</div>
<hr/>
<div class="heading-text heading-line text-center mt-5">
<h4>Summery of emotions</h4>
</div>
<div class="row pb-5">
<div class="col-lg-3 text-center"> <span class="pie-chart" data-percent="10"> <span
class="percent"></span> </span>
<h4>Disgusted</h4>
<h4>Angry</h4>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Condimentum porttitor cursumus.</p>
</div>
<div class="col-lg-3 text-center">
<div class="pie-chart" data-percent="20" data-color="#EA4C89"> <span class="percent"></span>
</div>
<h4>Fearfull</h4>
<h4>Disgust</h4>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum cursumus.</p>
</div>
<div class="col-lg-3 text-center">
<div class="pie-chart" data-percent="95" data-color="#FF675B"> <span class="percent"></span>
</div>
<h4>Neutral</h4>
<h4>Fear</h4>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor.</p>
</div>
<div class="col-lg-3 text-center">
<div class="pie-chart" data-percent="51" data-color="#FF9900"> <span class="percent"></span>
</div>
<h4>Suprised</h4>
<h4>Happy</h4>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor
cursumus.</p>
</div>
<div class="col-lg-3 text-center">
<div class="pie-chart" data-percent="02" data-color="#E4EA64"> <span class="percent"></span>
</div>
<h4>Sad</h4>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor
cursumus.</p>
</div>
<div class="col-lg-3 text-center">
<div class="pie-chart" data-percent="20" data-color="#6DEA64"> <span class="percent"></span>
</div>
<h4>Suprise</h4>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor
cursumus.</p>
</div>
<div class="col-lg-3 text-center">
<div class="pie-chart" data-percent="55" data-color="#0FD1AA"> <span class="percent"></span>
</div>
<h4>Neutral</h4>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor
cursumus.</p>
</div>
</div>
<hr/>
<div class="heading-text heading-line text-center mt-5">
<h4>Usage of body gestures</h4>
</div>
<div class="d-flex justify-content-center mb-5">
<a class="btn btn-primary" href="{% url 'overallfeedback' %}" type="submit">View summery detail</a>
</div>
</div>
......
......@@ -71,11 +71,6 @@
</div>
</div>
<!-- content to remove -->
<div class="d-flex justify-content-center my-5">
<a class="btn btn-primary" href="{% url 'emotionaudioprosody' %}" type="submit">Usage of Prosody</a>
</div>
<div class="container my-5">
{% if user.is_authenticated %}
......
......@@ -18,6 +18,9 @@
<h3><b>User Name</b> : {{user.username}}</h3>
<h3><b>Email</b> : {{user.email}}</h3>
<h3><b>Password</b> : **********</h3>
<div class="my-5">
<a class="btn btn-info" href="{% url 'feedback' %}" type="submit">Watch your Uploaded Videos</a>
</div>
</div>
</div>
</div>
......
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