Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
Use bootstrap columns for videos on front page
  • Loading branch information
joeladdison committed Jan 18, 2017
1 parent 00d6f69 commit 0670b73
Show file tree
Hide file tree
Showing 2 changed files with 39 additions and 54 deletions.
13 changes: 13 additions & 0 deletions website/frontend/static/css/bstweak.css
Expand Up @@ -45,3 +45,16 @@ img.video_preload {
max-height: 50px;
padding: 3px 0 3px 3px;
}

.now_title {
min-height: 3em;
}

.next_div {
margin-top: 0.5em;
border-top: 1px solid #ccc;
}

.next_title {
min-height: 3em;
}
80 changes: 26 additions & 54 deletions website/frontend/templates/index.html
Expand Up @@ -66,61 +66,33 @@

{% block content %}
<div class="row">
<div class="col-md-12">
<table class="table">
<tr>
{% for group, details in groups.items %}
<td class="{{group}}_td" style="display: none;">
<div id="{{group}}_title" class="title">
<h1>
<a href="/{{group|urlencode}}">{{details.title}}</a>
</h1>
</div>
</td>
{% endfor %}
</tr>
<tr>
{% for group, details in groups.items %}
<td class="{{group}}_td" style="display: none;">
<div id="{{group}}_now_div" class="now_div">
<div>Now - <span id="{{group}}_now_time" class='now_time'></span></div>
<div id='{{group}}_now_title' class='now_title'></div>
<div><a id='{{group}}_now_url' class='now_url'>More info...</a></div>
</div>
</td>
{% endfor %}
</tr>
<tr>
{% for group, details in groups.items %}
<td id="{{group}}_preview" class="preview {{group}}_td" style="display: none;">
<div class="container_2" onClick="window.location='/{{group}}'">
<img id="video-preview-{{group}}" class="video_preview">
</div>
</td>
{% endfor %}
</tr>
<tr>
{% for group, details in groups.items %}
<td class="{{group}}_td" style="display: none;">
<div id="{{group}}_next_div" class="next_div">
<div>Next - <span id='{{group}}_next_time' class='next_time'></span></div>
<div id='{{group}}_next_title' class='next_title'></div>
<div><a id='{{group}}_next_url' class='next_url'>More info...</a></div>
</div>
</td>
{% endfor %}
</tr>
<tr>
{% for group, details in groups.items %}
<td class="{{group}}_td" style="display: none;">
<div id="{{group}}_chat" class="chat" onClick="window.location='/{{group}}'">
<iframe id="chat-preview-{{group}}" class="chat_preview"></iframe>
</div>
</td>
{% endfor %}
</tr>
</table>
{% for group, details in groups.items %}
<div class="col-lg-3 col-md-4 col-sm-6 col-sm-12 {{group}}_td" style="display: none;">
<div id="{{group}}_title" class="title">
<h1>
<a href="/{{group|urlencode}}">{{details.title}}</a>
</h1>
</div>
<div id="{{group}}_now_div" class="now_div">
<div><strong>Now</strong> - <span id="{{group}}_now_time" class='now_time'></span></div>
<div id='{{group}}_now_title' class='now_title'></div>
<div><a id='{{group}}_now_url' class='now_url'>More info...</a></div>
</div>
<div id="{{group}}_preview" class="preview {{group}}_td" style="display: none;">
<div class="container_2" onClick="window.location='/{{group}}'">
<img id="video-preview-{{group}}" class="video_preview">
</div>
</div>
<div id="{{group}}_next_div" class="next_div">
<div><strong>Next</strong> - <span id='{{group}}_next_time' class='next_time'></span></div>
<div id='{{group}}_next_title' class='next_title'></div>
<div><a id='{{group}}_next_url' class='next_url'>More info...</a></div>
</div>
<div id="{{group}}_chat" class="chat" onClick="window.location='/{{group}}'">
<iframe id="chat-preview-{{group}}" class="chat_preview"></iframe>
</div>
</div>
{% endfor %}
</div>

{% comment %}
Expand Down

0 comments on commit 0670b73

Please sign in to comment.