asia-moma/modules/vlog/index.html.erb

51 lines
951 B
Plaintext
Raw Normal View History

2021-08-30 10:13:48 +00:00
<style>
.video-thumbnail{
width : 100px;
height: 75px;
position: relative;
overflow: hidden;
}
.video-thumbnail-overlay{
width: 100px;
height: 75px;
background-color:rgba(192,192,192,0.5);
position: absolute;
top : 0;
z-index: 2;
}
.video-thumbnail i{
color: #08c;
font-size: 40px;
left: 25px;
position: absolute;
top: 18px;
z-index: 3;
}
</style>
<h3>
{{page-title}}
</h3>
<div>
<table class="table table-hover table-striped">
<thead>
<tr data-list="heads" data-level="0">
<th>{{column-title}}</th>
</tr>
</thead>
<tbody data-list="vlogs" data-level="0">
<tr>
<td>
<a href="{{url_to_show}}">
<div class="video-thumbnail" >
<img src="{{thumbnail}}" />
<div class="video-thumbnail-overlay"></div>
<i class="icons-play"></i>
</div>
</a>
</td>
<td>{{title}}</td>
<td>{{username}}</td>
</tr>
</tbody>
</table>
</div>