Skip to content

2
21_22-J-02
Commit 5eaf9646 authored by NaweenTharuka's avatar NaweenTharuka
Browse files
Options

style: Updated video views screen

parent 31a62f13
Hide whitespace changes
Inline Side-by-side
Showing with 10 additions and 15 deletions
Presently/presently/users/templates/users/emotionaudio.html
View file @ 5eaf9646
...@@ -16,13 +16,13 @@ ...@@ -16,13 +16,13 @@
</div> </div>
<div class="d-flex"> <div class="d-flex">
<div class="col-5"> <div class="col-5">
<div id="modalVideo" class="" style="max-width: 700px; min-height:380px"> <div id="modalVideo" style="max-width: 700px; min-height:380px">
<div class="p-t-30 text-center"> <div class="p-t-30 text-center">
{% for x in all %} {% for x in all %}
<h2 class="mb-3">Video Review</h2> <h2 class="mb-3">Video Review</h2>
<div class="video-wrap m-b-20"> <div class="video-wrap m-b-20">
<video id="video-js" class="video-js" controls loop preload="false" <video id="video-js" class="video-js" controls loop preload="false"
poster="video/for-benny/for-benny.jpg"> poster="">
<source src="{{x.video.url}}" type="video/mp4" /> <source src="{{x.video.url}}" type="video/mp4" />
<source src="{{x.video.url}}" type="video/webm" /> <source src="{{x.video.url}}" type="video/webm" />
</video> </video>
...@@ -52,54 +52,49 @@ ...@@ -52,54 +52,49 @@
<div class="col-lg-3 text-center"> <span class="pie-chart" data-percent="10"> <span <div class="col-lg-3 text-center"> <span class="pie-chart" data-percent="10"> <span
class="percent"></span> </span> class="percent"></span> </span>
<h4>Neutral</h4> <h4>Neutral</h4>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Condimentum porttitor cursumus.</p> <p>Lorem ipsum dolor sit amet.</p>
</div> </div>
<div class="col-lg-3 text-center"> <div class="col-lg-3 text-center">
<div class="pie-chart" data-percent="20" data-color="#EA4C89"> <span class="percent"></span> <div class="pie-chart" data-percent="20" data-color="#EA4C89"> <span class="percent"></span>
</div> </div>
<h4>Calm</h4> <h4>Calm</h4>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum cursumus.</p> <p>Lorem ipsum dolor sit amet.</p>
</div> </div>
<div class="col-lg-3 text-center"> <div class="col-lg-3 text-center">
<div class="pie-chart" data-percent="95" data-color="#FF675B"> <span class="percent"></span> <div class="pie-chart" data-percent="95" data-color="#FF675B"> <span class="percent"></span>
</div> </div>
<h4>Happy</h4> <h4>Happy</h4>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor.</p> <p>Lorem ipsum dolor sit amet.</p>
</div> </div>
<div class="col-lg-3 text-center"> <div class="col-lg-3 text-center">
<div class="pie-chart" data-percent="51" data-color="#FF9900"> <span class="percent"></span> <div class="pie-chart" data-percent="51" data-color="#FF9900"> <span class="percent"></span>
</div> </div>
<h4>Sad</h4> <h4>Sad</h4>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor <p>Lorem ipsum dolor sit amet.</p>
cursumus.</p>
</div> </div>
<div class="col-lg-3 text-center"> <div class="col-lg-3 text-center">
<div class="pie-chart" data-percent="02" data-color="#E4EA64"> <span class="percent"></span> <div class="pie-chart" data-percent="02" data-color="#E4EA64"> <span class="percent"></span>
</div> </div>
<h4>Angry</h4> <h4>Angry</h4>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor <p>Lorem ipsum dolor sit amet.</p>
cursumus.</p>
</div> </div>
<div class="col-lg-3 text-center"> <div class="col-lg-3 text-center">
<div class="pie-chart" data-percent="20" data-color="#6DEA64"> <span class="percent"></span> <div class="pie-chart" data-percent="20" data-color="#6DEA64"> <span class="percent"></span>
</div> </div>
<h4>Fearful</h4> <h4>Fearful</h4>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor <p>Lorem ipsum dolor sit amet.</p>
cursumus.</p>
</div> </div>
<div class="col-lg-3 text-center"> <div class="col-lg-3 text-center">
<div class="pie-chart" data-percent="55" data-color="#0FD1AA"> <span class="percent"></span> <div class="pie-chart" data-percent="55" data-color="#0FD1AA"> <span class="percent"></span>
</div> </div>
<h4>Disgust</h4> <h4>Disgust</h4>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor <p>Lorem ipsum dolor sit amet.</p>
cursumus.</p>
</div> </div>
<div class="col-lg-3 text-center"> <div class="col-lg-3 text-center">
<div class="pie-chart" data-percent="21" data-color="#C03BE3"> <span class="percent"></span> <div class="pie-chart" data-percent="21" data-color="#C03BE3"> <span class="percent"></span>
</div> </div>
<h4>Suprised</h4> <h4>Suprised</h4>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor <p>Lorem ipsum dolor sit amet.</p>
cursumus.</p>
</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