From c3602ef0385178c6082ee2ca34d072fd4df12b2b Mon Sep 17 00:00:00 2001
From: v3d <vedran@hacklab01.org>
Date: Mon, 12 Dec 2016 21:57:32 +0000
Subject: [PATCH] Update index.html

---
 var/www/html/pivilion/index.html | 114 ++++++++++++-------------------
 1 file changed, 44 insertions(+), 70 deletions(-)
diff --git a/var/www/html/pivilion/index.html b/var/www/html/pivilion/index.html
index e6a9bcc..910f3b6 100644
--- a/var/www/html/pivilion/index.html
+++ b/var/www/html/pivilion/index.html
@@ -37,6 +37,24 @@
 	</script>
 	<style>
 		@charset "utf-8";
+		::-webkit-input-placeholder {
+   		color: black;
+		}
+
+		:-moz-placeholder { /* Firefox 18- */
+   		color: black;  
+		}
+
+		::-moz-placeholder {  /* Firefox 19+ */
+   		color: black;  
+		}
+
+		:-ms-input-placeholder {  
+   		color: black;  
+		}
+		input[name=color] {
+		width: 181px!important;
+		}
 		a {
 		text-decoration:underline;
 		cursor:pointer;
@@ -63,7 +81,7 @@
 		}
 		body {
 		color: #C0C0C0;
-		font-family: Arial, sans-serif;
+		font-family: monospace;
 		}
 		/* Contact Form Styles */
 		h1 {
@@ -71,19 +89,17 @@
 		}
 		h4{
 		margin: 0 0 20px 0;
+		}
+		textarea {
+	    width: 408px!important;
+	    display: block;
 		}
 		#contact-form {
-		background-color:rgba(72,72,72,0.7);
-		padding: 10px 20px 30px 20px;
+		background-color:rgba(0,0,0,0.9);
+		padding: 20px 20px 20px 20px;
 		max-width:100%;
 		float: left;
-		left: 33%;
 		position: absolute;
-		margin-top:30px;
-		margin-left: -260px;
-		border-radius:7px;
-		-webkit-border-radius:7px;
-		-moz-border-radius:7px;
 		}
 		#contact-form input,   
 		#contact-form select,   
@@ -91,17 +107,15 @@
 		#contact-form label { 
 		font-size: 15px;  
 		margin-bottom: 2px;
-		font-family: Arial, san-serif;
+		font-family: monospace;
 		} 
+
 		#contact-form input,   
 		#contact-form select,   
 		#contact-form textarea { 
 		background: #fff;
 		border: 0; 
-		-moz-border-radius: 4px;  
-		-webkit-border-radius: 4px;  
-		border-radius: 4px;
-		margin-bottom: 25px;  
+		margin-bottom: 5px;  
 		padding: 5px;  
 		}  
 		#contact-form input:focus,   
@@ -113,46 +127,7 @@
 		width:70%;
 		height: 150px;
 		}
-		#contact-form button[type="submit"] {
-		cursor:pointer;
-		width:100%;
-		border:none;
-		background:#991D57;
-		background-image:linear-gradient(bottom, #8C1C50 0%, #991D57 52%);
-		background-image:-moz-linear-gradient(bottom, #8C1C50 0%, #991D57 52%);
-		background-image:-webkit-linear-gradient(bottom, #8C1C50 0%, #991D57 52%);
-		color:#FFF;
-		margin:0 0 5px;
-		padding:10px;
-		border-radius:5px;
-		}
-		#contact-form button[type="submit"]:hover {
-		background-image:linear-gradient(bottom, #9C215A 0%, #A82767 52%);
-		background-image:-moz-linear-gradient(bottom, #9C215A 0%, #A82767 52%);
-		background-image:-webkit-linear-gradient(bottom, #9C215A 0%, #A82767 52%);
-		-webkit-transition:background 0.3s ease-in-out;
-		-moz-transition:background 0.3s ease-in-out;
-		transition:background-color 0.3s ease-in-out;
-		}
-		#contact-form button[type="submit"]:active {
-		box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
-		}
-		input:required, textarea:required {  
-		box-shadow: none;
-		-moz-box-shadow: none;  
-		-webkit-box-shadow: none;  
-		-o-box-shadow: none;  
-		} 
-		#contact-form .required {  
-		font-weight:bold;  
-		color: #E5E6E7;      
-		}
-		/* Hide success/failure message
-		(especially since the php is missing) */
-		#failure, #success {
-		color: #6EA070; 
-		display:none;  
-		}
+		
 		/* Make form look nice on smaller screens */
 		@media only screen and (max-width: 580px) {
 		#contact-form{
@@ -166,25 +141,23 @@
 		div#sections_0_slides_add {
 		background-image: url("images/add.png"); 
 		} 
+		div#sections_controls {
+ 	    margin-top: 25px!important;
+		}
 	</style>
 </head>
 <body>
 	<div id ="contact-form">
 		<form enctype="multipart/form-data" action='gen.php' method='post'>
