Jetzt happy tilera=
|
@ -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();
|
||||
}
|
||||
?>
|
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) != "";
|
||||
}
|
Before Width: | Height: | Size: 36 KiB |
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;
|
||||
}
|
Before Width: | Height: | Size: 30 KiB |
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;
|
||||
}
|
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;
|
||||
}
|
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>";
|
||||
}
|
||||
|
||||
?>
|