Archived
Private
Public Access
1
0

Initial commit

This commit is contained in:
2022-09-04 12:45:01 +02:00
commit f4a01d6a69
11601 changed files with 4206660 additions and 0 deletions

View File

@@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Kontakt</title>
<link rel="stylesheet" type="text/css" href="src/css/styles.css">
<link rel="stylesheet" type="text/css" href="src/css/contact.css">
<link rel="icon" href="src/img/white_small.png">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@sweetalert2/theme-dark@3/dark.css">
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9/dist/sweetalert2.min.js"></script>
</head>
<body>
<header class="navigation select">
<img src="src/img/white.png" alt="Logo">
<nav>
<a href="index.html">Home</a>
<a href="products.html">Produkte</a>
<a href="contact.html">Kontakt</a>
</nav>
</header>
<main>
<div class="contact">
<div class="info">
<h1 class="select">Meine Kontaktdaten:</h1>
<span>
E-Mail: admin@leon-hoppe.de<br>
Telefon: +49 1575 8839776
</span>
<img src="src/img/white.png" alt="Logo" class="select">
</div>
<div class="email">
<span class="select">Sende mir eine Nachricht!</span>
<input id="user" type="text" placeholder="Name">
<input id="email" type="email" placeholder="Deine E-Mail">
<textarea id="message" placeholder="Nachricht"></textarea>
<input id="submit" type="button" value="Absenden" class="select">
</div>
</div>
</main>
<script>
document.getElementById("submit").onclick = function() {
Swal.fire('Nachricht gesendet!', '', 'success')
}
</script>
</body>
</html>

View File

@@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Startseite</title>
<link rel="stylesheet" type="text/css" href="src/css/styles.css">
<link rel="stylesheet" type="text/css" href="src/css/index.css">
<link rel="icon" href="src/img/white_small.png">
</head>
<body>
<header class="navigation select">
<img src="src/img/white.png" alt="Logo">
<nav>
<a href="index.html">Home</a>
<a href="products.html">Produkte</a>
<a href="contact.html">Kontakt</a>
</nav>
</header>
<main class="select">
<h1>Seiten</h1>
<div class="buttons">
<button class="button" id="https://admin.leon-hoppe.de">Webmin</button>
<button class="button" id="https://cloud.leon-hoppe.de">Nextcloud</button>
<button class="button" id="https://mail.leon-hoppe.de">Webmail</button>
<button class="button load" id="https://panel.leon-hoppe.de">Gameserver Panel</button>
<button class="button" id="https://paste.leon-hoppe.de">Paste Server</button>
<button class="button" id="https://pma.leon-hoppe.de">PhpMyAdmin</button>
<button class="button load" id="https://leon-hoppe.de/test/">HTML Tests</button>
</div>
</main>
<script>
const buttons = document.getElementsByClassName("button")
for (let i = 0; i < buttons.length; i++) {
const button = buttons[i];
if (button.classList.contains("load")) {
button.onclick = function() {
location.href = "https://leon-hoppe.de/load.html?href=" + button.id;
}
}else {
button.onclick = function() {
location.href = button.id;
}
}
}
</script>
</body>
</html>

View File

@@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Startseite</title>
<link rel="stylesheet" type="text/css" href="src/css/styles.css">
<link rel="stylesheet" type="text/css" href="src/css/load.css">
<link rel="icon" href="src/img/white_small.png">
</head>
<body>
<header class="navigation select">
<img src="src/img/white.png" alt="Logo">
<nav>
<a href="index.html">Home</a>
<a href="products.html">Produkte</a>
<a href="contact.html">Kontakt</a>
</nav>
</header>
<main>
<iframe id="page"></iframe>
</main>
<script>
const parameters = new URLSearchParams(window.location.search);
const href = parameters.get('href');
document.getElementById('page').src = href;
</script>
</body>
</html>

View File

@@ -0,0 +1,131 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Produkte</title>
<link rel="stylesheet" type="text/css" href="src/css/styles.css">
<link rel="stylesheet" type="text/css" href="src/css/products.css">
<link rel="icon" href="src/img/white_small.png">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@sweetalert2/theme-dark@3/dark.css">
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9/dist/sweetalert2.min.js"></script>
</head>
<body>
<header class="navigation select">
<img src="src/img/white.png" alt="Logo">
<nav>
<a href="index.html">Home</a>
<a href="products.html">Produkte</a>
<a href="contact.html">Kontakt</a>
</nav>
</header>
<main class="select">
<h1 id="title">Webspace Mieten</h1>
<div class="packets">
<div class="packet" id="packet1">
<h1>Basic Paket</h1>
<div class="specs-container">
<div class="spec">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.95 15.88" class="spec-img">
<path fill="none" stroke="#feb600" stroke-linecap="square" stroke-width="3.5" d="M19.47 2.47l-11.68 11-5.32-5"></path>
</svg>
<span class="spec-info">512 MB Speicher</span>
</div>
<div class="spec">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.95 15.88" class="spec-img">
<path fill="none" stroke="#feb600" stroke-linecap="square" stroke-width="3.5" d="M19.47 2.47l-11.68 11-5.32-5"></path>
</svg>
<span class="spec-info">1 MySQL Datenbank</span>
</div>
<div class="spec">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.95 15.88" class="spec-img">
<path fill="none" stroke="#feb600" stroke-linecap="square" stroke-width="3.5" d="M19.47 2.47l-11.68 11-5.32-5"></path>
</svg>
<span class="spec-info">Eigene Subdomain</span>
</div>
<div class="spec">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.95 15.88" class="spec-img">
<path fill="none" stroke="#feb600" stroke-linecap="square" stroke-width="3.5" d="M19.47 2.47l-11.68 11-5.32-5"></path>
</svg>
<span class="spec-info">Unlimited Traffic</span>
</div>
</div>
<input class="buttons" type="button" value="Bestellen">
</div>
<div class="packet" id="packet2">
<h1>Premium Paket</h1>
<div class="specs-container">
<div class="spec">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.95 15.88" class="spec-img">
<path fill="none" stroke="#feb600" stroke-linecap="square" stroke-width="3.5" d="M19.47 2.47l-11.68 11-5.32-5"></path>
</svg>
<span class="spec-info">5 GB Speicher</span>
</div>
<div class="spec">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.95 15.88" class="spec-img">
<path fill="none" stroke="#feb600" stroke-linecap="square" stroke-width="3.5" d="M19.47 2.47l-11.68 11-5.32-5"></path>
</svg>
<span class="spec-info">10 MySQL Datenbanken</span>
</div>
<div class="spec">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.95 15.88" class="spec-img">
<path fill="none" stroke="#feb600" stroke-linecap="square" stroke-width="3.5" d="M19.47 2.47l-11.68 11-5.32-5"></path>
</svg>
<span class="spec-info">Eigene Subdomain</span>
</div>
<div class="spec">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.95 15.88" class="spec-img">
<path fill="none" stroke="#feb600" stroke-linecap="square" stroke-width="3.5" d="M19.47 2.47l-11.68 11-5.32-5"></path>
</svg>
<span class="spec-info">Unlimited Traffic</span>
</div>
</div>
<input class="buttons" type="button" value="Bestellen">
</div>
<div class="packet" id="packet3">
<h1>Enterprise Paket</h1>
<div class="specs-container">
<div class="spec">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.95 15.88" class="spec-img">
<path fill="none" stroke="#feb600" stroke-linecap="square" stroke-width="3.5" d="M19.47 2.47l-11.68 11-5.32-5"></path>
</svg>
<span class="spec-info">10 GB Speicher</span>
</div>
<div class="spec">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.95 15.88" class="spec-img">
<path fill="none" stroke="#feb600" stroke-linecap="square" stroke-width="3.5" d="M19.47 2.47l-11.68 11-5.32-5"></path>
</svg>
<span class="spec-info">100 MySQL Datenbanken</span>
</div>
<div class="spec">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.95 15.88" class="spec-img">
<path fill="none" stroke="#feb600" stroke-linecap="square" stroke-width="3.5" d="M19.47 2.47l-11.68 11-5.32-5"></path>
</svg>
<span class="spec-info">Eigene Subdomain</span>
</div>
<div class="spec">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.95 15.88" class="spec-img">
<path fill="none" stroke="#feb600" stroke-linecap="square" stroke-width="3.5" d="M19.47 2.47l-11.68 11-5.32-5"></path>
</svg>
<span class="spec-info">Unlimited Traffic</span>
</div>
</div>
<input class="buttons" type="button" value="Bestellen">
</div>
</div>
</main>
<script>
const buttons = document.getElementsByClassName("buttons")
for (let i = 0; i < buttons.length; i++) {
const button = buttons[i];
button.onclick = function() {
Swal.fire('Fehler', 'Diese funktion ist noch nicht verfügbar!', 'error')
}
}
</script>
</body>
</html>

View File

