n0rdye/puzzle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

project page fixes

Browse Source
This commit is contained in:
N0rdye
2023-06-30 01:57:12 +05:00
parent 73630d4bb6
commit de5879069b
8 changed files with 214 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
views/project.ejs
View File

@ -4,6 +4,7 @@
width: 50px;
position: absolute;
text-align: center;
margin: auto;
}
.dropzone {
@ -16,6 +17,20 @@
width: 80%;
transition: background-color 0.3s;
}
body {
height: 100%;
overflow-y: hidden;
}
.createzone {
background-color: #bfe4ff;
border: dashed 4px transparent;
border-radius: 4px;
height: 10px;
margin: 10px;
padding: 10px;
width: 10px;
transition: background-color 0.3s;
}
.trash {
background-color: #bfe4ff;
@ -28,6 +43,13 @@
transition: background-color 0.3s;
z-index: -1;
}
.czones{
display: flex;
margin: auto;
/* justify-content: space-around; */
flex-wrap: wrap;
width: 80%;
}
.drop-active {
border-color: #aaa;
@ -56,23 +78,76 @@
<%- include('./header.ejs') %>
<script src="/lib/interact.min.js"></script>
<div id="proj_top">
<input id="proj_name"></input>
</div>
<div id="drags"></div>
<div class="dropzone"></div>
<div id="drags">
<!-- <div class="cube drag spawn" id="cube_0" style="transform: translate(197.7px, 57.8667px);" data-x="197.6999969482422" data-y="57.866668701171875" >cube</div> -->
</div>
<section class="main">
<div id="proj_top">
<button onclick="save()">save</button>
<input id="proj_name"></input>
</div>
</section>
<div class="dropzone"></div>
<div class="trash"></div>
<button onclick="add('cube')">add</button>
<button onclick="save()">save</button>
<div class="czones">
<div class="cube createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
</div>
<script src="/lib/inter.js"></script>
<script>
let proj_name = "<%= proj_name %>";
load_proj();
// console.log(proj_name);
document.getElementById("proj_name").value = proj_name;
// drag_start();
load_proj();
</script>
<%- include('./static/end.ejs') %>