LBRYCommunity/spee.ch
1
0
Fork 0
Code Issues 95 Pull requests 2 Projects Releases 4 Packages Wiki Activity

centered page content and adjusted nav bar m queries

Browse source
This commit is contained in:
bill bittner 2017-10-11 11:38:20 -07:00
parent 3dfbac8d71
commit 0c1e8855f1
15 changed files with 100 additions and 122 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
public/assets/css/general.css
View file

@ -3,6 +3,13 @@ html, body {
padding: 0;
height: 100%;
}
.page-contents {
margin: 0px auto;
padding: 0px;
height: calc(100% - 5rem);
max-width: 1200px;
}
/* TEXT */
body, button, input, textarea, label, select, option {
@ -15,10 +22,6 @@ p {
padding-left: 0.3em;
}
.center-text {
text-align: center;
}
.url-text {
margin:0px;
padding:0px;
@ -123,7 +126,7 @@ h3 {
}
.row--full-height {
height: calc(100% - 9rem);
height: calc(100% - 4rem);
}
.column {

23
public/assets/css/mediaQueries.css
View file

@ -1,23 +1,6 @@
@media (max-width: 1000px) {
@media (max-width: 1050px) {
.main {
float: none;
width: 100%;
margin-right: 0px;
padding-right: 0px;
border-right: 0px;
margin-bottom: 5px;
}
.sidebar {
border-top: 1px solid lightgray;
float: none;
width: 100%;
}
}
@media (max-width: 850px) {
.nav-bar-title, .nav-bar-subtitle {
padding-bottom: 0px;
}
@ -38,6 +21,10 @@
.nav-bar {
height: 8rem;
}
.page-contents {
height: calc(100% - 8rem);
}
}
@media (max-width: 750px ) {

1
views/about.handlebars
View file

@ -1,4 +1,3 @@
{{> navBar}}
<div class="row row--full-height">
<div class="column column--5 column--med-10 align-content-top">
<div class="row row--short">

1
views/channel.handlebars
View file

@ -1,4 +1,3 @@
{{> navBar}}
<div class="row row--full-height">
<h2>{{this.channelName}}<span class="h2--secondary">:{{this.longChannelId}}</span></h2>
<p>Below is all the free content in this channel.</p>

1
views/fourOhFour.handlebars
View file

@ -1,4 +1,3 @@
{{> navBar}}
<div>
<h3>404: Not Found</h3>
<p>That page does not exist. Return <a href="/">home</a>.</p>

1
views/index.handlebars
View file

@ -1,4 +1,3 @@
{{> navBar}}
<div class="row row--full-height">
<div id="primary-dropzone-wrapper">
<div id="primary-dropzone" class="dropzone" ondrop="drop_handler(event);" ondragover="dragover_handler(event);" ondragend="dragend_handler(event)" onclick="triggerFileChooser('siofu_input', event)">

5
views/layouts/main.handlebars
View file

@ -27,6 +27,9 @@
<script src="/assets/js/loginFunctions.js"></script>
<script src="/assets/js/createChannelFunctions.js"></script>
<script src="/assets/js/navBarFunctions.js"></script>
{{{ body }}}
{{> navBar}}
<div class="page-contents">
{{{ body }}}
</div>
</body>
</html>

5
views/layouts/show.handlebars
View file

@ -22,7 +22,10 @@
<script src="/assets/js/authFunctions.js"></script>
<script src="/assets/js/loginFunctions.js"></script>
<script src="/assets/js/navBarFunctions.js"></script>
{{{ body }}}
{{> navBar}}
<div class="page-contents">
{{{ body }}}
</div>
</body>
</html>

2
views/login.handlebars
View file

@ -1,5 +1,3 @@
{{> navBar}}
<div class="row row--full-height">
<div class="column column--5 column--med-10 align-content-top">
<p>Log in to an existing channel:</p>

45
views/new.handlebars
View file

@ -1,23 +1,22 @@
{{> navBar}}
<div>
<h2>New on Spee.ch</h2>
<p><i>The 25 most recent publishes on spee.ch</i></p>
{{#each newClaims}}
<div class="all-claims-item">
<a href="/{{this.claimId}}/{{this.name}}">
{{#ifConditional this.fileType '===' 'video/mp4'}}
<img class="all-claims-asset" src="/assets/img/video_thumb_default.png"/>
{{else}}
<img class="all-claims-asset" src="/{{this.claimId}}/{{this.name}}.ext" />
{{/ifConditional}}
</a>
<div class="all-claims-details">
<ul style="list-style-type:none">
<li><bold>{{this.name}}</bold></li>
<li><i>Claim Id: {{this.claimId}}</i></li>
<li><a href="/{{this.claimId}}/{{this.name}}">Link</a></li>
</ul>
</div>
</div>
{{/each}}
</div>
<div>
<h2>New on Spee.ch</h2>
<p><i>The 25 most recent publishes on spee.ch</i></p>
{{#each newClaims}}
<div class="all-claims-item">
<a href="/{{this.claimId}}/{{this.name}}">
{{#ifConditional this.fileType '===' 'video/mp4'}}
<img class="all-claims-asset" src="/assets/img/video_thumb_default.png"/>
{{else}}
<img class="all-claims-asset" src="/{{this.claimId}}/{{this.name}}.ext" />
{{/ifConditional}}
</a>
<div class="all-claims-details">
<ul style="list-style-type:none">
<li><bold>{{this.name}}</bold></li>
<li><i>Claim Id: {{this.claimId}}</i></li>
<li><a href="/{{this.claimId}}/{{this.name}}">Link</a></li>
</ul>
</div>
</div>
{{/each}}
</div>

11
views/noChannel.handlebars
View file

@ -1,6 +1,5 @@
{{> navBar}}
<div>
<h3>No Claims</h3>
<p>There are no free assets on this channel.</p>
<p><i>If you think this message is an error, contact us in the <a href="https://lbry.slack.com/" target="_blank">LBRY slack!</a></i></p>
</div>
<div>
<h3>No Claims</h3>
<p>There are no free assets on this channel.</p>
<p><i>If you think this message is an error, contact us in the <a href="https://lbry.slack.com/" target="_blank">LBRY slack!</a></i></p>
</div>

1
views/noClaims.handlebars
View file

@ -1,4 +1,3 @@
{{> navBar}}
<div class="row">
<h3>No Claims</h3>
<p>There are no free assets at that claim. You should publish one at <a href="/">spee.ch</a>.</p>

1
views/popular.handlebars
View file

@ -1,4 +1,3 @@
{{> navBar}}
<div class="row">
{{#each trendingAssets}}
{{> contentListItem}}

41
views/show.handlebars
View file

@ -1,23 +1,20 @@
{{> navBar}}
<div class="row row--full-height">
<div class="column column--10">
<!-- title -->
<span class="title-show">{{fileInfo.title}}</span>
</div>
<div class="column column--5 column--med-10 align-content-top" >
<!-- asset -->
<div class="row">
{{> asset}}
</div>
<div class="row row--wide">
<span class="description-show">{{fileInfo.description}}</span>
</div>
</div><div class="column column--5 column--med-10 align-content-top">
<!-- details -->
<div class="row">
{{> assetInfo}}
</div>
</div>
<div class="row row--full-height">
<div class="column column--10">
<!-- title -->
<span class="title-show">{{fileInfo.title}}</span>
</div>
<div class="column column--5 column--med-10 align-content-top" >
<!-- asset -->
<div class="row">
{{> asset}}
</div>
<div class="row row--wide">
<span class="description-show">{{fileInfo.description}}</span>
</div>
</div><div class="column column--5 column--med-10 align-content-top">
<!-- details -->
<div class="row">
{{> assetInfo}}
</div>
</div>
</div>

69
views/statistics.handlebars
View file

@ -1,37 +1,32 @@
<div class="top-bar">
{{> navBar}}
</div>
<div>
<h3>Site Statistics</h3>
<p>Serve: {{ totals.totalServe }}</p>
<p>Publish: {{ totals.totalPublish }}</p>
<p>Show: {{ totals.totalShow }}</p>
<p>Percent Success: {{ percentSuccess}}%</p>
<table>
<tr>
<th>action</th>
<th >url</th>
<th class="center-text">count</th>
<th class="center-text">success</th>
<th class="center-text">failure</th>
</tr>
{{#each records}}
<tr>
<td>{{ this.action }}</td>
<td class="stats-table-url">{{ this.url }}</td>
<td class="center-text">{{ this.count }}</td>
<td class="center-text">{{ this.success }}</td>
<td class="center-text">{{ this.failure }}</td>
</tr>
{{/each}}
<tr>
<td></td>
<td></td>
<td class="totals-row center-text">{{ totals.totalCount }}</td>
<td class="totals-row center-text">{{ totals.totalSuccess }}</td>
<td class="totals-row center-text">{{ totals.totalFailure }}</td>
</tr>
</table>
</div>
<div>
<h3>Site Statistics</h3>
<p>Serve: {{ totals.totalServe }}</p>
<p>Publish: {{ totals.totalPublish }}</p>
<p>Show: {{ totals.totalShow }}</p>
<p>Percent Success: {{ percentSuccess}}%</p>
<table>
<tr>
<th>action</th>
<th >url</th>
<th class="">count</th>
<th class="">success</th>
<th class="">failure</th>
</tr>
{{#each records}}
<tr>
<td>{{ this.action }}</td>
<td class="stats-table-url">{{ this.url }}</td>
<td class="">{{ this.count }}</td>
<td class="">{{ this.success }}</td>
<td class="">{{ this.failure }}</td>
</tr>
{{/each}}
<tr>
<td></td>
<td></td>
<td class="">{{ totals.totalCount }}</td>
<td class="">{{ totals.totalSuccess }}</td>
<td class="">{{ totals.totalFailure }}</td>
</tr>
</table>
</div>