99 lines
3.2 KiB
HTML
99 lines
3.2 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>
|
|
<a href="apps/Br0tkabeln/index.html" class="item">
|
|
<div class="item-content">
|
|
<img src="img/Apps/Br0tkabelnlarge.png" alt="App 1 Image">
|
|
<div class="item-text">Br0tkabeln</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="section">
|
|
<div class="section-title">Entwicklungsumgebungen</div>
|
|
<a href="/enviroments/PocketCode/index.html" class="item devvlog-item">
|
|
<div class="item-content">
|
|
<img src="img/developmentEnvironment/PocketCode.jpeg" alt="App 1 Image">
|
|
<div class="item-text">Pocket Code</div>
|
|
</div>
|
|
</a>
|
|
<a href="" class="item devvlog-item">
|
|
<div class="item-content">
|
|
<img src="img/Background3.jpg" alt="App 1 Image">
|
|
<div class="item-text">bald kommt mehr</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="section">
|
|
<div class="section-title">Devvlogs</div>
|
|
<a href="apps/Tiny-Snake/index.html" class="item devvlog-item">
|
|
<div class="item-content">
|
|
<img src="img/Apps/Earthlarge.png" alt="App 1 Image">
|
|
<div class="item-text">The Simulation</div>
|
|
</div>
|
|
</a>
|
|
<a href="" class="item devvlog-item">
|
|
<div class="item-content">
|
|
<img src="img/Background3.jpg" alt="App 1 Image">
|
|
<div class="item-text">Bald kommt mehr</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="section">
|
|
<div class="section-title">Anleitungen</div>
|
|
<a href="/" class="item anleitung-item">
|
|
<div class="item-content">
|
|
<img src="/img/developmentEnvironment/PocketCode.jpeg" alt="App 1 Image">
|
|
<div class="item-text">Erstes Handy game (Pocket Code) kommt bald</div>
|
|
</div>
|
|
</a>
|
|
<a href="/" class="item anleitung-item">
|
|
<div class="item-content">
|
|
<img src="/img/Background3.jpg" alt="App 1 Image">
|
|
<div class="item-text">mehr kommt bald ... irgendwann ... vielleicht ...</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
document.addEventListener("visibilitychange", (event) => {
|
|
if (document.visibilityState == "visible") {
|
|
document.title = "BR0TCRAFT";
|
|
} else {
|
|
document.title = "Come back, please";
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |