diff --git a/404.html b/404.html index 17ab8cd..dd33d43 100644 --- a/404.html +++ b/404.html @@ -18,39 +18,56 @@ This Website was developed by TheErrorExe for Blockattack. TheErrorExe is and wi --> + 404 Not Found - Blockattack + -
- -
+
+ +
+ +
+

404 - Nicht Gefunden

-

Die von dir angegebene Webseite wurde nicht gefunden. Prüfe die Schreibweise der URL oder versuch es später nochmal. Wenn du auf etwas geklickt hast und diese Seite erscheint, kontaktiere: theerrorexe@gmail.com oder auf Discord: theerrorexe

+

Die von dir angegebene Webseite wurde nicht gefunden. Prüfe die Schreibweise der URL oder versuch es später + nochmal. Wenn du auf etwas geklickt hast und diese Seite erscheint, kontaktiere: theerrorexe@gmail.com oder + auf Discord: theerrorexe

- + + \ No newline at end of file diff --git a/about.html b/about.html index 61014e2..2634ae8 100644 --- a/about.html +++ b/about.html @@ -18,38 +18,57 @@ This Website was developed by TheErrorExe for Blockattack. TheErrorExe is and wi --> + Über Blockattack + -
- -
+
+ +
+ +
+

Über Dr. Mifo und Blockattack

-

Blockattack ist ein Minecraft Server, betrieben von YouTuber Dr. Mifo (@DrMifo). Hier kannst du nicht nur spannende Abenteuer erleben, sondern auch dein eigenes Land claimen, dich gegen andere Spieler verteidigen und viele weitere coole Features entdecken!

+

Blockattack ist ein Minecraft Server, betrieben von YouTuber Dr. Mifo (@DrMifo). Hier kannst du nicht nur + spannende Abenteuer erleben, sondern auch dein eigenes Land claimen, dich gegen andere Spieler verteidigen + und viele weitere coole Features entdecken!

- + + \ No newline at end of file diff --git a/index.html b/index.html index 6cceb4d..dac52f2 100644 --- a/index.html +++ b/index.html @@ -18,160 +18,40 @@ This Website was developed by TheErrorExe for Blockattack. TheErrorExe is and wi --> + Blockattack - Minecraft Server - + -
- -
+
+ +
+ +
+
@@ -182,21 +62,31 @@ This Website was developed by TheErrorExe for Blockattack. TheErrorExe is and wi

Warum Blockattack?

-
- Feature 1 -

Gebietsclaiming

-

Schütze dein Land vor anderen Spielern und baue es aus.

-
-
- Feature 2 -

PVP-Kämpfe

-

Tritt in spannenden Kämpfen gegen andere Spieler an!

-
-
- Feature 3 -

Events

-

Erlebe regelmäßige Events und spannende Abenteuer.

-
+ + + + + + +
+
+ Feature 1 +

Gebietsclaiming

+

Schütze dein Land vor anderen Spielern und baue es aus.

+
+ 		+
+ Feature 2 +

PVP-Kämpfe

+

Tritt in spannenden Kämpfen gegen andere Spieler an!

+
+ 		+
+ Feature 3 +

Events

+

Erlebe regelmäßige Events und spannende Abenteuer.

+
+
@@ -207,101 +97,130 @@ This Website was developed by TheErrorExe for Blockattack. TheErrorExe is and wi

- +

-

Über den Owner: Dr. Mifo

-
- Dr. Mifo -

Servus, ich stelle mich mal kurz vor und zwar bin ich der Dr.Mifo aka Jayden. Meine Hobbys/was ich gerne mache sind Youtube Videos drehen, Jugendfeuerwehr(JFW),Fahrrad fahren ,Mit Freunden irgend was unternehmen und noch vieles mehr. Mein Größter Wunsch auf Youtube ist irgendwann mal die 1 Mio. Abos zu schaffen. Ich aktzeptiere alle die auf meinen Kanal sind bzw. im Chat sind. Wenn ihr mir helfen wollt mein Traum zu Verwirklichen dann lasst gerne ein Abo da:

Dr Mifo auf YouTube -
-
-
-

Server Status

-

Lade Serverstatus...

- - - -
+

Über den Owner: Dr. Mifo

+
+ Dr. Mifo +

Servus, ich stelle mich mal kurz vor und zwar bin ich der Dr.Mifo aka Jayden. + Meine Hobbys/was ich gerne mache sind Youtube Videos drehen, Jugendfeuerwehr(JFW),Fahrrad fahren ,Mit + Freunden irgend was unternehmen und noch vieles mehr. Mein Größter Wunsch auf Youtube ist irgendwann mal + die 1 Mio. Abos zu schaffen. Ich aktzeptiere alle die auf meinen Kanal sind bzw. im Chat sind. Wenn ihr + mir helfen wollt mein Traum zu Verwirklichen dann lasst gerne ein Abo da:

Dr Mifo auf YouTube +
+
+
+

Server Status

+

Lade Serverstatus...

+ + + +
- - // Nur die IP anzeigen - serverIpElement.innerText = `IP: ${data.ip}`; - } +
+
+

Das Server Team

+ + Lerne das Team kennen + +
+
- // Zeige die Informationen an - serverIpElement.style.display = 'block'; - playersOnlineElement.style.display = 'block'; - motdElement.style.display = 'block'; - }) - .catch(error => { - // Fehler beim Abrufen der Daten - document.getElementById('status-message').innerText = 'Fehler beim Abrufen des Serverstatus.'; - console.error('Fehler:', error); - }); - +
+

Regelwerk:

+ +
-
-

Regelwerk (ich muss noch einen admin fragen einbettung zu aktivieren sorry)

