84 lines
3.4 KiB
PHP
84 lines
3.4 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="hu">
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<title>Fotófal</title>
|
|
|
|
<script src="js/o.js"></script>
|
|
<script src="js/socket.js"></script>
|
|
<script src="js/slider.js"></script>
|
|
<script src="js/phw.js"></script>
|
|
|
|
<link href="phw.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
|
|
<!-- MEGJELENÍTŐ -->
|
|
<section id="display">
|
|
|
|
</section>
|
|
|
|
<!-- FELTÖLTŐABLAK MEGNYITÁSA gomb -->
|
|
<section class="upload-btn" style="float: right;bottom: 1em;position: fixed;right: 1em;" onclick="open_upload_pup();">
|
|
<img src="media/upload_glyph_white.svg" style="height: 2em;">
|
|
</section>
|
|
|
|
<!-- FELTÖLTŐABLAK -->
|
|
<section class="upload-popup" id="uploadpup" shown="false">
|
|
<section class="upload-popup-closebtn" onclick="close_upload_pup();">⊠</section>
|
|
<section class="upload-popup-slider" id="pupslider">
|
|
<section class="upload-popup-inner-container" id="uploadtype">
|
|
<section style="margin: 3em 0em; text-align: center;">
|
|
Húzd az ablakra, vagy tallózással töltsd fel a képet!<br><br>
|
|
|
|
A feltöltendő kép JPG- vagy PNG-formátumú, illetve legalább egyik dimenziójában minimum 2000 pixel
|
|
méretű
|
|
kell legyen!
|
|
</section>
|
|
<input type="file" id="fileselector"><br><br>
|
|
<section style="text-align: right">
|
|
<section class="btn" onclick="upload_from_device()">Feltöltés</section>
|
|
</section>
|
|
</section>
|
|
<section class="upload-popup-inner-container" id="uploadform">
|
|
<section style="text-align: center; display: block; margin-top: 130px;">
|
|
<img src="media/loading.svg" style="width: 148px; height: 148px;"><br>
|
|
Feltöltés folyamatban...
|
|
</section>
|
|
</section>
|
|
<section class="upload-popup-inner-container" id="infoform">
|
|
<section style="margin: 3em 0em;">
|
|
<label for="author">Alkotó:*</label><br>
|
|
<input type="text" id="author" style="width: 440px;" placeholder="Arthur Dent"><br><br>
|
|
<label for="imgtitle">Cím:*</label><br>
|
|
<input type="text" id="imgtitle" style="width: 440px;" placeholder="Negyvenkettő"><br><br>
|
|
<label for="description">Leírás:</label><br>
|
|
<textarea id="description" style="width: 440px; height: 5em;"
|
|
placeholder="A válasz az életet, a világmindenséget, meg mindent érintő kérdésre."></textarea><br><br>
|
|
</section>
|
|
<section style="text-align: right;">
|
|
<section class="btn" onclick="publish()" id="publishbtn">Mehet!</section>
|
|
</section>
|
|
</section>
|
|
</section>
|
|
</section>
|
|
|
|
<!-- KÉPMEGJELENÍTŐ -->
|
|
<section id="viewersect" class="viewer" shown="false" onclick="close_viewer()">
|
|
<img src="media/loading.svg"
|
|
style="display: block; position: absolute; left: calc(50% - 74px); top: calc(50% - 74px);">
|
|
<img src="" id="viewerimg" class="viewer">
|
|
<section class="art-captions" id="artcaptions">
|
|
<span class="art-title" id="arttitle">Negyvenkettő</span>
|
|
<span class="art-author" id="artauthor">Arthur Dent</span>
|
|
<span class="art-desc" id="artdesc">A válasz az életet, a világmindenséget, meg mindent érintő kérdésre.</span>
|
|
</section>
|
|
</section>
|
|
|
|
<script>
|
|
init_photowall();
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|