ba/about.html
gmrrh 6a639f80f5 A lot of overall changes
Changes in code readability
   - moving css into styles.css
   - indend the code correctly
Animated Logo Text
Added Serverrules
Overall improvement withe centering of the elements
Added Copy Server IP Button
Added Better Footer
2025-01-09 19:00:51 +01:00

74 lines
3.7 KiB
HTML

<!--
Copyright 2025 TheErrorExe
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-->
<!--
This Website was developed by TheErrorExe for Blockattack. TheErrorExe is and will be a Copyright Holder of this Software.
-->
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Über Blockattack</title>
<link rel="stylesheet" href="/static/css/style.css">
</head>
<body>
<header
style="display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background-color: #333;">
<nav>
<ul style="list-style: none; display: flex; margin: 0; padding: 0;">
<li>
<a href="/" style="display: flex; align-items: center; text-decoration: none; color: #fff;">
<img src="/favicon.ico" alt="Blockattack Logo"
style="width: 32px; height: 32px; margin-right: 8px;">
<span style="font-size: 1.5rem; font-weight: bold;" class="textcolorgradient">Blockattack</span>
</a>
</li>
<li><a href="/about.html" style="text-decoration: none; color: #fff; margin-left: 20px;">Über uns</a>
</li>
<li><a href="/server.html" style="text-decoration: none; color: #fff; margin-left: 20px;">Server
Info</a></li>
</ul>
</nav>
<div>
<button id="copy-ip-btn"
style="background-color: #007bff; color: #fff; border: none; padding: 8px 16px; border-radius: 5px; cursor: pointer; font-size: 1rem;">
Server IP kopieren
</button>
</div>
</header>
<section id="about">
<h2>Über Dr. Mifo und Blockattack</h2>
<p>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!</p>
</section>
<footer>
<p>&copy; BlockAttack 2025</p>
<p>Gehostet auf <a href="https://mine-server.org" target="_blank"
style="color: inherit; text-decoration: inherit;">mine-server.org</a></p>
<p>Website von <a href="https://errexe.xyz" target="_blank"
style="color: inherit; text-decoration: inherit;">TheErrorExe</a></p>
<br>
<a href="/privacy.html" style="display: inline;">Privacy</a>
<p style="display: inline;"> | </p><a href="/terms.html" style="display: inline;">Terms of Service</a>
</footer>
</body>
</html>