Update html.

html/website/github.mustache

@@ -0,0 +1 @@
+<a href="https://github.com/KingDuckZ/tawashi"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>

html/website/head.mustache

@@ -7,7 +7,11 @@
 		<meta name="description" content="KamoKan, text storage site." />
 		<meta name="keywords" content="text storage, pastebin, source code snippets, code review" />
 		<meta name="author" content="Elena" />
-		<link rel="stylesheet" href="{{host_path}}/kamokan.css" />
+
+		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
 		<link rel="icon" href="icon" />
 
+		<link rel="stylesheet" media="screen and (min-width: 481px)" href="kamokan.css" />
+		<link rel="stylesheet" media="only screen and (max-width: 480px)" href="kamokan-mobile.css" />
+
 </head>

html/website/kamokan-mobile.css

@@ -0,0 +1,87 @@
+
+html {
+	height: 100%;
+}
+
+/* Tell the browser to render HTML5 elements as block */
+header, footer, aside, nav, article {
+    display: block;
+}
+
+/*caratteristiche generali di tutto il body*/
+body {
+    font-family: Helvetica, Arial, sans-serif;
+    background: #303030;
+    height: 100%;
+    margin: 10px;
+}
+
+/*style della barra di navigazione*/
+#topbar {
+	margin: 0;
+	padding: 0;
+	width: 100%;
+	border-bottom: 2px solid black;
+}
+
+#content {
+	margin: 0;
+	padding: 0;
+	width: 100%;
+	height: 70%;
+}
+
+#version{
+	margin: 0px;
+	padding: 0px 0px;
+	color: RGBA(0, 146, 0, 255);
+	font-weight: bold;
+	font-size: 20px;
+}
+
+.icon {
+	display: none;
+}
+
+.icon-green {
+	display: none;
+}
+
+.submit-mobile {
+	font-size: 10px;
+	text-decoration: none;
+}
+
+#PasteTextBox{
+   margin: 20px;
+   border: 0px;
+   background-color: #303030;
+   color: #EDEDED;
+   resize: none;
+}
+
+.title{
+	color: #EDEDED;
+	font-weight: bold;
+	margin: 5px;
+	font-size: 15px;
+}
+
+.selectBox {
+  font-size: 10px;
+  background: #EDEDED;
+  color: black;
+  padding: 2px;
+  margin-right: 20px;
+  border: solid #9e9e9e 1px;
+  text-decoration: none;
+  display: inline-block;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+}
+
+.error {
+	font-size: 28px;
+	text-align: center;
+}

html/website/kamokan.css

@@ -1,10 +1,6 @@
----
----
-/*get rid of defaults*/
 
-*{/*everything on the webpage*/
-	margin:0px;
-	padding:0px;
+html {
+	height: 100%;
 }
 
 /* Tell the browser to render HTML5 elements as block */
@@ -16,6 +12,8 @@ header, footer, aside, nav, article {
 body {
     font-family: Helvetica, Arial, sans-serif;
     background: #303030;
+    height: 100%;
+    margin: 10px;
 }
 
 /*style della barra di navigazione*/
@@ -30,14 +28,23 @@ body {
 	margin: 0;
 	padding: 0;
 	width: 100%;
+	height: 70%;
+}
+
+form {
+	height: 100%;
 }
 
 #version{
-	font-size: 17px;
 	margin: 0px;
 	padding: 0px 0px;
 	color: RGBA(0, 146, 0, 255);
 	font-weight: bold;
+	font-size: 17px;
+}
+
+.submit-mobile {
+	display: none;
 }
 
 .icon {
@@ -49,8 +56,6 @@ body {
 }
 
 #PasteTextBox{
-	height: 400px;
-	width: 600px;
    margin: 20px;
    border: 0px;
    background-color: #303030;

html/website/topbar.mustache

@@ -1,11 +1,14 @@
 	<div id="topbar">
 		<p id="version">kamokan {{version}}</p>
-		<a href="{{base_uri}}"><img src="Pictures/kamokan-icon-new.png" alt="kamokan icon" class="icon"></a>
+		<a href="{{base_uri}}"><img src="Pictures/kamokan-icon.png" alt="kamokan icon" class="icon"></a>
 		<a href="save.html"><input type="image" src="Pictures/save-ink.png" alt="Submit" class="icon-green" title="Paste"/></a>
+
+		<a href="save.html" class="submit-mobile"><input type="submit" title="Paste"/></a>
+
 		<a href="{{base_uri}}"><img src="Pictures/new-ink.png" alt="new icon" class="icon-green" title="New"/></a>
 		<a href="edit.html"><img src="Pictures/edit-ink.png" alt="duplicate and edit icon" class="icon-green" title="Duplicate and Edit"/></a>
 		<a href="text.html"><img src="Pictures/text-ink.png" alt="text icon" class="icon-green" title="Text only"/></a>
 
-		<a href="https://github.com/KingDuckZ/kamokan"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
+		{{> github }}
 
 	</div>