use QR file input when posting, improve front page formatting

html/css/global.css

@@ -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;

html/css/pipes.css

@@ -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;

html/javascript/gochan.js

@@ -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;\"/>"
 		)

sass/_util.scss

@@ -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;
 }

sass/global/_front.scss

@@ -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 {

sass/pipes.scss

@@ -9,6 +9,7 @@
 }
 
 body {
+	background-color: #363942;
 	background-image: url(res/pipes_bg.png);
 	color: #d8d0b9;
 	font: $font;

templates/front.html

@@ -26,6 +26,13 @@
 		<span id="site-slogan">{{.config.SiteSlogan}}</span>
 	</div>
 	<div id="main">
+		<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>
@@ -82,7 +89,8 @@
 							</div>
 						</div>{{end}}{{end}}
 					</div>
-		{{if gt .config.MaxRecentPosts 0}}<div id="recent-posts">
+				</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">
@@ -93,6 +101,8 @@
 						{{truncateMessage $post.Message 225 12}}
 						</div>
 					</div>{{end}}{{end}}
-		</div>
+				</td>
+			</tr>
+		</table>
 	</div>
 	{{template "global_footer.html" .}}