Format_C/pivilion
1
0
Fork 0
mirror of https://gitlab.com/hacklab01/pivilion.git synced 2025-04-30 00:57:16 +00:00
Code Issues Projects Releases Wiki Activity

Update index.html

Browse Source
This commit is contained in:
v3d 2016-12-12 21:57:32 +00:00
parent f582a0ee49
commit c3602ef038
1 changed files with 44 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

114
var/www/html/pivilion/index.html
View File

@ -37,6 +37,24 @@
</script> </script>
<style> <style>
@charset "utf-8"; @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 { a {
text-decoration:underline; text-decoration:underline;
cursor:pointer; cursor:pointer;
@ -63,7 +81,7 @@
} }
body { body {
color: #C0C0C0; color: #C0C0C0;
font-family: Arial, sans-serif; font-family: monospace;
} }
/* Contact Form Styles */ /* Contact Form Styles */
h1 { h1 {
@ -71,19 +89,17 @@
} }
h4{ h4{
margin: 0 0 20px 0; margin: 0 0 20px 0;
}
textarea {
width: 408px!important;
display: block;
} }
#contact-form { #contact-form {
background-color:rgba(72,72,72,0.7); background-color:rgba(0,0,0,0.9);
padding: 10px 20px 30px 20px; padding: 20px 20px 20px 20px;
max-width:100%; max-width:100%;
float: left; float: left;
left: 33%;
position: absolute; position: absolute;
margin-top:30px;
margin-left: -260px;
border-radius:7px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
} }
#contact-form input, #contact-form input,
#contact-form select, #contact-form select,
@ -91,17 +107,15 @@
#contact-form label { #contact-form label {
font-size: 15px; font-size: 15px;
margin-bottom: 2px; margin-bottom: 2px;
font-family: Arial, san-serif; font-family: monospace;
} }
#contact-form input, #contact-form input,
#contact-form select, #contact-form select,
#contact-form textarea { #contact-form textarea {
background: #fff; background: #fff;
border: 0; border: 0;
-moz-border-radius: 4px; margin-bottom: 5px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 25px;
padding: 5px; padding: 5px;
} }
#contact-form input:focus, #contact-form input:focus,
@ -113,46 +127,7 @@
width:70%; width:70%;
height: 150px; 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 */ /* Make form look nice on smaller screens */
@media only screen and (max-width: 580px) { @media only screen and (max-width: 580px) {
#contact-form{ #contact-form{
@ -166,25 +141,23 @@
div#sections_0_slides_add { div#sections_0_slides_add {
background-image: url("images/add.png"); background-image: url("images/add.png");
} }
div#sections_controls {
margin-top: 25px!important;
}
</style> </style>
</head> </head>
<body> <body>
<div id ="contact-form"> <div id ="contact-form">
<form enctype="multipart/form-data" action='gen.php' method='post'> <form enctype="multipart/form-data" action='gen.php' method='post'>
Progress Bar and Link Color: <input name="color" class="jscolor"> </input > <br/> Progress Bar and Link Color: <input name="color" class="jscolor" /> <br/>
Expo Title <br/> <input type="text" name="title" placeholder="Expo title" />
<input type="text" name="title"> </input> <input type="text" name="banana" placeholder="Curator" />
<br/> Curator <br /> <textarea name="description" placeholder="Description"></textarea>
<input type="text" name="banana"> </input>
<br/> Description <br />
<textarea name="description"> </textarea >
<br>
<!-- Main sheepIt Form --> <!-- Main sheepIt Form -->
<label>Sections</label> <p>Allowed filetypes:<br>
<p>Allowed filetypes:</p> Images: png, jpg, jpeg, gif<br>
<p>Images: png, jpg, jpeg, gif</p> Video: webm / ogg audio<br>
<p>Video: webm / ogg audio</p> Audio: ogg</p>
<p>Audio: ogg</p>
<div id="sections"> <div id="sections">
<!-- Form template--> <!-- Form template-->
<div id="sections_template"> <div id="sections_template">
@ -201,7 +174,7 @@
<input id="sections_#index#_slides_#index_slides#_phone" name="author[]" placeholder="Author" type="text" value="" /> <input id="sections_#index#_slides_#index_slides#_phone" name="author[]" placeholder="Author" type="text" value="" />
<!--- TU EDIT--> <!--- TU EDIT-->
<input id="sections_#index#_slides_#index_slides#_phone" name="imgs[]" type="text" placeholder="Work title" value="" /><br> <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"/> <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> <a id="sections_#index#_slides_remove_current"><img src="images/cross.png" width="16" height="16" border="0"></a>
</div> </div>
@ -212,7 +185,7 @@
<!-- Controls --> <!-- Controls -->
<div id="sections_#index#_slides_controls" class="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_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_remove_all"><a><span>Remove all</span></a></div>
<div id="sections_#index#_slides_add_n"> <div id="sections_#index#_slides_add_n">
<input id="sections_#index#_slides_add_n_input" type="text" size="4" /> <input id="sections_#index#_slides_add_n_input" type="text" size="4" />
@ -229,6 +202,7 @@
<div id="sections_noforms_template">No sections</div> <div id="sections_noforms_template">No sections</div>
<!-- /No forms template --> <!-- /No forms template -->
<!-- Controls --> <!-- Controls -->
<br/> <br/>
<div id="sections_controls" class="controls"> <div id="sections_controls" class="controls">
<div id="sections_add"><a><span>Add section</span></a></div> <div id="sections_add"><a><span>Add section</span></a></div>
<div id="sections_remove_last"><a><span>Remove last</span></a></div> <div id="sections_remove_last"><a><span>Remove last</span></a></div>
@ -242,7 +216,7 @@
</div> </div>
<!-- /Main sheepIt Form --> <!-- /Main sheepIt Form -->
<input type="checkbox" name="togetherjs" value="Yes" />Include together.js <input type="checkbox" name="togetherjs" value="Yes" />Include together.js
<input type="submit" value="Submit" /> <input type="submit" value="Generate" />
</form> </form>
</div> </div>
</body> </body>