archive/nntpchan
Archived
1
0
Fork 0
Code

Merge pull request #46 from ZiRo-/master

Browse Source 
add images to catalog; style catalog properly
This commit is contained in:
Jeff 2016-02-20 13:54:16 +00:00
commit 8ad13c8e45
5 changed files with 31 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
contrib/static/placeholder.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

39
contrib/static/site.css
View File

@ -158,24 +158,39 @@ hr {
} }
.catalog_thread { .catalog_thread {
float: left; display: inline-block;
width: 256px; width: 180px;
text-align: center; text-align: center;
padding: 2px; padding: 0.25em;
height: 256px; height: 240px;
overflow: hidden; overflow: hidden;
background-color: #D6DAF0; background-color: rgba(182, 182, 182 ,0.12);
margin: 2px; margin: 0.1em;
border-style: solid; border: 2px solid rgba(111, 111, 111, 0.34);
border-width: 1px; }
border-style: solid;
height: 256px; .catalog_thread:hover {
background-color: #D6DAF0;
}
#catalog_container {
width: 95%;
margin: 1em auto;
text-align: center;
} }
.catalog_header, .catalog_subject { .catalog_header, .catalog_subject {
font-weight: bold; font-weight: bold;
} }
.linkThumb img {
max-height: 128px;
max-width: 128px;
box-shadow: 0 0 4px rgba(0,0,0,0.55);
border: 2px solid rgba(153,153,153,0);
margin-bottom: 5px;
}
a:hover , a:visited:hover { a:hover , a:visited:hover {
color: #ff0000; color: #ff0000;
} }

4
contrib/templates/default/catalog.mustache
View File

@ -18,10 +18,10 @@
<div class="board_header">Catalog for {{board.Name}}</div> <div class="board_header">Catalog for {{board.Name}}</div>
<!-- postform --> <!-- postform -->
<hr /> <hr />
<div id="threads_container"> <div id="catalog_container">
{{#board.Threads}} {{#board.Threads}}
<div class="catalog_thread"> <div class="catalog_thread">
<a href="{{OP.PostURL}}">[Open]</a> <a class="linkThumb" href="{{OP.PostURL}}"><img src="{{OP.RepresentativeThumb}}"></a>
<div class="catalog_header">R: {{ReplyCount}} / P: {{Page}}</div> <div class="catalog_header">R: {{ReplyCount}} / P: {{Page}}</div>
<div class="catalog_subject">{{OP.Subject}}</div> <div class="catalog_subject">{{OP.Subject}}</div>
<div class="catalog_body"> <div class="catalog_body">

2
contrib/templates/default/postform.mustache
View File

@ -69,7 +69,7 @@
Solution Solution
</th> </th>
<td> <td>
<input type="text" name="captcha" /> <input type="text" name="captcha" autocomplete="off" />
</td> </td>
</tr> </tr>
</tbody> </tbody>

2
contrib/templates/default/thread.mustache
View File

@ -45,7 +45,7 @@
{{/ thread.Replies}} {{/ thread.Replies}}
</div> </div>
<hr/> <hr/>
<div class="navLinks">[<a href="{{thread.BoardURL}}" accesskey="a">Return</a>] [<a href="#thread_{{thread.OP.PostHash}}">Top</a>] [<a href="#navlinks" accesskey="r" onclick="location.reload();">Update</a>]</div> <div class="navLinks">[<a href="{{thread.BoardURL}}" accesskey="a">Return</a>] [<a href="{{thread.Prefix}}catalog-{{thread.Board}}.html" accesskey="r">Catalog</a>] [<a href="#thread_{{thread.OP.PostHash}}">Top</a>] [<a href="#navlinks" accesskey="r" onclick="location.reload();">Update</a>]</div>
<script type="text/javascript"> <script type="text/javascript">
var e = document.getElementById("nntpchan_banner"); var e = document.getElementById("nntpchan_banner");
nntpchan_inject_banners(e, "{{thread.Prefix}}"); nntpchan_inject_banners(e, "{{thread.Prefix}}");