mirror of
https://github.com/Anvilcraft/jensmemes
synced 2024-11-25 21:22:31 +01:00
Jetzt happy tilera=
This commit is contained in:
ITbyHF
parent
3cd9caeb0f
commit
e9d5cac9b8
21 changed files with 0 additions and 1001 deletions
|
|
@ -1,17 +0,0 @@
|
||||||
const realFileBtn = document.getElementById("real-file");
|
|
||||||
const customBtn = document.getElementById("custom-button");
|
|
||||||
const customTxt = document.getElementById("custom-text");
|
|
||||||
|
|
||||||
customBtn.addEventListener("click", function() {
|
|
||||||
realFileBtn.click();
|
|
||||||
});
|
|
||||||
|
|
||||||
realFileBtn.addEventListener("change", function() {
|
|
||||||
if (realFileBtn.value) {
|
|
||||||
customTxt.innerHTML = realFileBtn.value.match(
|
|
||||||
/[\/\\]([\w\d\s\.\-\(\)]+)$/
|
|
||||||
)[1];
|
|
||||||
} else {
|
|
||||||
customTxt.innerHTML = "No file chosen, yet.";
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
@ -1,7 +0,0 @@
|
||||||
<?php
|
|
||||||
|
|
||||||
$clientIP = $_SERVER['REMOTE_ADDR'];
|
|
||||||
$sql = "UPDATE token SET latest-ip='$clientIP' WHERE token='$tokenpost' OR token='$tokencookie'";
|
|
||||||
$result = mysqli_query($con,$sql);
|
|
||||||
|
|
||||||
?>
|
|
||||||
|
|
@ -1,9 +0,0 @@
|
||||||
<?php
|
|
||||||
$con = mysqli_connect("localhost","jensmemes","PASSWORT","jensmemes");
|
|
||||||
|
|
||||||
// Check connection
|
|
||||||
if (mysqli_connect_errno())
|
|
||||||
{
|
|
||||||
echo "Failed to connect to MySQL: " . mysqli_connect_error();
|
|
||||||
}
|
|
||||||
?>
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 122 KiB |
|
|
@ -1,157 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<title>JensMemes v2</title>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
<link id="theme" rel="stylesheet" href="themes/llama.css" />
|
|
||||||
<script defer src="script.js"></script>
|
|
||||||
<script defer src="button.js"></script>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body class="">
|
|
||||||
|
|
||||||
<div class="modal" id="modal">
|
|
||||||
<div class="modal-header">
|
|
||||||
<div class="title">Informationen</div>
|
|
||||||
<button data-close-button class="close-button">×</button>
|
|
||||||
</div>
|
|
||||||
<div class="modal-body">
|
|
||||||
Das Token für das Login kannst du im Discord von Jens bzw. in Anvilcraft -Discord über den Befehl !register erhalten. Es wird nach der Eingabe für 30 Tage im Browser gespeichert - dannach muss es neu eingegeben werden. Durch den Logout-Button rechts kann mann es löschen.<br><b>Made by</b>
|
|
||||||
<ul>
|
|
||||||
<li><a href="https://www.a-hoefler.eu/sites/social-media/">ITbyHF</a> - Website</li>
|
|
||||||
<li><a href="http://tilera.xyz/">tilera</a> - Hosting</li>
|
|
||||||
<li><a href="https://twitter.com/LordMZTE">LordMZTE</a> - Theme 2 und Theme Switch</li>
|
|
||||||
<li><a href="https://jonasled.de/">jonasled</a> - Discord Bot</li>
|
|
||||||
<li><a href="https://www.twitch.tv/knautschzon3">Knautschzon3</a> - Website</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="overlay"></div>
|
|
||||||
<div class="col-lg m-auto">
|
|
||||||
<form action="#" method="post" enctype="multipart/form-data">
|
|
||||||
<input type='submit' name='logout' class="btn-logout" value=''>
|
|
||||||
</form>
|
|
||||||
<?php
|
|
||||||
if (isset($_POST['logout'])) {
|
|
||||||
setcookie("token", "", time() - 3600);
|
|
||||||
header('Location: ./');
|
|
||||||
}
|
|
||||||
?>
|
|
||||||
|
|
||||||
<div class="col-lg-12">
|
|
||||||
<h2>
|
|
||||||
<center></center>
|
|
||||||
</h2>
|
|
||||||
<div class="bar-main">
|
|
||||||
<button data-modal-target="#modal" class="btn-modal"></button>
|
|
||||||
<div id="themediv">
|
|
||||||
<p>Theme:</p>
|
|
||||||
<select name="Themes" id="themeswitcher">
|
|
||||||
<option value="llama">Llama</option>
|
|
||||||
<option value="light">LordMZTE</option>
|
|
||||||
<option value="old">Old</option>
|
|
||||||
<option value="retro">Retro</option>
|
|
||||||
<option value="dark">Dark</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<script src="switcher.js"></script>
|
|
||||||
<?php
|
|
||||||
$tokencookie = $_COOKIE['token'];
|
|
||||||
if (!empty($tokencookie)) {
|
|
||||||
echo '<b style="color:red;">Authentifiziert</b>';
|
|
||||||
} ?>
|
|
||||||
<form method='post' action='#' enctype='multipart/form-data'>
|
|
||||||
<input type="file" id="real-file" hidden="hidden" name="file[]" multiple="" />
|
|
||||||
<button type="button" id="custom-button">Browse...</button>
|
|
||||||
<span id="custom-text">_</span>
|
|
||||||
<?php
|
|
||||||
if (empty($tokencookie)) {
|
|
||||||
echo '
|
|
||||||
<input type="text" name="token" id="token" placeholder="Token">';
|
|
||||||
} else {
|
|
||||||
}
|
|
||||||
?>
|
|
||||||
<center><input type='submit' name='submit' id="btn-close-CSS" value=''></center>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
|
|
||||||
<?php
|
|
||||||
//UPLOAD
|
|
||||||
if (isset($_POST['submit'])) {
|
|
||||||
include('uploadOK.php');
|
|
||||||
if(empty($tokencookie)) {
|
|
||||||
$tokencookie = $_POST['token'];
|
|
||||||
}
|
|
||||||
$home_dir = "images/" . md5($tokencookie) . "/";
|
|
||||||
mkdir($home_dir);
|
|
||||||
|
|
||||||
$resultMaxUpl = mysqli_query($con, "select * from token WHERE token='$tokencookie' OR token='$tokenpost'") or die('Error In Session');
|
|
||||||
$rowMaxUpl = mysqli_fetch_array($resultMaxUpl);
|
|
||||||
$MaxUpl = $rowMaxUpl['uploadsLast24H'];
|
|
||||||
$MaxUpl++;
|
|
||||||
$sqlMaxUpl = "UPDATE token SET uploadsLast24H='$MaxUpl' WHERE token='$tokencookie' OR token='$tokenpost'";
|
|
||||||
mysqli_query($con, $sqlMaxUpl);
|
|
||||||
|
|
||||||
|
|
||||||
if ($uploadOK) {
|
|
||||||
if ($MaxUpl <= 20) {
|
|
||||||
$countfiles = count($_FILES['file']['name']);
|
|
||||||
for ($i = 0; $i < $countfiles; $i++) {
|
|
||||||
$filename = $_FILES['file']['name'][$i];
|
|
||||||
move_uploaded_file($_FILES['file']['tmp_name'][$i], $home_dir . $filename);
|
|
||||||
}
|
|
||||||
if (empty($_COOKIE['token'])) {
|
|
||||||
$setCookie = $_POST['token'];
|
|
||||||
setcookie("token", $setCookie, time() + (3600 * 720));
|
|
||||||
echo "Cookie mit Inhalt gesetzt: " . $setCookie;
|
|
||||||
} else {
|
|
||||||
}
|
|
||||||
} else echo "Heutiges Upload-Limit erreicht!";
|
|
||||||
} else {
|
|
||||||
echo "Unautorized!";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//BILDER ANZEIGEN
|
|
||||||
$files = glob("images/*/*");
|
|
||||||
for ($i = 0; $i < count($files); $i++) {
|
|
||||||
$image = $files[$i];
|
|
||||||
$supported_file = array(
|
|
||||||
'gif',
|
|
||||||
'jpg',
|
|
||||||
'jpeg',
|
|
||||||
'png'
|
|
||||||
);
|
|
||||||
|
|
||||||
$ext = strtolower(pathinfo($image, PATHINFO_EXTENSION));
|
|
||||||
if (in_array($ext, $supported_file)) {
|
|
||||||
echo "<div class='kasten'>";
|
|
||||||
echo "
|
|
||||||
<a href='$image'><img class='Bilder_' src='$image' /></a>\n
|
|
||||||
";
|
|
||||||
echo "</div>";
|
|
||||||
} elseif ($ext == "mp4") {
|
|
||||||
|
|
||||||
// echo basename($image);
|
|
||||||
|
|
||||||
echo "<div class='kasten'>";
|
|
||||||
echo '<a href="' . $image . '"><video src=' . $image . ' controls class="Videos_" ></video></a>';
|
|
||||||
echo "</div>";
|
|
||||||
} else {
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
?>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,12 +0,0 @@
|
||||||
<?php
|
|
||||||
$files = glob("images/*/*");
|
|
||||||
$random = rand(0, count($files) - 1);
|
|
||||||
$file = $files[$random];
|
|
||||||
$ext = strtolower(pathinfo($file, PATHINFO_EXTENSION));
|
|
||||||
if ($ext == "mp4") {
|
|
||||||
echo "<a href='$file'><video src='$file' controls ></video></a>";
|
|
||||||
} else {
|
|
||||||
echo "<a href='$file'><img src='$file' /></a>";
|
|
||||||
}
|
|
||||||
?>
|
|
||||||
|
|
||||||
|
|
@ -1,7 +0,0 @@
|
||||||
<?php
|
|
||||||
$files = glob("images/*/*");
|
|
||||||
$random = rand(0, count($files) - 1);
|
|
||||||
$file = $files[$random];
|
|
||||||
echo "https://jensmemes.tilera.xyz/" . $file;
|
|
||||||
?>
|
|
||||||
|
|
||||||
|
|
@ -1,36 +0,0 @@
|
||||||
const openModalButtons = document.querySelectorAll('[data-modal-target]')
|
|
||||||
const closeModalButtons = document.querySelectorAll('[data-close-button]')
|
|
||||||
const overlay = document.getElementById('overlay')
|
|
||||||
|
|
||||||
openModalButtons.forEach(button => {
|
|
||||||
button.addEventListener('click', () => {
|
|
||||||
const modal = document.querySelector(button.dataset.modalTarget)
|
|
||||||
openModal(modal)
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
overlay.addEventListener('click', () => {
|
|
||||||
const modals = document.querySelectorAll('.modal.active')
|
|
||||||
modals.forEach(modal => {
|
|
||||||
closeModal(modal)
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
closeModalButtons.forEach(button => {
|
|
||||||
button.addEventListener('click', () => {
|
|
||||||
const modal = button.closest('.modal')
|
|
||||||
closeModal(modal)
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
function openModal(modal) {
|
|
||||||
if (modal == null) return
|
|
||||||
modal.classList.add('active')
|
|
||||||
overlay.classList.add('active')
|
|
||||||
}
|
|
||||||
|
|
||||||
function closeModal(modal) {
|
|
||||||
if (modal == null) return
|
|
||||||
modal.classList.remove('active')
|
|
||||||
overlay.classList.remove('active')
|
|
||||||
}
|
|
||||||
|
|
@ -1,37 +0,0 @@
|
||||||
.Bilder_ {
|
|
||||||
padding: 10px;
|
|
||||||
max-width: 300px;
|
|
||||||
max-height:150px;
|
|
||||||
vertical-align: bottom;
|
|
||||||
display: block;
|
|
||||||
margin-top:auto;
|
|
||||||
margin-bottom:auto;
|
|
||||||
margin-left:auto;
|
|
||||||
margin-right:auto;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.Videos_ {
|
|
||||||
padding: 10px;
|
|
||||||
max-width: 300px;
|
|
||||||
max-height:150px;
|
|
||||||
margin-top:auto;
|
|
||||||
margin-bottom:auto;
|
|
||||||
margin-left:auto;
|
|
||||||
margin-right:auto;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.kasten{
|
|
||||||
background: #555555;
|
|
||||||
margin-left: 10px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
border: 5px solid grey;
|
|
||||||
float:left;
|
|
||||||
width: 300px;
|
|
||||||
height: 250px;
|
|
||||||
}
|
|
||||||
body{
|
|
||||||
background: #676767;
|
|
||||||
}
|
|
||||||
|
|
@ -1,44 +0,0 @@
|
||||||
let select = document.getElementById("themeswitcher");
|
|
||||||
let theme = document.getElementById("theme");
|
|
||||||
|
|
||||||
if (checkCookie("theme")) {
|
|
||||||
setTheme(getCookie("theme"));
|
|
||||||
select.value = getCookie("theme");
|
|
||||||
}
|
|
||||||
|
|
||||||
select.addEventListener("change", e => {
|
|
||||||
let selTheme = select.options[select.selectedIndex].value;
|
|
||||||
setTheme(selTheme);
|
|
||||||
setCookie("theme", selTheme, 60);
|
|
||||||
});
|
|
||||||
|
|
||||||
function setTheme(themeName) {
|
|
||||||
theme.href = "themes/" + themeName + ".css";
|
|
||||||
}
|
|
||||||
|
|
||||||
function getCookie(cname) {
|
|
||||||
var name = cname + "=";
|
|
||||||
var decodedCookie = decodeURIComponent(document.cookie);
|
|
||||||
var ca = decodedCookie.split(";");
|
|
||||||
for (var i = 0; i < ca.length; i++) {
|
|
||||||
var c = ca[i];
|
|
||||||
while (c.charAt(0) == " ") {
|
|
||||||
c = c.substring(1);
|
|
||||||
}
|
|
||||||
if (c.indexOf(name) == 0) {
|
|
||||||
return c.substring(name.length, c.length);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return "";
|
|
||||||
}
|
|
||||||
|
|
||||||
function setCookie(cname, cvalue, exdays) {
|
|
||||||
var d = new Date();
|
|
||||||
d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000);
|
|
||||||
var expires = "expires=" + d.toUTCString();
|
|
||||||
document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
|
|
||||||
}
|
|
||||||
|
|
||||||
function checkCookie(cookieName) {
|
|
||||||
return getCookie(cookieName) != "";
|
|
||||||
}
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 36 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 100 KiB |
|
|
@ -1,212 +0,0 @@
|
||||||
body{
|
|
||||||
color: #fff;
|
|
||||||
background: #151d28;
|
|
||||||
background-size: cover;
|
|
||||||
font-family: 'Arial';
|
|
||||||
letter-spacing: 0.2px;
|
|
||||||
margin-top: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
select {
|
|
||||||
background: #1a2332;
|
|
||||||
border: solid;
|
|
||||||
border-color: #212a39;
|
|
||||||
color: #b3b3b3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Bilder_ {
|
|
||||||
padding: 10px;
|
|
||||||
max-width: 300px;
|
|
||||||
max-height:150px;
|
|
||||||
vertical-align: bottom;
|
|
||||||
display: block;
|
|
||||||
margin-top:auto;
|
|
||||||
margin-bottom:auto;
|
|
||||||
margin-left:auto;
|
|
||||||
margin-right:auto;
|
|
||||||
vertical-align: middle;
|
|
||||||
border: 0 none;
|
|
||||||
max-width: 200px;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#themediv {
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Videos_ {
|
|
||||||
padding: 10px;
|
|
||||||
max-width: 200px;
|
|
||||||
max-height:150px;
|
|
||||||
margin-top:auto;
|
|
||||||
margin-bottom:auto;
|
|
||||||
margin-left:auto;
|
|
||||||
margin-right:auto;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.kasten{
|
|
||||||
margin-left: 10px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
border: 5px solid grey;
|
|
||||||
float:left;
|
|
||||||
width: 250px;
|
|
||||||
height: 200px;
|
|
||||||
min-height: 10em;
|
|
||||||
border: 4px solid #1cb09a;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bar-main{
|
|
||||||
background: #1a2332;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#btn-close-CSS {
|
|
||||||
background: url(head.png)no-repeat;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-around;
|
|
||||||
background-size: contain;
|
|
||||||
background-position: center;
|
|
||||||
color:white;
|
|
||||||
background-color: lightgray;
|
|
||||||
border:noe;
|
|
||||||
height:50px;
|
|
||||||
width: 50px;
|
|
||||||
}
|
|
||||||
.img-fixed-info{
|
|
||||||
position: fixed;
|
|
||||||
width: 40px;
|
|
||||||
|
|
||||||
}
|
|
||||||
input[type=text] {
|
|
||||||
background-color: rgba(0, 0, 0, 0.4);
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
.btn-logout{
|
|
||||||
background: url(logout.png)no-repeat;
|
|
||||||
background-size: contain;
|
|
||||||
background-position: center;
|
|
||||||
color:white;
|
|
||||||
background-color: transparent;
|
|
||||||
border:none;
|
|
||||||
float: right;
|
|
||||||
margin-top: 5px;
|
|
||||||
padding: 15px;
|
|
||||||
}
|
|
||||||
#custom-button {
|
|
||||||
background-color: #1cb09a;
|
|
||||||
border-radius: 5px;
|
|
||||||
outline: 0;
|
|
||||||
border: 0;
|
|
||||||
color: #FFFFFF;
|
|
||||||
-webkit-transition: all 0.3 ease;
|
|
||||||
transition: all 0.3 ease;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
#custom-button:hover { /* color of the button, if its hovered */
|
|
||||||
background: #189684;
|
|
||||||
color: #b3b3b3;
|
|
||||||
}
|
|
||||||
|
|
||||||
#custom-text {
|
|
||||||
margin-left: 10px;
|
|
||||||
color: #aaa;
|
|
||||||
}
|
|
||||||
*, *::after, *::before {
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal {
|
|
||||||
position: fixed;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%, -50%) scale(0);
|
|
||||||
transition: 200ms ease-in-out;
|
|
||||||
border: 1px solid black;
|
|
||||||
border-radius: 10px;
|
|
||||||
z-index: 10;
|
|
||||||
background-color:#36393f;
|
|
||||||
width: 500px;
|
|
||||||
max-width: 80%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal.active {
|
|
||||||
transform: translate(-50%, -50%) scale(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-header {
|
|
||||||
padding: 10px 15px;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-around;
|
|
||||||
align-items: center;
|
|
||||||
border-bottom: 1px solid black;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-header .title {
|
|
||||||
font-size: 1.25rem;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-header .close-button {
|
|
||||||
cursor: pointer;
|
|
||||||
border: none;
|
|
||||||
outline: none;
|
|
||||||
background: none;
|
|
||||||
font-size: 1.25rem;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
.close-button{
|
|
||||||
position: absolute;
|
|
||||||
right: 0px;
|
|
||||||
width: 30px;
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
.modal-body {
|
|
||||||
padding: 10px 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#overlay {
|
|
||||||
position: fixed;
|
|
||||||
opacity: 0;
|
|
||||||
transition: 200ms ease-in-out;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
background-color:rgba(50,53,59,0.9);
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#overlay.active {
|
|
||||||
opacity: 1;
|
|
||||||
pointer-events: all;
|
|
||||||
}
|
|
||||||
.btn-modal{
|
|
||||||
background: url(info.png)no-repeat;
|
|
||||||
background-size: contain;
|
|
||||||
background-position: center;
|
|
||||||
color:white;
|
|
||||||
background-color: transparent;
|
|
||||||
border:none;
|
|
||||||
height:40px;
|
|
||||||
width: 50px;
|
|
||||||
padding: 15px;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
a{
|
|
||||||
color: white;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
a:hover{
|
|
||||||
font-weight: bold;
|
|
||||||
color:green;
|
|
||||||
}
|
|
||||||
|
|
||||||
#token {
|
|
||||||
outline: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
border: solid #212a39;
|
|
||||||
background: #1a2332;
|
|
||||||
}
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 30 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 33 KiB |
|
|
@ -1,208 +0,0 @@
|
||||||
:root {
|
|
||||||
--rainbow: #ff0000, #ff7f00, #ffff00, #00ff00, #00ffff, #0000ff, #8b00ff;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
color: #fff;
|
|
||||||
background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),
|
|
||||||
url(bg.png);
|
|
||||||
background-repeat: repeat;
|
|
||||||
background-size: 100px;
|
|
||||||
font-family: "Arial";
|
|
||||||
letter-spacing: 0.2px;
|
|
||||||
margin-top: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Bilder_ {
|
|
||||||
object-fit: contain;
|
|
||||||
padding: 10px;
|
|
||||||
height: 100%;
|
|
||||||
display: block;
|
|
||||||
margin-top: auto;
|
|
||||||
margin-bottom: auto;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Videos_ {
|
|
||||||
object-fit: contain;
|
|
||||||
padding: 10px;
|
|
||||||
height: 100%;
|
|
||||||
display: block;
|
|
||||||
margin-top: auto;
|
|
||||||
margin-bottom: auto;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.kasten {
|
|
||||||
background: #000000;
|
|
||||||
align-self: stretch;
|
|
||||||
margin-left: 10px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
border: 5px solid grey;
|
|
||||||
float: left;
|
|
||||||
height: 300px;
|
|
||||||
min-height: 10em;
|
|
||||||
border: 5px solid #cc0000;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bar-main {
|
|
||||||
border: 5px solid #000000;
|
|
||||||
background: linear-gradient(to right, var(--rainbow));
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#btn-close-CSS {
|
|
||||||
background: url(upload.png) no-repeat;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-around;
|
|
||||||
background-size: contain;
|
|
||||||
background-position: center;
|
|
||||||
color: white;
|
|
||||||
background-color: lightgray;
|
|
||||||
border: noe;
|
|
||||||
height: 50px;
|
|
||||||
width: 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.img-fixed-info {
|
|
||||||
position: fixed;
|
|
||||||
width: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type="text"] {
|
|
||||||
background-color: rgba(0, 0, 0, 0.4);
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-logout {
|
|
||||||
background: url(logout.png) no-repeat;
|
|
||||||
background-size: contain;
|
|
||||||
background-position: center;
|
|
||||||
color: white;
|
|
||||||
background-color: transparent;
|
|
||||||
border: none;
|
|
||||||
float: left;
|
|
||||||
height: 50px;
|
|
||||||
width: 50px;
|
|
||||||
margin: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#custom-button {
|
|
||||||
padding: 5px;
|
|
||||||
color: white;
|
|
||||||
background-color: #009578;
|
|
||||||
border: 1px solid #000;
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#custom-button:hover {
|
|
||||||
background-color: #32353b;
|
|
||||||
}
|
|
||||||
|
|
||||||
#custom-text {
|
|
||||||
margin-left: 10px;
|
|
||||||
color: #aaa;
|
|
||||||
}
|
|
||||||
*,
|
|
||||||
*::after,
|
|
||||||
*::before {
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal {
|
|
||||||
position: fixed;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%, -50%) scale(0);
|
|
||||||
transition: 200ms ease-in-out;
|
|
||||||
border: 5px solid #cc0000;
|
|
||||||
z-index: 10;
|
|
||||||
background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),
|
|
||||||
url(bg.png);
|
|
||||||
background-repeat: repeat;
|
|
||||||
background-size: 100px;
|
|
||||||
width: 500px;
|
|
||||||
max-width: 80%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal.active {
|
|
||||||
transform: translate(-50%, -50%) scale(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-header {
|
|
||||||
padding: 10px 15px;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-around;
|
|
||||||
align-items: center;
|
|
||||||
border-bottom: 1px solid black;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-header .title {
|
|
||||||
font-size: 1.25rem;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-header .close-button {
|
|
||||||
cursor: pointer;
|
|
||||||
border: none;
|
|
||||||
outline: none;
|
|
||||||
background: none;
|
|
||||||
font-size: 1.25rem;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
#themediv {
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.close-button {
|
|
||||||
position: absolute;
|
|
||||||
right: 0px;
|
|
||||||
width: 30px;
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-body {
|
|
||||||
padding: 10px 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#overlay {
|
|
||||||
position: fixed;
|
|
||||||
opacity: 0;
|
|
||||||
transition: 200ms ease-in-out;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
background-color: rgba(50, 53, 59, 0.9);
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#overlay.active {
|
|
||||||
opacity: 1;
|
|
||||||
pointer-events: all;
|
|
||||||
}
|
|
||||||
.btn-modal {
|
|
||||||
background: url(info.png) no-repeat;
|
|
||||||
background-size: contain;
|
|
||||||
background-position: center;
|
|
||||||
color: white;
|
|
||||||
background-color: transparent;
|
|
||||||
border: none;
|
|
||||||
float: left;
|
|
||||||
height: 50px;
|
|
||||||
width: 50px;
|
|
||||||
margin: 10px;
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
color: white;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
a:hover {
|
|
||||||
font-weight: bold;
|
|
||||||
color: green;
|
|
||||||
}
|
|
||||||
|
|
@ -1,196 +0,0 @@
|
||||||
body{
|
|
||||||
color: #fff;
|
|
||||||
background: url(bg-img.jpg)no-repeat center center fixed;
|
|
||||||
background-size: cover;
|
|
||||||
font-family: 'Arial';
|
|
||||||
letter-spacing: 0.2px;
|
|
||||||
margin-top: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Bilder_ {
|
|
||||||
padding: 10px;
|
|
||||||
max-width: 300px;
|
|
||||||
max-height:150px;
|
|
||||||
vertical-align: bottom;
|
|
||||||
display: block;
|
|
||||||
margin-top:auto;
|
|
||||||
margin-bottom:auto;
|
|
||||||
margin-left:auto;
|
|
||||||
margin-right:auto;
|
|
||||||
vertical-align: middle;
|
|
||||||
border: 0 none;
|
|
||||||
max-width: 200px;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#themediv {
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Videos_ {
|
|
||||||
padding: 10px;
|
|
||||||
max-width: 200px;
|
|
||||||
max-height:150px;
|
|
||||||
margin-top:auto;
|
|
||||||
margin-bottom:auto;
|
|
||||||
margin-left:auto;
|
|
||||||
margin-right:auto;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.kasten{
|
|
||||||
background: rgba(0,0,0,0.6);
|
|
||||||
margin-left: 10px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
border: 5px solid grey;
|
|
||||||
float:left;
|
|
||||||
width: 250px;
|
|
||||||
height: 200px;
|
|
||||||
min-height: 10em;
|
|
||||||
border: 4px solid #88f;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bar-main{
|
|
||||||
background: rgba(0,0,0,0.6);
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#btn-close-CSS {
|
|
||||||
background: url(head.png)no-repeat;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-around;
|
|
||||||
background-size: contain;
|
|
||||||
background-position: center;
|
|
||||||
color:white;
|
|
||||||
background-color: lightgray;
|
|
||||||
border:noe;
|
|
||||||
height:50px;
|
|
||||||
width: 50px;
|
|
||||||
}
|
|
||||||
.img-fixed-info{
|
|
||||||
position: fixed;
|
|
||||||
width: 40px;
|
|
||||||
|
|
||||||
}
|
|
||||||
input[type=text] {
|
|
||||||
background-color: rgba(0, 0, 0, 0.4);
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
.btn-logout{
|
|
||||||
background: url(logout.png)no-repeat;
|
|
||||||
background-size: contain;
|
|
||||||
background-position: center;
|
|
||||||
color:white;
|
|
||||||
background-color: transparent;
|
|
||||||
border:none;
|
|
||||||
float: right;
|
|
||||||
margin-top: 5px;
|
|
||||||
padding: 15px;
|
|
||||||
}
|
|
||||||
#custom-button {
|
|
||||||
padding: 5px;
|
|
||||||
color: white;
|
|
||||||
background-color: #009578;
|
|
||||||
border: 1px solid #000;
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#custom-button:hover {
|
|
||||||
background-color: #32353b;
|
|
||||||
}
|
|
||||||
|
|
||||||
#custom-text {
|
|
||||||
margin-left: 10px;
|
|
||||||
color: #aaa;
|
|
||||||
}
|
|
||||||
*, *::after, *::before {
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal {
|
|
||||||
position: fixed;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%, -50%) scale(0);
|
|
||||||
transition: 200ms ease-in-out;
|
|
||||||
border: 1px solid black;
|
|
||||||
border-radius: 10px;
|
|
||||||
z-index: 10;
|
|
||||||
background-color:#36393f;
|
|
||||||
width: 500px;
|
|
||||||
max-width: 80%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal.active {
|
|
||||||
transform: translate(-50%, -50%) scale(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-header {
|
|
||||||
padding: 10px 15px;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-around;
|
|
||||||
align-items: center;
|
|
||||||
border-bottom: 1px solid black;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-header .title {
|
|
||||||
font-size: 1.25rem;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-header .close-button {
|
|
||||||
cursor: pointer;
|
|
||||||
border: none;
|
|
||||||
outline: none;
|
|
||||||
background: none;
|
|
||||||
font-size: 1.25rem;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
.close-button{
|
|
||||||
position: absolute;
|
|
||||||
right: 0px;
|
|
||||||
width: 30px;
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
.modal-body {
|
|
||||||
padding: 10px 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#overlay {
|
|
||||||
position: fixed;
|
|
||||||
opacity: 0;
|
|
||||||
transition: 200ms ease-in-out;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
background-color:rgba(50,53,59,0.9);
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#overlay.active {
|
|
||||||
opacity: 1;
|
|
||||||
pointer-events: all;
|
|
||||||
}
|
|
||||||
.btn-modal{
|
|
||||||
background: url(info.png)no-repeat;
|
|
||||||
background-size: contain;
|
|
||||||
background-position: center;
|
|
||||||
color:white;
|
|
||||||
background-color: transparent;
|
|
||||||
border:none;
|
|
||||||
height:40px;
|
|
||||||
width: 50px;
|
|
||||||
padding: 15px;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
a{
|
|
||||||
color: white;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
a:hover{
|
|
||||||
font-weight: bold;
|
|
||||||
color:green;
|
|
||||||
}
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 46 KiB |
|
|
@ -1,37 +0,0 @@
|
||||||
.Bilder_ {
|
|
||||||
padding: 10px;
|
|
||||||
max-width: 300px;
|
|
||||||
max-height:150px;
|
|
||||||
vertical-align: bottom;
|
|
||||||
display: block;
|
|
||||||
margin-top:auto;
|
|
||||||
margin-bottom:auto;
|
|
||||||
margin-left:auto;
|
|
||||||
margin-right:auto;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.Videos_ {
|
|
||||||
padding: 10px;
|
|
||||||
max-width: 300px;
|
|
||||||
max-height:150px;
|
|
||||||
margin-top:auto;
|
|
||||||
margin-bottom:auto;
|
|
||||||
margin-left:auto;
|
|
||||||
margin-right:auto;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.kasten{
|
|
||||||
background: #555555;
|
|
||||||
margin-left: 10px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
border: 5px solid grey;
|
|
||||||
float:left;
|
|
||||||
width: 300px;
|
|
||||||
height: 250px;
|
|
||||||
}
|
|
||||||
body{
|
|
||||||
background: #676767;
|
|
||||||
}
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 8.6 KiB |
|
|
@ -1,22 +0,0 @@
|
||||||
<?php
|
|
||||||
include('dbcon.php');
|
|
||||||
|
|
||||||
|
|
||||||
$tokencookie = $_COOKIE['token'];
|
|
||||||
$resulttoken=mysqli_query($con, "select * from token WHERE token='$tokencookie'")or die('Error In Session');
|
|
||||||
$rowtoken=mysqli_fetch_array($resulttoken);
|
|
||||||
|
|
||||||
$tokenpost = $_POST['token'];
|
|
||||||
$resultpost=mysqli_query($con, "select * from token WHERE token='$tokenpost'")or die('Error In Session');
|
|
||||||
$rowpost=mysqli_fetch_array($resultpost);
|
|
||||||
|
|
||||||
|
|
||||||
if(!empty($rowtoken) || !empty($rowpost)){
|
|
||||||
$uploadOK = true;
|
|
||||||
//echo "<b>Authenticated.</b>";
|
|
||||||
}else{
|
|
||||||
$uploadOK = false;
|
|
||||||
echo "<b>unauthenticated.</b>";
|
|
||||||
}
|
|
||||||
|
|
||||||
?>
|
|
||||||
Loading…
Reference in a new issue