@@ -0,0 +1,98 @@
.contact {
position: absolute;
display: flex;
width: 1200px;
height: 600px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 20px;
overflow: hidden;
}
.info {
position: absolute;
display: inline-block;
width: 500px;
height: 600px;
padding-left: 30px;
background-color: #191919;
}
.info h1 {
text-decoration: underline;
}
.info span {
font-size: 20px;
}
.info img {
position: absolute;
display: block;
height: 70px;
width: auto;
margin-top: 40px;
top: 77%;
}
.email {
position: absolute;
display: inline-block;
width: 700px;
height: 600px;
left: 500px;
background-color: #292929;
padding: 50px;
}
.email * { display: block; }
.email span {
font-size: 30px;
text-decoration: underline;
}
.email input, textarea {
background: none;
border: 2px solid #3498db;
border-radius: 10px;
color: white;
}
.email #user {
margin-top: 20px;
width: 300px;
height: 30px;
font-size: 22px;
}
.email #email {
margin-top: 20px;
width: 400px;
height: 30px;
font-size: 22px;
}
.email #message {
margin-top: 20px;
width: 600px;
height: 300px;
font-size: 15px;
font-family: inherit;
}
.email #submit {
margin-top: 20px;
width: 100px;
height: 50px;
font-size: 18px;
transition: 200ms;
}
.email #submit:hover {
background-color: #3498db;
cursor: pointer;
}

View File

@@ -0,0 +1,36 @@
h1 {
position: absolute;
left: 50%;
transform: translate(-50%, 0);
font-size: 80px;
font-weight: bold;
text-decoration: underline;
}
.buttons {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.button {
position: relative;
width: 400px;
height: 70px;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 50%;
transform: translate(-50%, 0);
background: none;
border: 2px solid #2ecc71;
border-radius: 35px;
cursor: pointer;
color: inherit;
transition-duration: 250ms;
font-size: 30px;
}
.button:hover {
background-color: #2ecc71;
}

View File

@@ -0,0 +1,13 @@
main {
margin: 0;
padding: 0;
}
iframe {
padding: 0;
margin: 0;
border: none;
position: absolute;
width: 100%;
height: calc(100% - 50px);
}

View File

@@ -0,0 +1,81 @@
#title {
text-align: center;
font-size: 70px;
text-decoration: underline;
}
.packets {
display: flex;
position: absolute;
width: 1600px;
height: 600px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.packet {
position: relative;
display: inline-block;
width: 500px;
height: 550px;
background-color: #191919;
border: 3px solid #292929;
border-radius: 20px;
margin: 25px;
}
.packet h1 {
text-align: center;
transform: translate(0, -50%);
font-size: 42px;
}
.specs-container {
position: absolute;
width: 370px;
left: 50%;
top: 25%;
transform: translate(-50%, 0);
}
.spec {
width: 400px;
height: 25px;
margin-top: 20px;
}
.spec-img {
width: auto;
height: 25px;
}
.spec-info {
display: inline-block;
position: relative;
margin-left: 10px;
bottom: 25%;
font-size: 17px;
}
.packet input {
position: absolute;
display: block;
width: 230px;
height: 60px;
border: 2px solid #2ecc71;
border-radius: 30px;
font-size: 30px;
transition: 200ms;
background: none;
color: white;
left: 50%;
top: 100%;
transform: translate(-50%, -150%);
}
.packet input:hover {
cursor: pointer;
background-color: #2ecc71;
}

View File

@@ -0,0 +1,91 @@
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400&display=swap');
body {
padding: 0;
margin: 0;
font-family: 'Montserrat', sans-serif;
background-color: #34495e;
color: white;
}
* {
box-sizing: border-box;
}
a {
color: dodgerblue;
}
.select {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* === Header === */
.navigation {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50px;
background-color: #3498db;
}
.navigation img {
position: relative;
width: auto;
height: 40px;
top: 5px;
left: 10px;
}
.navigation nav {
position: relative;
display: inline-block;
text-align: right;
left: 100%;
transform: translate(-200%, -50%);
}
.navigation a {
position: relative;
color: white;
font-size: 15px;
margin: 5px;
text-decoration: none;
transition: 200ms;
}
.navigation a:hover {
cursor: pointer;
color: #2ecc71;
}
/* === Main === */
main {
position: fixed;
width: 100%;
height: 100%;
top: 50px;
padding: 5px;
}
/* === Alert === */
.swal2-popup {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

View File

@@ -0,0 +1,13 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test</title>
</head>
<body>
<input type="button" value="Submit" id="submit">
<br>
<section id="body"></section>
</body>
<script type="text/javascript" src="test.ts"></script>
</html>