63 lines
2.1 KiB
HTML
63 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link rel="icon" href="img/favicon.jpg" type="image/png">
|
|
<link rel="stylesheet" href="style.css">
|
|
<meta charset="UTF-8">
|
|
<title>BR0TCRAFT</title>
|
|
</head>
|
|
<body>
|
|
<div class="header">
|
|
<h1>BR0TCRAFT</h1>
|
|
</div>
|
|
<div class="header-image">
|
|
<img src="img/Background3.jpg" alt="Header Image">
|
|
</div>
|
|
<div class="contact-icons">
|
|
<a href="your discord link" target="_blank"><img src="img/contact/discord.png" alt="Discord"></a>
|
|
<a href="mailto:info.br0tcraft.de"><img src="img/contact/email.png" alt="Email"></a>
|
|
<a href="https://github.com/Br0tcraft"><img src="img/contact/github.png" alt="Email"></a>
|
|
</div>
|
|
<div class="container">
|
|
<div class="section">
|
|
<div class="section-title">Apps</div>
|
|
<a href="apps/Br0tbot/index.html" class="item">
|
|
<div class="item-content">
|
|
<img src="img/Apps/TigerBr0tbot-large.png" alt="App 1 Image">
|
|
<div class="item-text">Br0tbot</div>
|
|
</div>
|
|
</a>
|
|
<a href="apps/Tiny-Snake/index.html" class="item">
|
|
<div class="item-content">
|
|
<img src="img/Apps/snake-large.png" alt="App 1 Image">
|
|
<div class="item-text">Tiny Snake</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="section">
|
|
<div class="section-title">Skripts</div>
|
|
<a href="link-to-script1" class="item devvlog-item">Skript1</a>
|
|
<a href="link-to-script2" class="item devvlog-item">Skript2</a>
|
|
</div>
|
|
<div class="section">
|
|
<div class="section-title">Devvlogs</div>
|
|
<a href="link-to-devvlog1" class="item devvlog-item">Devvlog 1</a>
|
|
<a href="link-to-devvlog2" class="item devvlog-item">Devvlog 2</a>
|
|
</div>
|
|
<div class="section">
|
|
<div class="section-title">Anleitungen</div>
|
|
<a href="link-to-anleitung1" class="item anleitung-item">Anleitung 1</a>
|
|
<a href="link-to-anleitung2" class="item anleitung-item">Anleitung 2</a>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
document.addEventListener("visibilitychange", (event) => {
|
|
if (document.visibilityState == "visible") {
|
|
document.title = "BR0TCRAFT";
|
|
} else {
|
|
document.title = "Come back, please";
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |