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

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

@ -1,286 +1,249 @@
<!DOCTYPE html > <!DOCTYPE html >
<head> <head>
<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="scripts/jquery-1.4.min.js"></script>
<!-- <script type="text/javascript" src="jquery-1.4.3.min.js"></script> --> <script type="text/javascript" src="scripts/jquery.sheepItPlugin.js"></script>
<!-- <script type="text/javascript" src="jquery-1.4.2.min.js"></script> --> <script src="scripts/jscolor.min.js"></script>
<!-- <script type="text/javascript" src="jquery-1.4.1.min.js"></script> --> <script type="text/javascript">
<script type="text/javascript" src="scripts/jquery-1.4.min.js"></script> $(document).ready(function() {
var addressesForm = $("#sections").sheepIt({
<script type="text/javascript" src="scripts/jquery.sheepItPlugin.js"></script> separator: '',
<script src="scripts/jscolor.min.js"></script> allowRemoveLast: true,
allowRemoveCurrent: true,
<script type="text/javascript"> allowRemoveAll: true,
allowAdd: true,
$(document).ready(function() { allowAddN: true,
// Limits
var addressesForm = $("#sections").sheepIt({ maxFormsCount: 10,
separator: '', minFormsCount: 0,
allowRemoveLast: true, iniFormsCount: 1,
allowRemoveCurrent: true, nestedForms: [
allowRemoveAll: true, {
allowAdd: true, id: 'sections_#index#_slides',
allowAddN: true, options: {
indexFormat: '#index_slides#',
// Limits }
maxFormsCount: 10, }
minFormsCount: 0, ]
iniFormsCount: 1,
nestedForms: [ });
{
id: 'sections_#index#_slides',
options: { });
indexFormat: '#index_slides#',
} </script>
} <style>
] @charset "utf-8";
a {
}); text-decoration:underline;
cursor:pointer;
}
}); .controls div, .controls div input {
float:left;
</script> margin-right: 10px;
}
/* General Styles */
<style> html{
@charset "utf-8"; background-image: url("https://66.media.tumblr.com/avatar_9180dcbc65dd_128.png");
a { height:100%;
text-decoration:underline; background-color: #000;
cursor:pointer; }
} * {
box-sizing:border-box;
.controls div, .controls div input { -webkit-box-sizing:border-box;
float:left; -moz-box-sizing:border-box;
margin-right: 10px; -webkit-font-smoothing:antialiased;
} -moz-font-smoothing:antialiased;
-o-font-smoothing:antialiased;
/* General Styles */ font-smoothing:antialiased;
html{ text-rendering:optimizeLegibility;
background-image: url("https://66.media.tumblr.com/avatar_9180dcbc65dd_128.png"); }
height:100%; body {
background-color: #000; color: #C0C0C0;
} font-family: Arial, sans-serif;
* { }
box-sizing:border-box; /* Contact Form Styles */
-webkit-box-sizing:border-box; h1 {
-moz-box-sizing:border-box; margin: 10px 0 0 0;
-webkit-font-smoothing:antialiased; }
-moz-font-smoothing:antialiased; h4{
-o-font-smoothing:antialiased; margin: 0 0 20px 0;
font-smoothing:antialiased; }
text-rendering:optimizeLegibility; #contact-form {
} background-color:rgba(72,72,72,0.7);
body { padding: 10px 20px 30px 20px;
color: #C0C0C0; max-width:100%;
font-family: Arial, sans-serif; float: left;
} left: 33%;
position: absolute;
margin-top:30px;
/* Contact Form Styles */ margin-left: -260px;
h1 { border-radius:7px;
margin: 10px 0 0 0; -webkit-border-radius:7px;
} -moz-border-radius:7px;
h4{ }
margin: 0 0 20px 0; #contact-form input,
} #contact-form select,
#contact-form { #contact-form textarea,
background-color:rgba(72,72,72,0.7); #contact-form label {
padding: 10px 20px 30px 20px; font-size: 15px;
max-width:100%; margin-bottom: 2px;
float: left; font-family: Arial, san-serif;
left: 33%; }
position: absolute; #contact-form input,
margin-top:30px; #contact-form select,
margin-left: -260px; #contact-form textarea {
border-radius:7px; background: #fff;
-webkit-border-radius:7px; border: 0;
-moz-border-radius:7px; -moz-border-radius: 4px;
} -webkit-border-radius: 4px;
border-radius: 4px;
#contact-form input, margin-bottom: 25px;
#contact-form select, padding: 5px;
#contact-form textarea, }
#contact-form label { #contact-form input:focus,
font-size: 15px; #contact-form select:focus,
margin-bottom: 2px; #contact-form textarea:focus {
font-family: Arial, san-serif; background-color: #E5E6E7;
} }
#contact-form input, #contact-form textarea {
#contact-form select, width:70%;
#contact-form textarea { height: 150px;
background: #fff; }
border: 0; #contact-form button[type="submit"] {
-moz-border-radius: 4px; cursor:pointer;
-webkit-border-radius: 4px; width:100%;
border-radius: 4px; border:none;
margin-bottom: 25px; background:#991D57;
padding: 5px; background-image:linear-gradient(bottom, #8C1C50 0%, #991D57 52%);
} background-image:-moz-linear-gradient(bottom, #8C1C50 0%, #991D57 52%);
#contact-form input:focus, background-image:-webkit-linear-gradient(bottom, #8C1C50 0%, #991D57 52%);
#contact-form select:focus, color:#FFF;
#contact-form textarea:focus { margin:0 0 5px;
background-color: #E5E6E7; padding:10px;
} border-radius:5px;
#contact-form textarea { }
width:70%; #contact-form button[type="submit"]:hover {
height: 150px; background-image:linear-gradient(bottom, #9C215A 0%, #A82767 52%);
} background-image:-moz-linear-gradient(bottom, #9C215A 0%, #A82767 52%);
#contact-form button[type="submit"] { background-image:-webkit-linear-gradient(bottom, #9C215A 0%, #A82767 52%);
cursor:pointer; -webkit-transition:background 0.3s ease-in-out;
width:100%; -moz-transition:background 0.3s ease-in-out;
border:none; transition:background-color 0.3s ease-in-out;
background:#991D57; }
background-image:linear-gradient(bottom, #8C1C50 0%, #991D57 52%); #contact-form button[type="submit"]:active {
background-image:-moz-linear-gradient(bottom, #8C1C50 0%, #991D57 52%); box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
background-image:-webkit-linear-gradient(bottom, #8C1C50 0%, #991D57 52%); }
color:#FFF; input:required, textarea:required {
margin:0 0 5px; box-shadow: none;
padding:10px; -moz-box-shadow: none;
border-radius:5px; -webkit-box-shadow: none;
} -o-box-shadow: none;
#contact-form button[type="submit"]:hover { }
background-image:linear-gradient(bottom, #9C215A 0%, #A82767 52%); #contact-form .required {
background-image:-moz-linear-gradient(bottom, #9C215A 0%, #A82767 52%); font-weight:bold;
background-image:-webkit-linear-gradient(bottom, #9C215A 0%, #A82767 52%); color: #E5E6E7;
-webkit-transition:background 0.3s ease-in-out; }
-moz-transition:background 0.3s ease-in-out; /* Hide success/failure message
transition:background-color 0.3s ease-in-out; (especially since the php is missing) */
} #failure, #success {
#contact-form button[type="submit"]:active { color: #6EA070;
box-shadow:inset 0 1px 3px rgba(0,0,0,0.5); display:none;
} }
input:required, textarea:required { /* Make form look nice on smaller screens */
box-shadow: none; @media only screen and (max-width: 580px) {
-moz-box-shadow: none; #contact-form{
-webkit-box-shadow: none; left: 3%;
-o-box-shadow: none; margin-right: 3%;
} width: 88%;
#contact-form .required { margin-left: 0;
font-weight:bold; padding-left: 3%;
color: #E5E6E7; padding-right: 3%;
} }
div#sections_0_slides_add {
/* Hide success/failure message background-image: url("images/add.png");
(especially since the php is missing) */ }
#failure, #success { </style>
color: #6EA070;
display:none;
}
/* Make form look nice on smaller screens */
@media only screen and (max-width: 580px) {
#contact-form{
left: 3%;
margin-right: 3%;
width: 88%;
margin-left: 0;
padding-left: 3%;
padding-right: 3%;
}
div#sections_0_slides_add {
background-image: url("images/add.png");
}
</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"> </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 >
<!-- Main sheepIt Form --> <br>
<label>Sections</label> <!-- Main sheepIt Form -->
<p>Allowed filetypes:</p> <label>Sections</label>
<p>Images: png, jpg, jpeg, gif</p> <p>Allowed filetypes:</p>
<p>Video: webm / ogg audio</p> <p>Images: png, jpg, jpeg, gif</p>
<p>Audio: ogg</p> <p>Video: webm / ogg audio</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>
<!-- Embeded sheepIt Form -->
<div style="margin-left:50px; overflow:hidden;">
<a id="sections_remove_current"><img src="images/cross.png" width="16" height="16" border="0"></a> <label>Slides</label><br> <br>
<div id="sections_#index#_slides">
<!-- Embeded sheepIt Form --> <!-- Nested form template-->
<div style="margin-left:50px; overflow:hidden;"> <div id="sections_#index#_slides_template">
<label>Slides</label><br> <br> <label for="sections_#index#_slides_#index_slides#_phone">Slide <span id="sections_#index#_slides_label"></span></label><br>
<input id="sections_#index#_slides_#index_slides#_phone" name="author[]" placeholder="Author" type="text" value="" />
<div id="sections_#index#_slides"> <!--- TU EDIT-->
<input id="sections_#index#_slides_#index_slides#_phone" name="imgs[]" type="text" placeholder="Work title" value="" /><br>
<!-- Nested form template--> <textarea name="work_desc[]" placeholder="Work desription"> </textarea >
<div id="sections_#index#_slides_template"> <input id="sections_#index#_address" name="mytest[]" type="file" accept="gif|jpg|jpeg|png|ogg|webm"/>
<label for="sections_#index#_slides_#index_slides#_phone">Slide <span id="sections_#index#_slides_label"></span></label><br> <a id="sections_#index#_slides_remove_current"><img src="images/cross.png" width="16" height="16" border="0"></a>
<input id="sections_#index#_slides_#index_slides#_phone" name="author[]" placeholder="Author" type="text" value="" /> </div>
<!--- TU EDIT--> <!-- /Nested form template-->
<input id="sections_#index#_slides_#index_slides#_phone" name="imgs[]" type="text" placeholder="Work title" value="" /><br> <!-- No forms template -->
<textarea name="work_desc[]" placeholder="Work desription"> </textarea > <div id="sections_#index#_slides_noforms_template">No slides</div>
<!-- /No forms template-->
<input id="sections_#index#_address" name="mytest[]" type="file" accept="gif|jpg|jpeg|png|ogg|webm"/> <!-- Controls -->
<a id="sections_#index#_slides_remove_current"><img src="images/cross.png" width="16" height="16" border="0"></a> <div id="sections_#index#_slides_controls" class="controls">
</div> <div id="sections_#index#_slides_add"><a><span>Add slide</span></a></div>
<!-- /Nested form template--> <div id="sections_#index#_slides_remove_last"><a><span>Remove all</span></a></div>
<div id="sections_#index#_slides_remove_all"><a><span>Remove all</span></a></div>
<!-- No forms template --> <div id="sections_#index#_slides_add_n">
<div id="sections_#index#_slides_noforms_template">No slides</div> <input id="sections_#index#_slides_add_n_input" type="text" size="4" />
<!-- /No forms template--> <div id="sections_#index#_slides_add_n_button"><a><span>Add</span></a></div>
</div>
<!-- Controls --> </div>
<div id="sections_#index#_slides_controls" class="controls"> <!-- /Controls -->
<div id="sections_#index#_slides_add"><a><span>Add slide</span></a></div> </div>
<div id="sections_#index#_slides_remove_last"><a><span>Remove all</span></a></div> </div>
<div id="sections_#index#_slides_remove_all"><a><span>Remove all</span></a></div> <!-- /Embeded sheepIt Form -->
<div id="sections_#index#_slides_add_n"> </div>
<input id="sections_#index#_slides_add_n_input" type="text" size="4" /> <!-- /Form template -->
<div id="sections_#index#_slides_add_n_button"><a><span>Add</span></a></div> <!-- No forms template -->
</div> <div id="sections_noforms_template">No sections</div>
</div> <!-- /No forms template -->
<!-- /Controls --> <!-- Controls -->
<div id="sections_controls" class="controls">
</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> <div id="sections_remove_all"><a><span>Remove all</span></a></div>
<!-- /Embeded sheepIt Form --> <div id="sections_add_n">
<input id="sections_add_n_input" type="text" size="4" />
</div> <div id="sections_add_n_button"><a><span>Add</span></a></div>
<!-- /Form template --> </div>
</div>
<!-- No forms template --> <!-- /Controls -->
<div id="sections_noforms_template">No sections</div> </div>
<!-- /No forms template --> <!-- /Main sheepIt Form -->
<input type="checkbox" name="togetherjs" value="Yes" />Include together.js
<!-- Controls --> <input type="submit" value="Submit" />
<div id="sections_controls" class="controls"> </form>
<div id="sections_add"><a><span>Add section</span></a></div> </div>
<div id="sections_remove_last"><a><span>Remove last</span></a></div>
<div id="sections_remove_all"><a><span>Remove all</span></a></div>
<div id="sections_add_n">
<input id="sections_add_n_input" type="text" size="4" />
<div id="sections_add_n_button"><a><span>Add</span></a></div>
</div>
</div>
<!-- /Controls -->
</div>
<!-- /Main sheepIt Form -->
<input type="checkbox" name="togetherjs" value="Yes" />Include together.js
<input type="submit" value="Submit" />
</form>
</div>
</body> </body>
</html> </html>