From 726bf7cf90542c5a9cb9cb2dd059100f3ebee9a3 Mon Sep 17 00:00:00 2001
From: King_DuckZ <king_duckz@gmx.com>
Date: Wed, 21 Jun 2017 08:18:49 +0100
Subject: [PATCH] Update html

---
 html/website/Pictures/C++-icon.jpeg          | Bin 3678 -> 0 bytes
 html/website/Pictures/kamokan-icon-green.png | Bin 1313 -> 0 bytes
 html/website/Pictures/kamokan-icon.png       | Bin 2385 -> 0 bytes
 html/website/edit.html.mstch                 |  31 ++--------------
 html/website/error.html.mstch                |  14 +++-----
 html/website/index.html.mstch                |  35 ++-----------------
 html/website/kamokan.css                     |  31 ++++++++++++----
 html/website/page1-bottom.mustache           |  28 +++++++++++++++
 html/website/page1-top.mustache              |   5 +++
 html/website/page2-bottom.mustache           |   8 +++++
 html/website/page2-top.mustache              |   6 ++++
 html/website/pastie.html.mstch               |  16 +++------
 html/website/saved.html.mstch                |   9 +++++
 html/website/topbar.mustache                 |   8 ++---
 14 files changed, 99 insertions(+), 92 deletions(-)
 delete mode 100644 html/website/Pictures/C++-icon.jpeg
 delete mode 100644 html/website/Pictures/kamokan-icon-green.png
 delete mode 100644 html/website/Pictures/kamokan-icon.png
 create mode 100644 html/website/page1-bottom.mustache
 create mode 100644 html/website/page1-top.mustache
 create mode 100644 html/website/page2-bottom.mustache
 create mode 100644 html/website/page2-top.mustache
 create mode 100644 html/website/saved.html.mstch

diff --git a/html/website/Pictures/C++-icon.jpeg b/html/website/Pictures/C++-icon.jpeg
deleted file mode 100644
index c74576144875d53898d285b96cf96f2f7784142a..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3678
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