-			Progress Bar and Link Color: <input name="color" class="jscolor"> </input > <br/>
-			Expo Title <br/>
-			<input type="text" name="title"> </input>
-			<br/> Curator <br />
-			<input type="text" name="banana"> </input>
-			<br/> Description <br />
-			<textarea name="description"> </textarea >
-			<br>
+			Progress Bar and Link Color: <input name="color" class="jscolor" /> <br/>
+			<input type="text" name="title" placeholder="Expo title" />
+			<input type="text" name="banana" placeholder="Curator" />
+			<textarea name="description" placeholder="Description"></textarea>
 			<!-- Main sheepIt Form -->
-			<label>Sections</label>
-			<p>Allowed filetypes:</p>
-			<p>Images: png, jpg, jpeg, gif</p>
-			<p>Video: webm / ogg audio</p>
-			<p>Audio: ogg</p>
+			<p>Allowed filetypes:<br>
+			Images: png, jpg, jpeg, gif<br>
+			Video: webm / ogg audio<br>
+			Audio: ogg</p>
 			<div id="sections">
 				<!-- Form template-->
 				<div id="sections_template">
@@ -201,7 +174,7 @@
 								<input id="sections_#index#_slides_#index_slides#_phone" name="author[]" placeholder="Author" type="text" value="" />
 								<!--- TU EDIT-->
 								<input id="sections_#index#_slides_#index_slides#_phone" name="imgs[]" type="text" placeholder="Work title" value="" /><br>
-								<textarea name="work_desc[]" placeholder="Work desription"> </textarea >
+								<textarea name="work_desc[]" placeholder="Work Description"></textarea >
 								<input id="sections_#index#_address" name="mytest[]" type="file" accept="gif|jpg|jpeg|png|ogg|webm"/>
 								<a id="sections_#index#_slides_remove_current"><img src="images/cross.png" width="16" height="16" border="0"></a>
 							</div>
@@ -212,7 +185,7 @@
 							<!-- Controls -->
 							<div id="sections_#index#_slides_controls" class="controls">
 								<div id="sections_#index#_slides_add"><a><span>Add slide</span></a></div>
-								<div id="sections_#index#_slides_remove_last"><a><span>Remove all</span></a></div>
+								<div id="sections_#index#_slides_remove_last"><a><span>Remove last</span></a></div>
 								<div id="sections_#index#_slides_remove_all"><a><span>Remove all</span></a></div>
 								<div id="sections_#index#_slides_add_n">
 									<input id="sections_#index#_slides_add_n_input" type="text" size="4" />
@@ -229,6 +202,7 @@
 				<div id="sections_noforms_template">No sections</div>
 				<!-- /No forms template -->
 				<!-- Controls -->
+				<br/> <br/>
 				<div id="sections_controls" class="controls">
 					<div id="sections_add"><a><span>Add section</span></a></div>
 					<div id="sections_remove_last"><a><span>Remove last</span></a></div>
@@ -242,7 +216,7 @@
 			</div>
 			<!-- /Main sheepIt Form -->
 			<input type="checkbox" name="togetherjs" value="Yes" />Include together.js
-			<input type="submit" value="Submit" />
+			<input type="submit" value="Generate" />
 		</form>
 	</div>
 </body>
