mirror of
https://github.com/Eggbertx/gochan.git
synced 2025-08-03 11:46:22 -07:00
use QR file input when posting, improve front page formatting
This commit is contained in:
user.email
parent
4ec04d799b
commit
4fa467933b
10 changed files with 101 additions and 96 deletions
|
|
@ -219,13 +219,6 @@ div.inlinepostprev {
|
|||
padding: 4px 8px 4px 8px;
|
||||
}
|
||||
|
||||
div.page {
|
||||
float: left;
|
||||
width: 75%;
|
||||
margin-left: 8px;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
div.section-block {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
|
@ -259,10 +252,13 @@ div#top-pane span#site-title {
|
|||
font-size: 50px;
|
||||
}
|
||||
|
||||
col#recent {
|
||||
width: 22%;
|
||||
}
|
||||
|
||||
#tab-bar {
|
||||
margin-bottom: 0px;
|
||||
margin-top: 2px;
|
||||
margin-left: -24px;
|
||||
display: inline;
|
||||
}
|
||||
#tab-bar .tab {
|
||||
display: inline;
|
||||
|
|
@ -270,13 +266,10 @@ div#top-pane span#site-title {
|
|||
}
|
||||
|
||||
div#recent-posts {
|
||||
width: 22%;
|
||||
float: right;
|
||||
margin-right: 8px;
|
||||
display: inline-block;
|
||||
}
|
||||
div#recent-posts img {
|
||||
float: left;
|
||||
padding-right: 8px;
|
||||
}
|
||||
div#recent-posts div.section-body {
|
||||
|
|
@ -429,9 +422,9 @@ input.config-text {
|
|||
|
||||
div#qr-box {
|
||||
padding: 1px;
|
||||
box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
min-width: 300px;
|
||||
background-color: lightgray;
|
||||
border: 1px solid #000;
|
||||
|
|
@ -443,9 +436,9 @@ div#qr-box input[type=text], div#qr-box textarea {
|
|||
background-color: #FFF !important;
|
||||
color: #000 !important;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
div#qr-box input[type=file] {
|
||||
background-color: lightgray !important;
|
||||
|
|
|
|||
|
|
@ -130,6 +130,7 @@ form#postform input[type=text], form#postform input[type=password], form#postfor
|
|||
}
|
||||
|
||||
body {
|
||||
background-color: #363942;
|
||||
background-image: url(res/pipes_bg.png);
|
||||
color: #d8d0b9;
|
||||
font: 12pt sans-serif;
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 946 B |
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 KiB |
|
|
@ -504,7 +504,7 @@ function initSettings() {
|
|||
function initQR(pageThread) {
|
||||
var $qrbuttons = $jq("<div />").prop("id", "qrbuttons")
|
||||
.append(
|
||||
"<input type=\"file\" id=\"imagefile\" style=\"display: none;\" />" +
|
||||
"<input type=\"file\" id=\"imagefile\" name=\"imagefile\" style=\"display: none;\" />" +
|
||||
"<input name=\"imagefilebtn\" type=\"button\" onclick=\"document.getElementById('imagefile').click();\" value=\"Browse...\">" +
|
||||
"<input type=\"submit\" value=\"Post\" style=\"float:right;\"/>"
|
||||
)
|
||||
|
|
|
|||
|
|
@ -6,7 +6,14 @@
|
|||
}
|
||||
|
||||
@mixin box-sizing($sizing) {
|
||||
box-sizing: $sizing;
|
||||
-moz-box-sizing: $sizing;
|
||||
-webkit-box-sizing: $sizing;
|
||||
box-sizing: $sizing;
|
||||
}
|
||||
|
||||
@mixin border-radius($properties...) {
|
||||
-moz-border-radius: $properties;
|
||||
-ms-border-radius: $properties;
|
||||
-webkit-border-radius: $properties;
|
||||
border-radius: $properties;
|
||||
}
|
||||
|
|
@ -1,10 +1,3 @@
|
|||
div.page {
|
||||
float: left;
|
||||
width: 75%;
|
||||
margin-left: 8px;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
div.section-block {
|
||||
margin-bottom: 8px;
|
||||
div.section-title-block {
|
||||
|
|
@ -39,10 +32,13 @@ div#top-pane {
|
|||
}
|
||||
}
|
||||
|
||||
col#recent {
|
||||
width:22%;
|
||||
}
|
||||
|
||||
#tab-bar {
|
||||
margin-bottom: 0px;
|
||||
margin-top: 2px;
|
||||
margin-left: -24px;
|
||||
display: inline;
|
||||
.tab {
|
||||
display: inline;
|
||||
padding: 0px 8px 0px 8px;
|
||||
|
|
@ -50,12 +46,9 @@ div#top-pane {
|
|||
}
|
||||
|
||||
div#recent-posts {
|
||||
width:22%;
|
||||
float: right;
|
||||
margin-right: 8px;
|
||||
display: inline-block;
|
||||
img {
|
||||
float: left;
|
||||
padding-right: 8px;
|
||||
}
|
||||
div.section-body {
|
||||
|
|
|
|||
|
|
@ -9,6 +9,7 @@
|
|||
}
|
||||
|
||||
body {
|
||||
background-color: #363942;
|
||||
background-image: url(res/pipes_bg.png);
|
||||
color: #d8d0b9;
|
||||
font: $font;
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@
|
|||
var webroot = "{{.config.SiteWebfolder}}"
|
||||
</script>
|
||||
<script type="text/javascript" src="{{.config.SiteWebfolder}}javascript/gochan.js"></script>
|
||||
<script type="text/javascript" src="{{.config.SiteWebfolder}}javascript/manage.js"></script>
|
||||
<script type="text/javascript" src="{{.config.SiteWebfolder}}javascript/manage.js"></script>
|
||||
|
||||
<link rel="stylesheet" href="{{.config.SiteWebfolder}}css/global.css" />
|
||||
<link id="theme" rel="stylesheet" href="{{.config.SiteWebfolder}}css/{{.config.DefaultStyle}}" />
|
||||
|
|
@ -26,73 +26,83 @@
|
|||
<span id="site-slogan">{{.config.SiteSlogan}}</span>
|
||||
</div>
|
||||
<div id="main">
|
||||
<ul id="tab-bar">
|
||||
<li id="current-tab" class="tab">
|
||||
<a href="#">News</a>
|
||||
</li>
|
||||
<li class="tab">
|
||||
<a href="#boards">Boards</a>
|
||||
</li>
|
||||
<li class="tab">
|
||||
<a href="#rules">Rules</a>
|
||||
</li>
|
||||
<li class="tab">
|
||||
<a href="#faq">FAQ</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div id="first-page" class="page">{{range $ii, $page := .page_arr}}{{if eq $page.Page 0}}
|
||||
<div class="section-block">
|
||||
<div class="section-title-block" id="first-page0">
|
||||
<b>{{$page.Subject}}</b> by <a href="mailto:{{$page.Email}}" >{{$page.Poster}}</a><a href="{{.config.SiteWebfolder}}#first-page{{$ii}}" class="permalink">#</a>
|
||||
</div>
|
||||
<div class="section-body">
|
||||
{{$page.Message}}
|
||||
</div>
|
||||
</div>{{end}}{{end}}
|
||||
</div>
|
||||
<div id="boards-page" class="page">
|
||||
<div class="section-block">
|
||||
<div class="section-title-block">
|
||||
<b>Boards</b>
|
||||
</div>
|
||||
<div class="section-body">
|
||||
<ul>{{range $_, $board := .boards}}{{if eq $board.Dir $.config.Modboard}}{{else}}
|
||||
<li><b>/{{$board.Dir}}/</b> {{$board.Description}}</li>{{end}}{{end}}
|
||||
<table style="width:100%" cellspacing="10">
|
||||
<colgroup>
|
||||
<col id="sections" />
|
||||
<col id="recent" />
|
||||
</colgroup>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<ul id="tab-bar">
|
||||
<li id="current-tab" class="tab">
|
||||
<a href="#">News</a>
|
||||
</li>
|
||||
<li class="tab">
|
||||
<a href="#boards">Boards</a>
|
||||
</li>
|
||||
<li class="tab">
|
||||
<a href="#rules">Rules</a>
|
||||
</li>
|
||||
<li class="tab">
|
||||
<a href="#faq">FAQ</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="rules-page" class="page">{{range $ii, $page := .page_arr}}{{if eq $page.Page 1}}
|
||||
<div class="section-block">
|
||||
<div class="section-title-block" id="first-page0">
|
||||
<b>{{$page.Subject}}</b> by <a href="mailto:{{$page.Email}}" >{{$page.Poster}}</a><a href="{{.config.SiteWebfolder}}#first-page{{$ii}}" class="permalink">#</a>
|
||||
</div>
|
||||
<div class="section-body">
|
||||
{{$page.Message}}
|
||||
</div>
|
||||
</div>{{end}}{{end}}
|
||||
</div>
|
||||
<div id="faq-page" class="page">{{range $ii, $page := .page_arr.Data}}{{if eq $page.Page 2}}
|
||||
<div class="section-block">
|
||||
<div class="section-title-block" id="first-page0">
|
||||
<b>{{$page.Subject}}</b> by <a href="mailto:{{$page.Email}}" >{{$page.Poster}}</a><a href="{{.config.SiteWebfolder}}#first-page{{$ii}}" class="permalink">#</a>
|
||||
</div>
|
||||
<div class="section-body">
|
||||
{{$page.Message}}
|
||||
</div>
|
||||
</div>{{end}}{{end}}
|
||||
</div>
|
||||
{{if gt .config.MaxRecentPosts 0}}<div id="recent-posts">
|
||||
<div id="recent-posts-header" class="section-title-block"><b>Recent Posts</b></div>
|
||||
{{range $i, $post := $.recent_posts}}<div class="section-block">
|
||||
<div class="section-title-block">
|
||||
<span class="section-title"><a href="{{$post.BoardName}}/res/{{if eq $post.ParentID 0}}{{intToString $post.PostID}}.html{{else}}{{intToString $post.ParentID}}.html#{{intToString $post.PostID}}{{end}}">/{{$post.BoardName}}/</a></span> - {{$appended := stringAppend $post.Name $post.Tripcode}}{{if eq $appended ""}}<b>Anonymous</b>{{else}}<b>{{$post.Name}}</b>{{if ne $post.Tripcode ""}}!{{$post.Tripcode}}{{end}}{{end}}
|
||||
</div>
|
||||
<div class="section-body">
|
||||
{{if ne $post.Filename ""}}<a href="{{$.config.SiteWebfolder}}{{$post.BoardName}}/src/{{$post.Filename}}" target="_blank"><img src="{{$.config.SiteWebfolder}}{{$post.BoardName}}/thumb/{{getThreadThumbnail $post.Filename}}" alt="post thumbnail"/></a>{{end}}
|
||||
{{truncateMessage $post.Message 225 12}}
|
||||
</div>
|
||||
</div>{{end}}{{end}}
|
||||
</div>
|
||||
<div id="first-page" class="page">{{range $ii, $page := .page_arr}}{{if eq $page.Page 0}}
|
||||
<div class="section-block">
|
||||
<div class="section-title-block" id="first-page0">
|
||||
<b>{{$page.Subject}}</b> by <a href="mailto:{{$page.Email}}" >{{$page.Poster}}</a><a href="{{.config.SiteWebfolder}}#first-page{{$ii}}" class="permalink">#</a>
|
||||
</div>
|
||||
<div class="section-body">
|
||||
{{$page.Message}}
|
||||
</div>
|
||||
</div>{{end}}{{end}}
|
||||
</div>
|
||||
<div id="boards-page" class="page">
|
||||
<div class="section-block">
|
||||
<div class="section-title-block">
|
||||
<b>Boards</b>
|
||||
</div>
|
||||
<div class="section-body">
|
||||
<ul>{{range $_, $board := .boards}}{{if eq $board.Dir $.config.Modboard}}{{else}}
|
||||
<li><b>/{{$board.Dir}}/</b> {{$board.Description}}</li>{{end}}{{end}}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="rules-page" class="page">{{range $ii, $page := .page_arr}}{{if eq $page.Page 1}}
|
||||
<div class="section-block">
|
||||
<div class="section-title-block" id="first-page0">
|
||||
<b>{{$page.Subject}}</b> by <a href="mailto:{{$page.Email}}" >{{$page.Poster}}</a><a href="{{.config.SiteWebfolder}}#first-page{{$ii}}" class="permalink">#</a>
|
||||
</div>
|
||||
<div class="section-body">
|
||||
{{$page.Message}}
|
||||
</div>
|
||||
</div>{{end}}{{end}}
|
||||
</div>
|
||||
<div id="faq-page" class="page">{{range $ii, $page := .page_arr.Data}}{{if eq $page.Page 2}}
|
||||
<div class="section-block">
|
||||
<div class="section-title-block" id="first-page0">
|
||||
<b>{{$page.Subject}}</b> by <a href="mailto:{{$page.Email}}" >{{$page.Poster}}</a><a href="{{.config.SiteWebfolder}}#first-page{{$ii}}" class="permalink">#</a>
|
||||
</div>
|
||||
<div class="section-body">
|
||||
{{$page.Message}}
|
||||
</div>
|
||||
</div>{{end}}{{end}}
|
||||
</div>
|
||||
</td>
|
||||
{{if gt .config.MaxRecentPosts 0}}<td>
|
||||
<div id="recent-posts-header" class="section-title-block"><b>Recent Posts</b></div>
|
||||
{{range $i, $post := $.recent_posts}}<div class="section-block">
|
||||
<div class="section-title-block">
|
||||
<span class="section-title"><a href="{{$post.BoardName}}/res/{{if eq $post.ParentID 0}}{{intToString $post.PostID}}.html{{else}}{{intToString $post.ParentID}}.html#{{intToString $post.PostID}}{{end}}">/{{$post.BoardName}}/</a></span> - {{$appended := stringAppend $post.Name $post.Tripcode}}{{if eq $appended ""}}<b>Anonymous</b>{{else}}<b>{{$post.Name}}</b>{{if ne $post.Tripcode ""}}!{{$post.Tripcode}}{{end}}{{end}}
|
||||
</div>
|
||||
<div class="section-body">
|
||||
{{if ne $post.Filename ""}}<a href="{{$.config.SiteWebfolder}}{{$post.BoardName}}/src/{{$post.Filename}}" target="_blank"><img src="{{$.config.SiteWebfolder}}{{$post.BoardName}}/thumb/{{getThreadThumbnail $post.Filename}}" alt="post thumbnail"/></a>{{end}}
|
||||
{{truncateMessage $post.Message 225 12}}
|
||||
</div>
|
||||
</div>{{end}}{{end}}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
{{template "global_footer.html" .}}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue