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-11 20:03:34 +00:00
parent f7d70be890
commit 31a00418d9
1 changed files with 244 additions and 281 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -3,20 +3,11 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Pivilion gallery generator</title> <title>Pivilion gallery generator</title>
<!-- <script type="text/javascript" src="jquery-1.4.4.min.js"></script> -->
<!-- <script type="text/javascript" src="jquery-1.4.3.min.js"></script> -->
<!-- <script type="text/javascript" src="jquery-1.4.2.min.js"></script> -->
<!-- <script type="text/javascript" src="jquery-1.4.1.min.js"></script> -->
<script type="text/javascript" src="scripts/jquery-1.4.min.js"></script> <script type="text/javascript" src="scripts/jquery-1.4.min.js"></script>
<script type="text/javascript" src="scripts/jquery.sheepItPlugin.js"></script> <script type="text/javascript" src="scripts/jquery.sheepItPlugin.js"></script>
<script src="scripts/jscolor.min.js"></script> <script src="scripts/jscolor.min.js"></script>
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function() { $(document).ready(function() {
var addressesForm = $("#sections").sheepIt({ var addressesForm = $("#sections").sheepIt({
separator: '', separator: '',
allowRemoveLast: true, allowRemoveLast: true,
@ -44,20 +35,16 @@ $(document).ready(function() {
}); });
</script> </script>
<style> <style>
@charset "utf-8"; @charset "utf-8";
a { a {
text-decoration:underline; text-decoration:underline;
cursor:pointer; cursor:pointer;
} }
.controls div, .controls div input { .controls div, .controls div input {
float:left; float:left;
margin-right: 10px; margin-right: 10px;
} }
/* General Styles */ /* General Styles */
html{ html{
background-image: url("https://66.media.tumblr.com/avatar_9180dcbc65dd_128.png"); background-image: url("https://66.media.tumblr.com/avatar_9180dcbc65dd_128.png");
@ -78,8 +65,6 @@ body {
color: #C0C0C0; color: #C0C0C0;
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
} }
/* Contact Form Styles */ /* Contact Form Styles */
h1 { h1 {
margin: 10px 0 0 0; margin: 10px 0 0 0;
@ -100,7 +85,6 @@ h4{
-webkit-border-radius:7px; -webkit-border-radius:7px;
-moz-border-radius:7px; -moz-border-radius:7px;
} }
#contact-form input, #contact-form input,
#contact-form select, #contact-form select,
#contact-form textarea, #contact-form textarea,
@ -163,14 +147,12 @@ input:required, textarea:required {
font-weight:bold; font-weight:bold;
color: #E5E6E7; color: #E5E6E7;
} }
/* Hide success/failure message /* Hide success/failure message
(especially since the php is missing) */ (especially since the php is missing) */
#failure, #success { #failure, #success {
color: #6EA070; color: #6EA070;
display:none; 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{
@ -182,13 +164,10 @@ input:required, textarea:required {
padding-right: 3%; padding-right: 3%;
} }
div#sections_0_slides_add { div#sections_0_slides_add {
background-image: url("images/add.png"); background-image: url("images/add.png");
} }
</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'>
@ -196,32 +175,26 @@ Progress Bar and Link Color: <input name="color" class="jscolor"> </input > <br/
Expo Title <br/> Expo Title <br/>
<input type="text" name="title"> </input> <input type="text" name="title"> </input>
<br/> Curator <br /> <br/> Curator <br />
<input type="text" name="author"> </input> <input type="text" name="banana"> </input>
<br/> Description <br /> <br/> Description <br />
<textarea name="description"> </textarea > <br> <textarea name="description"> </textarea >
<br>
<!-- Main sheepIt Form --> <!-- Main sheepIt Form -->
<label>Sections</label> <label>Sections</label>
<p>Allowed filetypes:</p> <p>Allowed filetypes:</p>
<p>Images: png, jpg, jpeg, gif</p> <p>Images: png, jpg, jpeg, gif</p>
<p>Video: webm / ogg audio</p> <p>Video: webm / ogg audio</p>
<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">
<label for="sections_#index#_address">Section <span id="sections_label"></span></label> <label for="sections_#index#_address">Section <span id="sections_label"></span></label>
<input id="sections_#index#_slides_#index_slides#_phone" name="imgs[]" type="hidden" value="--SECTION--" /> <input id="sections_#index#_slides_#index_slides#_phone" name="imgs[]" type="hidden" value="--SECTION--" />
<a id="sections_remove_current"><img src="images/cross.png" width="16" height="16" border="0"></a> <a id="sections_remove_current"><img src="images/cross.png" width="16" height="16" border="0"></a>
<!-- Embeded sheepIt Form --> <!-- Embeded sheepIt Form -->
<div style="margin-left:50px; overflow:hidden;"> <div style="margin-left:50px; overflow:hidden;">
<label>Slides</label><br> <br> <label>Slides</label><br> <br>
<div id="sections_#index#_slides"> <div id="sections_#index#_slides">
<!-- Nested form template--> <!-- Nested form template-->
<div id="sections_#index#_slides_template"> <div id="sections_#index#_slides_template">
<label for="sections_#index#_slides_#index_slides#_phone">Slide <span id="sections_#index#_slides_label"></span></label><br> <label for="sections_#index#_slides_#index_slides#_phone">Slide <span id="sections_#index#_slides_label"></span></label><br>
@ -229,16 +202,13 @@ Expo Title <br/>
<!--- 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 desription"> </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>
<!-- /Nested form template--> <!-- /Nested form template-->
<!-- No forms template --> <!-- No forms template -->
<div id="sections_#index#_slides_noforms_template">No slides</div> <div id="sections_#index#_slides_noforms_template">No slides</div>
<!-- /No forms template--> <!-- /No forms template-->
<!-- 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>
@ -250,19 +220,14 @@ Expo Title <br/>
</div> </div>
</div> </div>
<!-- /Controls --> <!-- /Controls -->
</div> </div>
</div> </div>
<!-- /Embeded sheepIt Form --> <!-- /Embeded sheepIt Form -->
</div> </div>
<!-- /Form template --> <!-- /Form template -->
<!-- No forms template --> <!-- No forms template -->
<div id="sections_noforms_template">No sections</div> <div id="sections_noforms_template">No sections</div>
<!-- /No forms template --> <!-- /No forms template -->
<!-- Controls --> <!-- Controls -->
<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>
@ -274,13 +239,11 @@ Expo Title <br/>
</div> </div>
</div> </div>
<!-- /Controls --> <!-- /Controls -->
</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="Submit" />
</form> </form>
</div> </div>
</body> </body>
</html> </html>