1
0
Fork 0
mirror of https://github.com/Eggbertx/gochan.git synced 2025-08-17 10:56:24 -07:00

thread page mockup almost finished

This commit is contained in:
Joshua Merrell 2013-05-18 18:55:04 -07:00
parent eb513e9935
commit 027e418a4c
4 changed files with 136 additions and 15 deletions

View file

@ -1,9 +1,9 @@
#footer {
clear:both;
position:absolute;
position:static;
width: 100%;
left: 0px;
bottom: 0%;
bottom: 0px;
text-align: center;
}
@ -172,10 +172,8 @@
}
#content {
clear:left;
margin-left:0px;
padding-left:0px;
text-align:justify;
}
.section-title-block {
@ -192,24 +190,83 @@ ul.boardmenu {
padding-left:0;
}
#boardmenu-bottom {
margin-top: 16px;
}
#left-bottom-content {
float: left;
left: 0px;
}
#right-bottom-content {
float: right;
right: 0px
}
#pages {
margin-top:4px;
margin-bottom: 8px;
}
#postbox-area {
width: 100%;
left: 0px;
text-align: center;
}
#report-delbox {
float:right;
clear: both;
text-align: right;
margin-top: 8px;
line-height: 32px;
}
#threadlinks-top {
float: left;
position: absolute;
}
#catalog-link {
#threadlinks-bottom {
float:right;
clear: both;
}
#right-sidelinks {
float: right;
}
.postblock {
margin-left: 8px;
margin-right: 8px;
width: 100px;
}
img.thumbnail {
margin: 4px 8px 4px 8px;
float: left;
}
.thread {
vertical-align: top;
}
.post {
overflow: hidden;
margin: 4px;
padding: 4px;
}
.subject {
font-weight: bold;
}
.posttext {
margin-top: 12px;
margin-left: 12px;
margin-right: 12px;
}
hr {
clear: both;
}

View file

@ -112,8 +112,12 @@ ul.boardmenu li:hover {
}
.postblock {
background:#404040;
background-color:#404040;
border: 1px solid #202020;
font-weight: bold;
}
.post {
background-color:#404040;
border: 1px solid #202020;
}

View file

@ -31,25 +31,79 @@
</div>
<hr />
<div id="threadlinks-top">
<a href="board.html">Return</a><br />
<a href="board.html" >Return</a><br />
<a href="thread-100.html">First 100 posts</a><br />
<a href="thread+50.html">Last 50 posts</a><br />
</div>
<a href="catalog.html" id="catalog-link">Board catalog</a>
<div id="right-sidelinks">
<a href="catalog.html">Board catalog</a><br />
</div>
<div id="postbox-area">
<center>
<a href="#">Open Quick Reply box</a>
<table id="postbox-static">
<form action="/post" method="POST">
<tr><td class="postblock">Name</td><td><input type="text" maxlength="75" size="28"/><br /></tr>
<form name="postform" action="/post" method="POST">
<tr><td class="postblock">Name</td><td><input type="text" maxlength="75" size="28" value="Name" onFocus="if(this.value=='Name') {this,value= ''}" onBlur="if(this.value == '') { this.value = 'Name' }"/><br /></tr>
<tr><td class="postblock">Email</td><td><input type="text" maxlength="75" size="28" /></tr>
<tr><td class="postblock">Subject</td><td><input type="text" maxlength="75" size="35" /><input type="submit" value="Post"/></tr>
<tr><td class="postblock">Message</td><td><textarea rows="4" cols="48"></textarea></tr>
<tr><td class="postblock">File</td><td><input name="imagefile" size="35" type="file">
<tr><td class="postblock">File</td><td><input name="imagefile" size="31" type="file"><input type="checkbox" id="spoiler"/><label for="spoiler">Spoiler</label></td></tr>
</form>
</table>
</center>
</div>
<hr />
<div id="content">
<div class="thread">
<span class="file-info">File: <a href="135710945820.jpg">135710945820.jpg</a> - (142.91KB , 756x888 , Chibi_Series___Flower_Forte_by_kubus_sama.jpg )</span><br />
<img src="135710945820s.jpg" width="170" height="200" class="thumbnail"/>
<label class="post-info"><input type="checkbox" id="74769" /> <span class="subject">Sup</span> <span class="postername">Zeke Roa</span><span class="tripcode">!ska.Jj.P5I</span> Tue, January 01, 2013 10:50 PM <a href="74769">No.</a> <a href="74769">74769</a></label> <span class="op-links">[<a href="reply" >Reply</a>]</span><br />
<div class="posttext">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
<div class="post">
<label class="post-info"><input type="checkbox" id="135693079632" /> <span class="postername">Anonymous</span> Tue, January 02, 2013 1:55:PM <a href="135693079632">No.</a> <a href="74770i">74770</a></label> <span class="op-links">[<a href="reply">Reply</a>]</span><br />
<span class="file-info">File: <a href="135693079632s.png">135693079632s.png</a> - (100.01KB , 200,200, 135693079632s.png )</span><br />
<img src="135693079632s.png" width="94" height="125" class="thumbnail" />
<div class="posttext">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br/><br/>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br/>
</div>
</div>
<div class="post">
<label class="post-info"><input type="checkbox" id="135693079632" /> <span class="postername">Anonymous</span> Tue, January 02, 2013 1:55:PM <a href="135693079632">No.</a> <a href="74770i">74770</a></label> <span class="op-links">[<a href="reply">Reply</a>]</span><br />
<div class="posttext">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
</div>
</div>
<hr />
<div id="left-bottom-content">
<table id="pages" border="1">
<tr><td>Previous</td><td>[0] [<a href="threadp1.html">1</a>]</td><td><button onclick="window.location.href = 'threadp1.html'">Next</button></td></tr>
</table>
<span id="boardmenu-bottom">
[ <a href="/test/">test</a> / <a href="/test2/">test2</a> ]
</span>
</div>
<div id="right-bottom-content">
<span id="threadlinks-bottom">
[<a href="board.html">Return</a>] [<a href="thread-100.html">First 100 posts</a>] [<a href="thread+50.html">Last 50 posts</a>]
</span>
<div id="report-delbox">
<form action="/post" method="POST">
<label>[<input type="checkbox" name="fileonly"/>File only] <input type="text" size="10" name="password" /> <input type="submit" value="Delete" onclick="return confirm('Are you sure you want to delete these posts?')" /><br />
Reason: <input type="text" size="10" name="reason" /> <input type="submit" value="Report" />
</form>
</div>
</div>
</div>
<div id="footer">
<a href="/">Home</a> | <a href="/#boards">Boards</a> | <a href="/#rules">Rules</a> | <a href="/#faq">FAQ</a><br />
Powered by Gochan 0.2<br />

View file

@ -314,6 +314,7 @@ type GochanConfig struct {
ThreadsPerPage_img int
ThreadsPerPage_txt int
PostsPerThreadpage int
RepliesOnBoardpage int
GenLast50 bool
GenFirst100 bool
@ -574,6 +575,11 @@ func initConfig() {
config.ThreadsPerPage_txt = 15
}
config.PostsPerThreadpage,err = c.GetInt("threads", "posts_per_threadpage")
if err != nil {
config.PostsPerThreadpage = 50
}
config.RepliesOnBoardpage,err = c.GetInt("threads", "replies_on_boardpage")
if err != nil {
config.RepliesOnBoardpage = 3