225 lines
6.9 KiB
HTML
225 lines
6.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Gamescoin Projects</title>
|
|
<link rel="stylesheet" href="style/subpage-style.css">
|
|
<link rel="stylesheet" href="style/menu.css">
|
|
<link rel="icon" href="img/logos/brikk-rocks-white.png" type="image/png">
|
|
<!-- Matomo -->
|
|
<script>
|
|
var _paq = window._paq = window._paq || [];
|
|
_paq.push(['setVisitorCookieTimeout', 3600]); // Besucher-Cookie auf 1 Stunde begrenzen
|
|
_paq.push(['setSessionCookieTimeout', 1800]); // Sitzungscookie auf 30 Minuten begrenzen
|
|
_paq.push(['setReferralCookieTimeout', 3600]); // Referrer-Cookie auf 1 Stunde begrenzen
|
|
|
|
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
|
_paq.push(['setDocumentTitle', document.title]);
|
|
_paq.push(['trackPageView']);
|
|
_paq.push(['enableLinkTracking']);
|
|
(function() {
|
|
var u="//analytikks.brikk.rocks/";
|
|
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
|
_paq.push(['setSiteId', '2']);
|
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
|
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
|
|
})();
|
|
</script>
|
|
<!-- End Matomo Code -->
|
|
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<div id="logo" onclick="window.location.href='index.html';">BRIKK.ROCKS</div>
|
|
</header>
|
|
|
|
<h2>GAMESCOIN</h2>
|
|
|
|
<div class="partners">
|
|
<p>I worked closely together with:</p>
|
|
<ul>
|
|
<li>Christian Schön - CCO</li>
|
|
<li>Pourya Hosseini - Creative Strategist</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="text-box">
|
|
<h3>TOKEN GENERATION EVENT</h3>
|
|
<h4>11/2023 / DUBAI</h4>
|
|
<p>The long-awaited Gamescoin crypto token - launched and celebrated with a big bang party at Mandarin Oriental Dubai. ✨</p>
|
|
|
|
</div>
|
|
|
|
<div class="visual" id="tge-visual-box">
|
|
|
|
<video src="video/tge-documentary.mp4" autoplay controls muted loop></video>
|
|
<p class="subtitle">DOCUMENTARY</p>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="text-box">
|
|
<h5>KEYVISUAL</h5>
|
|
<p>Had the chance to play a central role in the development of the keyvisual. Made in Blender.</p>
|
|
|
|
</div>
|
|
|
|
<div class="visual">
|
|
<img id="tge-keyvisual" src="img/gamescoin/keyvisual.jpg" alt="">
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="text-box">
|
|
<h5>"ROCKETLAUNCH"<br>PORTAL REVEAL</h5>
|
|
<p>The final launch.</p>
|
|
</div>
|
|
|
|
<div class="visual">
|
|
<video src="video/rocketlaunch.mp4" autoplay muted loop controls></video>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="text-box">
|
|
<h5>PRESSWALL</h5>
|
|
<p>Keyvisual with partner logos. Wall print.
|
|
</div>
|
|
<div class="visual">
|
|
|
|
|
|
<img src="img/gamescoin/presswall_tge.jpg" alt="">
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="row">
|
|
<div class="text-box">
|
|
<h5>EVENT CONCEPT</h5>
|
|
<p>Theme: "Space Disco".<br>Featuring keyvisual-shaped ice cubes and entertainment from another planet.</p></div>
|
|
<div class="visual" id="event-concept">
|
|
|
|
<div class="visual-row">
|
|
<video src="video/einhorn.mp4" loop autoplay muted></video>
|
|
<video src="video/dancer_girl.mp4" loop autoplay muted></video>
|
|
<video src="video/cookies.mp4" loop autoplay muted></video>
|
|
</div>
|
|
|
|
<div class="visual-row">
|
|
<img id="lobster" src="img/gamescoin/lobster.png" alt="">
|
|
<video src="video/drink_key.mp4" autoplay loop muted></video>
|
|
<div class="cad-models">
|
|
<img src="img/gamescoin/keymodel1.png" alt="">
|
|
<img src="img/gamescoin/keymodel2.png" alt="">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="visual">
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="text-box">
|
|
<h5>CORPORATE DESIGN<br>ANIMATION</h5>
|
|
<p>Animated design and style showcase.</p>
|
|
</div>
|
|
|
|
<div class="visual">
|
|
<video src="video/gamescoin-typo-anim.mp4" autoplay muted loop controls></video>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<footer>
|
|
<a href="impressum.html">Imprint</a>
|
|
</footer>
|
|
|
|
<!-- Soundwave-Button für Fullscreen-Menü -->
|
|
<div id="soundwaveButton">
|
|
|
|
<div class="wave-line"></div>
|
|
<div class="wave-line"></div>
|
|
<div class="wave-line"></div>
|
|
|
|
</div>
|
|
|
|
<div id="menu">
|
|
|
|
|
|
<div class="menu-header">
|
|
|
|
<div class="first-block"></div>
|
|
<div class="logo"><img src="img/logos/brikk-rocks-black.png" alt=""></div>
|
|
<div class="second-block"></div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="menu-center">
|
|
<div class="first-block"></div>
|
|
<nav>
|
|
<div class="sitelinks">
|
|
<a href="index.html#spotlite">HOME</a>
|
|
<a href="index.html#spotlite">SPOTLITE</a>
|
|
<a href="index.html#me">ME</a>
|
|
<a href="index.html#sideprojects">MUSIC</a>
|
|
<a href="index.html#friends">FRIENDS</a>
|
|
</div>
|
|
|
|
|
|
<div class="webshop-container">
|
|
<p id="coming-soon">COMING SOON!</p>
|
|
<a id="webshop-link" href="">WEBSHOP</a>
|
|
<div class="logo-and-claim">
|
|
<p id="stoned-rocks-1">STONED<br>ROKKS</p>
|
|
<div class="sr-logo">
|
|
<img src="img/logos/stoned-rocks.png" alt="">
|
|
</div>
|
|
<p>ART THAT<br>HITS HARD</p>
|
|
</div>
|
|
</div>
|
|
|
|
</nav>
|
|
|
|
<div class="second-block"></div>
|
|
</div>
|
|
|
|
<div class="lower-part">
|
|
<div class="contact-links">
|
|
<div class="left">
|
|
<a href="https://www.linkedin.com/in/mark-hartmann-siegen/">LinkedIn</a>
|
|
<a href="https://www.instagram.com/markdemacco/">Instagram</a>
|
|
</div>
|
|
|
|
<div class="right">
|
|
<a href="tel:+4916096558365">+49 160 965 58 365</a>
|
|
<a href="mailto:mark@brikk.rocks">mark@brikk.rocks</a>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="imprint">
|
|
<a href="imprint.html">Imprint</a>
|
|
</div>
|
|
|
|
<div class="menu-music-control">
|
|
<button id="menuPlayPause">Play/Pause</button>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<script src="scripts/script.js"></script>
|
|
|
|
|
|
</body>
|
|
</html> |