mirror of
https://gitlab.com/hacklab01/pivilion.git
synced 2025-04-29 16:47:17 +00:00
Update index.html
This commit is contained in:
v3d
parent
f582a0ee49
commit
c3602ef038
@ -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>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user