- -
-
-

Lerne das Team kennen

- Lerne das Team kennen -
- -











+











- + + \ No newline at end of file diff --git a/server.html b/server.html index c4fa053..908bff2 100644 --- a/server.html +++ b/server.html @@ -18,27 +18,39 @@ This Website was developed by TheErrorExe for Blockattack. TheErrorExe is and wi --> + Server Info + -
- -
+
+ +
+ +
+
@@ -54,9 +66,15 @@ This Website was developed by TheErrorExe for Blockattack. TheErrorExe is and wi
- + + \ No newline at end of file diff --git a/static/css/style.css b/static/css/style.css index 0c557a1..714efea 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -74,7 +74,9 @@ footer { bottom: 0; } -h1, h2, h3 { +h1, +h2, +h3 { font-size: 2.5em; color: #00d8ff; text-align: center; @@ -97,8 +99,13 @@ body::after { } @keyframes backgroundAnimation { - 0% { background-position: 0 0; } - 100% { background-position: 100% 100%; } + 0% { + background-position: 0 0; + } + + 100% { + background-position: 100% 100%; + } } /* Abschnitte */ @@ -179,7 +186,8 @@ form { margin-top: 20px; } -input, textarea { +input, +textarea { padding: 10px; margin: 10px 0; border: 1px solid #00d8ff; @@ -196,3 +204,220 @@ input[type="submit"] { input[type="submit"]:hover { background-color: #009cba; } + +/* Server Status Bereich */ +#online-players { + margin-top: 20px; +} + +#players-list { + display: flex; + flex-wrap: wrap; +} + +#players-list .player { + margin: 10px; + text-align: center; +} + +#players-list .player img { + border-radius: 50%; +} + +#players-list .player span { + display: block; + margin-top: 5px; + font-weight: bold; +} + +#server-status { + margin-top: 40px; + padding: 20px; + background-color: #f4f4f4; + border-radius: 8px; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); + text-align: center; +} + +#server-status h2 { + font-size: 2rem; + color: #333; + margin-bottom: 15px; +} + +#status-message { + font-size: 1.5rem; + color: #333; + font-weight: bold; +} + +#server-status p { + font-size: 1rem; + color: #555; + margin-top: 10px; +} + +#server-ip, +#players-online, +#motd { + font-size: 1.2rem; + color: #333; +} + +#server-status p a { + color: #007bff; + text-decoration: none; +} + +#server-status p a:hover { + text-decoration: underline; +} + +/* Farbliche Unterschiede für den Status */ +#status-message { + font-size: 1.5rem; + color: #ffffff; + padding: 10px; + border-radius: 5px; +} + +#status-message.online { + background-color: #28a745; + /* Grün für Online */ +} + +#status-message.offline { + background-color: #dc3545; + /* Rot für Offline */ +} + +/* Stil für den TNT-Block */ +.tnt-block { + width: 100px; + height: 100px; + background-image: url('tnt-explode.png'); + background-size: cover; + cursor: pointer; + margin-top: 20px; + transition: background 0.5s ease-in-out; + /* Übergang beim Wechsel der Bilder */ +} + +/* Stil für das GIF */ +.tnt-gif { + display: none; + width: 100px; + height: 100px; + background-size: cover; + cursor: pointer; + margin-top: 20px; + background-image: url('tnt-explode.gif'); + background-size: cover; +} + +/* Stil für das Verstecken der Elemente */ +.hidden { + visibility: hidden; +} + +/* Stil für den Bereich über den Owner */ +#about-owner { + margin-top: 30px; + text-align: center; +} + +.owner-info { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} + +.owner-image { + width: 150px; + height: 150px; + border-radius: 50%; + object-fit: cover; + margin-bottom: 20px; +} + + +.textcolorgradient { + --bg-size: 400%; + --color-one: hsl(15 90% 55%); + --color-two: hsl(40 95% 55%); + font-family: sans-serif; + font-size: clamp(3rem, 25vmin, 8rem); + background: linear-gradient(90deg, + var(--color-one), + var(--color-two), + var(--color-one)) 0 0 / var(--bg-size) 100%; + color: transparent; + background-clip: text; +} + +#team { + margin-top: 40px; +} + +.team-member { + background: rgba(0, 0, 0, 0.3); + margin: 20px; + padding: 20px; + border-radius: 8px; + text-align: center; + width: 300px; + display: inline-block; + vertical-align: top; + transition: transform 0.3s, background 0.3s; +} + +.team-member:hover { + transform: scale(1.05); + background: rgba(0, 0, 0, 0.5); +} + +.team-member img { + border-radius: 50%; + width: 150px; + height: 150px; + object-fit: cover; + margin-bottom: 15px; +} + +.team-member h3 { + color: #fff; + font-size: 1.5em; + margin-bottom: 10px; +} + +.team-member p { + color: #aaa; + font-size: 1.1em; +} + +#team-empty { + color: #fff; + font-size: 1.5em; + text-align: center; + margin-top: 50px; +} + +/* Flexbox für die Team-Mitglieder */ +#team-members { + display: flex; + flex-wrap: wrap; + justify-content: center; +} + +@media (prefers-reduced-motion: no-preference) { + .textcolorgradient { + animation: move-bg 8s linear infinite; + } + + @keyframes move-bg { + to { + background-position: var(--bg-size) 0; + } + } +} \ No newline at end of file diff --git a/team.html b/team.html index 587558d..255c29d 100644 --- a/team.html +++ b/team.html @@ -1,81 +1,38 @@ + Blockattack - Team - + -
+
+
+ +
@@ -117,9 +74,15 @@
- + + \ No newline at end of file