Skip to content

Commit

Permalink
Competition Leg (#346)
Browse files Browse the repository at this point in the history 
* competition leg elements

* concentric circles

* img-rings done

* Competition leg and wrapping fixes

* Competitio Leg Layout

* competition leg

* Merge Fixes

* Competition Leg Completion

* banner fixes

* competition-card

* Competition Fixes

* fixes

* Competition Leg cleaning

* carousel heading fix

* card-fixes

* Update color.scss
  • Loading branch information
@BipinKalra @vdvibhu20
BipinKalra authored and vdvibhu20 committed Jul 11, 2019
1 parent 4b6d541 commit 2103188
Show file tree
Hide file tree
Showing 24 changed files with 938 additions and 30 deletions.
90 changes: 90 additions & 0 deletions examples/components/hb/competition-banner.hbs
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,90 @@
<div class="border-card px-5 pb-0 pt-5 bg-gradient-dblue white">
<div class="divider-h mt-4"></div>
<h5 class="mt-4 mb-3">About CodSule</h5>
<div class="word-wrap mb-4">
loremipsumloremipsumloremipsumloremipsumloremipsumloremipsemfvmkdmkfmkvfkvmfkvfloremipsumloremipsumloremipsumloremipsumloremipsumloremipsumlfmkdkmdkmfkmdkfmkmfkdk
</div>
<div class="row my-4">
<div class="col-md-5 col-12">
<h5 class="mb-4">Top Colleges</h5>
<div class="img-desc orange my-4">
<div>
<h2>#1</h2>
</div>
<div class="description t-align-l pl-md-2 pl-3">
<div class="font-sm bold">Bharati Vidyapeeth College of Engineering</div>
<span>43000 Points</span>
</div>
</div>
<div class="img-desc my-4">
<div>
<h2>#2</h2>
</div>
<div class="description t-align-l pl-md-2 pl-3">
<div class="font-sm bold">Gurunank Dev University</div>
<span>42000 Points</span>
</div>
</div>
<div class="img-desc my-4">
<div>
<h2>#3</h2>
</div>
<div class="description t-align-l pl-md-2 pl-3">
<div class="font-sm bold">Maharaja Agresen Institute Of Technology</div>
<span>40000 Points</span>
</div>
</div>
</div>
<div class="col-md-7 col-12">
<h5 class="mb-4">Top Students</h5>
<div class="img-desc align-items-center orange my-4">
<div>
<h2>#1</h2>
</div>
<div class="pl-xl-2 pl-3">
<div class="img-ring s-50x50">
<img class="round w-100 h-100"
src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTmL43mSCo0MAu3fCgV8t6QRsNzyiatE_Har4TjE8M6NZ-i0tKDzA"
alt="">
</div>
</div>
<div class="description pl-xl-2 pl-3">
<div class="font-mds bold">Siddharth Jain<span class="font-xs regular"> (4300 Points)</span></div>
<div>Bharati Vidyapeeth College of Engineering</div>
</div>
</div>
<div class="img-desc align-items-center my-4">
<div>
<h2>#2</h2>
</div>
<div class="pl-xl-2 pl-3">
<div class="img-ring s-50x50">
<img class="round w-100 h-100"
src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTmL43mSCo0MAu3fCgV8t6QRsNzyiatE_Har4TjE8M6NZ-i0tKDzA"
alt="">
</div>
</div>
<div class="description pl-xl-2 pl-3">
<div class="font-mds bold">Siddharth Jain<span class="font-xs regular"> (4000 Points)</span></div>
<div>Bharati Vidyapeeth College of Engineering</div>
</div>
</div>
<div class="img-desc align-items-center my-4">
<div>
<h2>#3</h2>
</div>
<div class="pl-xl-2 pl-3">
<div class="img-ring s-50x50">
<img class="round w-100 h-100"
src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTmL43mSCo0MAu3fCgV8t6QRsNzyiatE_Har4TjE8M6NZ-i0tKDzA"
alt="">
</div>
</div>
<div class="description pl-xl-2 pl-3">
<div class="font-mds bold">Siddharth Jain<span class="font-xs regular"> (3900 Points)</span></div>
<div>Maharaja Agrasen Institute of Technology</div>
</div>
</div>
</div>
</div>
</div>
139 changes: 139 additions & 0 deletions examples/components/hb/competition-carousel.hbs
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,139 @@
<div class="border-card p-5">
<h5 class="t-align-c">Archived CodSule Contests</h5>
<div class="font-sm t-align-c mt-2 mb-5">These contests are already ended. You can still participate, however you will
not be awarded any points for these contest.</div>
<div class="row rating-carousel">
<div class="col-xl-3 col-lg-4 col-md-6 col-8">
<div class="border-card p-xl-4 p-sm-3 p-4 bg-gradient-dblue white">
<h5 class="bold">CodSULE - April 2019</h5>
<div>Ended 21 April</div>
<ul class="divided-list my-4">
<li class="px-xl-2 px-sm-1 px-2">
<div class="list-heading font-mds extra-bold orange">05</div>
<div class="list-data">Problems</div>
</li>
<li class="px-xl-2 px-sm-1 px-2">
<div class="list-heading font-mds extra-bold orange">500</div>
<div class="list-data">Submissions</div>
</li>
</ul>
<div class="font-sm extra-bold t-align-r">
<a href="#" class="orange">
Participate
<i class="fas fa-arrow-right mx-3"></i>
</a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-8">
<div class="border-card p-xl-4 p-sm-3 p-4 bg-gradient-dblue white">
<h5 class="bold">CodSULE - April 2019</h5>
<div>Ended 21 April</div>
<ul class="divided-list my-4">
<li class="px-xl-2 px-sm-1 px-2">
<div class="list-heading font-mds extra-bold orange">05</div>
<div class="list-data">Problems</div>
</li>
<li class="px-xl-2 px-sm-1 px-2">
<div class="list-heading font-mds extra-bold orange">500</div>
<div class="list-data">Submissions</div>
</li>
</ul>
<div class="font-sm extra-bold t-align-r">
<a href="#" class="orange">
Participate
<i class="fas fa-arrow-right mx-3"></i>
</a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-8">
<div class="border-card p-xl-4 p-sm-3 p-4 bg-gradient-dblue white">
<h5 class="bold">CodSULE - April 2019</h5>
<div>Ended 21 April</div>
<ul class="divided-list my-4">
<li class="px-xl-2 px-sm-1 px-2">
<div class="list-heading font-mds extra-bold orange">05</div>
<div class="list-data">Problems</div>
</li>
<li class="px-xl-2 px-sm-1 px-2">
<div class="list-heading font-mds extra-bold orange">500</div>
<div class="list-data">Submissions</div>
</li>
</ul>
<div class="font-sm extra-bold t-align-r">
<a href="#" class="orange">
Participate
<i class="fas fa-arrow-right mx-3"></i>
</a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-8">
<div class="border-card p-xl-4 p-sm-3 p-4 bg-gradient-dblue white">
<h5 class="bold">CodSULE - April 2019</h5>
<div>Ended 21 April</div>
<ul class="divided-list my-4">
<li class="px-xl-2 px-sm-1 px-2">
<div class="list-heading font-mds extra-bold orange">05</div>
<div class="list-data">Problems</div>
</li>
<li class="px-xl-2 px-sm-1 px-2">
<div class="list-heading font-mds extra-bold orange">500</div>
<div class="list-data">Submissions</div>
</li>
</ul>
<div class="font-sm extra-bold t-align-r">
<a href="#" class="orange">
Participate
<i class="fas fa-arrow-right mx-3"></i>
</a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-8">
<div class="border-card p-xl-4 p-sm-3 p-4 bg-gradient-dblue white">
<h5 class="bold">CodSULE - April 2019</h5>
<div>Ended 21 April</div>
<ul class="divided-list my-4">
<li class="px-xl-2 px-sm-1 px-2">
<div class="list-heading font-mds extra-bold orange">05</div>
<div class="list-data">Problems</div>
</li>
<li class="px-xl-2 px-sm-1 px-2">
<div class="list-heading font-mds extra-bold orange">500</div>
<div class="list-data">Submissions</div>
</li>
</ul>
<div class="font-sm extra-bold t-align-r">
<a href="#" class="orange">
Participate
<i class="fas fa-arrow-right mx-3"></i>
</a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-8">
<div class="border-card p-xl-4 p-sm-3 p-4 bg-gradient-dblue white">
<h5 class="bold">CodSULE - April 2019</h5>
<div>Ended 21 April</div>
<ul class="divided-list my-4">
<li class="px-xl-2 px-sm-1 px-2">
<div class="list-heading font-mds extra-bold orange">05</div>
<div class="list-data">Problems</div>
</li>
<li class="px-xl-2 px-sm-1 px-2">
<div class="list-heading font-mds extra-bold orange">500</div>
<div class="list-data">Submissions</div>
</li>
</ul>
<div class="font-sm extra-bold t-align-r">
<a href="#" class="orange">
Participate
<i class="fas fa-arrow-right mx-3"></i>
</a>
</div>
</div>
</div>
</div>
</div>
83 changes: 83 additions & 0 deletions examples/components/hb/faq-card.hbs
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@
<div class="border-card mb-5">
<h5 class="mb-4">FAQ's</h5>

<div class="c-faq-card">
<div class="bold">
When do I complete an Assignment?
</div>
<p class="card-md mb-4">
You complete an assignment when you have attempted at least 80% of MCQ problems and you score an average of at
least
80%
in code problems, within an assignment.
</p>

<div class="bold">
When do I complete a Lecture?
</div>
<p class="card-md mb-4">
You complete a lecture when you have attempted at least 80% of objective problems, have scored at least 80% in
each
code
problems, and have seen at least 80% of the total videos, within a lecture.
</p>

<div class="bold">
When do I complete a Test?
</div>
<p class="card-md mb-4">
You complete a test when you have submitted the test.
</p>

<div class="bold">
When do I complete an Assignment?
</div>
<p class="card-md mb-4">
You complete an assignment when you have attempted at least 80% of MCQ problems and you score an average of at
least
80%
in code problems, within an assignment.
</p>


<div class="bold">
When do I complete an Assignment?
</div>
<p class="card-md mb-4">
You complete an assignment when you have attempted at least 80% of MCQ problems and you score an average of at
least
80%
in code problems, within an assignment.
</p>

<div class="bold">
When do I complete an Assignment?
</div>
<p class="card-md mb-4">
You complete an assignment when you have attempted at least 80% of MCQ problems and you score an average of at
least
80%
in code problems, within an assignment.
</p>

<div class="bold">
When do I complete an Assignment?
</div>
<p class="card-md mb-4">
You complete an assignment when you have attempted at least 80% of MCQ problems and you score an average of at
least
80%
in code problems, within an assignment.
</p>

<div class="bold">
When do I complete an Assignment?
</div>
<p class="card-md mb-4">
You complete an assignment when you have attempted at least 80% of MCQ problems and you score an average of at
least
80%
in code problems, within an assignment.
</p>
</div>
</div>
44 changes: 44 additions & 0 deletions examples/components/hb/up-competition-card.hbs
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
<div class="img-card c-competition-card">
<div class="head bg-gradient-dblue py-4 px-3 all-center">
<div>
<div class="font-mds">Upcoming Contest</div>
<h2>CodSule - June 2019</h2>
<ul class="divided-list">
<li class="px-xl-3 px-2">
<div class="list-heading font-mds extra-bold orange">12</div>
<div class="list-data">Contests</div>
</li>
<li class="px-xl-3 px-2">
<div class="list-heading font-mds extra-bold orange">234</div>
<div class="list-data">Participants</div>
</li>
<li class="px-xl-3 px-2">
<div class="list-heading font-mds extra-bold orange">45</div>
<div class="list-data">Colleges</div>
</li>
</ul>
</div>
</div>
<div class="foot align-items-center t-align-c px-2 py-4">
<div class="font-sm mb-4">STARTS IN</div>
<ul class="divided-list timer d-inline-block">
<li class="timer-item">
<div class="list-heading font-lg extra-bold">00</div>
<div class="list-data">Days</div>
</li>
<li class="timer-item">
<div class="list-heading font-lg extra-bold">12</div>
<div class="list-data">Hours</div>
</li>
<li class="timer-item">
<div class="list-heading font-lg extra-bold">30</div>
<div class="list-data">Minutes</div>
</li>
<li class="timer-item">
<div class="list-heading font-lg extra-bold">25</div>
<div class="list-data">Seconds</div>
</li>
</ul>
<button class="button-solid button-orange extra-bold mt-4 mb-2 mx-auto d-block">Solve Challenge</button>
</div>
</div>
Loading

0 comments on commit 2103188

Please sign in to comment.