86 lines
3.6 KiB
HTML
86 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width">
|
|
<title>Bloub Bloub Studio</title>
|
|
<link rel="stylesheet" href="/style.css">
|
|
<link rel="icon" href="/favicon.ico" type="image/x-icon">
|
|
</head>
|
|
<body>
|
|
<script>
|
|
function menu_toggle() {
|
|
var menu = document.getElementsByTagName('menu')[0];
|
|
var img = document.querySelector('nav > img');
|
|
if (menu.style.display == 'none') {
|
|
menu.style.display = 'block';
|
|
img.src = '/assets/menu-close.png';
|
|
} else {
|
|
menu.style.display = 'none';
|
|
img.src = '/assets/menu-burger.png';
|
|
}
|
|
}
|
|
</script>
|
|
<h1>Bloub Bloub Studio</h1>
|
|
<nav>
|
|
<img src="/assets/menu-burger.png" alt="menu icon" onclick="menu_toggle()" />
|
|
<menu>
|
|
<a href="/">
|
|
<img src="/assets/discord-logo.png" alt="discord" />
|
|
<h3>DISCORD</h3>
|
|
</a>
|
|
<a href="/">
|
|
<img src="/assets/steam-logo.png" alt="steam" />
|
|
<h3>STEAM</h3>
|
|
</a>
|
|
<!--
|
|
<a href="/">
|
|
<img src="/assets/youtube-logo.png" alt="youtube" />
|
|
<h3>YOUTUBE</h3>
|
|
</a>
|
|
-->
|
|
<a href="/">
|
|
<img src="/assets/email-logo.png" alt="email us" />
|
|
<h3>EMAIL US</h3>
|
|
</a>
|
|
<a href="/">
|
|
<img src="/assets/press-kit-logo.png" alt="press kit" />
|
|
<h3>PRESS KIT</h3>
|
|
</a>
|
|
</menu>
|
|
</nav>
|
|
<main class="games">
|
|
<a href="/game0.html" class="game">
|
|
<img src="/assets/miniature/miniature.png" alt="GAME 0" />
|
|
<video class="game-video" autoplay loop muted poster="/assets/miniature/miniature.png">
|
|
<source src="/assets/trailer/trailer.mp4" type="video/mp4">
|
|
</video>
|
|
</a>
|
|
<a href="/game-template" class="game">
|
|
<img src="/assets/miniature/miniature.png" alt="GAME 1" />
|
|
<video class="game-video" autoplay loop muted poster="/assets/miniature/miniature.png">
|
|
<source src="/assets/trailer/trailer.mp4" type="video/mp4">
|
|
</video>
|
|
</a>
|
|
<a href="/game2.html" class="game">
|
|
<img src="/assets/miniature/miniature.png" alt="GAME 2" />
|
|
<video class="game-video" autoplay loop muted poster="/assets/miniature/miniature.png">
|
|
<source src="/assets/trailer/trailer.mp4" type="video/mp4">
|
|
</video>
|
|
</a>
|
|
<a href="/game3.html" class="game">
|
|
<img src="/assets/miniature/miniature.png" alt="GAME 3" />
|
|
<video class="game-video" autoplay loop muted poster="/assets/miniature/miniature.png">
|
|
<source src="/assets/trailer/trailer.mp4" type="video/mp4">
|
|
</video>
|
|
</a>
|
|
<a href="/game4.html" class="game">
|
|
<img src="/assets/miniature/miniature.png" alt="GAME 4" />
|
|
<video class="game-video" autoplay loop muted poster="/assets/miniature/miniature.png">
|
|
<source src="/assets/trailer/trailer.mp4" type="video/mp4">
|
|
</video>
|
|
</a>
|
|
</main>
|
|
</body>
|
|
</html>
|