vcgit-forge/front-end-coding-challenge
1
0
Fork 0
mirror of https://github.com/Raghu-Ch/front-end-coding-challenge.git synced 2026-02-10 12:43:03 -05:00
Code Issues Packages Projects Releases Wiki Activity

update reame, add sample video, additional cleanup of starting markup

Browse Source
This commit is contained in:
Aaron Tidwell
2018-01-17 15:00:52 -05:00
parent e883373e36
commit 38fbe4d78c
6 changed files with 154 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
public/index.html
View File

@@ -18,7 +18,7 @@
Clear
</a>
<div class="columns">
<div class="column is-one-fifth">
<div class="column content is-one-fifth">
<h3 class="subtitle">Tag List</h3>
<ul class="tag-list">
<li><span class="tag is-link">drama</span></li>
@@ -28,20 +28,22 @@
</ul>
</div>
<div class="column content">
<h3 class="subtitle">Series with <span>[SELECTED TAG]</span></h3>
<h3 class="subtitle">[SELECTED TAG]</h3>
<ul class="matching-items-list">
<li>A Series Title that has the selected tag</li>
<li>A Series Title</li>
<li>Another Title</li>
<li class="active">Example style of the selected Title!</li>
<li>Some other Title</li>
</ul>
</div>
<div class="column is-half selected-item">
<h3 class="subtitle">SELECTED SERIES title</h3>
<img src="http://via.placeholder.com/350x350" />
<p class="content">
The description for the series goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam semper, nunc viverra aliquam ultricies, lacus lorem semper mi, mattis convallis risus nisi id nunc. Pellentesque ultrices quis urna nec malesuada. In hac habitasse platea dictumst. Maecenas vitae lacus bibendum, lobortis mauris eget, lobortis ligula.
</p>
<div class="content">
<h3 class="subtitle">[SELECTED SERIES TITLE]</h3>
<img src="http://via.placeholder.com/350x350" />
<p>
The description for the series goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam semper, nunc viverra aliquam ultricies, lacus lorem semper mi, mattis convallis risus nisi id nunc. Pellentesque ultrices quis urna nec malesuada. In hac habitasse platea dictumst. Maecenas vitae lacus bibendum, lobortis mauris eget, lobortis ligula.
</p>
</div>
<ul>
<li><strong>Rating:</strong> <span>TV-14</span></li>
<li><strong>Native Language Title:</strong> <span>원라인</span></li>
@@ -117,6 +119,12 @@
<li>Bonus: Render "No Tag Selected" and "No Series Selected" text when there is not a selected tag/series.</li>
<li>Bonus: Disable the "clear" button when there is not a selected tag/series</li>
</ol>
<h3>Completed Sample Video</h3>
<video preload="auto" controls>
<source src="/sample.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
<hr />
</div>