diff --git a/html/website/Pictures/kamokan-icon-green.png b/html/website/Pictures/kamokan-icon-green.png
deleted file mode 100644
index b37e15bc61d7860baefe55fe3151818c437f84dd..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1313
zcmV++1>X9JP)<h;3K|Lk000e1NJLTq002t>001Wl1^@s6M|ic%00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY4x9i04s`*DC>wYH000McNliru;RX>D4HhhXXKerg1g=R$
zK~!ko?V4*$lUEqWe{Ja<kV+{OTA_@K3=okiI%kLz<8<nRx<z*}8w*Pe$r8WpgCAU6
zmhH>34_kKAXtE`4Iuc`;kbyymPEf`s#0x78GC&G)DVJJlZK3<XEMYRVqe!9se|ye*
z&T~%w=Xw9{bDr}Gia$BzCWyy^Fi1g=tXV<GY)^1%+fe|bdSlU<4H(*&&e&&LoQb-X
z=SXSJBKcMZ3VZ1MCu>+aK$o^1fG%x20t7xG>soppJsLAT8Z(#HRIuxG5t{zkxgqN>
zy^*rb-+Sd~-;sj|-J(ftO{rHWj4{Z#`HW9CplylCV~1NKi0adVV4g)*Q}R{Ltv~&r
z>Uezj=MOdOZX0;1{LROn<8p2l2q!+^nb&g>2n0{$HJn!h->trlDe;=e7CR-RH81xc
zfj6|KvgPcnTu=Lr>UC!TC^~uo$*7dC3O`^hWOT}La+{LE<L^!R>{4z84Oul_Ep&`A
zeqCEWX?vaG`y46!*e68fUEE4W)5?VrS@kQbxf9*FFjI#SrHwD%dEY0#%+YPsXIC%$
zJZq+~Dh8?CP=Z@DA?i7QtYdY3{*?W{dFw-5VkZF08=qzEl}%5MtX6~Zp$Iwh_D7F&
z><i5rk=iJI@jGmxR!^I@YYD6BpAQ~){*4Q3%NSJkPi(+FB^%G}LO4gu_G`_0uJ#4`
zBD)z>^&@r2*j~PuFxw*kJxCi`Qz<@th`ftiJ#9rt4^Vvg5JHz|Ru`un38&zvLZZ8M
zY%6;MwIya@3jB1M<qZ_}P<E9T1xD3jCOH1`XOlF`TQp?Vc%A&Fn3l2e{7(PYtXOkA
z1!oHVI*kby|NJ4(@&#TidDrVPbDEUSwZPA-$a+$mm0z`k)RwF%pWRgq@$KuMdhGSp
z+j-iUGo$rg&Z*+}oC_X%s^aDU&a+~=^q#iWSMq(HXG!kM{64b$M&Kn*>HK^R6FSDD
z=~38s?BFCj&6G`=DSO&6V~jBrZb3Dy=EROK=~v$YKxS72j%NM5;Upt+8%Zr0$VZek
zX4axJ8%Q&*;PR>}Mujdm{8GS=JHO_Bh=aX9?8h!0@r;+*<$*z#+wJDI?iLQI9o0Y-
z;ddkG)^;FqO3A#Diz)Fs0{3_sc(EmlR)Y~^N+WjJy$9ij%%KPj%^Fbk;*i<_(DcQ!
zXebf@i>e2OJrr%X9=FI%OTtak|EY5~X4En&c8y1sLxIRG3JkK^^b_}ZQN3EitP$g%
zeC04Mp_BNI6ad<nn9z475;34g)2o}PF4)2XC(mk59>1QF+T}!AVz7n|dbZ-8;x2LK
z1Y*tcEH!2$bc@(iQp}$z4H#1!00_6LyqfQPUMc7EN@wLDJ*#AOY1-*icL5OJo{SJ7
zGKZY7;Rxc)20~n7VtVzguFI!8x&xccir6WkCGm#GN5r5yFd{3uN5`hKuh5WLL&nW<
zJ(4=*>^-r6QoqF(4X3srqh?LzLq6in34uYD5Ftse=_IwLPuoxGk`Zaqc=D<TSTwX4
zedkkN%{d##9ly)qH&^Z^rFj`*r-Trvn7Gaawp8qyvkM4sAqf5^IS<c<L9&8m1up&u
X{Lr7r1%2b100000NkvXXu0mjf2*+!r

diff --git a/html/website/Pictures/kamokan-icon.png b/html/website/Pictures/kamokan-icon.png
deleted file mode 100644
index 6c4a573d1767a6f4a51640bcef0a7a904405a76d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2385
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
DoNt8L

diff --git a/html/website/edit.html.mstch b/html/website/edit.html.mstch
index 8a09ab8..4766078 100644
--- a/html/website/edit.html.mstch
+++ b/html/website/edit.html.mstch
@@ -1,32 +1,7 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml">
-
-<head>
-		<title>KamoKan</title>
-		<meta charset="UTF-8"/>
-		<meta name="description" content="KamoKan, text storage site." />
-		<meta name="keywords" content="text storage, pastebin, source code snippets, code review" />
-		<meta name="author" content="Unknown" />
-		<link rel="stylesheet" href="kamokan.css" />
-		<link rel="icon" href="icon" />
-
-</head>
-<body>
-
-	<div id="topbar">
-		<p id="version">kamokan 1.0.0</p>
-		<a href="index.html"><img src="Pictures/kamokan-icon-new.png" alt="kamokan icon" class="icon"></a>
-		<a href="save.html"><input type="image" src="Pictures/save-ink-t.png" alt="Submit" class="icon-green" title="Save"/></a>
-		<a href="index.html"><img src="Pictures/new-ink-t.png" alt="new icon" class="icon-green" title="New"/></a>
-		<a href=""><img src="Pictures/edit-ink-t.png" alt="duplicate and edit icon" class="icon-green" title="Duplicate and Edit"/></a>
-		<a href=""><img src="Pictures/text-ink-t.png" alt="text icon" class="icon-green" title="Text only"/></a>
-		<img src="Pictures/C++-icon.jpeg" alt="c++ icon" class="icon-right"/>
-		<a href=""><img src="Pictures/github-icon.jpeg" alt="github icon" class="icon-right" /></a>	
-	</div>
+{{> page1-top}}
 
 	<div id="content">
-		<p></p>
+		<textarea type="text" class="wrap" id="PasteTextBox" name="pastie" placeholder=">Text..." autofocus required autocomplete="off" name="text">{{pastie_token}}</textarea>
 	</div>
 
-</body>
-</html>
+{{> page1-bottom}}
diff --git a/html/website/error.html.mstch b/html/website/error.html.mstch
index 98ec614..43061b8 100644
--- a/html/website/error.html.mstch
+++ b/html/website/error.html.mstch
@@ -1,11 +1,7 @@
-{{>head}}
-<body>
-{{> topbar}}
-<div id="content" class="error">
+{{> page2-top}}
 
-	{{error_message}}
+<div id="message">
+<p>{{error_message}}</p>
+</div>
 
-	</div>
-
-</body>
-</html>
+{{> page2-bottom}}
\ No newline at end of file
diff --git a/html/website/index.html.mstch b/html/website/index.html.mstch
index 153d9ae..8519972 100644
--- a/html/website/index.html.mstch
+++ b/html/website/index.html.mstch
@@ -1,38 +1,7 @@
-{{> head}}
-<body>
-	<form id="page" action="{{base_uri}}/paste.cgi" method="post" accept-charset="UTF-8">
-
-	{{> topbar}}
+{{> page1-top}}
 
 	<div id="content">
 		<textarea type="text" class="wrap" id="PasteTextBox" name="pastie" placeholder=">Text..." autofocus required autocomplete="off" name="text"></textarea>
 	</div>
 
-	<div id="button">
-		<p class="title">Syntax Highlighting:</p>
-			<select name="lang" class="selectBox">
-				<option value="colourless" selected="selected">None  </option>
-				{{#languages}}
-				<option value="{{language_name}}" >{{language_name}}</option>
-				{{/languages}}
-			</select>
-
-		<p class="title">Paste Expiration:</p>
-			<select name="ttl" class="selectBox">
-				<option value="600">10 minutes</option>
-				<option value="3600">1 hour</option>
-				<option value="86400" >1 day</option>
-				<option value="604800" selected="selected">1 week</option>
-				<option value="1209600">2 weeks</option>
-				<option value="2628000">1 month</option>
-			</select>
-
-		 <input type="checkbox" name="selfdes" value="1"><p id="delete">Delete this text as soon as it has been read.</p>
-	</div>
-
-	</form>
-
-	{{> footer}}
-
-</body>
-</html>
+{{> page1-bottom}}
\ No newline at end of file
diff --git a/html/website/kamokan.css b/html/website/kamokan.css
index 53581b0..f3b1e42 100644
--- a/html/website/kamokan.css
+++ b/html/website/kamokan.css
@@ -1,8 +1,8 @@
 
 html {
-	height: 100%;
 	margin: 0px;
 	padding: 0px;
+	width: 100%;
 }
 
 body {
@@ -10,6 +10,7 @@ body {
     background: #303030;
     margin: 0px;
     padding-top: 0px;
+    width: 100%;
 }
 
 /*style della barra di navigazione*/
@@ -48,10 +49,12 @@ body {
 
 .icon-right {
 	float: right;
+   width: 95%;
 }
 
 .wrap {
 	margin: 20px;
+	width: 95%;
 }
 
 #PasteTextBox {
@@ -101,9 +104,10 @@ body {
 footer  {
 	margin-left: 30px;
 	bottom: 5px;
-	position: fixed;
+	/*position: absolute;*/
 	font-size: 15px;
 	color: #EDEDED;
+	width: 100%;
 }
 
 #numbers {
@@ -111,24 +115,39 @@ footer  {
 	color: #EDEDED;
 	font-family: monospace;
 	width: 40px;
-	vertical-align: bottom;
-	border: solid red 1px;
+   user-select: none;
+   -moz-user-select: none;
+   -khtml-user-select: none;
+   -webkit-user-select: none;
+   -o-user-select: none;
 }
 
 #lines {
 	display: table-cell;
 	font-family: monospace;
-	border: solid green 1px;
 }
 
 #code {
 	list-style-type: none;
 	padding: 0px;
 	margin: 0px;
+	width: 100%;
 	white-space: pre;
+	word-wrap: break-word;
+}
+
+
+#message {
+	color: #EDEDED;
+	font-size: 22px;
+	text-align: center;
+}
+
+.link {
+	color: RGBA(0, 242, 0, 1);
 }
 
 .mar-pad0 {
 	margin: 0px;
 	padding: 0px;
-}
+}
\ No newline at end of file
diff --git a/html/website/page1-bottom.mustache b/html/website/page1-bottom.mustache
new file mode 100644
index 0000000..4a62cbf
--- /dev/null
+++ b/html/website/page1-bottom.mustache
@@ -0,0 +1,28 @@
+	<div id="button">
+		<p class="title">Syntax Highlighting:</p>
+			<select name="lang" class="selectBox">
+				<option value="colourless" selected="selected">None  </option>
+				{{#languages}}
+				<option value="{{language_name}}">{{language_name}}</option>
+				{{/languages}}
+			</select>
+
+		<p class="title">Paste Expiration:</p>
+			<select name="ttl" class="selectBox">
+				<option value="600">10 minutes</option>
+				<option value="3600">1 hour</option>
+				<option value="86400" >1 day</option>
+				<option value="604800" selected="selected">1 week</option>
+				<option value="1209600">2 weeks</option>
+				<option value="2628000">1 month</option>
+			</select>
+
+		 <input type="checkbox" name="selfdes" value="1"><p id="delete">Delete this text as soon as it has been read.</p>
+	</div>
+
+	</form>
+
+	{{> footer}}
+
+</body>
+</html>
diff --git a/html/website/page1-top.mustache b/html/website/page1-top.mustache
new file mode 100644
index 0000000..6986b69
--- /dev/null
+++ b/html/website/page1-top.mustache
@@ -0,0 +1,5 @@
+{{> head}}
+<body>
+	<form id="page" action="{{base_uri}}/paste.cgi" method="post" accept-charset="UTF-8">
+
+	{{> topbar}}
\ No newline at end of file
diff --git a/html/website/page2-bottom.mustache b/html/website/page2-bottom.mustache
new file mode 100644
index 0000000..43f1c9f
--- /dev/null
+++ b/html/website/page2-bottom.mustache
@@ -0,0 +1,8 @@
+		</div>
+	
+		{{> footer}}
+	</div>
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/html/website/page2-top.mustache b/html/website/page2-top.mustache
new file mode 100644
index 0000000..7e302cb
--- /dev/null
+++ b/html/website/page2-top.mustache
@@ -0,0 +1,6 @@
+{{> head}}
+<body>
+	<div id="page">
+	{{> topbar}}
+
+		<div class="wrap">
diff --git a/html/website/pastie.html.mstch b/html/website/pastie.html.mstch
index 092212c..f0cdfb3 100644
--- a/html/website/pastie.html.mstch
+++ b/html/website/pastie.html.mstch
@@ -1,25 +1,17 @@
-{{> head}}
-<body>
-	<div id="page">
-	{{> topbar}}
+{{> page2-top}}
 
-		<div class="wrap">
 		{{#pastie_lines}}
-			<div class="mar-pad0">
+			<div>
 
 				<div id="numbers" class="mar-pad0">
 				<p class="mar-pad0">{{number}}</p>
 				</div>
 
 				<div id="lines" class="mar-pad0">
-				<li id="code">{{line}}</li>
+				<p id="code" {{#colourless}}style="color:#EDEDED"{{/colourless}} >{{line}}</p>
 				</div>
 
 			</div>
 	{{/pastie_lines}}
-		</div>
-	</div>
-	{{> footer}}
 
-</body>
-</html>
+{{> page2-bottom}}
\ No newline at end of file
diff --git a/html/website/saved.html.mstch b/html/website/saved.html.mstch
new file mode 100644
index 0000000..65dfd2d
--- /dev/null
+++ b/html/website/saved.html.mstch
@@ -0,0 +1,9 @@
+{{> page2-top}}
+
+<div id="message">
+<p>Your text has been saved in this link:</p>
+<p class="link">{{base_uri}}/{{pastie_token}}?{{pastie_lang}}</p>
+<p>It will be deleted as soon as the link is open for the first time. Thanks for using KamoKan!</p>
+</div>
+
+{{> page2-bottom}}
diff --git a/html/website/topbar.mustache b/html/website/topbar.mustache
index 3befc07..4ae6756 100644
--- a/html/website/topbar.mustache
+++ b/html/website/topbar.mustache
@@ -2,13 +2,13 @@
 		<p id="version">KamoKan</p>
 		<a href="{{host_path}}/"><img src="{{host_path}}/Pictures/kamokan-icon-gt.png" alt="kamokan icon" class="icon"></a>
 
-		{{#pastie_page}}
+		{{^submit_page}}
 		<img src="{{host_path}}/Pictures/save-grey.png" alt="no-submit" class="icon-green">
-		{{/pastie_page}}
+		{{/submit_page}}
 
-		{{^pastie_page}}
+		{{#submit_page}}
 		<a href="save.html"><input type="image" src="{{host_path}}/Pictures/save-ink.png" alt="Submit" class="icon-green" title="Paste"/></a>
-		{{/pastie_page}}
+		{{/submit_page}}
 
 		<a href="save.html" class="submit-mobile"><input type="submit" title="Paste"/></a>