cleanup assets
Before Width: | Height: | Size: 962 B After Width: | Height: | Size: 962 B |
Before Width: | Height: | Size: 39 KiB After Width: | Height: | Size: 39 KiB |
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
Before Width: | Height: | Size: 1.3 MiB After Width: | Height: | Size: 1.3 MiB |
Before Width: | Height: | Size: 231 KiB After Width: | Height: | Size: 231 KiB |
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 21 KiB |
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 24 KiB |
Before Width: | Height: | Size: 53 KiB After Width: | Height: | Size: 53 KiB |
Before Width: | Height: | Size: 2.9 KiB After Width: | Height: | Size: 2.9 KiB |
Before Width: | Height: | Size: 63 KiB After Width: | Height: | Size: 63 KiB |
Before Width: | Height: | Size: 38 KiB After Width: | Height: | Size: 38 KiB |
Before Width: | Height: | Size: 93 KiB After Width: | Height: | Size: 93 KiB |
Before Width: | Height: | Size: 9.4 KiB After Width: | Height: | Size: 9.4 KiB |
84
index.html
|
@ -14,114 +14,112 @@
|
|||
var img = document.querySelector('nav > img');
|
||||
if (menu.style.display == 'none') {
|
||||
menu.style.display = 'block';
|
||||
img.src = '/menu-close.png';
|
||||
img.src = '/assets/menu-close.png';
|
||||
} else {
|
||||
menu.style.display = 'none';
|
||||
img.src = '/menu-burger.png';
|
||||
img.src = '/assets/menu-burger.png';
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<h1>Bloub Bloub Studio</h1>
|
||||
<nav>
|
||||
<img src="/menu-burger.png" alt="menu icon" onclick="menu_toggle()" />
|
||||
<img src="/assets/menu-burger.png" alt="menu icon" onclick="menu_toggle()" />
|
||||
<menu>
|
||||
<a href="/">
|
||||
<img src="/forum-logo.svg" alt="forum" />
|
||||
<img src="/assets/forum-logo.svg" alt="forum" />
|
||||
<h3>FORUM</h3>
|
||||
</a>
|
||||
<a href="/">
|
||||
<img src="/steam-logo.png" alt="steam" />
|
||||
<img src="/assets/steam-logo.png" alt="steam" />
|
||||
<h3>STEAM</h3>
|
||||
</a>
|
||||
<a href="/">
|
||||
<img src="/youtube-logo.png" alt="youtube" />
|
||||
<img src="/assets/youtube-logo.png" alt="youtube" />
|
||||
<h3>YOUTUBE</h3>
|
||||
</a>
|
||||
<a href="/">
|
||||
<img src="/twitter-logo.png" alt="twitter" />
|
||||
<img src="/assets/twitter-logo.png" alt="twitter" />
|
||||
<h3>TWITTER</h3>
|
||||
</a>
|
||||
<a href="/">
|
||||
<img src="/email-logo.png" alt="email us" />
|
||||
<img src="/assets/email-logo.png" alt="email us" />
|
||||
<h3>EMAIL US</h3>
|
||||
</a>
|
||||
<a href="/">
|
||||
<img src="/mailing-list-logo.png" alt="mailing list" />
|
||||
<img src="/assets/mailing-list-logo.png" alt="mailing list" />
|
||||
<h3>MAILING LIST</h3>
|
||||
</a>
|
||||
<a href="/">
|
||||
<img src="/press-kit-logo.png" alt="press kit" />
|
||||
<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="/miniature.png" alt="GAME 0" />
|
||||
<video class="game-video" autoplay loop muted poster="/miniature.png">
|
||||
<source src="/trailer.mp4" type="video/mp4">
|
||||
<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="/game1.html" class="game">
|
||||
<img src="/miniature.png" alt="GAME 1" />
|
||||
<video class="game-video" autoplay loop muted poster="/miniature.png">
|
||||
<source src="/trailer.mp4" type="video/mp4">
|
||||
<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="/miniature.png" alt="GAME 2" />
|
||||
<video class="game-video" autoplay loop muted poster="/miniature.png">
|
||||
<source src="/trailer.mp4" type="video/mp4">
|
||||
<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="/miniature.png" alt="GAME 3" />
|
||||
<video class="game-video" autoplay loop muted poster="/miniature.png">
|
||||
<source src="/trailer.mp4" type="video/mp4">
|
||||
<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="/miniature.png" alt="GAME 4" />
|
||||
<video class="game-video" autoplay loop muted poster="/miniature.png">
|
||||
<source src="/trailer.mp4" type="video/mp4">
|
||||
<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>
|
||||
<a href="/game5.html" class="game">
|
||||
<img src="/miniature.png" alt="GAME 5" />
|
||||
<video class="game-video" autoplay loop muted poster="/miniature.png">
|
||||
<source src="/trailer.mp4" type="video/mp4">
|
||||
<img src="/assets/miniature/miniature.png" alt="GAME 5" />
|
||||
<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="/game6.html" class="game">
|
||||
<img src="/miniature.png" alt="GAME 6" />
|
||||
<video class="game-video" autoplay loop muted poster="/miniature.png">
|
||||
<source src="/trailer.mp4" type="video/mp4">
|
||||
<img src="/assets/miniature/miniature.png" alt="GAME 6" />
|
||||
<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="/game7.html" class="game">
|
||||
<img src="/miniature.png" alt="GAME 7" />
|
||||
<video class="game-video" autoplay loop muted poster="/miniature.png">
|
||||
<source src="/trailer.mp4" type="video/mp4">
|
||||
<img src="/assets/miniature/miniature.png" alt="GAME 7" />
|
||||
<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="/game8.html" class="game">
|
||||
<img src="/miniature.png" alt="GAME 8" />
|
||||
<video class="game-video" autoplay loop muted poster="/miniature.png">
|
||||
<source src="/trailer.mp4" type="video/mp4">
|
||||
<img src="/assets/miniature/miniature.png" alt="GAME 8" />
|
||||
<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="/game9.html" class="game">
|
||||
<img src="/miniature.png" alt="GAME 9" />
|
||||
<video class="game-video" autoplay loop muted poster="/miniature.png">
|
||||
<source src="/trailer.mp4" type="video/mp4">
|
||||
<img src="/assets/miniature/miniature.png" alt="GAME 9" />
|
||||
<video class="game-video" autoplay loop muted poster="/assets/miniature/miniature.png">
|
||||
<source src="/assets/trailer/trailer.mp4" type="video/mp4">
|
||||
</video>
|
||||
</a>
|
||||
</main>
|
||||
<!--
|
||||
<div id="notif">
|
||||
<img id="notif-close" src="close.svg" alt="close button" onclick="document.getElementById('notif').style.display = 'none'" />
|
||||
<img id="notif-close" src="/assets/close.svg" alt="close button" onclick="document.getElementById('notif').style.display = 'none'" />
|
||||
<a href="/game0.html">BUY OUR LAST GAME NOW!</a>
|
||||
</div>
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
|
|