You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
122 lines
3.3 KiB
122 lines
3.3 KiB
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<title>MEGASTUDIO 🎯</title>
|
|
<link rel="stylesheet" type="text/css" href="/static/style.css" />
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
<meta name="description" content="" />
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div id="layer_dark"></div>
|
|
|
|
<button id="close_all">X</button>
|
|
|
|
<button id="instruction_button">INSTRUCTION</button>
|
|
<div class="popup" id="instruction">dai è semplice, prova</div>
|
|
|
|
<button id="info_button">INFO</button>
|
|
<div class="popup" id="info">eheh megastudio etcetc...</div>
|
|
|
|
|
|
<!-- <form action="/print" method="POST">
|
|
<input id="output" type="submit" value="PRINT"/>
|
|
</form> -->
|
|
<input id="output" type="submit" form="2print" value="PRINT" />
|
|
|
|
|
|
<button id="nav_button"></button>
|
|
<button id="custom_button"></button>
|
|
|
|
<div class="slider">
|
|
<input type="range" min="0" max="100" value="75" oninput="scivolo(this.value)">
|
|
<!-- <p id="rangeValue">100</p> -->
|
|
</div>
|
|
|
|
<div id="customizer">
|
|
<button onclick="">tema</button>
|
|
<button onclick="">tema</button>
|
|
<button onclick="">tema</button>
|
|
<button onclick="">tema</button>
|
|
<button onclick="">tema</button>
|
|
</div>
|
|
|
|
|
|
<div id="navbar">
|
|
<!-- {% for key in data %}
|
|
<ul>
|
|
<li><a href="#{{key}}">{{key}}</a></li>
|
|
<ul>
|
|
{% for z in data[key]%}
|
|
<li></li>
|
|
<li><a href="{{rut}}{{key}}/{{z}}" download>{{z}}</a></li>
|
|
{% endfor %}
|
|
</ul>
|
|
</ul>
|
|
{% endfor %}
|
|
</div> -->
|
|
|
|
|
|
<form action="/print/" id="2print" method="POST">
|
|
</form>
|
|
|
|
|
|
{% for key in data %}
|
|
<div class="container">
|
|
|
|
<input class="selector2print" type="checkbox" name="test" form="2print" value="{{key}}">
|
|
|
|
|
|
<div class="showbar {{key}}">
|
|
{% for z in data[key]%}
|
|
{% if z.endswith("jpg") or z.endswith("jpeg") or z.endswith("png") or z.endswith("JPG") or z.endswith("JPEG") %}
|
|
<img src="{{folder}}{{key}}/{{z}}">
|
|
{% elif z.endswith("tif")%}
|
|
<span></span>
|
|
{% else %}
|
|
<div>{{z|safe}}</div>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<div class="box {{key}}" id="{{key}}">
|
|
{% for z in data[key]%}
|
|
{% if z.endswith("jpg") or z.endswith("jpeg") or z.endswith("png") or z.endswith("JPG") or z.endswith("JPEG") %}
|
|
<img src="{{folder}}{{key}}/{{z}}">
|
|
{% elif z.endswith("tif")%}
|
|
<span></span>
|
|
{% else %}
|
|
<div>{{z|safe}}</div>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</div>
|
|
|
|
|
|
<span class="title">{{key}}</span>
|
|
</div>
|
|
{% endfor %}
|
|
|
|
<script>
|
|
var container = [...document.getElementsByClassName("container")]
|
|
var showbar = [...document.getElementsByClassName("showbar")];
|
|
|
|
function scivolo(value) {
|
|
// console.log(value)
|
|
showbar.forEach(bar => {
|
|
bar.style.width = ((100 - value) - 2) + '%'
|
|
});
|
|
container.forEach(current => {
|
|
current.style.width = value + '%';
|
|
});
|
|
}
|
|
</script>
|
|
|
|
<script src="/static/app.js"></script>
|
|
|
|
</body>
|
|
|
|
</html> |