154 lines
6.4 KiB
PHP
154 lines
6.4 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="hu">
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0'>
|
|
|
|
<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>
|
|
<script src="js/color.js"></script>
|
|
|
|
<link href="phw.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
|
|
<!-- MEGJELENÍTŐ -->
|
|
<section class="display">
|
|
<section class="blur-layer" id="blurlayer" shown="false"></section>
|
|
<section id="display"></section>
|
|
<footer style="text-align: center; margin: 1em 0; color: gray">
|
|
© KockAzúr, MKK Fotókör, 2021<br>
|
|
Kapcsolat: <i>mkkgaleria AT gmail DOT com</i><br>
|
|
A feltöltött tartalmakért a szolgáltatást működtetők és a fejlesztők nem felelnek! </a>
|
|
</footer>
|
|
</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: 0em 0em;">
|
|
<label for="author">Alkotó:*</label><br>
|
|
<input type="text" id="author" style="width: 55%;" placeholder="Arthur Dent">
|
|
<input type="text" id="author_group" style="margin-left: 0.0em; width: 38.5%;"
|
|
placeholder="szürke csoport"><br><br>
|
|
<label for="imgtitle">Cím:*</label><br>
|
|
<input type="text" id="imgtitle" style="width: 95%;" placeholder="Negyvenkettő"><br><br>
|
|
<label for="description">Leírás:</label><br>
|
|
<textarea id="description" style="width: 95%; height: 5em;"
|
|
placeholder="A válasz az életet, a világmindenséget, meg mindent érintő kérdésre."></textarea><br><br>
|
|
<input type="checkbox" id="autocorrchkbox">Kérek automatikus képkorrekciót! (expozíció,
|
|
élesítés)<br><br>
|
|
<input type="checkbox" id="respchkbox">A feltöltött tartalmamért <i>teljes</i> felelősséget
|
|
vállalok.<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);" id="viewerloadanim">
|
|
<img src="" id="viewerimg" class="viewer" draggable="false">
|
|
<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>
|
|
|
|
<!-- ÜDVÖZLŐÜZENET -->
|
|
<section class="popup" id="welcomepup" shown="false">
|
|
<section class="upload-popup-inner-container">
|
|
<section style="color: var(--LABEL-TCOLOR)">
|
|
Kedves idelágatogató közis, azaz Te!<br>
|
|
<br>
|
|
Nagy örömmel üdvözlünk a Fotófalon, ahol a számodra kedves, tartalmas, lélekemelő fényképeidet tárhatod a
|
|
többi közis elé,
|
|
vagy, ahol, ha úgy tartja kedved, elmerülhetsz a mások által készített képek böngészésében!
|
|
<br><br>
|
|
Képet a <i>neved</i>, a <i>csoportod</i> és egy <i>cím</i> megadásával tölthetsz fel a jobbra lent található
|
|
gomb
|
|
segítségével, továbbá minden képhez leírás, történet csatolható.
|
|
<br><br>
|
|
Kérünk, ugyan a humoros képektől sem zárkózunk el, alapvetően mégis a feltöltéskor a mélyebb lelki tartalom
|
|
átadására törekedj, így segítve, hogy az oldal a megfelelő célt szolgálja!
|
|
<br><br>
|
|
<i>Ahogy minden más weboldal, a Fotófal is használ sütiket!</i>
|
|
</section>
|
|
<br>
|
|
<section style="text-align: center">
|
|
<section class="btn" onclick="confirm_welcome_msg()">Ok, értem!</section>
|
|
</section>
|
|
</section>
|
|
</section>
|
|
|
|
<script>
|
|
function open_welcome_msg() {
|
|
show('welcomepup');
|
|
blur_page(true);
|
|
}
|
|
|
|
function hide_welcome_msg() {
|
|
hide('welcomepup');
|
|
blur_page(false);
|
|
}
|
|
|
|
function confirm_welcome_msg() {
|
|
hide_welcome_msg();
|
|
|
|
// süti mentése
|
|
let d = new Date();
|
|
d.setTime(d.getTime() + (7*24*3600*1000));
|
|
document.cookie = `phw_welcome_confirmed=1; expires=${d.toUTCString()}; path=/;`;
|
|
}
|
|
|
|
// ha még nem olvasta el a felhasználó az útmutatót
|
|
if (document.cookie.match("phw_welcome_confirmed") == null) {
|
|
open_welcome_msg();
|
|
}
|
|
</script>
|
|
|
|
<!-- TESZTVERZIÓ -->
|
|
<section class="testversion-sign">TESZTVERZIÓ</section>
|
|
|
|
<script>
|
|
init_photowall();
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|